/*********************************************************************** DESCRIPTION: CSS for Inovalight AUTHOR: Chip Sheppard - http://sheppco.com/ CREATION DATE: 02/11/2010 LAST MODIFIED: 03/27/2011 ************************************************************************/ body, div, p, img, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} body {background:#1d1f1f url(../images/bg.gif); font:12px Arial, Helvetica, sans-serif; color:#9b9b9c;} img {border: none;} :focus {outline:0;} a { color:#ff9f00; text-decoration:none;} a:hover {color:#ffffff;} a:active {outline:none;} h1 {font-size:18px;} h2 {font-size:16px; color:#ff9f00; padding:0 0 5px 0;} h3 {font-size:14px;} p {margin:0 0 15px 0;} .divider {border-bottom:1px solid #666; width:801px; height:1px; position:absolute; bottom:0px;} .center {text-align:center;} .clear {clear:both;} /* LAYOUT --------------------------------------------------- */ #wrapper_top { background:url(../images/bg_wrapper.png) no-repeat; width:814px; height:20px; margin:58px auto 0; } #wrapper { position:relative; background:url(../images/wrapper_bg.png) repeat-y; width:814px; margin:0 auto; min-height:499px; } #header { position:relative; height:50px; } #logo { position:absolute; top:10px; left:30px; z-index:2; } #title { position:absolute; top:5px; right:-71px; z-index:1; } #page { position:relative; min-height:429px; width:801px; padding:20px 0 0 0; border-bottom:1px solid #000; } /* border necessary for has-layout issue in chrome */ #page.t_home { background:url(../images/bg_t_home.jpg) no-repeat; } #page.t_feat { background:url(../images/bg_t_features.jpg) no-repeat; } #page.t_tech { background:url(../images/bg_t_tech.jpg) no-repeat; } /* NEW compare */ #page.t_comp { background:url(../images/bg_t_tech.jpg) no-repeat; padding:0; } /* NEW compare */ #page.x_home { background:url(../images/bg_x_home.jpg) no-repeat; } #page.x_feat { background:url(../images/bg_x_features.jpg) no-repeat; } #page.x_tech { background:url(../images/bg_x_tech.jpg) no-repeat; } /* NEW tech */ #page.x_comp { background:url(../images/bg_x_tech.jpg) no-repeat; padding:0; } /* NEW compare */ #page.b_home { background:url(../images/bg_bolt_home.jpg) no-repeat; } #page.b_choose { background:url(../images/bg_bolt_choose.jpg) no-repeat; } #page.b_tech { background:url(../images/bg_bolt_tech.jpg) no-repeat; } #page.b_feat { background:url(../images/bg_bolt_features.jpg) no-repeat; } #page.m_home { background:url(../images/bg_micro_home.jpg) no-repeat; } #page.m_feat { background:url(../images/bg_micro_features.jpg) no-repeat; } #page.m_wand { background:url(../images/bg_micro_wand.jpg) no-repeat; } /* OLD 247 --------------------------------------------- */ #page.f_home { background:url(../images/bg_247_home.jpg) no-repeat; } /* -------------------------------------------------------------------------------- */ /* 247 */ #page.t47home { background:url(../images/bg_247_home.jpg) no-repeat; } #page.t47 { background:url(../images/bg_x_tech.jpg) no-repeat; height:460px; } #page.t47modes { background:url(../images/bg_x_tech.jpg) no-repeat; height:480px; padding:0; } /* NOT USED -------------------------------------------------------------- */ #page.t_choose { background:url(../images/bg_t_choose.jpg) no-repeat; } #page.x_choose { background:url(../images/bg_x_choose.jpg) no-repeat; } #page.m_choose { background:url(../images/bg_micro_choose.jpg) no-repeat; } /* -------------------------------------------------------------------------------- */ #page.contact { background:url(../images/bg_contact.jpg) no-repeat; } #page.grid { background:url(../images/bg_grid.gif); } #page.logos { background:url(../images/bg_logos.jpg); } /* MENUS --------------------------------------------------- */ #menu_wrap { position:relative; z-index:10; background:url(../images/wrapper_bottom.png) no-repeat; width:814px; height:94px; margin:0 auto; } #menu { width:730px; font-size:10px; letter-spacing:1px; font-weight:bold; margin:0 0 0 40px; padding-top:3px; } #menu li { position:relative; float:left; list-style:none; } #menu li a { display:inline-block; background:url(../images/menu-lite-off.gif) no-repeat right top; padding:10px 40px 0 20px; color:#9e9e9e; } #menu li a:hover { background:url(../images/menu-lite-on.gif) no-repeat right top; color:#ff9f00; } #menu li.p:hover a.p { background:url(../images/menu-lite-on.gif) no-repeat right top; color:#ff9f00; } #menu li.bn { float:right; list-style:none; } #menu li.bn a { display:inline-block; background:none; padding:10px 0 0 0; font-size:10px; letter-spacing:1px; font-weight:bold; color:#ff9f00; } #menu li.bn a:hover { color:#fff; } /* subnav popup */ #menu ul { position:absolute; bottom:25px; right:0px; z-index:3; list-style-type:none; background:url(../images/menu_bg.png); width:140px; padding:10px 0 10px 10px; visibility:hidden; } #menu ul li { float:none; display:block; text-align:right; } #menu ul li a { display:inline-block; background:url(../images/menu-lite-off.png) no-repeat right; padding:3px 50px 3px 0; width:90px; color:#9e9e9e; text-transform:uppercase; } #menu ul li a:hover { background:url(../images/menu-lite-on.png) no-repeat right; color:#ff9f00; } /* bottom menu */ #b_menu { width:800px; margin:0 auto 15px; border-left:2px solid #323433; height:27px; font-size:10px; letter-spacing:1px; font-weight:bold; } #b_menu li { position:relative; float:left; list-style:none; height:27px; } #b_menu li a { display:inline-block; padding:5px 0 0 0; color:#9e9e9e; width:150px; height:27px; text-align:center; border-right:2px solid #323433; } #b_menu li a:hover { color:#fff; } /* product page sub menu - orange strip */ #p_menu { position:absolute; bottom:30px; right:0px; background:url(../images/menu_c_bar.png) no-repeat bottom right; width:442px; height:45px; } #p_menu ul { height:45px; } #p_menu li { position:relative; z-index:2; float:left; list-style:none; height:27px; } #p_menu li a { display:inline-block; padding:20px 0 0 0; width:50px; color:#d6d6d7; font-size:18px; text-align:center; } #p_menu li a:hover { color:#fff; background:url(../images/menu_c_arrow2.png) no-repeat top center; } #p_menu .active a { color:#fff; background:url(../images/menu_c_arrow2.png) no-repeat top center; } /* NEW X ----------------------------------------------------------------------------------------- */ #p_menu.xh { bottom:10px;} /* home */ #p_menu.xc { bottom:113px;} /* compare */ #p_menu ul.x { padding-left:80px; background:url(../images/menu_c_arrow.png) no-repeat 50px 23px; } #p_menu ul.x li a.uv { width:60px; margin-left:10px; } #p_menu ul.x li.title { padding:5px 15px 0 0;} #p_menu ul.x li.title a { color:#fff; font-size:12px; width:60px; } /* t */ #p_menu.tc { bottom:100px;} /* NEW T compare */ #p_menu ul.tb { padding-left:120px; background:url(../images/menu_c_arrow.png) no-repeat 90px 23px; } #p_menu ul.tb li.title { padding:5px 5px 0 0; } #p_menu ul.tb li.title a { color:#fff; font-size:12px; width:60px;} /* bolt */ #p_menu ul.bb { padding-left:155px; background:url(../images/menu_c_arrow.png) no-repeat 125px 23px; } #p_menu ul.bb li.title { padding:5px 15px 0 0; color:#fff; } #p_menu ul.bb li.title a { color:#fff; font-size:12px; width:80px;} /* micro */ #p_menu ul.ml { padding-left:15px; background:url(../images/menu_c_arrow.png) no-repeat 0px 23px; } #p_menu ul.ml li.title { padding:5px 0 0 0; } #p_menu ul.ml li.title a { color:#fff; font-size:12px; } #p_menu ul.ml li a { width:auto; padding:20px 10px 0 10px; } /* 247 */ #p_menu.tfs ul { padding-left:60px; background:url(../images/menu_c_arrow.png) no-repeat 40px 23px; } #p_menu.tfs ul li a { width:auto; padding:20px 15px 0 15px;} /* OLD X ----------------------------------------------------------------------------------------- */ #p_menu ul.xb { padding-left:140px; background:url(../images/menu_c_arrow.png) no-repeat 110px 23px; } #p_menu ul.xb li.title { padding:5px 15px 0 0;} #p_menu ul.xb li.title a { color:#fff; font-size:12px; width:60px; } /* --------------------------------------------------------------------------------------------------- */ /* micro home NOT USED ??? -------------------------------------------------------------------- */ #p_menu ul.mh { padding-left:120px; background:url(../images/menu_c_arrow.png) no-repeat 80px 23px; } #p_menu ul.mh li a { width:auto; font-size:16px; padding:22px 0 0 0; letter-spacing:1px; text-align:left; } #p_menu ul.mh li a:hover { background:none; padding-left:0; letter-spacing:1px; font-weight:normal; } /* --------------------------------------------------------------------------------------------------- */ /* OLD 247 -------------------------------------------------------------------------------------- */ #p_menu ul.fh { padding-left:180px; background:url(../images/menu_c_arrow.png) no-repeat 140px 23px; } #p_menu ul.fh li a { width:auto; padding:20px 15px 0 15px; letter-spacing:1px; text-align:left; } #p_menu ul.fh li a:hover { background:none; letter-spacing:normal; padding-right:16px; } #p_menu ul.fh li.active a { letter-spacing:normal; padding-right:16px; } /* --------------------------------------------------------------------------------------------------- */ /* OLD micro ------------------------------------------------------- #p_menu ul.ml { padding-left:70px; background:url(../images/menu_c_arrow.png) no-repeat 45px 23px; } #p_menu ul.ml li.title { padding:5px 15px 0 0; } #p_menu ul.ml li.title a { color:#fff; font-size:12px; } #p_menu ul.ml li a { width:auto; padding:20px 10px 0 10px; } ----------------------------------------------------------------------- */ /* OLD bolt home and features ---------------------------------------- #p_menu ul.bh { padding-left:180px; background:url(../images/menu_c_arrow.png) no-repeat 140px 23px; } #p_menu ul.bh li a { width:auto; letter-spacing:1px; text-align:left; } #p_menu ul.bh li a:hover { background:none; padding-left:0; letter-spacing:1px; font-weight:normal; } ---------------------------------------------------------------------------- */ /* product page sub menu - features-specs-compare */ .f_menu { position:absolute; left:30px; width:130px; height:100px; z-index:2; } .f_menu.f { top:220px; } .f_menu.ts { top:275px; } .f_menu.c { top:325px; } .f_menu.f2 { top:250px; } .f_menu.ts2 { top:305px; } .f_menu.c2 { top:355px; } .f_menu.f3 { top:50px; } .f_menu.ts3 { top:105px; } .f_menu.c3 { top:155px; } .f_menu.f4 { top:300px; } .f_menu.ts4 { top:355px; } .f_menu.c4 { top:405px; } .f_menu.f5 { top:195px; } .f_menu.ts5 { top:250px; } .f_menu.a5 { top:305px; } .f_menu.c5 { top:355px; } .f_menu a { background:url(../images/prod-menu-lite-off.png) no-repeat; height:70px; display:block; padding:40px 0 0 15px; color:#9e9e9e; font:11px "Arial Black", Arial, sans-serif; letter-spacing:2px; text-transform:uppercase; } .f_menu a:hover { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#fff; } .f_menu a.active { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#ff9f00; } /* OLD X BLACK BUTTON -------------------------------------------------------------------- */ #black { position:absolute; left:130px; top:250px; width:150px; height:100px; z-index:2; } #black a { background:url(../images/prod-menu-lite-off.png) no-repeat; height:70px; display:block; padding:40px 0 0 15px; color:#9e9e9e; font:11px "Arial Black", Arial, sans-serif; letter-spacing:2px; text-transform:uppercase; } #black a:hover { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#fff; } /* -------------------------------------------------------------------------------------------------------- */ /* HOME PAGE --------------------------------------------------- */ #home_flash { width:700px; margin:0 auto; padding:25px 0 15px 0;} #home_logo { width:420px; margin:0 auto; text-align:right; } #home_text { width:750px; margin:20px auto 0; font-size:13px; color:#ccc;} #home_text img { float:right; margin:25px 0 0 0; } #home_pic { position:absolute; bottom:20px; left:270px; } #h_link { float:right; margin-top:-30px; } #h_link a { background:url(../images/prod-menu-lite-off.png) no-repeat; height:70px; display:block; padding:40px 0 0 15px; color:#ff9f00; font:11px "Arial Black", Arial, sans-serif; letter-spacing:2px; text-transform:uppercase; } #h_link a:hover { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#fff; } /* PRODUCT PAGES --------------------------------------------------- */ .text { margin:0 0 0 490px; width:284px; text-align:justify; } .t { font-size:11px; } .text-t { margin:0 0 0 370px; width:404px; text-align:justify; font-size:11px; } .text-t ul {margin:0 0 15px 0;} .text-t ul li {margin:0 0 5px 15px;} #page .hilite { margin:0 25px 10px 0; text-align:right; color:#ff9f00; font:18px "Arial Narrow", Arial, sans-serif; letter-spacing:1px; } #page .hilite span { color:#c9c9ca; font:bold 18px "Arial Black", Arial, sans-serif; } #prod_pic { position:absolute; bottom:0px; z-index:1; } #head { margin:0 0 0 420px; width:320px; font-family:"Arial Black", Arial, sans-serif; font-weight:bold; } #type { float:left; margin-left:10px; width:110px; text-align:right; font-size:60px; color:#ff9f00; line-height:40px; } #type.empty { float:left; line-height:45px; } #type span { font-size:40px; position:relative; left:-2px; bottom:15px; line-height:20px; } #type span sup { font-size:10px; position:relative; top:-5px; } #pow { float:left; width:185px; font-size:16px; text-align:justify; color:#fff; line-height:20px; text-transform:uppercase; text-align:center; } #pow span { font-size:24px; } #pow.sm { font-size:14px; } #pow.sm span { font-size:20px; } #max { clear:both; margin-left:70px; font-size:12px; background:url(../images/redstrip.png) no-repeat; width:286px; height:69px; padding-top:5px; margin-bottom:15px; text-align:center; color:#ff9f00; } #max span { font-size:40px; line-height:30px; } /* OLD TECH SPECS --------------------------------------------------------------------------------------- */ #tech_pic { position:absolute; bottom:200px; right:80px; text-align:right; } #tech_pic ul { float:right; height:30px; border-left:1px solid #fff; margin:40px 10px 0 0; } #tech_pic li { list-style:none; float:left; height:30px; border-right:1px solid #fff; font-size:11px; padding:0 7px; color:#fff; text-align:center; } /* ----------------------------------------------------------------------------------------------- */ /* NEW TECH SPECS replaces #tech_pic --------------------------------------------------------------------------------------------------------------------------------- */ .tech_spec { position:absolute; top:40px; right:80px; text-align:right;} /* NEW TECH SPECS with ANSI --------------------------------------------------------------------------------------------------------------------------------- */ #ansi_icons { position:absolute; top:275px; left:270px; width:344px; } #ansi_icons p { margin:0; padding:5px 0 0 0; text-align:right; font-size:10px; } #comp_pic { position:absolute; bottom:280px; } #comp_pic.tc { right:10px; } #comp_pic.xc { right:40px; } #compare { position:absolute; bottom:30px; right:30px; } #compare td { border:1px solid #ff9f00; font-size:10px; text-align:center; vertical-align:middle; padding:3px; color:#fff; } #compare td.s { padding:10px 3px; } #compare tr.th td { background-color:#ff9f00; color:#000; font-size:9px; font-weight:bold; } #compare tr.dat td { background:none; } #compare tr.dat:hover td { background-color:#000; cursor:pointer; } /* COMPARE PAGES --------------------------------------------------- */ .c_all { float:left; width:180px; margin:10px 0 0 100px; text-align:center; font-size:14px; line-height:18px; color:#fff;} .c_all a { font-size:25px; color:#fff; line-height:36px;} .c_all span { font-size:25px; padding:0 2px;} a.onoff {color:#ff9f00;} /* --- T compare ----------------------------------------------------------------- */ .tc_menu { height:100px; text-align:right; margin-top:40px;} .tc_menu a { background:url(../images/prod-menu-lite-off.png) no-repeat; height:70px; display:inline-block; padding:40px 15px 0 15px; color:#9e9e9e; font:11px "Arial Black", Arial, sans-serif; letter-spacing:2px; text-transform:uppercase; } .tc_menu a:hover { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#fff; } .tc_menu a.active { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#ff9f00; } .tc_img {float:left; position:relative; z-index:3; text-align:right; width:429px; cursor:pointer;} .ti1 {padding-top:32px; height:63px;} .ti2 {padding-top:41px; height:66px;} .ti3 {padding-top:34px; height:78px;} .ti4 {padding-top:42px; height:84px;} .ti5 {padding-top:35px; height:87px;} .tc_beam {float:left; position:relative; z-index:1; color:#000; width:374px; margin-left:-3px;} .tb1 { height:95px;} .tb2 { height:107px;} .tb3 { height:112px;} .tb4 { height:126px;} .tb5 { height:122px;} /* --- X compare ----------------------------------------------------------------- */ .xc_menu { height:100px; text-align:right; margin-top:40px;} .xc_menu a { background:url(../images/prod-menu-lite-off.png) no-repeat; height:70px; display:inline-block; padding:40px 15px 0 15px; color:#9e9e9e; font:11px "Arial Black", Arial, sans-serif; letter-spacing:2px; text-transform:uppercase; } .xc_menu a:hover { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#fff; } .xc_menu a.active { background:url(../images/prod-menu-lite-on.png) no-repeat; color:#ff9f00; } .xc_img {float:left; position:relative; z-index:3; text-align:right; width:433px; cursor:pointer;} .xi1 {padding-top:30px; height:59px;} .xi2 {padding-top:20px; height:67px;} .xi3 {padding-top:40px; height:74px;} .xi4 {padding-top:37px; height:101px;} .xc_beam {float:left; position:relative; z-index:1; color:#000; width:370px; margin-left:-3px;} .xb1 { height:89px;} .xb2 { height:87px;} .xb3 { height:114px;} .xb4 { height:138px;} .colors {text-align:center; font-size:10px; color:#f4a00e; width:140px; height:130px; padding-top:45px; margin:-20px auto 0; background:url(../images/x_clr-bg.png) no-repeat;} .colors a img {border:1px solid #000;} .colors a:hover img, .colors a.al img {border:1px solid #f4a00e;} /* --- end compare -------------------------------------------------------------- */ /* X 5 UV --- */ .x5uv {font-size:15px;} .x5uv .img {height:205px; text-align:right; position:relative;} .x5uv .txttop { font-family:"Arial Black", Gadget, sans-serif; padding:0 60px 0 25px;} .x5uv .txtbot {color:#fff; padding:0 60px 0 25px;} .x5uv .colors { margin:-20px 0 0 0;} .x5uv .img ul { position:absolute; z-index:5; left:610px; top:30px; color:#fff; width:180px; text-align:left; list-style:none; line-height:12px; } .x5uv .img li { list-style:none; padding:0 0 7px 0; font-size:11px; } .x5uv .img li strong { text-transform:uppercase; } /* FEATURES PAGES --------------------------------------------------- */ #features_menu { float:right; width:160px; height:420px; font-weight:bold; } #features_menu ul { list-style:none; position:relative; } #features_menu ul li a { background:url(../images/features-menu-lite-off.png) no-repeat; height:44px; display:block; padding:15px 0 0 15px; font:10px "Arial Black", Arial, sans-serif; text-transform:uppercase; } #features_menu ul li a:hover { background:url(../images/features-menu-lite-on.png) no-repeat; color:#fff; } #features .txt { color:#fff; font-weight:bold; } #features .txt2 { color:#fff; font-weight:bold; text-align:right; } #features_flash { position:absolute; top:0px; right:0px; } #features_head { float:left; padding:0 0 0 15px; width:500px; } #features_head h1 { margin:0; padding:0; } #features2 { margin:10px 0 0 30px; } #features2 td { vertical-align:top; padding:5px; font-size:11px; color:#fff; } #features2 td.b { padding:10px 0; } /*--- OLD ------------------------------------------------------------ #features2 td.b img { float:left; padding-right:10px; } #features2 td.b p { margin:0 0 5px 0; } -------------------------------------------------------------------------*/ #preload { display:none; } /* microlight */ h1.micro { font-size:30px; letter-spacing:1px; padding:0 0 25px 40px; color:#fff; } h2.micro { font-size:20px; letter-spacing:1px; padding:0 0 15px 40px; color:#fff; position:relative; z-index:1; } h2.micro sup { font-size:12px; } #micro_list li { list-style:none; padding:0 0 10px 0; font-size:11px; } #microlights { position:relative; margin:0 0 0 20px; width:784px; } .caption { font-size:18px; position:absolute; top:270px; left:5px; width:360px;} .caption.blu {color:#0b41a9;} .caption.grn {color:#207a02;} .caption.red { color:#ae0900;} .caption-ansi { position:absolute; top:210px; left:5px; width:294px;} .caption-wand { font-size:16px; position:absolute; top:325px; left:45px; width:504px;} .micro_rc { position:absolute; z-index:5; left:610px; top:20px; color:#fff; width:180px; list-style:none; line-height:12px; } .micro_rcw { position:absolute; z-index:5; left:620px; top:125px; color:#fff; width:170px; list-style:none; line-height:12px; } .micro_tc { position:absolute; z-index:5; left:40px; top:80px; color:#fff; width:220px; list-style:none; line-height:13px; } .micro_uv { position:absolute; z-index:5; left:630px; top:170px; color:#fff; width:220px; list-style:none; line-height:13px; } .micro_rc li, .micro_rcw li, .micro_tc li, .micro_uv li { list-style:none; padding:0 0 7px 0; font-size:11px; } .micro_rc li strong, .micro_tc li strong, .micro_uv li strong { text-transform:uppercase; } #micronav { height:36px; float:right; position:relative; top:-25px; z-index:10; margin-right:35px;} #micronav li { float:left; list-style:none; } #viewcolors { clear:both; color:#ffcc00; line-height:4px; padding-left:10px; } /* 24/7 */ /* OLD 247 Stuff --------------------------------------------------------------------- */ .text247 { margin:0 0 0 370px; width:404px; text-align:justify; font-size:11px; } h1.acc { font-weight:normal; font-size:34px; letter-spacing:1px; padding:0 0 25px 40px; color:#ec932d; } #accessories { margin:0 auto; } #accessories td { vertical-align:top; } #accessories td.i { color:#fff; font-size:14px; text-align:right; padding:0 0 50px 0; } #accessories td.i img { border:2px solid #f4b942; margin:0 0 5px 0; } #accessories td.i2 img { border:2px solid #f4b942; margin:5px 0 0 0; } #accessories td.i2 { color:#fff; font-size:14px; padding:0 0 50px 0; } /* ------------------------------------------------------------------------------------------ */ .t247 {margin:0 0 0 330px; width:446px; text-align:justify;} .h247 {font-size:36px; color:#ff9f00; font-weight:bold; margin-bottom:10px; text-transform:uppercase; letter-spacing:1px;} .tbl247 {margin:20px 0 70px 0;} .tbl247 td { font:12px "Arial Black", Gadget, sans-serif; color:#f49102; padding:0 0 15px 20px; text-transform:uppercase;} .tbl247 td img {border:2px solid #f49102; margin:0 0 5px 0;} h3.a247 {font:normal 14px "Arial Black", Gadget, sans-serif; color:#9b9b9c; padding:0 30px;} .ansi247 {float:left; width:235px; margin-top:35px; text-align:center;} .display247 {float:left; margin:0 45px 0 200px; text-align:center;} .choose247 {margin:-20px 0 5px 0; color:#fff; font-size:10px;} .choose247 a img {border:1px solid #000; margin-bottom:3px;} .choose247 a:hover img, .choose247 a.select img {border:1px solid #fff;} .fb247 {margin-top:5px;} .fb247 a {color:#fff;} .fb247 a:hover {color:#ff9f00;} .fb247 a.select {color:#ff9f00;} .flash247 {float:left; margin:-20px 0 0 150px; text-align:center; height:490px;} /* OTHER PAGES --------------------------------------------------- */ /* about Inova */ .about_text { float:left; width:230px; margin:0 0 0 30px; } .about_text h2 { font-size:14px; } .about_text p {} /* color:#ccc; text-align:justify; */ /* contact */ #contact_text { font-size:14px; padding:0 0 0 30px; } /* merchandising */ #merch h2 {text-align:center; font-weight:normal; font-size:16px; line-height:24px; color:#fcb033; text-transform:uppercase; padding-bottom:30px;} #merch h3 {text-align:left; font-weight:normal; font-size:16px; line-height:24px; letter-spacing:1px; color:#fff; padding:0 20px 30px 60px;} .merch-head { background:url(../images/merch-head-bg.png) no-repeat; text-align:center; text-transform:uppercase; color:#fff; font-size:15px; height:32px; padding-top:17px; width:732px; margin:0 auto;} .merchlinks { text-align:center; font-size:16px; padding-bottom:40px;} .merchlinks a { color:#fff; text-transform:uppercase;} .merchlinks a:hover, .merchlinks a.onoff { color:#ff9f00; border-bottom:1px solid #ff9f00;} .pack-x, .pack-t, .pack-b, .pack-m, .pack-cs, .pack-rc, .pack-wf, .pack-le {padding:15px 30px 80px 30px;} .pack-x img {padding-right:35px; padding-bottom:60px;} .pack-t img {padding-right:70px; padding-bottom:60px;} .pack-b img {padding-right:30px;} .pack-m img {padding-right:30px; padding-bottom:20px;} .pack-wf img {padding-right:80px;} .pack-cs img {padding-right:115px;} .pack-rc .modelnum {margin-top:-20px; padding-top:0;} #merch img.nb {padding-bottom:0;} #merch img.l {padding-right:0;} #merch img.l2 {padding-right:15px;} .modelnum {padding-top:25px; font-size:14px; color:#fcb033;} .smenu {position:absolute; top:0; right:-162px; width:150px; line-height:30px; font-size:14px;} /* OLD MERCH STYLES ---------------------------- */ .displays {position:relative;} .displays div { position:absolute; text-align:right; font-weight:bold; height: 40px; } .displays div.a1 { width:140px; left:10px; top:22px; } .displays div.a2 { width:140px; left:10px; top:495px; } .displays div.a3 { width:113px; left:58px; top:1010px;} .displays div.a4 { width:114px; left:381px; top:1010px;} /* OLD STYLES ----------------------------------------- */ /* catalogs */ #cat { text-align:center; padding:25px 0 0 0; } #cat a { display:inline-block; margin:0 0 0 20px; } #cat a:hover { background:url(../images/catalog_roll.gif) no-repeat top left; } /* media kit */ #media_left { float:left; width:360px; margin:0 0 0 60px; } #media_left h2 { font-family:"Arial Black", Arial, sans-serif; padding:0 0 20px 0; line-height:normal; } #media_right { float:left; width:310px; margin:0 0 0 40px; text-transform:uppercase; } #media_right a { background:url(../images/menu-lite-off.png) no-repeat 0px 10px; display:block; padding:0 0 0 60px; margin:10px 0; color:#9e9e9e; font:16px "Arial Black", Arial, sans-serif; } #media_right a sup { font-size:14px; } #media_right a:hover { background:url(../images/menu-lite-on.png) no-repeat 0px 10px; color:#ff9f00; } #media_right h2 { font:22px "Arial Black", Arial, sans-serif; padding:0 0 0 45px; } #logos_left { float:left; width:360px; margin:0 0 0 60px; } #logos_right { float:left; width:310px; margin:0 0 0 40px; } #logos_left a, #logos_right a { background:url(../images/media-lite-off.png) no-repeat 0px 10px; height:41px; display:inline-block; padding:30px 0 0 20px; margin:0 25px 10px 0; font-size:14px; font-weight:bold; color:#fff; } #logos_left a:hover, #logos_right a:hover { background:url(../images/media-lite-on.png) no-repeat 0px 10px; color:#ff9f00; } h2.m247 { text-align:left; margin:0 0 10px 48px; } h2.mbolt { text-align:left; margin:0 0 15px 30px; } h2.mt { position:absolute; text-align:left; left:29px; top:22px; } h2.mphotos { text-align:left; margin:0 0 5px 66px; } h2.mlogos { text-align:left; margin:0 0 15px 48px; } h2.mbanners { position:absolute; text-align:left; width:356px; left:36px; top:35px; } h2.mads { position:absolute; text-align:left; width:300px; left:86px; top:77px; } .l { font-size:9px; text-align:right; color:#1d1f1f; } .l a { color:#1d1f1f; text-decoration:none } /* FORMS --------------------------------------------------- */ #form_container { margin:0 auto; text-align:left; width:640px; } #form_container_warranty { margin:0 auto; text-align:left; width:680px; } #language { padding:0 25px; font-size:11px; } form { margin:20px 20px 0; padding:0 0 20px; } form input { margin:0 5px 0 0; } form ul { font-size:100%; list-style-type:none; margin:0; padding:0; width:100%; } form li { width:61%; display:block; margin:0; padding:4px 5px 2px 9px; position:relative; } form li:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } form li div { color:#eee; margin:0 4px 0 0; padding:0 0 8px; } form li div.left { display:inline; float:left; width:48%; } form li div.right { display:inline; float:right; width:48%; } form li div.left .medium, form li div.right .medium { width:100%; } form li div label { clear:both; color:#eee; display:block; font-size:9px; line-height:9px; margin:0; padding-top:3px; } form li.section_break { border-top:1px dotted #ccc; margin:9px 0; padding:13px 0 0 9px; width:97% !important; } form .section_break h3 { font-size:110%; font-weight:400; line-height:130%; margin:0 0 2px; } * html form li { height:1%; } * html form li div { display:inline-block; } /**** Buttons ****/ form #submit { width:75px; height:24px; text-align:center; background:url(/images/submit-btn-bg.gif) repeat-x 0 0; color:#5f5f5f; display:block; cursor:pointer; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; } form #submit:hover { background:url(/images/submit-btn-bg-hover.gif) repeat-x 0 0; color:#ffffff; } /**** Inputs and Labels ****/ label.description { border:none; color:#fff; display:block; font-size:95%; font-weight:700; line-height:150%; padding:0 0 1px; } select.select[class] { margin:0; padding:1px 0; } *:first-child+html select.select[class] { margin:1px 0; } input.radio { display:block; height:13px; line-height:1.4em; margin:6px 0 0 3px; width:13px; } label.choice { color:#fff; display:block; font-size:100%; line-height:1.4em; margin:-1.55em 0 0 25px; padding:4px 0 5px; width:90%; } input.medium, select.medium { width:50%; } input.large { width:99%; } select.large { width:100%; } /**** Errors ****/ form .r { color:#f00; float:none; font-weight:bold; font-size:16px; } form .r2 { color:#f00; float:none; } li.error, label.error { color:#fc0; font-size:10px; } input.error { background:#ffc; } #message { font-size:14px; position:absolute; top:568px; left:531px; z-index:100; width:260px; height: 30px;} #message2 { font-size:14px; position:absolute; top:791px; left:246px; z-index:100; width:260px; height: 30px;}