@charset  "UTF-8";

/* CSS Document */
body
{
	background: url(../img/layout/bg.png) top repeat-x #00264d;
	margin: 0;
	color: #575757;
	font-size: 12px;
}

*
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a
{
	text-decoration: none;
	color: #004e8a;
	outline: none;
}

a img
{
	border: none;
}

#head
{
	width: 946px;
	margin: 14px auto 0;
	height: 50px;
	padding: 10px 10px 0;
	background: url(../img/layout/head.png);
}

#head h1#logo
{
	width: 231px;
	height: 43px;
	background: url(../img/layout/logo.png);
	float: left;
}

#head h1#logo a
{
	width: 231px;
	height: 43px;
	display: block;
	text-indent: -20000px;
}

#head ul
{
	height: 35px;
	width: 680px;
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 3px;
}

#head ul li
{
	height: 35px;
	width: 100px;
	float: left;
	margin-right: 10px;
}

#head ul li a
{
	height: 25px;
	width: 100px;
	padding-top: 10px;
	display: block;
	text-align: center;
	color: #003b77;
	font-size: 14px;
}

#head ul li a:hover, #head ul li a.active
{
	background: url(../img/layout/nav-over.png);
	color: #fff;
}

#leftCol
{
	float: left;
	width: 198px;
}

ul#leftNav
{
	list-style: none;
	font-size: 11px;
	padding: 0 0 0 12px;
	width: 198px;
	float: left;
}

ul#leftNav li { margin: 1px 0; }

ul#leftNav a
{
	color: #575757;
	display: block;
	border-bottom: 1px solid transparent;
	padding: 3px 0 0 5px;
	height: 14px;
	width: 191px;
}

ul#leftNav a:hover { background: url(../img/layout/leftNav-hover.png); }
ul#leftNav a.active, ul#leftNav a.active:hover { color: white; background: url(../img/layout/leftNav-current.png); }

.leftNavRule
{
	height: 1px;
	background: none repeat scroll 0% 0% rgb(215, 215, 215);
	width: 170px;
	margin: 10px 0pt;
}

#content
{
	background: url(../img/layout/content-head.png) top no-repeat;
	width: 946px;
	padding: 10px 10px 20px;
	margin: 0 auto;
}

#products #content, #select #content, #search #content { background: url(../img/layout/content-head-nav.png) top no-repeat;}
#content .top { height: 35px; }


#content #copy p, #content #copy h2, #content #copy h3 { padding: 5px 15px; }

#content #copy.plain p, #content #copy.plain h2, #content #copy.plain h3 { padding: 5px; }



#content #copy h3
{
	padding-bottom: 0;
	margin-bottom: 0;
}

#content .top #search
{
	height: 23px;
	width: 286px;
	padding: 3px 3px 0;
	float: right;
	background: url(../img/layout/bg-input.png) top no-repeat;
}

#content .top #search input
{
	background: transparent;
	float: left;
	width: 200px;
	color: #959595;
	padding: 4px;
	border: none;
	outline: none;
}

#content .top #search input.submit
{
	float: right;
	width: 68px;
	height: 20px;
	padding: 3px 0 !important;
	background: url(../img/layout/btn-search.png) top;
	color: white;
	font-size: 12px;
}

#content .top #search input.submit:hover { background-position: bottom; }

#content h2
{
	color: #004e8a;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
}

#content h2.title
{
	float: left;
/*	width: 200px;*/
	padding: 5px;
	font-size: 12px;
	color: #666;
}

#content h2.title a
{
	color: #666 !important;	
}

#content div.line
{
	height: 5px;
	background: #004d8a;
	margin: 10px 0;
}

#content #feature
{
	background: url(../img/layout/bg-featurebox.png) top no-repeat;
	height: 170px;
	padding: 10px 20px;
	margin-top: 20px;
}

#content #feature p { width: 400px; }

#content #feature img
{
	float: right;
	margin-right: 30px;
}

#content #featureshuffle
{
	width: 560px;
	height: 120px;
	overflow: hidden;
	_background-color: #ffffff;
}

#content #featureshuffle div { width: 580px; }

#content #content-left #featureshuffle
{
	width: 500px;
	height: 130px;
}

#content #content-left #featureshuffle div { width: 430px; }

#content-left .intro
{
	padding: 0 80px 0 20px;
	font-size: 13px;
	line-height: 15px;
}

#product-left h3
{
	color: #004D8A;
	font-size: 16px;
	margin-bottom: 10px;
}

#product-left h3 span
{
	color: #575757;
	font-size: 12px;
}

#product-left p { width: 340px; margin-bottom: 10px;}

#product-left .productWarranty
{
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	background: #5e5959;
	font-weight: bold;
	width: 330px;
}

#product-left div.productSpecs
{
	background: url(../img/layout/productSpecs.png) top no-repeat;
	padding: 15px;
	width: 323px;
}

#product-left div.productSpecs table
{
	font-size: 11px;
	margin-top: 10px;
}

#product-left table td {
	
	color: #004d8a;
	text-align: left;
	padding: 3px; 
	font-weight: bold;
}

#product-left table th
{
	text-align: left;
	font-weight: normal;
}

#product-left table tr.oddRow { background: #eeeeee; }

#product-left div.productSpecs h3
{
	font-size: 12px;
	color: #004D8A;
}

#content #feature p.feature-head a
{
	color: #004e8a;
	font-weight: bold;
}

#content #feature span
{
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

#content a#btnLeft
{
	background: url(../img/layout/btn-features.png) top left;
	width: 10px;
	height: 10px;
	float: left;
	display: block;
	margin: 5px 5px 0 10px;
}

#content a#btnRight
{
	background: url(../img/layout/btn-features.png) top right;
	width: 10px;
	height: 10px;
	float: left;
	display: block;
	margin: 5px 0 0 0;
}

#content a#btnLeft:hover { background-position: left bottom; }
#content a#btnRight:hover { background-position: right bottom; }

#content #feature p.featurenav, #content #product-feature p.featurenav
{
	float: left;
	width: 51px;
	padding: 4px 3px 0;
}

#content p.featurenav a
{
	border: 1px #959595 solid;
	width: 10px;
	height: 10px;
	background: #fff;
	float: left;
	margin-right: 5px;
	display: block;
	text-indent: -20000px;
}

#content p.featurenav a:hover, #content p.featurenav a.activeSlide { background: #959595; }
#content #content-left p.featurenav { margin: 0; }

#content #homenews
{
	width: 270px;
	height: 300px;
	padding: 20px;
	float: right;
	clear: right;
	background: url(../img/layout/bg-homenews.png) top no-repeat;
}

#content #homenews p
{
	height: 110px;
	padding: 10px 15px 5px 10px;
	background: url(../img/layout/bg-homenews-p.png) top repeat-x;
	border-bottom: 3px #e8e8e8 dotted;
	margin-top: 10px;
}

#content #homenews p a
{
	font-weight: bold;
	color: #575757;
}

#content #copy
{
	width: 630px;
	min-height: 500px;
	float: left;
	clear: left;
}

#content #copy .copyCol
{
	width: 315px;
	float: left;
}

#content #leftNav h2
{
	padding-left: 0;
}

#content #homeHero
{
	height: 200px;
	overflow: hidden;
}

#content #content-left
{
	width: 720px;
	float: right;	
}

#content #select-left
{
	
	width: 720px;
	float: right;
}

#content #product-left
{
	width: 330px;
	float: left;
	margin-left: 30px;
}
#content #product-right
{
	width: 320px;
	float: right;
}
#content #content-left p, #content #content-left h2 { margin: 10px 0; }

#main-bottom
{
	height: 50px;
	padding: 15px 10px;
	background: url(../img/layout/bg-bottom.png) top center no-repeat;
	width: 946px;
	margin: 0 auto;
	color: #959595;
}

#products #main-bottom { background: url(../img/layout/bg-bottom-nav.png) top center no-repeat; }
#main-bottom p { width: 300px; }

#main-bottom p.footer
{
	width: 300px;
	float: right;
	text-align: right;
}

#main-bottom p.footer a
{
	color: #959595;
	font-weight: bold;
}

.product-subbox
{
	width: 193px;
	padding: 7px 15px 0;
	float: right;
	margin-bottom: 10px;
	font-size: 11px;
}

.product-subbox h3
{
	color: #fff;
	padding-bottom: 9px;
	font-size: 14px;
}

.product-subbox a { font-weight: bold; }

#product-finder
{
	height: 86px;
	background: url(../img/layout/product-finder.png) no-repeat top;
}

#product-dealer
{
	height: 83px;
	background: url(../img/layout/product-dealer.png) no-repeat top;
}

#product-right #product-dealer
{
	float:left;
	margin-top:40px;
}


#content #content-left #product-finder p, #content #content-left #product-dealer p { margin: 0; }
#product-dealer a { color: #000; }

#product-feature
{
	width: 440px;
	padding: 10px 15px 0 20px;
	background: url(../img/layout/product-bgfeature.png) top no-repeat;
	float: left;
}

#product-feature p { width: 300px; }
#product-feature img { float: right; }

#content #news
{
	width: 630px;
	min-height: 500px;
	float: left;
	clear: left;
	padding-top: 0;
}

.product-thumb
{
	float: left;
	margin: 10px;
	font-weight: bold;
}

.product-thumb a span
{
	color: #575757;
	font-size: 11px;
}

.product-thumb a
{
	display: block;
	float: left;
	width: 100px;
	height: 140px;
	padding: 20px 20px;
}

.product-thumb a:hover
{
	background: url(../img/layout/productTile.png) top no-repeat;	
}

label
{
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

form#dealerform label
{
	clear:both;
	display:block;
	font-weight:bold;
	margin:0 0 10px;
	padding-top:7px;
}

form#dealerform label label.error {
	width:400px;
	float:right;
	font-weight:normal;
	font-size:12px;
	color:red;
}

form#dealerform label input.error {
	border:1px solid red;
}

form#dealerform label input,
form#dealerform label textarea
{
	border-color:#E2E2E2 #D7D7D7;
	border-style: solid solid;
	border-width: 1px 1px;
	float:right;
	font-size:14px;
	height:24px;
	outline:medium none;
	padding:1px 0 0 5px;
	margin-top:-7px;
	width:400px;
}

form#dealerform label input:focus,
form#dealerform label textarea:focus
{
	color:#004E8A;
	border: 1px solid #004E8A; 
}

form#dealerform label textarea
{
	height:100px;
}

form#dealerform input.submit
{
	float:right;
	clear:both;
	margin-top:20px;
	background:#004D8A;
	border-color: #0079B8 #00558B;
	border-style:solid solid;
	border-width:1px 1px;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

form#dealerform input.submit:hover
{
	background:#0079B8;
}


#content #copy #moreInfo
{
	border-bottom:1px solid #e3eef4;
	width:593px;
}

#content #copy #moreInfo h3
{
	background:url(../img/layout/bgMoreInfo.png) left bottom no-repeat;
	height:26px;
	padding:14px 0 0 40px;
	margin:0;
	font-weight:bold;
	color: #004e8a;
	text-transform:capitalize;
	cursor:pointer;
}

#content #copy #moreInfo h3.current
{
	background-position:top left;
}

#content #copy #moreInfo div
{
	background:url(../img/layout/bgMoreInfoDiv.png) left bottom repeat-x #fff;
	margin:10px 0;
	display:none;
}

#content #copy #moreInfo ul,
#content #copy #moreInfo ol,
#content #copy #moreInfo p
{
	padding: 5px 40px;
	margin:0;
}

#content #copy #moreInfo ul li,
#content #copy #moreInfo ol li

{
	padding: 5px 0 2px 0px;
	margin:0;
}

#content #copy #moreInfo ul p,
#content #copy #moreInfo ol p
{
	padding: 0 0 5px 0px;
	margin:0;	
}