@charset "utf-8";
@import url(normalize.css);
@import url(typography.css);

/* LAYOUT STYLES */
body {background-color:#000000; background-image: url(../img/body-bg.gif); background-repeat: repeat; color:#FFFFFF; position:relative; text-align:center;}
div#container {width:800px; height:auto; margin: 0 auto; text-align:left; background-image: url(../img/container-bg.gif); background-repeat: repeat-y; position:relative;}
div#header {height:70px; background-color:#000000; background-image:url(../img/header-bg.gif); background-repeat: no-repeat;}
div#content {float:left; width:570px; max-width:570px; padding-left:20px;}
div#subcontent {float:right; width:190px;}
div#footer {clear:both; position:relative; height: 75px; background-color: #000000; background-image: url(../img/footer-bg.gif); background-repeat: no-repeat; color:#9e9176}
div#col1 {float:left; width:190px;}
div#col2 {float:left; width:340px; margin-left:10px;}
img#hdr-logo {position:absolute; width: 144px; height:82px; z-index:11; top:6px; left:6px;}

div.option-colors {float:left; width: 115px; margin: 7px 15px 4px 0;}
div.option-photos {float:left; width: 115px; margin: 7px 15px 4px 0;}
div.option-windows {float:left; width: 270px; margin: 7px 5px 4px 0;}
div.option-tracks  { margin:0; width: 127px; float: left; padding-left:10px; padding-top:10px;}
div.option-ral  { margin:0; width: 72px; float: left; padding-left:10px; padding-top:10px;}
div.option-profiles  { margin:0; width: 242px; float: left; padding-left:10px; padding-top:10px;}
p#phone-no {float:right; width:188px; margin-top:38px;}
p#corp-info {position:absolute; top:38px; left: 10px; width:560px; text-align:center; font-size:10px;}

/* NAVIGATION STYLES */
div#nav {position:absolute; width:640px; top:42px; right:6px; z-index:10; border-right:1px solid #FFFFFF; background-image:url(../img/nav-bg.jpg); background-position: -120px 0px; background-repeat:repeat-y; text-align:right; padding:0; margin:0;}
div#nav a {color:#9e9176;}
div#nav a:hover {color:#FFFFFF;}
div#nav-top {font-size:1px; height:1px; margin:0 0 7px 0; padding:0px; background-image: url(../img/nav-border.jpg); background-repeat: no-repeat; background-position: -120px 0px;}
div#nav-bottom {font-size:1px; height:1px; margin:7px 0 0 0; padding:0px; background-image: url(../img/nav-border.jpg); background-repeat: no-repeat; background-position: -120px 0px;}
div#nav div.pad {padding-right: 6px;}

div#site-search {position:absolute; width:130px; top:16px; left:670px;}
div#site-search .search-field {width:90px; height:15px; border: 0px solid #FFFFFF; margin-top:2px; font-size:9px; vertical-align: top;}

ul#subnav {padding-bottom:35px;}
ul#subnav a {color:#FFFFFF;}
ul#subnav a:hover {color:#ffeac0;}
ul#subnav a.current {color:#ffeac0;}

div#nav2 {position:absolute; top:12px; left: 10px; width:570px; z-index:10; margin-top:-7px; text-align:center;}
div#nav2 a {color:#9e9176;}
div#nav2 a:hover {color:#FFFFFF;}



div#breadcrumb {color:#FFFFFF; font-size: .9em;}
div#breadcrumb a {color:#2e7985;}

/* TABLE STYLES */
table { color: #000000; font-size: 0.8em; background-color: #ffffff; margin-top: 5px }
td { padding: 2px 3px; border-right: 1px solid #000000; border-bottom: 1px solid #000000 }
thick { border-right: 2px solid #000000 }
th { font-weight: bold; background-color: #c6d9db; padding: 1px 2px; border-right: 1px solid #000000; border-bottom: 1px solid #000000 }
table.tbl_style_01 {margin-top: 5px;; font-size: .8em; color:#000000; background-color:#FFFFFF; background-image:url(../img/tbl_style_01-bg.jpg); background-repeat:repeat-y;}
table.tbl_style_01 th {font-size: 1.1em; background-color:#469fa2; border-right: 1px; border-color:#000000; border-right-style:solid; padding:1px 3px; font-weight:bold;}
table.tbl_style_01 td {border-right: 1px solid #000000; border-bottom: 3px solid #469fa2; padding:2px 3px;}
table.tbl_style_01 td.model {background-color:#c6d9db; font-size: 1.1em; font-weight:bold;}
.results  a {color:#red;}



.model a {color:#265759;}
.model a:hover {color:#000000;}
.model a:visited {color:#265759;}
a { color:#9e9176;}
a:visited { color: #c96 }
table.tbl_style_02 {margin-top: 5px; font-size: .8em; color:#000000; background-color:#FFFFFF;}
table.tbl_style_02 th {background-color:#c6d9db; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding:1px 2px; font-weight:bold;}
table.tbl_style_02 .thick {border-right: 2px solid #000000;}
table.tbl_style_02 td {border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding:2px 3px;}
table.tbl_style_02 .highlight {background-color:#c6d9db; font-weight:bold;}




/*table.tbl_style_03 {margin-top: 5px; font-size: 1em; color:#000000; background-color:#FFFFFF; margin-bottom: 15px; background-image:url(../img/tbl_style_01-bg.jpg); background-repeat:repeat-y;}
*/
table.tbl_style_03 {margin-top: 5px; font-size: 1em; color:#000000; background-color:#FFFFFF; margin-bottom: 15px;}
table.tbl_style_03 th {font-size: 1.1em; background-color:#469fa2; padding:1px 3px; font-weight:bold;}
table.tbl_style_03 td {border-right: none; padding:2px 3px;}
table.tbl_style_03 td.model {background-color:#c6d9db; font-size: 1.2em; font-weight:bold;}


table.tbl_style_04 { color: #000000; font-size: 0.8em; background-color: #000000; margin-top: 5px }


/* LIST STYLES */
div#content ul {list-style-type:disc; padding:3px 0 2px 8px;}
div#content li {margin-left:18px;}

ul.list_style_01 {margin:20px 0 5px 12px; padding:4px 0 4px 30px; background-image: url(../img/list_style_01-bg.jpg); background-repeat: repeat-y; list-style-type:disc}

ol.specs li ol li{list-style:upper-alpha;}
ol.specs li ol li ol li{list-style:decimal;}
ol.specs2 li {list-style:decimal; margin:5px 0 5px 0px; padding:0px 0px 0px 0px;}

ol.list li ol li { list-style: decimal }


ul.disc li, ol.disc li {list-style:disc !important;}



/* CONTACT FORM STYLES */
#contact-form td {
background-color:#000;
color:#FFF;
font-size:11px;
}


/* MISC STYLES */
.uline {border-bottom:2px solid #d2c19e;}
.clearFloat {clear:both;}
.noBorder {border: 0px !important;}



.tdh1 {background-color:#c6d9db; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding:1px 2px; font-weight:bold;}
.tdh2 {background-color:#c6d9db; border-right: 2px solid #000000; border-bottom: 1px solid #000000; padding:1px 2px; font-weight:bold;}
.td1 {border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding:2px 3px;}
.td2 {border-right: 2px solid #000000; border-bottom: 1px solid #000000; padding:2px 3px;}
.uline {border-bottom:2px solid #d2c19e;}
#caption {font-size:.8em; padding-top:5px;}
.results  a {color:#ffeac0;}
.heading3  { color: #d2c19e; border-bottom: 2px solid #d2c19e }