﻿body { margin:0; padding:0; font-family:Tahoma; font-size:12px; color:#000000; background:#FFFFFF url(images/bodyBackground.gif) repeat-x; }
img { border:0; }
a	{ color:#25679c; }
h3	{ color:#666666; }
h1	{ font-size:24px; color:#25679c; }
h2	{ font-size:12px; font-family:Arial; color:#333333; }


#container			{ width:980px; padding:22px 0 0 0; margin:0 auto; height:880px; height:auto !important; min-height:880px; }
#headerContainer	{ height:62px; width:980px; max-width:980px; display:inline; }
#logoContainer		{ float:left; margin-left:0px; width:320px; height:62px; display:inline; }

/*-------------------*/
/* Top Nav */
/*-------------------*/
#locationsContainer			{ float:left; padding-top:32px; margin-left:50px; width:280px; font-size:11px; font-family:Arial; color:#8b8b8b; }
#locationsContainer ul		{ float:left; padding-left:0; list-style:none; margin:0; }
#locationsContainer li		{ float:left; padding-left:15px; background: url(images/locationsbullet.gif) no-repeat; background-position:0;}
#locationsContainer li.locationsCMSListMenuLILast, 
	#locationsContainer li.locationsCMSListMenuHighlightedLILast { margin-right:0; }
#locationsContainer li.locationsCMSListMenuLIFirst,
	#locationsContainer li.locationsCMSListMenuHighlightedLIFirst { list-style:none; padding-left:0; background:0; }
#locationsContainer a		{ text-decoration:none; color:#8b8b8b; }

#utilityContainer			{ float:right; padding:32px 0 0 0; letter-spacing:-1px; font-size:10px; font-weight:bolder; font-family:Arial; color:#4b78a6; text-transform:uppercase; }
#utilityContainer ul		{ float:right; list-style:none; margin:0; padding:1px 1px 0 0; }
#utilityContainer li		{ float:left; padding:0 14px 0 14px; border-right:solid 2px #4b78a6; line-height:11px; }
#utilityContainer li.utilityCMSListMenuLILast, #utilityContainer li.utilityCMSListMenuHighlightedLILast { margin-right:0; padding-right:0; border-right:0; }
#utilityContainer li.utilityCMSListMenuLIFirst, #utilityContainer li.utilityCMSListMenuHighlightedLIFirst	{ padding-left:0; }
#utilityContainer a			{ text-decoration:none; color:#4b78a6; }

#shoppingCart	{ float:left; padding:0 4px 0 26px; }

#mainNavContainer			{ float:left; margin:26px 0 0 0; background:#FFFFFF; border:solid 1px #cecece; width:978px; min-height:39px; height:39px; font-size:12px; font-family:Arial; font-weight:bold; color:#666666; text-transform:uppercase; }
#mainNavContainer ul		{ float:left; list-style:none; padding:0; margin:13px 0 0 0; text-transform:uppercase; }
#mainNavContainer li		{ float:left; padding:0 0 0 33px; }
#mainNavContainer a			{ text-decoration:none; color:#666666; }
#mainNavContainer input.button  { float:right; background-color:#6699cc; font-family:Arial; font-size:9px; font-weight:bold; color:#FFFFFF; height:27px; width:53px; border:0; margin:6px 6px 0 5px; }
#mainNavContainer input.text	{ float:right; border:solid 1px #cecece; height:23px; width:181px; margin:6px 0 0 0; } 

#search	{ float:right; padding:0; margin:11px 30px 0 0; text-transform:uppercase; font-weight:bold; font-size:16px; }

#focalPointContainer		{ position:relative; float:left; margin:30px 0 0 0; padding:2px 2px 2px 2px; border:solid 1px #cecece; min-height:314px; height:314px; width:974px; font-size:12px; font-family:Arial; }
#focalPointContainer img	{ z-index:0; top:0px; left:0px; }
#focalPointText				{ position:absolute; z-index:1; top:145px; left:657px;font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:bold; width:230px; }
#focalPointText	h1			{ font-size:20px; font-weight:bold; color:#FFFFFF; }
#focalPointText	p			{ text-align:left; }

#homeContentContainer		{ float:left; margin:2px 0 0 0; padding:32px 46px 20px 46px; background:#FFFFFF; border:solid 1px #cecece; min-height:318px; width:886px; font-size:12px; font-family:Arial; color:#333333; }
#homeContentContainer h1	{ font-size:24px; color:#25679c; }
#homeContentContainer ul	{ padding:0 0 0 0; margin:0 0 0 17px;}
#homeContentContainer li	{ padding:0 0 22px 0; }

#homeLeftContainer			{ float:left; width:414px; padding:0 29px 0 0; }

#homeRightContainer			{ float:right; width:414px; padding:0 0 0 29px; }
#homeRightTop				{ float:left; padding:0 0 37px 0; }
#logos						{ clear:both; float:left; padding:30px 0 0 0; text-align:center; width:880px; }
.manufacturerLogo			{ float:left; padding:0 0 15px 0; width:155px; text-align:center; }
.logoSeparator				{ float:left; width:85px; }

#featuredBoats				{ clear:both; float:left; width:880px; }

#blueBar	{ float:left; width:980px; height:10px; background:#25679c; margin:2px 0 0 0; }

#footerContainer		{ float:left; margin:2px 0 0 0; padding:2px 2px 2px 2px; background:#FFFFFF; border:solid 1px #cecece; min-height:62px; height:62px; width:974px; font-size:10px; font-family:Arial; font-weight:bold; color:#4b78a6; }
#bottomNavContainer		{ float:left; width:100%; margin:14px 0 0 0; text-align:center; }
#bottomNavContainer ul	{ width:100%; list-style:none; padding:0; margin:0 auto 7px auto; }
#bottomNavContainer li	{ display:inline; padding:0 10px 0 10px; margin:0 0 0 0; border-right:solid 2px #4b78a6;}
#bottomNavContainer li.bottomNavLast { padding:0 0 0 10px; margin:0 0 0 0; border-right:0; }
#bottomNavContainer li.CMSListMenuLIbottonNavLast	{ padding:0 0 0 10px; margin:0 0 0 0; border-right:0; text-transform:uppercase; }
#bottomNavContainer li.CMSListMenuLI { text-transform:uppercase; }
#bottomNavContainer a { text-decoration:none; color:#4b78a6; }


#contentContainer		{ float:left; display:inline; vertical-align:top; margin:30px 0 0 0; padding:2px 2px 20px 2px; background:#FFFFFF; background-position:1px; border:solid 1px #cecece; min-height:636px; height:auto !important; height:636px; width:974px; font-size:12px; font-family:Arial; }
#content				{ float:left; display:inline; vertical-align:top; margin:47px 0 20px 58px; width:590px; height:auto !important; height: 548px; min-height:548px; } 
#contentImage			{ float:right; }

#boatTypeContainer		{ float:left; display:inline; border-top:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5; }
.boatType				{ float:left; display:inline; padding:9px 0 0 19px; width:270px; height:19px; background:#FFFFFF url(images/boatTypeBackground.gif) repeat-x; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; }
.boatType a				{ color:#25679c; font-weight:bold; font-size:12px; text-decoration:none; }

.rightSubNav			{ float:right; display:inline; margin:11px 0 0 0; padding:11px 11px 11px 11px; border:solid 1px #e0e0e0; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; width:218px; clear:right; }
.rightSubNav h1, .rightSubNav h2		{ color:#333333; font-size:12px; font-weight:bold; border-bottom:solid 1px #e0e0e0; padding:0 0 8px 0; margin:0 0 0 ; text-transform:uppercase; }
.rightSubNav ul			{ list-style:none; padding:0; margin:0; color:#25679c; font-weight:bold; font-size:12px; }
.rightSubNav li			{ padding:6px 0 0 0; }
.rightSubNav a			{ text-decoration:none; color:#25679c; }

.partsLocator			{ float:left; display:inline; vertical-align:top; width:589px; min-height:124px; border-top:solid 1px #e0e0e0; padding:22px 0 0 0; margin:0 0 10px 0; }
.partsLocator p			{ color:#333333; font-size:12px; }
.partsLocator .content	{ float:right; }
.partsLocator h1, .partsLocator h2	{ color:#25679c; font-size:12px; font-weight:bold; }
.partsLocator img		{ float:left; clear:right; display:inline; margin:0 22px 0 0; display:inline; width:150px; }

.boatList		{ float:left; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; width:590px; border:solid 1px #e0e0e0; margin:0 0 20px 0; padding:0 10px 10px 0; }
.boatList img	{ float:left; border:solid 2px #666666; margin:20px; }
.boatList h2	{ color:#333333; font-size:14px; font-weight:bold; padding:20px 0 0 0; margin:0;  }
.boatList ul	{ float:left; list-style-type: none; margin:0 0 0 20px; padding:0;}
.boatList li	{ padding:0 0 5px 0; margin:0; clear:left; }
.boatList label { font-weight: bold; padding-right:20px; width:150px; display:block; float:left; }
.boatList .addToCart { display:block; clear: both; float:right; width: 80px; }
.boatListDescription { float:left; margin:10px 10px 0 0; width:335px; }

.boatListHome		{ float:left; display:inline; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; width:880px; border:solid 1px #e0e0e0; margin:0 0 20px 0; padding-bottom:10px; }
.boatListHome img	{ float:left; border:solid 2px #666666; margin:20px; }
.boatListHome h2	{ color:#333333; font-size:12px; font-weight:bold; padding:20px 0 0 0; margin:0;  }

#boatDetail					{ float:left; display:inline; }
#boatDetail	.description	{ float:left; padding-bottom:30px; }

#features		{ float:left; padding:11px 11px 11px 11px; border:solid 1px #e0e0e0; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; width:590px; }
#features h2	{ color:#333333; font-size:12px; font-weight:bold; border-bottom:solid 1px #e0e0e0; padding:0 0 8px 0; margin:0 0 0 ; text-transform:uppercase; }
#features h3	{ color:#333333; font-size:12px; font-weight:bold; padding:10px 0 0 0; margin:0; display:block; float:left; clear:left; }
#features ul	{ font-size:12px; clear:left; list-style-type:none; margin:10px 10px 0 40px; padding:0;}
#features li	{ padding:6px 0 5px 0; margin:0; clear:left; }
#features label { font-weight: bold; padding-right:20px; display:block; float:left; min-width:120px; }
#features featuresGroup ul { font-size:12px; list-style-type: none; margin:10px 10px 0 40px; padding:0; }
#features featuresGroup li { padding:6px 0 5px 0; margin:0; }
#boatImage	{ float:right; display:inline; width:320px; margin:10px 0 0 20px; }
#boatImage img { border:solid 5px #666666; width:300px; }
#boatImage #gallery { text-decoration:none; font-style:italic; width:320px; text-align:center; float:right; margin:5px 0 0 20px; }

#partsLocators		{ float:left; padding:20px 0 0 40px; }
#partsLocators ul	{ float:left; margin:20px 10px 0 40px; padding:0;}
#partsLocators li	{ padding:6px 0 5px 0; margin:0; }
#partsLocators a	{ text-decoration:none; color:#25679c; font-weight:bold; }

.boatSales		{ float:left; margin:0 10px 0 10px; width:270px; }
.boatSales h2	{ color:#333333; font-size:20px; font-weight:bold; padding:20px 0 0 0; margin:0; }
.boatSales a	{ text-decoration:none; color:#333333; }
.boatSales img	{ margin:20px 20px 20px 0; }

.product		{ float:left; padding:5px 0 5px 0; width:600px; }
.product img	{ margin:0 10px 0px 0px; }
.product .productSku { float:left; width: 100px; }
.product .productName {float:left; width: 300px; }
.product .productPrice {float:right; width: 50px; }
.product .addToCart {float:right; width: 100px; }

.relatedProduct	{ float:left; padding:10px; margin:10px; width:500px; border:1px solid #cecece; background:#FFFFFF url(/App_Themes/BackyardBoats/images/rightSubNavBackground.gif) repeat-x; }
.relatedProduct	img	{ margin:5px; }
.relatedProduct	.productSku { float:left; width: 100px; }
.relatedProduct	.productName { float:left; width: 300px; }
.relatedProduct	.productPrice { float:left; width: 50px; clear:left; }
.relatedProduct	.addToCart { float:left; width: 100px; margin-top:10px; clear:left; font-weight:bold; }

#cartSteps			{ float:left; margin:0 0 10px 0; width:590px; }
#cartInstructions	{ float:left; clear:both; margin:20px 20px 20px 0; font-weight:bold; font-size:14px; }
#cartImages			{ float:left; clear:both; margin:10px 0 10px 0; }
#cartImages img		{ margin:0 50px 0 0px; }

#cartStep	{ float:left; width:590px; }
#cartButtons	{ float:right; width:590px; margin-top:10px; }
#cartButtons input { float:right; margin:0 0 0 10px; }	

.addBoatToCart { width:545px; clear:both; float:left; margin:10px; padding:10px; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; border:solid 1px #e0e0e0; }

.BlockTitle	{ display:block; margin:20px 0 20px 0; font-weight:bold; font-size:14px; }


#backgroundPopup   
{
	display:none;   
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;   
	width:100%;   
	top:0;   
	left:0;   
	background:#000000;   
	border:1px solid #cecece;   
	z-index:1;   
}   

#largeImage
{   
	display:none;   
	_position:absolute; /* hack for internet explorer 6*/  
	background:#FFFFFF;   
	border:4px solid #cecece;   
	z-index:2;   
	padding:12px;   
	font-size:12px; 
	font-family:Arial;   	  
}   

#largeImageClose
{
	font-size:12px;   
	line-height:14px;   
	right:2px;   
	top:0px;   
	position:absolute;   
	font-weight:700;   
	display:block;   
	cursor: pointer;
}   


.TabControlTable { width:100%; FONT-SIZE: 14px; FONT-FAMILY: Arial,Verdana; padding:10px; margin-bottom:15px; background:#FFFFFF url(images/rightSubNavBackground.gif) repeat-x; border:solid 1px #cecece; }

.TabControlRow { }

.TabControl { }

.TabControlSelected { FONT-WEIGHT: bold; CURSOR: default; }

.TabControlLinkSelected { TEXT-DECORATION: none }

.TabControlLink { COLOR: black; TEXT-DECORATION: none }

.TabControlLeft { WIDTH: 1px }

.TabControlRight { WIDTH: 0px }

.TabControlSelectedLeft { WIDTH: 1px }

.TabControlSelectedRight { WIDTH: 0px }
