/* --- global settings --- */ .clear { clear:both; } html, body, div, img, form { margin: 0; padding: 0; border: 0; text-align: left; vertical-align: top; } html, body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; height: 100%; } textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } table, td { text-align: left; vertical-align: top; } p, ul, ol, li { padding: 0; margin: 0; } p { margin-bottom: 15px; } ul, ol { padding: 0; margin: 0 0 15px 0; list-style-position: outside; } li { padding: 0; margin: 0 0 0 20px; } a { color: #c81111; text-decoration: none; } a:hover { color: #c81111; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #9d0101; } h1 { font-size: 22px; line-height: 28px; margin-bottom: 15px; } h2 { font-size: 18px; line-height: 24px; margin-bottom: 15px; } h3 { font-size: 13px; line-height: 18px; margin: 8px 0; } h4 { font-size: 11px; line-height: 18px; margin: 8px 0; } /* --- layout styles --- */ body { min-width: 923px; height: 100%; } body#home_page { background: #2f2f2f url(images/body_home_repeat.jpg) center top repeat-x; } body#internal { background: #2f2f2f url(images/body_int_repeat.jpg) center top repeat-x; } #main { width: 923px; margin: 0 auto; } #header { width: 100%; height: 88px; background: url(images/header_phone.jpg) right bottom no-repeat; } #header img#logo { width: 389px; height: 55px; margin-top: 33px; float: left; } #headernav { float: right; margin: 10px 5px 0 0; color: #c81111; line-height: 25px; } #headernav ul { margin: 0; padding: 0; list-style: none; } #headernav li { margin: 0 3px; padding: 0; float: left; display: inline; } #headernav li span { float: left; clear: left; } #headernav ul li span { display: none; position: absolute; z-index: 100; } span.about_dropdown { width: 160px; } span.contact_dropdown { width: 130px; margin-left: -55px; } #headernav ul li span a { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #f6f5f3; color: #c81111; border: #505050 solid 1px; margin-bottom: -1px; } #headernav ul li span a:hover { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #c81111; color: #f6f5f3; border: #505050 solid 1px; margin-bottom: -1px; } #topnav { width: 100%; height: 55px; line-height: 25px; } #topnav ul { margin: 0 0 0 10px; padding: 0; list-style: none; text-align: left; } #topnav ul li { float: left; display: inline; margin: 0; padding: 0; list-style: none; height: 55px; } #topnav ul li.sep { width: 1px; background: url(images/topnav_sep.jpg) center top no-repeat; } #topnav span { position: absolute; top: 0; left: 0; } #topnav li a:focus { outline: none; } #topnav li a:hover, #topnav li a:active { background-position: center bottom; } #home a { width: 123px; height: 55px; background: url(images/topnav_home.jpg) center top no-repeat; text-indent: -9090px; display: block; } #technology a { width: 144px; height: 55px; background: url(images/topnav_tech.jpg) center top no-repeat; text-indent: -9090px; display: block; } #solutions a { width: 205px; height: 55px; background: url(images/topnav_solser.jpg) center top no-repeat; text-indent: -9090px; display: block; } #products a { width: 134px; height: 55px; background: url(images/topnav_products.jpg) center top no-repeat; text-indent: -9090px; display: block; } #markets a { width: 122px; height: 55px; background: url(images/topnav_markets.jpg) center top no-repeat; text-indent: -9090px; display: block; } #applications a { width: 169px; height: 55px; background: url(images/topnav_app.jpg) center top no-repeat; text-indent: -9090px; display: block; } #topnav ul li div { display: none; position: absolute; } div.technology_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 145px; } div.solser_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 205px; } div.products_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 135px; } #topnav ul li div a { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #505050; color: #f6f5f3; border: #363534 solid 1px; } #topnav ul li div a:hover { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #f6f5f3; color: #505050; border: #363534 solid 1px; } #content_area { width: 100%; background: #363534; margin-top: 19px; color: #2f2e2e; } #flash_area { width: 100%; height: 237px; padding-top: 1px } #int_banner { width: 100%; height: 117px; } #main_content { width: 902px; margin: 0 auto; background: #f6f5f2 url(images/home_repeat.jpg) center bottom repeat-x; display: table; } #footer { width: 902px; margin: 0 auto; background: #2f2f2f; display: table; } #bottomnav { width: 902px; background: #2d2c2c; float: left; clear: left; padding-bottom: 10px; overflow: auto; } .bnav_element { float: left; display: inline; font-size: 12px; line-height: 14px; color: #939393; margin: 10px 25px 0 25px; padding: 0 0 0 5px; border-left: #939393 solid 1px; } .bnav_element a, .bnav_element a:hover { color: #939393; } .bnav_element ul { margin: 0; padding: 0; list-style: none; } .bnav_element li { margin: 0 0 0 10px; padding: 0; } .bnav_element li.primary { margin: 0 0 0 5px; font-weight: bold; } #iqlogo { width: 45px; padding: 25px 0; float: left; display: inline; } #iqlogo img { float: right; } #iqcopyright { width: 400px; padding: 25px 0; float: left; display: inline; color: #afa7a2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; } #iqcopyright a { color: #afa7a2; font-weight: normal; text-decoration: none; } #iqcopyright a:hover { color: #afa7a2; font-weight: normal; text-decoration: underline; } /* --- Content Area layout with sidebar --- */ #page_content { width: 870px; margin: 0 8px 0 24px; padding: 35px 0 21px 0; clear: both; } .margins { min-height: 250px; height: auto !important; height: 250px; /* this nugget makes min-height work with older versions of IE */ } #int_margins { width: 870px; margin: 0 8px 21px 24px; background: url(images/hil_repeat.jpg) right top repeat-y; overflow: hidden; } #int_main { width: 635px; float: left; display: inline; } #int_main .margins { margin: 26px 12px 0 0; width: 623px; } #int_sidebar { width: 235px; float: right; display: inline; background: url(images/sidebar_cap.jpg) center top no-repeat; } #int_sidebar .margins { margin: 26px 10px 0 10px; width: 215px; } #int_sidebar2 { width: 235px; float: right; display: inline; background: url(images/sidebar_cap.jpg) center 146px no-repeat; } #int_sidebar2 .margins { margin: 56px 10px 0 10px; width: 215px; } #port_margins { width: 870px; margin: 0 8px 21px 24px; background: url(images/hil_repeat.jpg) left top repeat-y; display: table; } #port_main { width: 635px; float: right; display: inline; } #port_main .margins { margin: 26px 0 0 12px; width: 623px; } #port_sidebar { width: 235px; float: left; display: inline; background: url(images/sidebar_cap.jpg) center top no-repeat; } #port_sidebar .margins { margin: 26px 10px 0 10px; width: 215px; } /* --- CMS styles --- */ .page_text { } .back_to_top { text-align: center; padding: 15px 0; clear: both; } .click_to_enlarge { text-align: center; clear: both; } .click_to_enlarge a, .click_to_enlarge a:hover { font-size: 9px; } /* --- Home Page --- */ #home_columns { width: 635px; display: table; margin-top: 15px; overflow: hidden; } .home_column { width: 175px; background: #d1d1d1; float: left; display: inline; padding: 10px 10px 9999px 10px; margin: 0 16px -9999px 0; } /* --- S03 () --- */ .s03_image { float: left; margin: 0 10px 5px 0; } #contact_left { width: 430px; float: left; display: inline; margin-left: 24px; padding: 35px 0 21px 0; } #contact_right { width: 415px; float: right; display: inline; margin-right: 8px; padding: 35px 0 21px 0; } fieldset.contact_form { border: 0; } .contact_form .form_row { padding: 2px 0; clear: both; } .contact_form .recip_row { padding: 5px 0; clear: both; } .contact_form label.left_desc { font-size: 12px; line-height: 15px; width: 150px; margin-right: 5px; text-align: right; float: left; } .contact_form label.error { clear: both; width: 220px; color: #9f0100; float: left; margin: 0 0 5px 155px; } .contact_form input { float: left; } .contact_form select { float: left; width: 190px; } .contact_form textarea { float: left; width: 220px; } #request_form { width: 560px; margin-left: 125px; } fieldset.request_form { border: 0; } .request_form .form_row { height: 30px; padding: 5px 0; clear: both; } .request_form .form_row_large { height: 70px; padding: 5px 0; clear: both; } .request_form .recip_row { height: 22px; padding: 15px 0; clear: both; } .request_form label.left_desc { font-size: 12px; line-height: 15px; width: 250px; margin-right: 30px; float: left; } .request_form label.right_desc { font-size: 12px; line-height: 15px; width: 250px; margin-right: 30px; float: left; text-align: right; } .request_form label.error { clear: both; width: 250px; color: #9f0100; float: left; margin: 0 250px 5px 0; } ul.left_desc_list { margin: 10px; padding: 0; list-style: none; width: 220px; float: left; clear: left; } ul.left_desc_list li { width: 220px; font-size: 10px; line-height: 12px; margin-bottom: 3px; } .form_left { width: 250px; float: left; } .form_right { width: 250px; float: right; } .request_form input { float: left; } .request_form select { float: left; width: 250px; } .request_form textarea { float: left; width: 250px; } #form_at_bottom { width: 611px; background: #d1d1d1; display: table; margin-left: 12px; padding-bottom: 10px; clear: left; } #more_information { width: 296px; height: 26px; background: url(images/moreinfo.png) left top no-repeat; float: left; display: inline; margin: 15px 0 0 12px; } #bottom_left { width: 230px; float: left; display: inline; padding: 5px 10px; } #bottom_all { width: 600px; float: left; display: inline; padding: 5px 10px; } #hack { background: url(images/form_repeat.jpg) right top repeat-y; padding-top: 5px; display: table; } fieldset.bottom_form { width: 340px; padding: 5px 5px 0 0; border: 0; float: right; } .bottom_form .form_row { width: 340px; clear: both; min-height: 25px; height: auto !important; height: 25px; } .bottom_form label.desc { font-size: 12px; line-height: 15px; width: 125px; margin-right: 5px; text-align: right; float: left; } .bottom_form label.error { clear: left; width: 210px; color: #9f0100; float: left; height: 20px; padding: 0 0 5px 130px; } .bottom_form input { float: left; } .bottom_form input#Go_Button { width: 49px; height: 16px; margin: 10px 12px 0 0; float: right; } fieldset.sidebar_form { border: 0; padding: 0; margin: 0; } .sidebar_form .form_row { margin-bottom: 5px; } .sidebar_form label.desc { font-size: 12px; line-height: 15px; } .sidebar_form label.error { display: block; color: #9f0100; font-size: 12px; line-height: 18px; margin-bottom: 5px; } .sidebar_form input { } #Submit_Button { float: right; width: 76px; height: 14px; margin: 10px 0; } .sidebar_form .float_r { float: right; width: 50%; } .sidebar_form .float_r input { width: 100px; } .sidebar_form #First_Name { width: 85px; } .sidebar_form .full_field { width: 208px; } .sidebar_form textarea.full_field { height: 130px; } .required_field { color: #c00000; margin-right: 2px; } .sidebar_help { margin-bottom: 10px; } /* --- S01 () --- */ .s01_table { } .s01_main_image { } .s01_main_image_link { } .s01_jumplinks { background: url(images/bg.gif); border: 1px solid #5b5b5b; color: #363534; display: block; margin: 12px 0; padding: 8px 10px; clear: both; } .s01_jumplinks ul { margin: 0; padding: 0; } .s01_jumplinks ul li { color: #5b5b5b; } .s01_jumplinks_content { } .s01_text { margin-top: 15px; clear: both; } .s01_image_holder { } .s01_image_caption, .s01_photo_caption { font-size: 11px; text-align: center; } .s01_photo { } .s01_photo_link { text-align: center; } .s01_files { } .s01_files ul { list-style-image: url(images/file_arrow.gif); padding-left: 20px; } .s01_files ul li { } /* --- S05 (Directions) --- */ .s05_table { } .s05_map_holder { text-align: center; width: 480px; margin: 0 auto 20px auto; } .s05_popup { } /* --- Blog styles --- */ .sbond_search_form { } .blog_sidebar_sep, .widget { border-bottom: #2f2f2f solid 1px; margin-bottom: 15px; padding-bottom: 15px; list-style-type:none; margin-left:0px; } .s07_links { font-size:12px; padding:10px 10px 10px 15px; } .s07_link_row { clear:both; } .s07_link { padding:0px; } .s07_divider { display:none; } .s07_description { padding-bottom:10px; } .alignleft { float:left; margin:0px 15px 15px 0px; } .alignright { float:right; margin:0px 0px 15px 15px; } .aligncenter { display:block; margin:0 auto 15px; } .post, #respond { clear:both; } /* test new index buttons */ #sidebar_actions { display:block; float:left; clear:none; width:235px; list-style:none; margin:0 0 23px 0; padding:8px 0; background-color:#F6F5F2; } #sidebar_actions li { width:263px; float:left; display:block; list-style:none; overflow:hidden; margin:0px; padding:0 0 2px 0; } #sidebar_actions li a { text-indent:-9009px; display:block; width:235px; background-position:top left; } #sidebar_actions li a:hover { background-position:bottom left; } #button_1 a { background:url(/images/CONTACT_BUTTON.png) no-repeat; height:63px; } #button_2 a { background:url(/images/QUOTE_BUTTON.png) no-repeat; height:63px; } #button_3 a { background:url(/images/btn3.png) no-repeat; height:59px; } #button_4 a { background:url(/images/btn4.png) no-repeat; height:59px; } #button_5 a { background:url(/images/btn5.png) no-repeat; height:59px; } .st_sharethis { float: right; } #kitRequestButton { width:235px; height:59px; background:url(images/btnKit.jpg) no-repeat center top; text-indent:-99999px; overflow:hidden; display:block; margin:0px 0px 20px 10px; } #kitRequestButton:hover { background-position:center -59px; } #formContainer { padding:20px; border:10px #ccc solid; color:#000; width:400px; } #formContainer form { width:250px; margin:0px auto; } #formContainer .formRow { clear:both; margin-bottom:5px; } #formContainer .formRow label, #formContainer .formRow textarea { float:left; } #formContainer .formRow textarea { width:100%; } #formContainer .formRow input { float:right; } #formContainer label.error { font-size:11px; color:#F00; clear:both; width:100%; }