﻿BODY        {margin-left:auto; margin-right:auto;}
TABLE		{margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0;}
TD			{vertical-align:top; text-align:center;}

/* Text and Paragraph Formatting */

	/* Headings */
	
	H1, H2, H3, H4, H5, H6 {font-family: Arial; color: #06295A; margin:0; text-align:center;}
	
	P				{font-family:Times New Roman; color:#06295A; margin:0;}
	.top10			{margin-top:10px;}
	.top20			{margin-top:20px;}
	.bot10			{margin-bottom:10px;}
	.margl10		{margin-left:10px;}
	.margr10		{margin-right:10px;}
	
	.alcenter		{text-align:center;}
	.alleft			{text-align:left;}
	.txtital		{font-style:italic;}
	
	.indent10l		{margin-left:10px;}
	.indent10r		{margin-right:10px;}	

	.txt14pt		{font-size:14pt; font-weight:bold;}
	.txt18pt		{font-size:18pt; font-weight:bold;}

	.pSpecLeft		{font-family:Arial; font-size:10pt; color:#000080; text-align:left; font-weight:bold; margin-left:10px;}
	.pSpecRight		{font-family:Arial; font-size:10pt; color:#FF0000; text-align:left; font-weight:bold;}


/* Specifications Table */
	.tblSpecs		{width:60%; max-width:200px; border-radius:6px 6px 6px 6px; border:2px solid darkgray;}
	.tdSpec			{width:50%;}

/* Accessories Thumbnails Table */
	.tblacc			{width:100%; max-width:1000px;}
	.tdacc			{width:20%;}

/* images */
#imglogo		{width:90%; max-width:325px; border:2px solid maroon; border-radius:6px 6px; margin-top:10px; margin-bottom:0;}
#imgtow			{width:90%; max-width:140px; border:2px solid maroon; border-radius:6px 6px; margin-top:10px; margin-bottom:0;}
#imgboatcntr	{width:90%; max-width:700px; border:2px solid maroon; border-radius:6px 6px; margin-top:10px; margin-bottom:10px;}
#imgaccthumb	{width:90%; border:1px solid red;}
#imgaccpic		{border:2px solid red; }

/* Styles for Devices 251-500px wide */
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:251px) and (max-width:500px)
{
	/* Tables */
		/*Header Table */
		.tblhead					{width:100%; border-collapse:collapse;}
			.tblheadtdleft				{display:none; visibility:hidden;}
			.tblheadtdcntr				{width:100%;}
			.tblheadtdrght				{display:none; visibility:hidden;}
			
		/* Body Table */
		.tblbody					{width:100%; border-collapse:collapse;}
			.tblbodytdleft				{display:none; visibility:hidden;}
			.tblbodytdcntr				{width:100%; border-top:1px solid #800000; border-bottom:1px solid #800000;}
			.tblbodytdrght				{display:none; visibility:hidden;}
		
		/* Footer Table */
		.tblfoot					{width:100%; border-collapse:collapse;}
		    .tblfoottdleft				{display:none; visibility:hidden;}
		    .tblfoottdcntr				{width:100%;}
		    .tblfoottdrght				{display:none; visibility:hidden;}

	H1 {font-size: 24pt; margin:0;}
	H2 {font-size: 20pt; margin:0;}
	H3 {font-size: 16pt;}
	H4 {font-size: 12pt;}
	H5 {font-size: 10pt;}
	H6 {font-size: 8pt;}
	
	#divcenter					{display:block; visibility:visible; width:100%;}

}


/* Styles for Devices 501-700px wide */
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:501px) and (max-width:700px)
{
	/* Tables */
		/*Header Table */
		.tblhead					{width:100%; border-collapse:collapse;}
			.tblheadtdleft				{display:none; visibility:hidden;}
			.tblheadtdcntr				{width:100%;}
			.tblheadtdrght				{display:none; visibility:hidden;}
			
		/* Body Table */
		.tblbody					{width:100%; border-collapse:collapse;}
			.tblbodytdleft				{display:none; visibility:hidden;}
			.tblbodytdcntr				{width:100%; border-top:1px solid #800000; border-bottom:1px solid #800000;}
			.tblbodytdrght				{display:none; visibility:hidden;}
		
		/* Footer Table */
		.tblfoot					{width:100%; border-collapse:collapse;}
		    .tblfoottdleft				{display:none; visibility:hidden;}
		    .tblfoottdcntr				{width:100%;}
		    .tblfoottdrght				{display:none; visibility:hidden;}

	H1 {font-size: 28pt; margin:0;}
	H2 {font-size: 24pt; margin:0;}
	H3 {font-size: 20pt;}
	H4 {font-size: 16pt;}
	H5 {font-size: 12pt;}
	H6 {font-size: 8pt;}

	#divcenter					{display:block; visibility:visible; width:100%;}

}


/* Styles for Devices 701-900px wide */
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:701px) and (max-width:900px)
{
	/* Tables */
		/*Header Table */
		.tblhead					{width:100%; border-collapse:collapse;}
			.tblheadtdleft				{width:25%;}
			.tblheadtdcntr				{width:50%;}
			.tblheadtdrght				{width:25%;}
			
		/* Body Table */
		.tblbody					{width:100%; border-collapse:collapse;}
			.tblbodytdleft				{display:none; visibility:hidden;}
			.tblbodytdcntr				{width:100%; border-top:1px solid #800000; border-bottom:1px solid #800000;}
			.tblbodytdrght				{display:none; visibility:hidden;}
		
		/* Footer Table */
		.tblfoot					{width:100%; border-collapse:collapse;}
		    .tblfoottdleft				{display:none; visibility:hidden;}
		    .tblfoottdcntr				{width:100%;}
		    .tblfoottdrght				{display:none; visibility:hidden;}

	H1 {font-size: 32pt; margin:0;}
	H2 {font-size: 28pt; margin:0;}
	H3 {font-size: 24pt;}
	H4 {font-size: 20pt;}
	H5 {font-size: 10pt;}
	H6 {font-size: 8pt;}
	
	#divcenter					{display:none; visibility:hidden;}

}


/* Styles for Devices 901-1200px wide */
/* -------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:901px) and (max-width:1200px)
{
	/* Tables */
		/*Header Table */
		.tblhead					{width:100%; border-collapse:collapse;}
			.tblheadtdleft				{width:25%;}
			.tblheadtdcntr				{width:50%;}
			.tblheadtdrght				{width:25%;}
			
		/* Body Table */
		.tblbody					{width:100%; border-collapse:collapse;}
			.tblbodytdleft				{display:none; visibility:hidden;}
			.tblbodytdcntr				{width:100%; border-top:1px solid #800000; border-bottom:1px solid #800000;}
			.tblbodytdrght				{display:none; visibility:hidden;}
		
		/* Footer Table */
		.tblfoot					{width:100%; border-collapse:collapse;}
		    .tblfoottdleft				{display:none; visibility:hidden;}
		    .tblfoottdcntr				{width:100%;}
		    .tblfoottdrght				{display:none; visibility:hidden;}

	H1 {font-size: 32pt; margin:0;}
	H2 {font-size: 28pt; margin:0;}
	H3 {font-size: 24pt;}
	H4 {font-size: 20pt;}
	H5 {font-size: 10pt;}
	H6 {font-size: 8pt;}
	
	#divcenter					{display:none; visibility:hidden;}

}

/* Styles for Devices >1200px wide */
/* -------------------------------------------------------------------------------------------------------------------- */
 @media screen and (min-width:1200px)
{

	/* Tables */
		/*Header Table */
		.tblhead					{width:100%; border-collapse:collapse;}
			.tblheadtdleft				{width:25%;}
			.tblheadtdcntr				{width:50%;}
			.tblheadtdrght				{width:25%;}
			
		/* Body Table */
		.tblbody					{width:100%; border-collapse:collapse;}
			.tblbodytdleft				{display:none; visibility:hidden;}
			.tblbodytdcntr				{width:100%; border-top:1px solid #800000; border-bottom:1px solid #800000;}
			.tblbodytdrght				{display:none; visibility:hidden;}
		
		/* Footer Table */
		.tblfoot					{width:100%; border-collapse:collapse;}
		    .tblfoottdleft				{display:none; visibility:hidden;}
		    .tblfoottdcntr				{width:100%;}
		    .tblfoottdrght				{display:none; visibility:hidden;}

	H1 {font-size: 32pt; margin:0;}
	H2 {font-size: 28pt; margin:0;}
	H3 {font-size: 24pt;}
	H4 {font-size: 20pt;}
	H5 {font-size: 10pt;}
	H6 {font-size: 8pt;}
	
	#divcenter					{display:none; visibility:hidden;}

}

}
