@charset "UTF-8";

@import url("reset.css");

body {background:#030835 url('../images/ui/bg-master.jpg') top center no-repeat fixed;}
div#master{width:940px;background:#ffffff;margin:0 auto;margin-top:20px;}

div#header{width:920px;padding:10px;}

/****************************** PRIMARY NAVIGATION ******************************/
ul#nav_categories{margin:0;padding:0;cursor:pointer;float:right;margin-top:5px;}
ul#nav_categories li, #home {font-family:Helvetica, Arial, sans-serif;font-size:11px;color:#999999;text-transform:uppercase;}
ul#nav_categories li:hover {color:#006bb7;}
ul#nav_categories li {float:left;list-style:none;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}
ul#nav_categories li.active{background:#999999;color:#ffffff;}
ul#nav_categories li.active ul li {color:#999999}
ul#nav_categories li ul {position:absolute;background:#ffffff;display:none;margin:0;padding:0;position:absolute;z-index:10000;margin-top:10px;margin-left:-20px;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:10px;width:180px;}
ul#nav_categories li ul li{float:none;padding-left:10px; padding-top:8px;}
ul#nav_categories li ul li a { text-decoration:none; color:#666666; display: block;}
ul#nav_categories li ul li:hover{background:#cccccc;}
ul#nav_categories li ul li:hover a { color:#ffffff;}
/****************************** /PRIMARY NAVIGATION ******************************/

/****************************** CONTENT ******************************/
div.splash-wrapper{width:920px;height:317px;padding-left:10px;padding-right:10px;overflow:hidden;}
div.splash-wrapper div.splash{position:absolute;display:none;z-index:10;}
div#item1{display:block;}
div#splash-footer{ width:900px; height:13px; background:url('../images/ui/bg-splash-footer.gif') repeat-x; margin-right:10px; margin-left:10px; margin-bottom:10px; padding:10px; font-family:Helvetica, sans-serif; font-size:16px; color:#ffffff; text-transform:uppercase;}
div#splash-footer span.model{ color:#999999;}
div#splash-footer span.float-left{ margin-top:-3px;}

div.col1{ margin-left:10px; margin-bottom:10px; float:left;}
div.col1 div.infobox { width:270px; height:172px; padding:20px; background:url('../images/ui/bg-infobox.gif') no-repeat; margin-bottom:10px; font-size:12px; color:#cccccc; overflow:hidden;}
div.col1 div.infobox div { height:152px; overflow:hidden; padding-top:10px;}
div.col1 div.infobox span.headline { font-size:14px; text-transform:uppercase; font-weight:bold;}
div.col1 div.productheader { width:600px; height:33px; background:url('../images/ui/bg-product-header.gif'); font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase;}
div.col1 div.productheader div.float-left, div.col1 div.productheader div.float-right { padding:8px; padding-left:20px;}
div.col1 div.productheader div.float-right a{ color:#cccccc; text-decoration:none;}
div.col1 div.productheader div.float-right a:hover{ color:#eeeeee; text-decoration:none;}
div.col1 div.productheader div.models { float:right;}

ul.product-nav { padding:0; margin:0;}
ul.product-nav li { list-style:none;float:left; padding:0; margin:0; padding-left:5px; padding-right:5px; cursor:pointer;}
ul.product-nav li div.right { width:5px; height:33px; float:left;}
ul.product-nav li div.left { width:5px; height:33px; float:left;}
ul.product-nav li div.middle { height:25px; float:left; padding-top:8px;}
ul.product-nav li a { color:#ffffff;}
ul.product-nav li a:hover { text-decoration:underline;}

ul.product-nav li.active div.right { background:url('../images/ui/bg-selected-product-r.gif');}
ul.product-nav li.active div.left { background:url('../images/ui/bg-selected-product-l.gif');}
ul.product-nav li.active div.middle { background:url('../images/ui/bg-selected-product-m.gif') repeat-x; color:#666666; padding-left:5px; padding-right:5px; cursor:default;}
ul.product-nav li.active a { color:#666666;}

div.productbody { width:558px; height:427px; border:1px solid #cccccc; border-top:none; color:#666666; font-size:12px; padding:20px; overflow:hidden;}
div.productbody-none { width:558px;  border:1px solid #cccccc; border-top:none; color:#666666; font-size:12px; padding:20px; overflow:hidden;}
div.productbody span.headline { text-transform:uppercase; font-weight:bold;}
div.hr { height:1px; width:100%; border-bottom:1px solid #cccccc; margin:0; padding:0;}

div.productbody div.table-wrapper { height:373px; overflow:auto;}
div.productbody table.specs { width:370px; float:right; padding-right:20px;}
div.productbody table.specs tr td { height:25px; font-weight:bold;}
div.productbody table.specs tr td.spec { text-align:right; font-weight:normal;}
div.productbody span.pdf {padding:0; margin:0; }
div.productbody span.pdf a {text-transform:uppercase; font-weight:bold; color:#666666}
div.productbody span.pdf a:hover { text-decoration:underline;}

ul.splash-counter { margin:0; padding:0; float:right; margin-top:-4px;}
ul.splash-counter li{ list-style:none; float:left; margin:0; padding:0;  width:22px; height:22px; margin-left:8px; cursor:pointer;}
ul.splash-counter li.btn1{ background:url('../images/ui/btn-splash-1.gif') no-repeat;}
ul.splash-counter li.btn2{ background:url('../images/ui/btn-splash-2.gif') no-repeat;}
ul.splash-counter li.btn3{ background:url('../images/ui/btn-splash-3.gif') no-repeat;}
ul.splash-counter li.btn4{ background:url('../images/ui/btn-splash-4.gif') no-repeat;}
ul.splash-counter li.btn5{ background:url('../images/ui/btn-splash-5.gif') no-repeat;}
ul.splash-counter li:hover{ background-position:0 -27px;}
ul.splash-counter li.active{ background-position:0 -27px;}

div.newsletter{width:290px;height:70px;background:url('../images/ui/bg-subpage-newsletter.jpg') no-repeat;font-size:11px;color:#FFFFFF;padding:10px; overflow:hidden}
div.dealer-locator { cursor:pointer;}
div.newsletter p, div.dealer-locator p {width:180px;padding:0;margin:0px;font-weight:normal;}
div.newsletter span.headline, div.dealer-locator span.headline{font-size:14px;font-weight:bold;text-transform:uppercase;}
div.dealer-locator{width:290px;height:70px;background:url('../images/ui/bg-subpage-dealer-locator.jpg') no-repeat;margin-top:10px;font-size:11px;color:#FFFFFF;padding:10px; overflow:hidden}

div.infobox a {color:#ffffff; text-decoration:none}
div.infobox a:hover {text-decoration: underline;}
/****************************** /CONTENT ******************************/

/****************************** FOOTER ******************************/
div#footer{width:900px;height:30px;background:#000000;padding:20px; font-size: 10px; color:#666666;}
div#footer a{font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#666666;text-transform:uppercase;text-decoration:none;}
/****************************** /FOOTER ******************************/

/****************************** UBIQUITOUS STYLES ******************************/
.input-text{width:135px;height:14px;border:none;background:url('../images/ui/bg-input-text.gif') no-repeat;font-size:10px;color:#666666;padding:3px;margin-top:4px;float:left;}
.input-submit{background:url('../images/ui/btn-go.gif');width:34px;height:20px;border:none;margin-top:4px;}
.pointer{cursor:pointer;}
/****************************** /UBIQUITOUS STYLES ******************************/

.dealer-table{ color:#666666;}
.dealer-table a { color:#666666;}
.iframe-wrap {border: 1px solid red; width:595px;height: 410px;}

/************* WEBKIT **************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.productbody { width:598px; height:475px;}
}