/* ==================== Andrew Colclough July 31, 2007 Modified by Nathan Bailey January, 2008 Further Modified by Matthew Smallwood June, 2008 ==================== /* Global ==========================================*/ DL, DD, UL {margin:0px; padding:0px;} h1 { letter-spacing : -1000em; text-indent : -999em; font-size:.01em; color:#FFFFFF;} /* Just for Opera, but hide from MacIE */ /*\*/html>body .h1 {letter-spacing : normal; text-indent : -999em; overflow : hidden; background-color:#000000;} /* End of hack */ body{margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; height:100%; padding:0; color:#FFFFFF; text-align:center; background-color:#000000;} h1.header {background:url(images/OctaneHeader.gif) no-repeat; height:217px; margin:0px; padding:0px;} /* ______________________________________ */ /* OCTANE SPECIFIC */ /* ______________________________________ */ /* Global ==========================================*/ H2 {font-size:16px; font-weight:bolder; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:20px;} H3 {font-size:13px; font-weight:bolder; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:13px;} /* General Page Layout ==========================================*/ #layout{width:955px; height:1456px; text-align:left; margin-bottom:0px; position:relative; background:url(../images/bg_new.jpg) center 0px no-repeat; border:0px;} #center{width:955px; text-align:left; margin-left:auto; margin-right:auto; margin-bottom:0px; position:relative;} #shadow{margin:0px; padding:0px 5px 0px 5px; background:url(images/edge-shadow.png) right repeat-y;} #wrapper{/*background:#404446;*/ margin:0px; padding:0px; position:relative;} #header{position:relative; width:100%; height:210px;} #leftcol{width:128px; float:left; position:relative; left:5px; top:30px; font-size: 14px;} #midcol{width:755px; position:relative; left: 27px; top: 0px; float: left;} #midleftcol{width:278px; float:left; position:relative; padding-left:25px;} #midrightcol{width:450px; float:left; position:relative; line-height:14px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;} #att_txt{padding-left:50px; padding-right:75px; font-size:12px; line-height:14px;} #rightcol{width:45px; float:right; position:relative;} #buffer{width:100%; height:15px; position:relative} /* #footer{height:30px; background-color:#000000; clear:both; font-size:.7em; padding:10px 15px 5px 0px; text-align:right; color:#FFFFFF;} */ #attributes UL{display:block; font-size:12px; font-weight:bold; line-height:12px; padding:8px 10px 8px 10px; border-right:2px solid #BD1000;} #attributes UL a, #attributes UL a:link, #attributes UL a:active, #attributes UL a:visited {color:#BD1000; text-decoration:none;} #attributes UL a:hover{color:#FFFFFF;} #WARNING{position:absolute; width:500px; height:395px; z-index:1; left: -183px; top: -294px; background-color:#000000; color:#FFFFFF; padding-left:10px; padding-right:10px; border:solid;} #WARNING a{color:#FFFFFF;} #WARNING a:hover{color:#BD1000;} /* Product Specific Page Layout ==========================================*/ #hostageheader{position:relative; width:100%; height:225px;} #stabheader{position:relative; width:100%; height:225px;} #productheader{position:relative; width:100%; height:375px; top: 20px;} #prod_head{padding-left:50px; padding-right:75px; padding-top:25px; height:207px;} #quiv_head{padding-left:50px; padding-right:75px; padding-top:25px;} #stab_head{padding-left:50px; padding-right:75px; padding-top:25px; height:160px;} #media {display:block; font-size:12px; font-weight:bold; line-height:14px; padding:3px 10px 3px 10px;} #media a, #attributes a:link, #attributes a:active, #attributes a:visited {color:#BD1000; text-decoration:none;} #media a:hover{color:#FFFFFF;} /* ______________________________________ */ /* OCTANE SPECIFIC END */ /* ______________________________________ */ /* Same as other BowTech sites */ /* Navigation ==========================================*/ #leftcol { font-family: Geneva, Arial, Helvetica, sans-serif; } #leftcol UL { padding-left:10px; display:block; list-style:none inside; position:relative;} /*For some reason this next line removes an improper list indent in IE - note the display: reset to block; in the line after it*/ #leftcol LI {display:inline;} #leftcol LI a {display:block;} #leftcol DT a, #leftcol DT a:link, #leftcol DT a:active, #leftcol DT a:visited { font-size: 12px; font-weight:bold; display:block; color:#FFFFFF; padding:8px 10px 8px 20px; text-decoration:none; height: 12px; white-space: nowrap;} #leftcol DT a:hover {color:#000000;} #leftcol DD LI a, #leftcol DD LI a:link, #leftcol DD LI a:active, #leftcol DD LI a:visited { font-size: 11px; font-weight:bold; margin:0px; color:#FFFFFF; padding:8px 10px 8px 20px; text-decoration:none; height: 12px; white-space: nowrap;} #leftcol DD LI.sub a, #leftcol DD LI.sub a:link, #leftcol DD LI.sub a:active, #leftcol DD LI.sub a:visited {} #leftcol DD LI a:hover {color:#000000;} #leftcol DD LI.sub a:hover {color:#000000;} a.partners, a:link.partners , a:active.partners , a:visited.partners {position:relative; display:block; background-color: #111111; padding:5px 10px 5px 10px; margin:0px; border-bottom:1px solid #272727; border-right:1px solid #606060;} a:hover.partners {background-color: #2A2A2A;} /* Classes ==========================================*/ #maincol P {padding:10px 15px 10px 15px; line-height:20px;} .buttons {float:left; position:relative;} .buttons a {height:150px; width:198px;} a.main-button1 {background: url(images/but-bowtech.jpg) 0 0px no-repeat; border-right:1px solid #303030; display:block;} a.main-button1:hover {background: url(images/but-bowtech.jpg) 0 -150px no-repeat;} a.main-button2 {background: url(images/but-diamond.jpg) 0 0px no-repeat; border-right:1px solid #303030; display:block;} a.main-button2:hover {background: url(images/but-diamond.jpg) 0 -150px no-repeat;} a.main-button3 {background: url(images/but-stryker.jpg) 0 0px no-repeat; border-right:1px solid #303030; display:block;} a.main-button3:hover {background: url(images/but-stryker.jpg) 0 -150px no-repeat;} a.main-button4 {background: url(images/but-airowgun.jpg) 0 0px no-repeat; display:block;} a.main-button4:hover {background: url(images/but-airowgun.jpg) 0 -150px no-repeat;} .sublinks {margin: 1px; padding: 5px; clear:both; text-align:center;} p.sublinks a, p.sublinks a:link, p.sublinks a:active, p.sublinks a:visited {height:20px; float:left; text-decoration:none; display:block; background: url(images/ui/but50grad.jpg) repeat-x; border: 1px solid #000000; padding:10px 0px 10px 0px; margin:3px 2px 15px 2px; color:#DA2A30; width:145px;} p.sublinks a:hover {color:#ffffff;} .clearfixer {clear:both;} .clean_image {float:right; border:1px solid #202A1F; padding:2px; margin:2px 2px 5px 10px; position:relative; text-align:center;} .clean_image:hover {border:1px solid #3A4D39;} .noborder_clean_image {float:right; padding:2px; margin:2px 2px 5px 10px; position:relative; text-align:center;} .clean_image_left {float:left; border:1px solid #202A1F; padding:2px; margin:2px 2px 5px 10px; position:relative; text-align:center;} .clean_image_left:hover{border:1px solid #3A4D39;} a.a-button, a:link.a-button, a:active.a-button, a:visited.a-button {color:#fff; padding:10px; border:1px solid #1F3022; background-color: #222; /*display:block;*/ position:relative;} a:hover.a-button {border:1px solid #3B443C; background-color: #ccc; color:#000;} .small {font-size: 9px;} .alt_link, .alt_link a, .alt_link a:link, .alt_link a:active, .alt_link a:visited{color:#DD9628;} p.warning {color:#E40A00;} .regs {color:97b292; border: 1px solid #999;} .pics {height:284px; width:315px; float:right; position:relative; text-align:center; margin:10px;} .pics img { width:315px; height:284px; top:0; left:0;} .title_img { position: absolute; top: 0px; left: 20px; z-index: 20; } .purchase_btn { background: #111; border: 1px solid #333; padding: 3px 5px; margin: 10px 20px; } .warning { padding: 10px 0px; } #features { margin: 32px 20px; } a { color: #C00; text-decoration: none; } a:hover { color: #900; } h3 { font-size: 1.5em; font-style: italic; } h4 { font-size: 1.1em; margin: 0px 0px 10px; } ul { list-style-type: none; } ul.bullet_list { list-style-type: disc; margin: 0px; padding: 20px; } /*** Transparent PNG fix for IE 6 ***/ img { behavior: url("scripts/png_fix.htc"); } /*** SPECS STYLES ***/ #specsAccordion { background: #333; font: Verdana, Arial, Helvetica, sans-serif; position: relative; z-index: 15; } #specsAccordion dt { background: #111; padding: 3px 0px; text-align: center; border-bottom: 1px solid #333; } #specsAccordion dd { padding: 5px 10px 10px 10px; vertical-align: middle; } #specsAccordion table { width: 100%; } #specsAccordion td { vertical-align: top; } #specsAccordion td > img { padding-left: 10px; } #specsAccordion td + td { text-align: right; } /* DL DT DD Stuff ==========================================*/ div.details {border-top:1px solid #BD1000; border-bottom:1px solid #BD1000; border-left:1px solid #BD1000; border-right:1px solid #BD1000;} #maincol DL {width:225px; background:none; float:left; margin: 0; padding: 10px 15px 10px 15px;} #maincol DL.dl-end{border:none;} #maincol DT {color:#FFFFFF; font-size:1.5em; font-weight:700;} #maincol DD {padding:2px 0px 2px 0px; color:#97B292;} tr.spec_line td {border-bottom: 1px solid #1F3022;} td.spec_num {padding:3px; font-size:11px; font-weight:700;text-align:left; background-color: #222; border-top: 1px solid #3B443C; border-right: 1px solid #1F3022; border-left: 1px solid #1F3022; color:#fff;} #maincol strong {color:#BD1000;} /* LINKS ==========================================*/ a img {border: none;} /* UNIVERSAL NAVIGATION ==========================================*/ #corner {margin:0px; padding:0px;} #uninav, #uninav div{position:relative; width:100%; text-align:right; top:0px; left:0px; color:#ffffff;} #uninav UL, #uninav LI, #uninav LI a:link, #uninav LI a:active, #uninav LI a:visited {display:inline; color:#ffffff; font-size:1em; padding:0px 5px 0px 0px; text-decoration:none;} #uninav UL {padding-right:75px;} #uninav LI a:hover {color:#cccccc; text-decoration:underline;} #header1 {/*background-color:#81876D;*/ font-weight:800; font-size:.8em; padding:5px 0px 5px 0px;} #header2 {background-color:#000000; font-size:.7em; padding:3px 0px 4px 0px; border-bottom:1px solid #FFFFFF;} #header1.bowtech-nav{background-color:#BD1000; border-bottom: 1px solid #3D0008;} #nav-button {margin:0px; padding:0px; width:75px; z-index:20; position:absolute; float:right; border:none;} IMG.mainmenu {float:right; right:0px; position:absolute; z-index:20;} P.over IMG {float:right; margin-left:5px; margin-bottom:5px;} .over {float:right; font-size:.7em; text-align:left; right:75px; width:400px; padding:10px; position:absolute; z-index:5; background-color:#111111; color:#ffffff; border:3px solid #303030;} #bowtech-link {} /* THICKBOX STYLES ==========================================*/ *{padding: 0; margin: 0;} /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ #TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color: #666666;} #TB_window a:hover {color: #000;} /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ #TB_overlay {position: fixed; z-index:100; top: 0px;left: 0px; height:100%; width:100%;} .TB_overlayMacFFBGHack {background: url(images/ui/macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.50;opacity: 0.50;} * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_window {position: fixed; background: #111111; z-index: 102; color:#97B292; display:none; border: 4px solid #3B443C; text-align:left; top:50%; left:50%;} * html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image {display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;border-top: 1px solid #666; border-left: 1px solid #666;} #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow{ height:25px; padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow{padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title{ background-color:#e8e8e8; color:#000; height:27px;} #TB_ajaxContent{clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0px 5px 0px;} #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */} * html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect{z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;} * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent{clear:both; border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px;} /* Float containers fix: ================================================ http://www.csscreator.com/attributes/containedfloat.php *** */ .clear {clear:both; position:relative;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{display: block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /*printer styles*/ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} #maincol{width:800px; float:none;} a img {border: none;} } #octane_commercial { margin: 100px auto 0px; text-align: center; } #octane_comm_player { margin: 90px auto 0px; text-align: center; } #continue { margin: 20px auto; text-align: center; } .finish_options td { width: 200px; padding: 0px 54px 0px 0px; } .finish_options td.caption { padding-bottom: 6px; text-align: center; vertical-align: top; } .standard_form div { margin: 5px 0px; } .standard_form div.kid_nomarg div { margin: 0px 0px; } .standard_form label { width: 90px; display: block; float: left; clear: none; margin: 3px 5px 0px 0px; text-align: right; } .contact_form label { width: 60px; font-size: 11px; } .small_text { margin: 5px 0px 10px 65px; width: 350px; font-size: 10px; } .callout { background: #222; border: #CCC 1px solid; padding: 10px; margin: 20px 0px; }