@import url(base.css);



/*****General HTML (inc base overrides) *****/



body {

	background: #1c4a7d url(../images/bg.png) top repeat-x;

	color: #898b85;

}



h1 {

	color: #175191;

	font-size: 1.4em;

	letter-spacing: 0;

}



h1.alt {

	color: #bbbec0;

	font-size: 1.4em;

	font-style: normal;

	padding-left: 8px;

	text-transform: uppercase;

}



h2 {

	font-size: 1.2em;

}



a, 

a:link, 

a:hover, 

a:focus, 

a:active, 

a:visited 

{

	color: #648ebd;

}



a:hover, 

a:focus 

{

	color: #175191;

}



a.pdflink {

	background: url(../images/pdf.png) left center no-repeat;

	display: block;

	/*margin: 3px 0;*/

	padding-left: 21px;

}



.textbox {

	background: url(../images/textbox.png) 10px 0 no-repeat;

	float: left;

	height: 28px;

	margin: 0 0 5px 0;

	padding: 0;

	width: 178px;

}



	.textbox input {

		background: none;

		border: 0;

		color: #898b85;

		height: 20px;

		line-height: 1;

		margin: 0 0 0 10px;

		padding: 6px 4px 4px 4px;

		width: 160px;

	}



.submit {

	float: right;

	height: 26px;

	padding: 0;

	margin: 0 8px 0 0;

	width: 29px;

}



/*****Container *****/

 

#container {

	margin: 0 auto;

	width: 960px;

}



/*****Header *****/



#header {

	background: #175191 url(../images/header-bg.png) top center no-repeat;

	margin: 20px 0 0 0;

}



/*****Brand *****/



#brand {

	padding: 20px 0 6px 15px;

}



/*****Navigation *****/



#navigation {

	width: 100%;

}



	/* Navigation structure handled by superfish.css */

	

	#nav {

		background: #175191;

		float: left;

	}

	

	#nav li {

		margin: 0;

		padding: 0;

	}

	

	#nav ul {

		

	}

	

	#nav ul li {

		width: 12em;

	}

	

	#navigation a {

		color: #7995b3;

		padding: 7px 8px 7px 0;

		text-decoration: none;

		text-indent: 8px;

	}

	

	#nav ul li a {

		color: #0e3158;

		padding: 3px 0;

	}

	

	#nav li:hover, #nav li.sfHover,

	#nav a:focus, #nav a:hover, #nav a:active 

	{

		color: #f6ce00;

	}

	

	#nav ul li:hover, #nav ul li.sfHover,

	#nav ul a:focus, #nav ul a:hover, #nav ul a:active 

	{

		background: #b0c3ce;

		color: #0e3158;

	}

	

	#nav li li {

		background: #d6dbde;

		border-top: 1px #fff solid;

		border-right: 1px #fff solid;

	}

	

	#nav li li li {

		background: #d6dbde;

	}



	#home #navigation li.home,

	#about #navigation li.about,

	#range #navigation li.range,

	#forsale #navigation li.forsale,

	#news #navigation li.news,

	#shop #navigation li.shop,

	#support #navigation li.support,

	#blog #navigation li.blog,

	#contactus #navigation li.contactus 

	{

		background: #f1f3f4 url(../images/tabcorner-tl.png) top left no-repeat;

	}

	

	#home #navigation li.home a, #home #navigation li.home a:link, #home #navigation li.home a:active, #home #navigation li.home a:visited,

	#about #navigation li.about a, #about #navigation li.about a:link, #about #navigation li.about a:active, #about #navigation li.about a:visited,

	#range #navigation li.range a, #range #navigation li.range a:link, #range #navigation li.range a:active, #range #navigation li.range a:visited,

	#forsale #navigation li.forsale a, #forsale #navigation li.forsale a:link, #forsale #navigation li.forsale a:active, #forsale #navigation li.forsale a:visited,

	#news #navigation li.news a, #news #navigation li.news a:link, #news #navigation li.news a:active, #news #navigation li.news a:visited,

	#shop #navigation li.shop a, #shop #navigation li.shop a:link, #shop #navigation li.shop a:active, #shop #navigation li.shop a:visited,

	#support #navigation li.support a, #support #navigation li.support a:link, #support #navigation li.support a:active, #support #navigation li.support a:visited,

	#blog #navigation li.blog a, #blog #navigation li.blog a:link, #blog #navigation li.blog a:active, #blog #navigation li.blog a:visited,

	#contactus #navigation li.contactus a, #contactus #navigation li.contactus a:link, #contactus #navigation li.contactus a:active, #contactus #navigation li.contactus a:visited 

	{

		background: url(../images/tabcorner-tr.png) top right no-repeat;

		color: #175191;

	}

	

	#navigation li li a {

		background-image: none !important;

	}



/*****Cart *****/



#cart {

	display: none;

}



#shop #cart {

	display: block;

}



	#cart p {

		margin: 0;

		padding: 0;

	}



/*****Contact *****/



#contact {

	background: #f1f3f4;

	clear: left;

	color: #898b85;

	font-size: 0.9em;

	padding: 8px 15px 10px 15px;

}



	#contact #cart {

		float: right;

		text-align: right;

	}

	

	#contact a,  #contact a:link,  #contact a:hover,  #contact a:focus,  #contact a:active,  #contact a:visited {

		color: #898b85;

	}

	

	#contact ul {

		margin: 0;

		padding: 0;

	}

	

	#contact li {

		display: inline;

		list-style: none;

		padding-right: 10px;

	}

	

	#contact li span {

		color: #175191;

		font-weight: bold;

	}

	

	

	table.content-form td,

	table.content-form th

	{

		font-weight: normal;

		vertical-align: top;

	}

	

	table.content-form input,
	

	table.content-form textarea, 

	table.content-form select

	{

		background: #fff;

		border: 1px solid #ddd;

		color: #111;

		font: bold 14px/14px Arial, Helvetica, sans-serif;

		padding: 6px;

		width: 240px;

	}

	table.content-form textarea { height: 80px; }

	

	table.content-form input.button {

		background: #175191;

		border: 0;

		color: #fff;

		cursor: pointer;

		font-weight: bold;

		padding: 3px;

		width:auto;

	}

	

	.googlemap { margin: 10px 0 15px 0; }

	

	

/*****Banner *****/



#banner {

	margin: 0 0 -2px 0;

	padding: 0;

}



/*****Content *****/



#content {

	background: #fff url(../images/content-bg.png) bottom center no-repeat;

	overflow: hidden;

	padding: 15px 9px 40px 9px;

	width: 942px;

}



	#content #main h1 { margin-bottom: 15px; }

	

	#content .quarter {

		width: 220px;

	}

	

	#content .half {

		width: 460px;

	}

	

	#content .column {

		display: inline;

		float: left;

		margin: 0 7px

	}

	

	#content .whitebox,  #content .bluebox,  #content .fillbox {

		background: #fff url(../images/clearbox220-bottom.png) center bottom no-repeat;

		padding: 0 0 10px 0;

		margin: 0 0 15px 0

	}

	

	#content .fillbox {

		background: #175191 url(../images/bluebox220-bottom.png) center bottom no-repeat;

		color: #fff;

	}

	

	#content .whitebox p,	#content .whitebox ul, #content .whitebox h2,

	#content .bluebox p, #content .bluebox ul, #content .bluebox h2 

	{

		border-right: #cdd7de 1px solid;

		border-left: #cdd7de 1px solid;

		padding: 5px 10px 0 10px;

	}

	

	#content .fillbox p {

		padding: 5px 10px 0 10px;

	}

	

	#content .whitebox h1 {

		background: #fff url(../images/clearbox220-top.png) top center no-repeat;

		color: #898b85;

		font-size: 1.1em;

		padding: 10px 10px 5px 10px;

	}

	

	#content .bluebox h1 {

		background: #175191 url(../images/bluebox220-top.png) top center no-repeat;

		color: #fff;

		padding: 7px 10px;

	}

	

	#content .fillbox h1 {

		background: #175191 url(../images/bluebox220-top.png) top center no-repeat;

		color: #fff;

		padding: 7px 10px 0 10px;

	}

	

	#content .fillbox h1 span, 

	#content .bluebox h1 span 

	{

		color: #f6ce00;

	}

	

	#content .fillbox ul li,

	#content .whitebox ul li,

	#content .bluebox ul li 

	{

		border-bottom: 1px #e4ecf1 solid;

		list-style: none;

		margin-bottom: 7px;

		padding-bottom: 9px;

	}

	

	#content .fillbox ul li.last,

	#content .whitebox ul li.last,

	#content .bluebox ul li.last 

	{

		border-bottom: none;

		margin-bottom: 0;

		padding-bottom: 0;

	}



/*****Footer *****/



#footer {

	background: #1c4a7d;

	color: #4e7caf;

	padding: 5px 15px;

}



	#footer a,

	#footer a:link,

	#footer a:hover,

	#footer a:focus,

	#footer a:active,

	#footer a:visited 

	{

		color: #4e7caf;

	}

	

	#footer a:hover,

	#footer a:focus 

	{

		color: #fff;

	}

	

	#footer ul {

		float: left;

		margin: 0;

		padding: 0.6em 0;

	}

	

	#footer li {

		border-right: 1px solid #325b88;

		float: left;

		list-style: none;

		margin: 0 5px 0 -5px;

		padding: 0 5px 0 5px;

		font-size: 1em;

	}

	

	#footer li.last {

		border-right: none;

	}

	

	#footer li a {

		text-transform: lowercase;

	}

	

	#footer p {

		float: right;

	}



	#footer p a {

		text-decoration: none;

	}



	#footer img {

		vertical-align: middle;

	}



/*****Themes and page-specific classes *****/



#main {

	width: 694px;

}



/* Home page */



#blog {}



	#blog h1 {

		background: #175191 url(../images/blog-bg.png) top center no-repeat !important;

		font-size: 1.2em;

		font-style: normal;

		font-weight: bold;

		height: 47px;

		margin: 0;

		padding: 15px 10px 0 75px !important;

		text-transform: uppercase;

	}

	

	#blog p {

		clear: both;

		height: 30px;

		margin: -35px 0 0 0 !important;

		padding: 0;

	}

	

	#blog p a,

	#blog p a:link,

	#blog p a:hover,

	#blog p a:focus,

	#blog p a:active,

	#blog p a:visited 

	{

		color: #fff;

		padding: 0 0 0 65px;

	}



#latestnews {}



#thiscategory {}



	#latestnews.bluebox h2,

	#thiscategory.bluebox h2

	{

		border: none;

		font-size: 1.1em;

		font-weight: normal;

		margin: 0;

		padding: 0;

	}

	

	#latestnews.bluebox p {

		border: none;

		margin: 0;

		padding: 0;

	}

	

	#latestnews .more {

		color: #fff;

		float: right;

		margin: -2.4em 10px 0 0;

	}

	

		#latestnews .more a, 

		#latestnews .more a:link, 

		#latestnews .more a:hover, 

		#latestnews .more a:focus, 

		#latestnews .more a:active, 

		#latestnews .more a:visited 

		{

			color: #fff;

		}



#wesupport {

	overflow: hidden;

	width: 220px;

}



	#wesupport .cycle {

		display: inline;

		float: left;

		margin: 10px;

	}



#newsletter {

	overflow: hidden;

	width: 220px;

	line-height: 1.3em;

}



	#newsletter p {

		margin-bottom: 10px;

	}



#featuredboat {}



	#featuredboat { line-height: 1.3em; }

	

	#featuredboat h2 {

		color: #f00;

		font-size: 1.1em !important;

		font-style: normal !important;

		font-weight: normal;

		margin: 0;

		padding: 0;

	}

	

	#featuredboat h2 a {

		display: inline !important;

	}



	#featuredboat .image {

		border-right: #cdd7de 1px solid;

		border-left: #cdd7de 1px solid;

		padding: 15px 10px 10px 10px;

	}

	

	#featuredboat .cornered,

	.whitebox .cornered

	{

		width: 198px;

		height: 122px;

	}



#othermodels {}



	#othermodels li {

		color: #f00;

		text-align: right;

		line-height: 12px;

	}

	

	#othermodels li a {

		float: left;

	}



#boatsforsale {

	float: right;

}



	#boatsforsale ul li#bullet1,

	#boatsforsale ul li#bullet2,

	#boatsforsale ul li#bullet3 

	{

		border: none;

		padding: 12px 0 16px 50px;

	}

	

	#boatsforsale ul li#bullet1 {

		background: #fff url(../images/bullet-blue.png) left center no-repeat;

	}

	

	#boatsforsale ul li#bullet2 {

		background: #fff url(../images/bullet-yellow.png) left center no-repeat;

	}

	

	#boatsforsale ul li#bullet3 {

		background: #fff url(../images/bullet-green.png) left center no-repeat;

		margin-bottom: 0;

	}



/* For Sale / Range / Shop list pages */



#forsale {}



#range {}



#shop {}



	#forsale .whitebox,

	#range .whitebox,

	#shop .whitebox

	{

		display: inline;

		float: left;

		margin: 7px 8px 7px 7px;

	}

	

	#forsale .whitebox h2,

	#range .whitebox h2,

	#shop .whitebox h2

	{

		color: #f00;

		font-size: 1.1em;

		font-weight: normal;

	}

	

	#forsale .whitebox .image,

	#range .whitebox .image,

	#shop .whitebox .image

	{

		background: #fff url(../images/clearbox220-top.png) top center no-repeat;

		margin-bottom: -2px;

		padding: 18px 11px 5px 11px;

	}

	

	#shop h1 {

		padding-bottom: 0;

		margin: 10px 0 0 0;

	}



	#shop .crumbs {

		padding: 0 0 0.5em 7px;

	}

	

		#shop .crumbs a,

		#shop .crumbs a:link,

		#shop .crumbs a:hover,

		#shop .crumbs a:focus,

		#shop .crumbs a:active,

		#shop .crumbs a:visited

		{

			color: #bbbec0;

		}

	

	#shop .catlist {

		display: inline;

		float: left;

		margin: 7px 8px 7px 7px;

		width: 160px;

	}

	

	#shop #itemimages {

		float: right;

		margin: 0 0 1em 1em;

		width: 282px;

	}

	

		#shop #itemimages a {

			display: block;

		}

		

		#shop #itemimages #feature {

			margin: 0 0 26px 0;

		}

		

		#shop #itemimages #sub1 {

			float: left; 

			margin-right: 10px;

		}

		

		#shop #itemimages #sub2 {

			float: left; 

			margin-right: 0;

		}

	

	#forsale span.price,

	#shop span.price

	{

		color: #f00;

	}

	

	table.cart th,

	table.cart td,

	table.cart input,

	table.cart tfoot td.total

	{

		border: #fff 1px solid;

		text-align: right;

	}

	

	table.cart th,

	table.cart tfoot td.total

	{

		background: #e4e9ed;

		font-weight: bold;

	}

	

	table.cart tr {

		background: #f8f9f9;

	}

	

	table.cart tr.alt {

		background: #f3f3f3;

	}

	

	table.cart .desc,

	table.cart tfoot td

	{

		text-align: left;

	}



/* For sale / range detail pages */



	#forsale .fillbox,

	#range .fillbox 

	{

		overflow: hidden;

		width: 220px;

	}



	#forsale .fillbox p,

	#range .fillbox p 

	{

		margin-bottom: 10px;

	}



	#forsale #content .half,

	#range #content .half

	{

		width: 457px;

	}



	#productPlans {

		overflow: hidden;

		padding: 25px 0 0 0;

		width: 457px;

	}

	

	.productPlan {

		float: left;

		padding: 0;

		text-align: center;

		width: 152px;

	}

	

	.productPlan p {

		padding: 10px 0 0 0;

	}

	

	#productSpecifications {

		background: #fff url(../images/clearbox457-bottom.png) bottom center no-repeat;

		padding: 20px 0 0 0;

		width: 457px;

	}



	#productSpecifications h2 {

		background: #175191 url(../images/bluebox457-top.png) center top no-repeat;

		color: #fff;

		font-size: 1.4em;

		margin: 0;

		padding: 5px 10px;

	}

	

	#productSpecifications #specTable {

		border-right: #cdd7de 1px solid;

		border-left: #cdd7de 1px solid;

		margin-bottom: 10px;

		padding: 8px 8px 5px 8px;

	}

	

	#productSpecifications #specTable p { 

		margin: 10px 0 0 0; 

		padding: 0;

	}

	

	#productSpecifications table {

		/*background: #fff url(../images/table-border.png) center repeat-y;*/

		border-collapse: collapse;

		font-size: 1.1em;

		margin: 0;

		width: 437px;

	}

	

	#productSpecifications table th {

		border-bottom: 1px #e4ecf1 solid;

		border-right: 1px #e4ecf1 solid;

		color: #898b85;

		font-weight: normal;

		padding: 2px 5px;

		width: 160px;

	}

	

	#productSpecifications table td {

		border-bottom: 1px #e4ecf1 solid;

		color: #555752;

		padding: 2px 5px 2px 10px;

	}

	

	#gallery {

		overflow: hidden;

		width: 457px;
		

	}

		

		#gallery h2 {

			color: #d6dbde; 

			font-style: italic; 

			font-size: 1.6em;

			padding: 0;

		}

		

		#gallery .cornered {

			float: left;

			height: 77px;

			margin: 0 16px 35px 0;

			text-indent: -9999px;

			width: 136px;

		}

		

		#gallery .third { margin-right: 0; }

		

		#gallery p {

			margin: -0.5em 0 1em 0;

		}

		

	p.clickhere {

		font-size: 1.6em;

		padding: 1em 0 0 0;

		text-align: right;

	}



		/*p.clickhere a {

			background: #fff url(../images/arrow.png) right center no-repeat;	

			padding-right: 9px;

		}*/



/* News listing / detail page */



#news {}



	#news h2 {

		color: #333;

		font-size: 1.2em;

		font-style: normal;

		padding-bottom: 0;

	}

	

	#news h2 a {

		display: block;

		font-style: normal;

	}



	#news h2.title strong {

		color: #648ebd;

		font-weight: bold;

	}

	

	#news #links {

		margin-top: 30px;

	}

	

	#news #links ul {

		list-style: none;

		margin: 0;

		padding: 0;

	}

	

	#news #links ul li {

		float: left;

		margin-right: 1em;

	}

	

	#news #newsimage {

		float: right;

		margin: 0 0 1em 2em;

		height: 186px;

		width: 282px;

	}
	
	#news .newsimage-right {

		float: right;

		margin: 0 0 1em 2em;

		/*height: 186px;

		width: 282px;*/

	}

	

	#news .pdflink,

	#news .weblink

	{

		display: block;

		font-size: 1em;

		padding: 5px 5px 5px 45px;

		width: 13em;

	}

	

	#news .pdflink em,

	#news .weblink em

	{

		display: block;

		font-size: 1.1em;

		font-style: normal;

	}

	

	#news .pdflink {

		background: #f1f3f4 url(../images/pdf-icon.png) 2px center no-repeat;

	}

	

	#news .weblink {

		background: #f1f3f4 url(../images/question-icon.png) 2px center no-repeat;

	}

	

/* We Support page */



#support {}



	#support h2 {

		padding-top: 0;

	}

	

	#support .logo {

		float: left;
		margin-bottom: 45px;

	}

	

	#support .info {

		margin: 0 0 1em 130px;

	}

	

	

	





/* -----------------------------------------------

	sitemap

----------------------------------------------- */

ul.sitemap {

	padding: 0 30px;

	list-style: none;

}



ul.sitemap li { list-style: none; }



ul.sitemap ul {

	margin: 0 20px 0 0;

	list-style: none;

}



ul.sitemap li a {

	font-size: 11px; 

	line-height: 14px;

}



table.sitemap td.left {

	width: 50%;

	border-right: 1px solid #eee;

}



table.sitemap td { vertical-align: top; }