/* CSS Document */ body { /*margin: 0px auto 0px auto;*/ margin: 0px; padding: 0px; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; height:100%; max-height: 100%; width:100%; max-width: 100%; } /*Ajax Loaders*/ #ajax_loader{display: none;} /*End Ajax Loaders*/ .categoryLink {text-decoration: none; color: #666666;} a:link{color: #515151 !important; text-decoration: none;} a:active{color: #515151 !important; text-decoration: none;} a:hover{color: #b9b9b9 !important; text-decoration: none;} a:visited{color: #515151 !important; text-decoration: none;} .colorBlk{color:#000000 !important; font-weight: bolder !important;} a img{border:0px !important;} .body_all { width:100%; height:100%; min-height:100%; overflow: hidden; } /* Page Header: Everything that deals with the header is below this line */ .body_header { width: 100%; height: 91px; background-color: #000000; background-image: url(images/banner_background.png); /*background-image: url(/images/banner_background_color.png);*/ background-repeat: repeat-x; z-index: 10; text-align: center; } /*General Form*/ .qc_form p{width: 610px; max-width: 610px; min-height:26px; margin: 0px; padding: 0px; float: left; clear: both;} .qc_form h3, h4, h5{margin: 0px; padding: 0px;} .qc_form label{float: left; clear: none; width: 9em !important;} .qc_form em{color: #ff0000;} .qc_form input{float: left; clear: none;} .qc_form input.pub_buttonSubmit{float: none !important;} .qc_form .radioButton{margin: 5px; background-color: transparent;} .qc_form .input_small{width:30px !important;} .qc_form input.input_medium{width:64px !important;} .qc_form .input_big{width:200px; max-width: 200px;} .qc_form select{float: left; clear: none; background-color: #DDDDDD; margin: 2px;} #selectCountry{width: 134px !important;} #selectModel{min-width: 108px !important;} .qc_form #state{width:50px; margin:0px 2px 0px 2px; background-color: #DDDDDD;} .qc_form label.label_small{width:3em !important; margin: 0px 5px 0px 10px;} .qc_form label.label_medium{width:5em !important;} .qc_form label.label_big{width:10em !important;} .qc_form label.error{width: 20em !important; font-size: 0.8em; color: #ff0000;} .qc_form label.radioLabel{width:5em !important; margin: 0px 0px 0px 2px;} .qc_form textarea{background-color: #DDDDDD; min-width: 300px; margin: 0px !important;} #save_cart{border: 1px solid #000000; background-color: #FFFFFF; margin: 10px 0px 0px 0px !important; padding: 0px 5px 0px 5px !important;} #save_cart hr{width: 600px !important;} #ajax_check{display: none;margin: 0em 0em 0em 9em !important; padding: 0px; width: 26em !important; height: 26px !important;} #confirm_data{margin: 0px; padding: 0px; width: 26em !important; height: 26px !important;} #error_username{display: none; width: 20em !important; font-size: 0.8em; color: #ff0000;} /* Start Capcha */ .qc_form #s3capcha{float: left; clear: both; width: 610px;} .qc_form #s3capcha div { float: left; background-color: transparent; } /* End Capcha */ /*End General Form*/ /*Header Login Bar Content*/ #languageContainer{clear: none; background-color: transparent; height: 20px; margin: 2px 0px 0px 0px; font-size: 0.625em; float: left;} #shown_flag_container { clear: none; float: left; padding: 5px 0px 0px 0px; font-size: 0.625em; } #stay_signed_in{font-size: 0.8em; width: 175px !important; float: left !important; clear: both !important; margin: 0px 5px 5px 5px !important;} #stay_signed_in input{background-color: transparent; margin: 2px !important;} #flagContainer{clear:none; width:100px;} .langContainer { position: relative; top: 5px; left: 12px; float:left; width: 152px; background-color: #f5f5f5; border:2px solid #CCCCCC; color: rgb(0,40,244); } .langContainer div{float:left; color:#76765E;background-color:transparent;width:150px; height:25px;} .languageSelected{float: left; width:100px; background-color: transparent; font-size: 1em; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(0, 0, 0);} #languageArrow{padding:4px 0px 0px 2px;clear: none;} #loginMenuContainer{clear: none; background-color: transparent; min-width: 50px; height: 20px; margin: 2px 35px 0px 0px; font-size: 0.75em; color:#76765E; font-weight: bold; float: right;} #loginMenuItemsContainer{clear: none; float: left; padding: 5px 0px 0px 0px; min-width: 50px;} #cart{min-width: 35px;clear:none; float:left;} #cart_error{background-color: #FF0000; color: #000000; display: block; width: 593px; float: left; clear: both; margin: 5px 0px 0px 30px; padding: 5px;} #menuItem{min-width: 65px; clear:none; float:left;} #trackingItem{min-width: 65px; clear:none; float:left;} #pipeFiller{clear:none; float: left; padding: 0px 5px 0px 5px;} #showLogin{text-align: left; width: 55px;clear:none; float:left;} #fullLoginBox{position: relative; top: 25px; left: 670px; float: left; width: 152px; background-color: rgb(245, 245, 245); border: 2px solid #CCCCCC; color: rgb(0, 40, 244); display: none; height: 102px; z-index:10;} .logForm{float: left; width: 250px; height: 100px;} #login_header{float: left; color: rgb(0, 0, 0); background-color: rgb(229, 229, 229); background-image: url(http://www.quickcable.com/images/heading_bar.png); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(102, 102, 102); text-align: left; width: 150px; height: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px;} .logInFormItem{float:left; background-color:transparent; width:200px; height:25px;} .logInFormItem label{width: 65px !important; font-size: 0.75em; padding-top: 7px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(0, 0, 0); float: left; clear: none; } .logInFormItem input{width: 100px; float: right; clear: none; background-color: #CCCCCC;} .login_error{display: none;} #login_form_error{font-size: 0.875em; color: #ff0000; font-weight:900; background-color: #ffdddd;border: 1px solid #ff0000; display: block; padding: 5px;} #password_error{font-size: 0.875em; color: #ff0000; font-weight:900; display: block;} #loginButton{width:60px; float:left; clear:none;} .top_login_bar { background-color:transparent; width: 1024px; max-width: 1024px; height:25px; max-height: 25px; margin: 0px auto 0px auto; clear: none; } /*.top_login_bar A:active{ font-family: Arial sans-serif; font-size: 0.75em; color: #76765E; text-decoration: none; }*/ #left_login_panel { text-align: left; background-image: url(images/cornerLeft.png); background-repeat: no-repeat; clear: none; float: left; width:18px; height:25px; max-height: 25px; } #center_login_panel { background-color: #CCCCCC; background-image: url(images/centerOfLoginBar.png); background-repeat: repeat-x; clear: none; float: left; width:979px; height:25px; max-height: 25px; } #right_login_panel { background-image: url(images/cornerRight.png); background-repeat: no-repeat; clear: none; float: left; width:18px; height:25px; max-height: 25px; } /*End Header Login Bar */ /*Banner*/ #banner{width: 1024px; height: 30px; background-color: transparent; clear: none; margin: 0px auto 0px auto; text-align: left;} #banner img{margin: 20px 0px 0px 0px;} #freeFreightDetail{ position: relative; top: -35px; right: 10px; left: 619px; width: 325px; height: 50px; background-color: transparent; } #freeFreightDetail img{ float: left; clear: none; margin: 5px 0px 5px 0px; } #freeFreightDetail p{ float: left; clear: none; margin: 5px 0px 0px 10px; padding: 0px; font-size: .75em; color: #FFFFFF; font-weight: bold; } /*End Banner*/ /* End Page Header */ .body_main { margin: 0px auto 0px auto; width:1024px; min-height: 100%; font-family: Arial, Helvetica, sans-serif; } .center_panel { background-color: transparent; float: left; clear: left; } #breakCrumDiv{width:634px; float: left; clear: both; padding: 5px 0px 5px 0px;} #breakCrumDiv span{font-size: 0.75em; float: left; clear:both;} /*Template Position Settings*/ /*CSS Id has t = template followed by templateId followed by p = position followed by positionId*/ /*Two Positions*/ #title_t_1_p_1{margin: 1px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; width: 640px; height: 22px; clear: both; float: left; padding: 5px 0px 0px 5px; font-size: 0.875em; font-weight: bold;} #title_t_1_p_2{} #title_t_1_p_3{width:855px;margin: 1px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; height: 22px; clear: both; float: left; padding: 5px 0px 0px 5px; font-size: 0.875em; font-weight: bold;} #t_1_p_1{width:645px; padding: 0px 0px 0px 3px;} #t_1_p_2{width:208px;} #t_1_p_3{width: 858px; padding: 0px 0px 0px 3px;} #t_1_p_1 p#confirmAddToCart{ width: 590px; background-color: #0F0; padding: 20px 5px 20px 7%; background-position: 1% 50%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 5px 0px 5px 0px; float: left; } /*Single Position*/ #title_t_2_p_1{width:855px;margin: 1px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; height: 22px; clear: both; float: left; padding: 5px 0px 0px 5px; font-size: 0.875em; font-weight: bold;} #t_2_p_1{width: 858px; padding: 0px 0px 0px 3px;} #industry_background_renewable{height: 683px !important; background-image: url(images/background_renewable.png) !important; background-repeat: no-repeat;} #industry_background_standby{height: 683px !important; background-image: url(images/background_standby-power.png) !important; background-repeat: no-repeat;} #industry_background_material{height: 683px !important; background-image: url(images/background_material-handling.png) !important; background-repeat: no-repeat;} #industry_background_aviation{height: 683px !important; background-image: url(images/background_ground-support.png) !important; background-repeat: no-repeat;} #industry_background_agricultural{height: 683px !important; background-image: url(images/background_ag.png) !important; background-repeat: no-repeat;} #t_2_p_1 h1{font-size: 1.625em; padding: 0px; margin: 3px;} #t_2_p_1 p{font-size: 0.75em;} #t_2_p_1 table.product_bullets{min-width: 100px !important; border: 1px solid #CCCCCC; border-collapse: collapse; font-size: 0.75em !important;} #t_2_p_1 table.product_bullets td.bullet{width: 32px !important; height: 32px !important;} #t_2_p_1 table.product_bullets td.description{min-width: 100px !important; height: 32px !important;} /*Three Position*/ #title_t_3_p_1{margin: 1px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; width: 640px; height: 22px; clear: both; float: left; padding: 5px 0px 0px 5px; font-size: 0.875em; font-weight: bold;} #title_t_3_p_2{} #title_t_3_p_3{} #t_3_p_1{} #t_3_p_2{} #t_3_p_3{} /*End Template Position Settings*/ #dynamicContentContainer{background-color: transparent; float: left; clear: none; width: 858px;} .right_panel { background-color: transparent; float: right; clear: right; } #left_panel { background-color: transparent; float: left; clear: left; width: 155px; padding-left: 5px; } #left_panel fieldset legend{font-size: .875em !important;} #left_panel div.whatsNewContent{font-size: .675em;} .customerServiceContainer{min-height: 150px; float: left; clear: both;} .customerServiceContainer img{width:77px; height: 75px;} .customerServiceContainer div{text-align: center; clear:both; width:151px; padding:5px 0px 0px 0px; } /*Start Of Content Containers And Industries content*/ #product_industry_container{text-align: left !important; float:left !important; clear: both !important; margin-left: 41px;} .industry_products{width: 250px !important; min-height:150px !important; background-color: #CCCCCC; border: 1px solid #DDDDDD; margin: 5px !important; float:left; clear: none !important;} .industry_img_content{width: 155px !important; height: 140px !important; overflow: hidden; margin: 5px 0px 0px 90px !important; font-size: 0.625em;} .industry_img_content h2{padding: 0px !important; margin:0px !important;} .industry_img_content_medium{width: 130px !important; height: 100px !important; overflow: hidden; margin: 40px 0px 0px 115px !important; font-size: 0.625em;} /*Renewable Energy*/ #heat_shrink_industry_img{background-image: url(/images/industry_splash_images/heat_shrink.png); background-repeat: no-repeat;} #tools_industry_img{background-image: url(/images/industry_splash_images/tools.png); background-repeat: no-repeat;} #combiner_boxes_industry_img{background-image: url(/images/industry_splash_images/combiner_boxes.png); background-repeat: no-repeat;} #pv_connectors_industry_img{background-image: url(/images/industry_splash_images/pv_connectors.png); background-repeat: no-repeat;} #cable_industry_img{background-image: url(/images/industry_splash_images/cable.png); background-repeat: no-repeat;} /*Updated 9/23/2011*/ #homerun_jumper_img{background-image: url(/images/industry_splash_images/homerun_jumpers.png); background-repeat: no-repeat;} #branchinterconnects_img{background-image: url(/images/industry_splash_images/branchinterconnects.png); background-repeat: no-repeat;} #inline_fuses_img{background-image: url(/images/industry_splash_images/inline_fuses.png); background-repeat: no-repeat;} #pv_tools_img{background-image: url(/images/industry_splash_images/pv_tools.png); background-repeat: no-repeat;} /*Standby Power and power generation*/ #battery_rack_industry_img{background-image: url(/images/industry_splash_images/battery_racks.png); background-repeat: no-repeat;} #containment_systems_industry_img{background-image: url(/images/industry_splash_images/containment_systems.png); background-repeat: no-repeat;} #spill_kits_industry_img{background-image: url(/images/industry_splash_images/spill_kits.png); background-repeat: no-repeat;} #bulk_cable_industry_img{background-image: url(/images/industry_splash_images/bulk_cable.png); background-repeat: no-repeat;} #magnalug_industry_img{background-image: url(/images/industry_splash_images/magnalugs.png); background-repeat: no-repeat;} #cable_management_industry_img{background-image: url(/images/industry_splash_images/cable_management.png); background-repeat: no-repeat;} /*Aviation and Ground Support*/ #jump_pack_industry_img{background-image: url(/images/industry_splash_images/jump_pack.png); background-repeat: no-repeat;} #intercell_connectors_industry_img{background-image: url(/images/industry_splash_images/intercell_connectors.png); background-repeat: no-repeat;} #leadheads_industry_img{background-image: url(/images/industry_splash_images/leadheads.png); background-repeat: no-repeat;} #sb_sbx_connectors_industry_img{background-image: url(/images/industry_splash_images/sb_sbx_connectors.png); background-repeat: no-repeat;} #ground_support_cables_industry_img{background-image: url(/images/industry_splash_images/ground_support_cables.png); background-repeat: no-repeat;} /*Material Handling*/ #burn_bars_industry_img{background-image: url(/images/industry_splash_images/burn_bars.png); background-repeat: no-repeat;} #shrouds_industry_img{background-image: url(/images/industry_splash_images/shrouds.png); background-repeat: no-repeat;} /*Battery Distribution*/ #jump_packs_img{background-image: url(/images/industry_splash_images/jump_packs.png); background-repeat: no-repeat;} #replacement_ends_img{background-image: url(/images/industry_splash_images/replacement_ends.png); background-repeat: no-repeat;} #terminal_protectors_img{background-image: url(/images/industry_splash_images/terminal_protectors.png); background-repeat: no-repeat;} #chemicals_img{background-image: url(/images/industry_splash_images/chemicals.png); background-repeat: no-repeat;} #fuses_img{background-image: url(/images/industry_splash_images/fuses.png); background-repeat: no-repeat;} #battery_boxes_img{background-image: url(/images/industry_splash_images/battery_boxes.png); background-repeat: no-repeat;} /*Agricultural*/ #primary_wire_industry_img{background-image: url(/images/industry_splash_images/primary_wire.png); background-repeat: no-repeat;} #battery_tools_industry_img{background-image: url(/images/industry_splash_images/battery_tools.png); background-repeat: no-repeat;} #compression_industry_img{background-image: url(/images/industry_splash_images/compression.png); background-repeat: no-repeat;} /*Construction*/ #booster_cables_industry_img{background-image: url(/images/industry_splash_images/booster_cables.png); background-repeat: no-repeat;} #isolators_industry_img{background-image: url(/images/industry_splash_images/isolators.png); background-repeat: no-repeat;} #field_repair_kit_industry_img{background-image: url(/images/industry_splash_images/field_repair_kit.png); background-repeat: no-repeat;} /*Truck and Bus*/ #fusion_connectors_industry_img{background-image: url(/images/industry_splash_images/fusion_connectors.png); background-repeat: no-repeat;} #inverters_industry_img{background-image: url(/images/industry_splash_images/inverters.png); background-repeat: no-repeat;} /*Marine*/ #marine_terminals_industry_img{background-image: url(/images/industry_splash_images/marine_terminals.png); background-repeat: no-repeat;} #cable_and_wire_industry_img{background-image: url(/images/industry_splash_images/cable_and_wire.png); background-repeat: no-repeat;} #marine_cable_industry_img{background-image: url(/images/industry_splash_images/marine_cable.png); background-repeat: no-repeat;} /*Catalogs*/ #QC_catalog_img{background-image: url(/images/catalog_splash_images/QC_catalog.png); background-repeat: no-repeat;} #retail_catalog_img{background-image: url(/images/catalog_splash_images/retail_catalog.png); background-repeat: no-repeat;} #stationary_power_catalog_img{background-image: url(/images/catalog_splash_images/stationary_power_catalog.png); background-repeat: no-repeat;} #battery_boxes_catalog_img{background-image: url(/images/catalog_splash_images/battery_boxes_catalog.png); background-repeat: no-repeat;} #battery_boxes_catalog_new_img{background-image: url(/images/catalog_splash_images/battery_boxes_catalog_new.png); background-repeat: no-repeat;} #autometer_catalog_new_img{background-image: url(/images/display_images/pages/689/catalogicon_autometer.png); background-repeat: no-repeat;} #rescue_catalog_new_img{background-image: url(/images/display_images/pages/689/catalogicon_rescue.png); background-repeat: no-repeat;} #custom_cable_new_img{background-image: url(/images/catalog_splash_images/custom_cable.png); background-repeat: no-repeat;} #high_performance_catalog_img{background-image: url(/images/catalog_splash_images/high_performance_catalog.png); background-repeat: no-repeat;} #rescue_catalog_img{background-image: url(/images/catalog_splash_images/rescue_catalog.png); background-repeat: no-repeat;} #QC-applications-img{background-image: url(/images/catalog_splash_images/banner_catalog_app.png); background-repeat: no-repeat;} .industryOutter { background-color: transparent; float: left; clear: none; width: 645px; padding: 0px 0px 0px 3px; } .industryTitle { margin: 1px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; width: 625px; height: 22px; clear: both; float: left; padding: 5px 0px 0px 20px; font-size: 0.875em; font-weight: bold; } #industryContainer { margin: 0px 0px 0px 10px; text-align:center; float: left; } .industryDiv { } .contentContainer { clear: none; float: left; margin: 2px 0px 2px 0px; min-height: 133px; } .contentContainerTitle { width:153px; max-width: 153px; height: 7px; max-height: 7px; clear: none; text-align: center; } .contentOfContainer { min-height: 133px; float:left; clear: none; padding: 0px 0px 0px 0px; } #imageBig { width: 304px; max-width: 304px; } .imageContainer { margin: 0px 0px 0px 5px; width:150px; height: 133px; } .contentFootOfContainer { width: 153px; max-width: 153px; height: 13px; max-height: 13px; clear: none; margin-bottom: 0px; } .contentCaption { border-top: 2px solid #000000; margin: 0px 0px 0px 0px; width: 150px; float: left; padding-top: 2px; max-width: 152px; height: 30px; background-color:#000000; font-size: 0.75em; font-weight: 600; color: #FFFFFF; text-align: center; vertical-align: middle; } .contentCaption a:link{color:#FFFFFF !important;} .contentCaption a:active{color: #FFFFFF !important;} .contentCaption a:visited{color:#FFFFFF !important;} .contentCaption a:hover{text-decoration: underline !important;} /*End Of Content Containers*/ /*Top Links Bar*/ #top_link_bar{background-image: url(images/top_header_bgcolor.png); background-repeat: repeat-x;background-color: #EFEFEF; float: left; clear: both; height: 30px; width: 1020px; border-right: 1px solid #aeaeae; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #aeaeae; text-align: left;} #top_link_bar_links_container{width: 700px; max-width: 700px; font-size: 0.75em; float: left; clear: left; padding: 7px 0px 0px 5px;} a#customAddContainer{ display: block; } a#customAddContainer :hover{ background-color: #C1D72E; } div#customAdd{ float: left; clear: both; color: #FF0000; font-weight: bold; width: 1022px; cursor: pointer; } div#customAdd span{ float: left; clear: none; display: block; } div#customAdd span.addTextBig{ font-size: 1.45em; } div#customAdd span.addTextMedium{ font-size: .85em; margin: 5px 0px 0px 15px; } #main_Search{background-color: #FFFFFF !important;} /*Search Form*/ #searchLink{margin:2px 0px 0px 0px;} .formSearch{width:310px; float: right; clear:none; padding: 0px 5px 0px 0px;} /*New Navigation top bar*/ ul.topnav { list-style: none; padding: 0 5px; margin: 0; float: left; width: 650px; font-size: .75em; } ul.topnav li { float: left; margin: 0; padding: 0 5px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li#resources{ z-index: 1100; } ul.topnav li a{ padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ /*background: url(/images/15_icon_btn_down.png) no-repeat center top;*/ } ul.topnav li span { /*--Drop down trigger styles--*/ width: 1px; height: 1px; float: left; } ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 30px; background: #DDD; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; /*background: #333 url(/images/15_icon_btn_down.png) no-repeat 10px center;*/ padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ /*background: #222 url(/images/15_icon_btn_down.png) no-repeat 10px center;*/ background-color: #CCC; color: #000000; font-weight: bold; } /*End New Navigation top bar*/ #formContentContainer{font-size: 1.0em; float: right; clear: right; padding: 1px 0px 0px 5px;width:300px;} .formFieldContainer{float:left; clear: none; background-color: transparent; width: 335px;} .formInputItem{float: left; clear: left; width: 250px;} .formInputItem input{background-color: transparent; height: 20px; width: 250px; margin: 2px !important;} .formButtonHolder{float: left; clear: right; width: 25px; height: 25px;} .formButtonHolder input{width: 25px; height: 25px; border: 0px; clear: none; float: none;} .formButtonHolder img{float: left; clear: none; height: 25px; width:15px;} .searchContainer { position: relative; top: 5px; left: 50px; float:left; width : 350px; height:150px; background-color : #f5f5f5; border:2px solid #CCCCCC; color: rgb(0,40,244); z-index: 20; } /*End Search Form*/ /*End Top Links Bar*/ .main_body { width: 1025px; height: 100%; clear: none; background-color: transparent; position: relative; top: 0px; margin: 0px auto 0px auto; font-family: Arial, Helvetica, sans-serif; z-index: -1; } .body_nav { width: 150px; height: 829px; background-color: #FFFFFF; clear: left; float: left; border: 1px solid #000000; } .body_right_panel { width: 220px; height: 829px; border: 1px solid #000000; background-color: #FFFFFF; clear: right; float: right; } #tool_container { width: 150px; text-align: center; background-color: transparent; } .body_content { float: left; clear: both; max-width: 1025px; width: 1025px; min-height: 600px; } .body_flash_video { background-color: transparent; width: 570px; height: 320px; margin: 5px 0px 0px 8px; } .new_body_headers { width: 577px; font-size: 1.125em; height: 32px; background-color:#B6B6B6; padding: 0px 5px 0px 5px; background-image: url(images/new_heading_look.png); background-repeat: repeat-x; border-bottom:1px solid #CFCFCF; clear: both; } .theFooter{position: relative; vertical-align: bottom; width: 760px; height: 20px; clear: both;} .outerContainer{ background-color: transparent; width: 184px; position: relative; text-align: left; float: left; margin: 2px 3px 2px 3px; } .innerContainer{ background-color: transparent; width: 182px; position: relative; text-align: left; } .title{ background-image: url(images/site_content_top.png); background-repeat: no-repeat;width:182px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #000000; text-align: center; padding-top: 2px; } .containerContent{ background-image: url(images/site_content_middle.png); background-repeat: repeat-y; width:184px; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #000000; text-align: left; padding: 2px 0px 0px 5px; margin-bottom:0px; } .containerBottom{background-image: url(images/site_content_bottom.png); background-repeat: no-repeat; width:184px; height: 25px; color: #000000; text-align: left; padding: 2px 0px 0px 5px; margin-bottom:5px; } /*New footer*/ #foot_container { position: relative; margin-top: 0px; background-color: #333333; background-image: url(/images/main_footer_background_color.png); background-repeat: repeat-x; min-height: 326px; color: #FFFFFF; padding: 0px; margin-bottom: 0px; } #foot_container div.content_body_section{ text-align: left; clear: both; min-height: 220px; color: #FFFFFF; font-size: .85em; } #foot_container div.content_body_section h6{ color: #FFFFFF; margin: 0px; padding: 0px; font-size: 1.1em !important; } #foot_container hr{ border: 1px solid #5D5D5D; text-align: left; } #foot_container div.content_body_section a{ color: #F8F8FF !important; text-decoration: none; } .foot_content { margin-top: 12px; text-align: center; font-size: .85em; line-height: 1.3em; color: #707070; border-top: 1px solid #CCCCCC; padding-top: 2px; } .foot_logincontrol { margin: 12px 0; text-align: right; } .footer_header_section{ margin: 35px 0px 0px 0px; } /*End New Footer ADDED 2/28/2012*/ /* Action Boxes Start Here */ .mainActionContainer{ /*height: 120px;*/ } .actionTitle { font-size: 0.875em; text-align: center; width: 200px; height: 16px; background-color:#B6B6B6; padding: 0px 5px 0px 5px; background-image: url(images/new_heading_look.png); background-repeat: repeat-x; border-left: 1px solid #bcbcbc; border-bottom:1px solid #CFCFCF; border-right: 1px solid #bcbcbc; margin: 5px 0px 0px 5px; } .actionItemParent { font-size: 1.125em; width: 200px; background-color:#f4f4f4; padding: 2px 5px 2px 5px; border-left: 1px solid #bcbcbc; border-bottom:1px solid #CFCFCF; border-right: 1px solid #bcbcbc; margin: 0px 0px 0px 5px; } .actionItemChild { height: 30px; clear: right; border: 1px solid #b5b5b5; background-color:#e9e9e9; } .itemOne { width: 30px; height: 30px; clear: none; float: left; } .itemTwo { width: 161px; height: 26px; font-size: 1.125em; padding: 4px 0px 0px 5px; clear: right; float: left; } a.itemTwo:active{text-decoration: none; color: #757575;} a.itemTwo:link{text-decoration: none; color: #757575;} a.itemTwo:visited{text-decoration: none; color: #FFFFFF;} /* Action Boxes End Here */ .pageDescriptionContent { position: relative; width:575px; background-color: #d6d6d6; padding: 0px 5px 0px 5px; border: 1px solid #CFCFCF; border-top: 0px; text-align: center; } .pageDetail { position: relative; width:563px; height: 100%; background-color: #eeeeee; padding: 5px 5px 5px 5px; text-align: left; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; } .mainBodyContainer { clear: both; margin: 5px 0px 0px 0px; } /*Snippets Start Here*/ .right_Panel_Snippet_Container { clear: both; margin: 5px 0px 0px 3px; width:200px; } .right_Panel_Snippet_Title { clear: both; width:195px; height: 22px; border-bottom: 1px solid #CCCCCC; font-weight: bold; font-size: 0.875em; padding: 1px 0px 0px 5px; } .remove-bottom-border { border-bottom: none; font-size: 0.875em; } .right_Panel_Snippet_Body { clear: both; width:196px; font-size: 0.75em; padding: 0px 2px 0px 2px; } .right_Panel_Snippet_Body img{float: left; clear: both !important; margin-top: 2px !important;} .right_Panel_Snippet_Body p{clear: both !important; padding: 0px !important; margin: 2px !important; width: 160px; font-size:0.875em !important;} .right_Panel_Snippet_Body ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; display: inline-block; width: 160px; } .right_Panel_Snippet_Footer { clear: both; width:200px; height: 8px; } /*Snippets End Here*/ /*News*/ .news_Heading { float: left; clear: both; width:630px; max-width: 630px; height:21px; /*border-bottom: 1px solid #CCCCCC;*/ margin: 1px 5px 0px 0px; padding: 5px 0px 1px 5px; font-size: 0.875em; font-weight: bold; } .news_Heading h1 { padding: 0px; margin: 0px; font-size: 0.875em; font-weight: bold; } .page_content { float: left; clear: both; width:623px; max-width: 623px; background-color: #f5f5f5; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0px 5px 5px 5px; padding: 3px 5px 3px 5px; font-size: 0.75em; line-height: 16px; } .page_content_clean { float: left; clear: both; width:1025px; max-width: 1025px; background-color: #f5f5f5; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0px 5px 5px 5px; padding: 3px 5px 3px 5px; font-size: 0.75em; line-height: 16px; } .page_content_big { float: left; clear: both; width:800px; max-width: 800px; background-color: #f5f5f5; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0px 5px 5px 5px; padding: 3px 5px 3px 5px; font-size: 0.75em; line-height: 16px; } /*.page_content #product_heading{width: 400px; height: 25px !important;} .page_content #product_heading h1 { margin: 5px; } .page_content #product_heading img{width: 38px; height: 24px; float: left; clear: none;}*/ #catalog_image{width:151px;} .page_content p{word-wrap: normal; padding: 0px; margin: 10px 0px 2px 0px;} .page_content h1{padding: 0px; margin:3px; font-size: 1.625em;} .page_content h1 img{margin-top: 0px;} .page_content h1 span{margin: 5px; padding-top: 5px; height:30px; vertical-align: middle;} .page_content h1 span img{margin: 5px; padding-top: 0px; height:30px; vertical-align: middle;} .page_content h2{padding-top: 5px; margin: 0px; font-size: 1.375em;} .page_content hr{ width:620px; } /* PLEASE STOP USING FLOATS IF YOU DON'T HAVE TO */ /* .page_content iframe{float: left; clear: both;} */ .image_container img{float:left; clear:none;border:1px solid #CCCCCC; margin: 0px 5px 0px 0px;} .page_content .item{float: left; clear:both; margin: 2px 0px 0px 0px;} .page_content .item ul{float: left; clear: none; word-wrap: normal;} .page_content .contentOfContainer{margin:2px 0px 0px 0px;} .page_content .media{width: 600px; float: left; clear: both;} .page_content .producttable{width: 600px; max-width: 600px; height: 102px; border-collapse: collapse; margin: 2px;} .page_content .producttable a:active{color: #515151;} .page_content .producttable a:visited{color: #515151;} .page_content .producttable a:hover{color: #666666; text-decoration: underline;} .page_content .producttable tbody th{height: 15px;} .page_content .producttable tbody td{height: 80px;} .page_content .producttable tbody th.heading{ height: 15px; text-align: left; padding: 0px 0px 0px 10px;} .page_content .producttable tbody th h3{ height: 15px; padding: 0px; margin: 0px;} .page_content .producttable tbody td{ padding: 2px 0px 2px 10px;} .page_content .producttable tbody img{width: 150px; height: 100px; margin: 0px; float:left; border: 0px !important;} .page_content .producttable tbody td.productImgCell{width:100px; border: 0px; padding: 2px 0px 2px 0px;} /*Normal page_content Tables*/ .page_content table{width: 610px; max-width: 610px; border-collapse: collapse; margin: 2px;} .page_content tbody{width: 610px; max-width: 610px; border-collapse: collapse; margin: 2px;} .page_content tbody #product_heading{width: 400px; height: 25px !important;} .page_content tbody td p{margin: 0px; padding: 0px;} .page_content tbody td{padding: 2px; vertical-align: top;} .page_content tbody td p{padding: 0px; margin: 4px 0px 0px 0px;} .page_content tbody td img{padding: 0px; margin: 0px;} .page_content tbody td ul{padding-top:0px; margin-top: 0px;} .page_content embed{margin: 0px 23px 0px 23px !important; border: 1px solid #DDDDDD;} .page_content form hr{float: left !important;} .page_content form table.question{float:left;} .page_content form table.question td.questioncolumn{text-align: left; font-size: 0.875em !important;} .page_content form table.question td{text-align: center;} .page_content form table.question td.questionbg{text-align: center !important;} .page_content form table.question .tableregform{float: none !important; background-color: transparent !important;} .page_content form table.question td label{text-align: left; float: none !important;} .page_content form table.question .nontableregform{ float: none !important; margin: 4px; background-color: transparent !important;} .page_content form table.question td.questiontext{text-align: left;} #table_content_body{height: 250px !important;} /*End News*/ /*Footer Content*/ #footer_Body { background-color: #FFFFFF; float: left; clear: both; width: 1025px; max-width: 1025px; } #footer_Body hr{margin: 0px 5px 0px 5px; width: 1015px; max-width: 1015px; top:0px; border: 1px solid #CCCCCC;} #footerBottom{margin: 0px 0px 0px 6px; background-color: transparent; width:1010px; height: 50px; border: 1px solid #CCCCCC; clear: both; float: left; text-align: center; padding: 5px 0px 0px 0px;} /*Quick Links Footer*/ .footer_Links_Container { background-color: transparent; width:330px; height: 236px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; clear: none; float: left; margin: 4px 0px 0px 8px; } .footer_Links_Title { background-image: url(images/heading_bar.png); background-repeat: repeat-x; background-color: #E5E5E5; height:25px; padding: 3px 0px 0px 5px; } .footer_Links_Body { background-color: transparent; } /*End Quick Links Footer*/ /*Contact Footer*/ .footer_Contact_Container { background-color: transparent; width:338px; height: 236px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; clear: none; float: left; margin: 4px 1px 0px 1px; } .footer_Contact_Title { background-image: url(images/heading_bar.png); background-repeat: repeat-x; background-color: #E5E5E5; height:25px; padding: 3px 0px 0px 5px; } .footer_Contact_Body { background-color: transparent; } .footerContactContainer { clear: both; float: left; width: 336px; height: 100px; margin: 2px 0px 0px 0px; } .footerContactTitle { width: 336px; height: 16px; font-size: 0.75em; text-align: center; padding: 2px 0px 0px 0px; } .footerContactEmail { width: 336px; font-size: 0.625em; text-align: left; padding: 2px 0px 0px 2px; } .footerContactAddress { width: 336px; font-size: 0.625em; text-align: left; padding: 2px 0px 0px 2px; } /*End Contact Footer*/ /*Genral Footer Content*/ .footer_Other_Container { background-color: transparent; width:330px; height: 236px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; clear: none; float: left; margin: 4px 8px 0px 0px; } .footer_Other_Title { background-image: url(images/heading_bar.png); background-repeat: repeat-x; background-color: #E5E5E5; height:25px; padding: 3px 0px 0px 5px; } .footer_Other_Body { background-color: transparent; } .footerConnectionsContainer{background-color: transparent;} .footerConnection{background-color: transparent; clear: both; width: 328px; height: 45px; margin: 2px 0px 2px 0px;} .footerConnectionIcon{float: left; clear:none; width: 43px; height: 37px;} .footerConnectionIcon img{width:40px; height:40px; float: left; border:0px; margin: 3px 0px 0px 3px;} .footerConnectionTitle{float: left; clear:none; height: 30px; padding: 10px 0px 0px 5px; font-size: 1.125em; color: #b9b9b9;} /*End Genral Footer Content*/ /*End Footer Content*/ /*Left Products List*/ .parentListContainer { clear: both; width: 153px; height: 30px; font-size: 0.625em; } .childListContainer { background-color:#FFFFFF; clear: both; width: 139px; font-size: 0.625em; padding: 0px 0px 0px 10px; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; } .arrow_img{width: 12px; max-width: 12px; margin: 0px 5px 0px 0px;height:12px; float:left; clear: left;} .listItem { width: 137px; background-color: #fbfbfb; padding: 0px 0px 0px 2px; } #completeProductList{clear: both; width:149px; height: 22px; font-size: 0.875em; font-weight: bold; margin-top: 1px; padding: 5px 0px 0px 5px; border-bottom: 1px solid #CCCCCC;} .productCategory{float: left; clear: both; width: 154px !important; min-height: 30px; border-bottom:1px solid #CCC; margin-bottom: 5px;} .CategoryTitle{font-size: 0.75em;} #bigTitles span{ padding: 0px; margin: 0px 0px 0px 0px;} .CategoryTitle span{ display: inline-block; padding-top: 5px; vertical-align: middle; width: 100px;} .CategoryTitle img{float: left; display: inline-block; width:45px; height: 24px;} .productContainer{display: none; float: left; clear: both; margin: 1px 0px 1px 0px;} .productHeading{padding:0px 0px 0px 5px; font-size: 0.75em; width: 149px; background-color: #f5f5f5;} .productChildContainer{display: none; background-color: #f9f9f9;} .productChild{padding:0px 0px 0px 15px; font-size: 11px; width:139px;} .itemContainer{background-color: #f7f7f7; border-left: 1px solid #CCCCCC; width:138px;} .itemContainer img{float: left; clear: left; width:10px; height:10px; margin: 2px 5px 0px 5px;} .spacer{ float: left; clear: left; width:10px; height:10px; margin: 2px 5px 0px 5px; height: 10px; } .productItemList{display: none;padding:0px 0px 0px 5px; font-size:10px;width: 120px;} .productItemList div{margin: 0px 0px 0px 25px;} .itemType span{font-size:10px;} .itemType span img{width:9px; height: 9px; margin-top: 3px; margin-right: 3px;} .itemType div{font-size:9px; margin-left: 10px;} /*End Products List*/ /*Industry Links Bar*/ #industryIconbar{background-color: #999999; float: left; clear: both; height: 75px; width: 1017px; padding-left: 3px;} .industryIconLink{float: left; clear: none; width:88px; height:75px; margin: 0px 1px 0px 1px; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; background-color: #a2a2a2; opacity:.5; filter:alpha(opacity=50);} .industryLinkSelected{float: left; clear: none; width:88px; height:75px; margin: 0px 1px 0px 1px; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; background-color: #a2a2a2;} /*End Industry Links Bar*/ /*Index Slider Items below*/ #slider{background-color: #CCCCCC; float: left; clear: both; height: 202px; width: 1020px; border: 1px solid #bebebe;} .firstIndustryDescription{display: block; color: #000000; background-color: transparent; float: right; clear: right; position: absolute; width:1020px; height: 202px;} .index_industryDescription{display: none; color: #000000; background-color: transparent; float: right; clear: right; height: 202px; width: 318px;} .index_industryTitle{width: 309px; font: bold 25px/30px Arial, Helvetica, Sans-Serif; color: #000000; background-color: transparent; padding: 8px 5px 0px 5px; float: left;} .index_industryContent{width: 309px; height: 180px; max-height: 169px; font-size: 0.875em; color: #000000; background-color: transparent; padding: 5px 5px 5px 5px; float: left; overflow: hidden;} .index_industryContent li{color: #000000; font-size: 1em;} #position_image{margin: 35px 0px 0px 0px;} .sliderChild{position: absolute; background: transparent; width: 1020px; height: 202px;} .sliderChild a img{ width: 1021px; height: 201px; } #sliderMenu{position: relative; top:177px; bottom: 0px; display: block; background-image:url(images/slideMenu.png); background-repeat: no-repeat; background-color: transparent; float: right; clear: both; width:358px; max-width: 358px; height: 25px; max-height: 25px;} #back{float: left; clear:none; background: #FFFFFF; font-size:.8em; color: #000000; width: 100px; text-align: center; margin: 4px 0px 0px 2px;} #forward{float: right; clear:none; background: #FFFFFF; font-size:.8em; color: #000000; width: 100px; text-align: center; margin: 4px 2px 0px 0px;} .sliderChild img{ position: relative; } .slideIcons{float: left; clear: none; color: #000000; width:150px; text-align: center; margin: 5px 0px 0px 0px;} .sliderTextContainer{ position: absolute; top: 0px; right: 5px; width: 300px;} .sliderExtraContentContainer{ position: absolute; top: 0px; left: 0px; width: 1021px; height: 201px; } #slider-lft-Link { display: inline-block; float: left; clear: left; width: 213px; max-width: 213px; height: 201px; max-height: 201px; background-image: url('images/slider_images/slideshow_gettheqccatalogapp.png'); background-repeat: no-repeat; } #slider-lft-Link > div { width: 213px; height: 201px; } #slider-rgt-Link { display: inline-block; float: right; clear: right; width: 213px; max-width: 213px; height: 201px; max-height: 201px; z-index: 1; background-image: url('images/slider_images/slideshow_gettheqccatalogapp.png'); background-repeat: no-repeat; background-position: right top; } .sliderTitle { margin: 2px 0px 5px 0px; padding: 0px; height: 35px; float: left; clear: both; } .sliderTextContainer h2{ color: #000000; font: bold 25px/45px Arial, Helvetica, Sans-Serif; height: 25px; letter-spacing: -1px; padding: 0px; margin: 0px; } .sliderText{color: #000000; margin: 0px; padding: 0px; width: 300px; font-size: .875em; float: left; clear: both;} /*.class_0 { background-image: url(images/OpeningImage.jpg); background-repeat: no-repeat; display: block; float: left; width:1021px; max-width: 1021px; height: 202px; }*/ .class_0 { display: block; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_1 { display: block; background-image: url(images/slider_images/Big-Image_Renewable-Energy.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_2 { display: block; background-image: url(images/slider_images/Big-Image_Stand-By-Power.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_3 { display: block; background-image: url(images/slider_images/Batterydistribution.png); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_4 { display: block; background-image: url(images/slider_images/Big-Image_Material-Hand.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_5 { display: block; background-image: url(images/slider_images/Industry-groundsupport.png); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_6 { display: block; background-image: url(images/slider_images/Big-Image_Agriculture.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_7 { display: block; background-image: url(images/slider_images/Big-Image_Construction.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_8 { display: block; background-image: url(images/slider_images/Big-Image_Truck-Bus.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_9 { display: block; background-image: url(images/slider_images/marine-large-shot.png); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_10 { display: block; background-image: url(images/slider_images/Big-Image_Marin-&-RV.jpg); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } .class_11 { display: block; background-image: url(images/slider_images/Custom_cable-products.png); background-repeat: no-repeat; float: left; width:1021px; max-width: 1021px; height: 202px; } /*End Index Slider Items*/ /*Charts*/ .page_content .table_partnolisting{width: 400px; float: left; clear: none; border: 1px solid #000000; border-collapse: collapse; margin:0px 0px 5px 0px; } .table_partnolisting table tbody{width: 400px; float: left; clear: none; border: 1px solid #000000;} /* Removed to change tbody to 100% to match the div */ /* .table_partnolisting_wide table tbody{width: 600px; float: left; clear: none; border: 1px solid #000000;} */ .page_content .table_partnolisting tbody tr.table_heading th{background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; text-align: center; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} .page_content .table_partnolisting td{text-align: left; padding: 0px 10px 0px 10px; border: 0px; margin: 0px;} .page_content .table_partnolisting div{margin: 0px; padding: 0px;} .page_content .table_partnolisting a:active{color:#FFFFFF; text-decoration: none;} .page_content .table_partnolisting a:hover{color:#666666; text-decoration: underline;} .page_content .table_partnolisting a:visited{color:#666666; text-decoration: none;} .page_content .table_partnolisting tbody th.table_positive span{background-color: #ff0000; color: #FFFFFF;} .page_content .table_partnolisting tbody th.table_negative span{background-color: #000000; color: #FFFFFF;} .page_content .table_partnolisting tbody tr.even td{background-color: #F4F1EE; border: 0px; margin: 0px;} .page_content .table_partnolisting tbody tr.odd td{background-color: #E8E3DE; border: 0px; margin: 0px;} .page_content .div_partnolisting {width:400px; float:left;} .page_content .div_partnolisting_wide {width:600px; } .page_content .table_partnolisting .table_heading th.table_image{width:35px;} .page_content .table_partnolisting .table_heading th.table_descripton{width:155px;text-align:left;} .page_content .table_partnolisting td.table_image{width:35px;} /* Made a spelling mistake in the first entry. Since I had a whole bunch of pages already created by the time I noticed it so I created the second class that is spelled correctly */ .page_content .table_partnolisting td.table_descripton { text-align:left; } .page_content .table_partnolisting td.table_description { text-align:left; } .page_content .table_partnolisting_wide{width: 600px; float: left; clear: none; border: 1px solid #000000; border-collapse: collapse; margin:0px 0px 5px 0px; } .table_partnolisting_wide table tbody{width: 600px; float: left; clear: none; border: 1px solid #000000;} /* Removed to change tbody to 100% to match the div */ /* .table_partnolisting_wide table tbody{width: 600px; float: left; clear: none; border: 1px solid #000000;} */ .page_content .table_partnolisting_wide tbody tr.table_heading th{background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; text-align: center; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} .page_content .table_partnolisting_wide td{text-align: left; padding: 0px 10px 0px 10px; border: 0px; margin: 0px;} .page_content .table_partnolisting_wide div{margin: 0px; padding: 0px;} .page_content .table_partnolisting_wide a:active{color:#FFFFFF; text-decoration: none;} .page_content .table_partnolisting_wide a:hover{color:#666666; text-decoration: underline;} .page_content .table_partnolisting_wide a:visited{color:#666666; text-decoration: none;} .page_content .table_partnolisting_wide tbody th.table_positive span{background-color: #ff0000; color: #FFFFFF;} .page_content .table_partnolisting_wide tbody th.table_negative span{background-color: #000000; color: #FFFFFF;} .page_content .table_partnolisting_wide tbody tr.even td{background-color: #F4F1EE; border: 0px; margin: 0px;} .page_content .table_partnolisting_wide tbody tr.odd td{background-color: #E8E3DE; border: 0px; margin: 0px;} .page_content .table_partnolisting_wide .table_heading th.table_image{width:35px;} .page_content .table_partnolisting_wide .table_heading th.table_descripton{width:155px;text-align:left;} .page_content .table_partnolisting_wide td.table_image{width:35px;} /* Made a spelling mistake in the first entry. Since I had a whole bunch of pages already created by the time I noticed it so I created the second class that is spelled correctly */ .page_content .table_partnolisting td.table_descripton { text-align:left; } .page_content .table_partnolisting td.table_description { text-align:left; } #emptyCell{background-color:transparent;} th.left-product-heading { background-color: #ACA095; color: #FFFFFF; text-align: left; padding-left: 3px; } /*End Charts*/ /*Product Images*/ .page_content .image_container{width:215px; min-height: 150px; float: right; clear: right;} .page_content .image_container img{width:100px; height:66px; float: left; clear: none; margin: 2px;} .page_content .image_container span{float: left; clear: both; width: 210px;} .page_content .image_container_wide{width:600px; min-height: 150px; clear: both;} .page_content .image_container_wide img{width:100px; height:66px; float: left; clear: none; margin: 2px;} .page_content .image_container_wide span{float: left; clear: both; width: 210px;} /*End Product Images*/ /*Product Pricing*/ .product_details{display: none;} #product_information{min-height: 25px; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 10px;} #product_information tbody tr a img{border: 0px !important;} #product_information tbody tr.heading th{background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; text-align: center; width: 150px; overflow: hidden; padding: 0px 10px 0px 10px; border: 0px;} #product_information tbody tr.heading th.icon_32_heading{width: 34px !important;} #product_information tbody tr.heading th.partno_heading{width: 100px !important; text-align: left !important;} #product_information tbody tr.heading th.descrip2_heading{width: 245px !important; text-align: left !important;} #product_information tbody tr.heading th.price_heading{width: 75px !important;} #product_information tbody tr.heading th.qty_heading{width: 50px !important;} #product_information tbody tr.item_line td{text-align: center; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; width: 150px; overflow: hidden;} #product_information tbody tr.item_line td.icon_32{width: 34px !important;} #product_information tbody tr.item_line td.partno{width: 100px !important; text-align: left !important;} #product_information tbody tr.item_line td.partno span{width: 100px !important;} #product_information tbody tr.item_line td.descrip2{width: 245px !important; text-align: left !important;} #product_information tbody tr.item_line td.descrip2 span{width: 245px !important;} #product_information tbody tr.item_line td.price{width: 75px !important;} #product_information tbody tr.item_line td.price span{width: 75px !important;} #product_information tbody tr.item_line td.qty{width: 50px !important;} #product_information tbody tr.item_line td.qty input{width: 50px !important;} #product_information tbody tr.item_line td span{float:left; clear:both;} #product_information tbody tr.item_line_obsolete{text-align: center; min-height: 32px !important; padding: 0px 10px 0px 10px; color: #FF0000; border: 0px; margin: 0px; width: 150px; overflow: hidden;} #product_information tbody tr.item_line_obsolete td span{color: #FF0000 !important;} #product_information tbody tr.item_line_obsolete td.icon_32{width: 34px !important; min-height: 32px !important;} #product_information tbody tr.item_line_obsolete td.partno{width: 100px !important; text-align: left !important;} #product_information tbody tr.item_line_obsolete td.partno span{width: 100px !important;} #product_information tbody tr.item_line_obsolete td.descrip2{width: 245px !important; text-align: left !important;} #product_information tbody tr.item_line_obsolete td.descrip2 span{width: 245px !important;} #product_information tbody td{padding: 2px 10px 2px 10px;} #product_information tbody td.footer{text-align: right !important;} .item_codes tbody th.upc_title{ margin: 0px; font-size: 0.675em; color: #000000; text-align: left; max-width: 155px; padding: 0px !important; border: 0px;} .item_codes tbody td.upc_input{ margin: 0px; font-size: 0.675em; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 0px 0px 5px !important; border: 0px;} .item_codes tbody th.hs_code_title{ margin: 0px; font-size: 0.675em; color: #000000; text-align: left; max-width: 155px; padding: 0px !important; border: 0px;} .item_codes tbody td.hs_code_input{ margin: 0px; font-size: 0.675em; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 0px 0px 5px !important; border: 0px;} .item_codes tbody th.weight_title{margin: 0px; font-size: 0.675em; color: #000000; text-align: left; max-width: 155px; padding: 0px !important; border: 0px;} .item_codes tbody td.weight_input{ margin: 0px; font-size: 0.675em; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 0px 0px 5px !important; border: 0px;} .item_codes tbody th.jobber_price_title{margin: 0px; font-size: 0.675em; color: #000000; text-align: left; max-width: 155px; padding: 0px !important; border: 0px;} .item_codes tbody td.jobber_price_input{ margin: 0px; font-size: 0.675em; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 0px 0px 5px !important; border: 0px;} .item_codes tbody th.dealer_price_title{margin: 0px; font-size: 0.675em; color: #000000; text-align: left; max-width: 155px; padding: 0px !important; border: 0px;} .item_codes tbody td.dealer_price_input{ margin: 0px; font-size: 0.675em; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 0px 0px 5px !important; border: 0px;} #document_information{min-height: 25px; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 5px 0px 0px 0px;} #document_information tbody tr.heading th{background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} #document_information tbody tr th.type_title{width: 100px !important; text-align: left !important; font-size: 1em; padding: 0px 10px 0px 10px;} #document_information tbody tr th.name_title{width: 175px !important; text-align: left !important; font-size: 1em; padding: 0px 10px 0px 10px;} #document_information tbody tr th.download_title{width: 85px !important; padding: 0px 10px 0px 10px;} #document_information tbody tr.doc_line td.type_input{text-align: left; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; height: 32px;} #document_information tbody tr.doc_line td.type_input span{float:left; clear:both; font-size: 0.875em;} #document_information tbody tr.doc_line td.name_input{text-align: left; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; height: 32px;} #document_information tbody tr.doc_line td.name_input span{float:left; clear:both; font-size: 0.875em;} #document_information tbody tr.doc_line td.download_input{text-align: center; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; height: 32px;} #document_information tbody tr.doc_line td.download_input span{float:left; clear:both; font-size: 0.875em;} #document_information tbody tr.doc_line td.download_input img{border:0px !important;} #document_information tbody td{padding: 2px 10px 2px 10px;} #additional_product_information{min-height: 25px; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 5px;} #additional_product_information tbody tr.heading th{background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; text-align: center; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody th.rohs_title{ margin: 5px; font-size: 0.875em; color: #000000; text-align: left; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody td.rohs_input{ margin: 0px; padding: 2px; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody th.ul_title{margin: 5px; font-size: 0.875em; color: #000000; text-align: left; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody td.ul_input{ margin: 0px; padding: 2px; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody th.sae_title{margin: 5px; font-size: 0.875em; color: #000000; text-align: left; max-width: 155px; padding: 0px 10px 0px 10px; border: 0px;} #additional_product_information tbody td.sae_input{ margin: 0px; padding: 2px; font-weight: normal !important; color: #000000; text-align: left; padding: 0px 10px 0px 10px; border: 0px;} /*#product_information tbody td.description{} #product_information tbody td.options{} #product_information tbody td.price{}*/ /*End Product Pricing*/ /*Shopping Cart Popup*/ #cart{cursor: pointer;} #cart_container{background-color: #FFFFFF; display: none; float: left; clear: none; position: relative; top: 20px; left: 500px; z-index: 75; border: 1px solid #CCCCCC; } #cart_quick_add_container{background-color: #FFFFFF; display: none; float: left; clear: none; position: relative; top: 25px; left: 500px; z-index: 75; border: 1px solid #CCCCCC; } .cart{background-color: #CCCCCC; border-collapse: collapse; border: 0px; margin: 10px; width: 500px !important;} .cart tr.heading th{background-color: #ACA095; margin: 0px; padding: 2px; font-size: 1em; color: #FFFFFF; text-align: center; padding: 0px 10px 0px 10px; border: 0px;} .cart tr.heading th.q_qty{text-align: left !important;} .cart .heading th.alignLeft{text-align: left !important;} .cart tr{margin: 5px 0px 5px 0px !important;} .cart tr.promo_item{background-color: #D3D6D6;} .cart tr.promo_item td{background-color: #D3D6D6;} .cart td{padding: 2px; font-size: 0.7em; background-color: #FFFFFF; color: #000000; height: 40px; padding: 0px 5px 0px 5px; text-align: left;} .cart td span{height:15px; min-width: 100px; float: left; clear: both; font-size: 10px; text-align: left;} .cart td.text input{width:25px;} .cart td.number{text-align: right !important;} .cart td.footer{text-align: right !important;} .cart input{clear: none;} .cart input.input_small{width:25px !important;} .cart_quick_add{background-color: #CCCCCC; border-collapse: collapse; border: 0px; margin: 20px 5px 10px 5px;} .cart_quick_add tr.heading th{background-color: #ACA095; margin: 0px; padding: 2px; font-size: 1em; color: #FFFFFF; text-align: center; padding: 0px 10px 0px 10px; border: 0px;} .cart_quick_add tr.heading th.q_qty{text-align: left !important;} .cart_quick_add td{padding: 2px; font-size: 0.7em; background-color: #FFFFFF; color: #000000; height: 30px; padding: 0px 5px 0px 5px; text-align: left;} .cart_quick_add td span{height:15px; min-width: 100px; float: left; clear: both; font-size: 10px; text-align: left;} .cart_quick_add td.text input{width:25px;} .cart_quick_add td.footer{text-align: right !important;} .cart_quick_add input{clear: none;} .cart_quick_add input.input_small{width:25px !important;} #q_partno{width:187px !important;} #q_qty{width:30px !important;} #q_QuickAddButton{width:236px !important;} /*End Shopping Cart Popup*/ /*Custom Submit/button class*/ #buttonFooter{text-align: right !important;} .m_user_content form #buttonFooter{text-align: right !important;} .m_user_content form input.pub_buttonSubmit{float: none !important; width: 120px; padding: 10px; margin: 5px; border: 1px solid #e5e5e5; background-color: transparent; background-position: left; background-repeat: no-repeat; cursor: pointer; text-align: right;} .pub_buttonSubmit{ width: 120px; padding: 10px; margin: 5px; border: 1px solid #e5e5e5; background-color: transparent; background-position: left; background-repeat: no-repeat; cursor: pointer; text-align: right; } .pub_buttonSubmit_big{ width: 250px; padding: 10px; margin: 5px; border: 1px solid #e5e5e5; background-color: transparent; background-position: left; background-repeat: no-repeat; cursor: pointer; text-align: right; } #add_to_cart_img{background-image: url(images/32_icon_cart_add_item.png);} #add_to_favorites_img{background-image: url(images/32_icon_favorite_add.png);} #add_to_page_search_img{background-image: url(images/32_icon_page_search.png);} #add_to_cart_remove_img{background-image: url(images/32_icon_cart_remove_item.png);} #add_to_cart_save_img{background-image: url(images/32_icon_save.png);} #icon_save_img{background-image: url(images/32_icon_save.png);} #icon_print_32{background-image: url(images/32_icon_print.png);} #icon_quick_add_32{background-image: url(images/32_icon_quick_add.png);} #previous_step_button{float: left; clear:none; text-align: right; background-image: url("../images/icon_pagination_previous_32.png"); background-repeat: no-repeat; background-position: 5% center;} #next_step_button{float: right; text-align: left; clear: none; background-image: url("../images/icon_pagination_next_32.png"); background-repeat: no-repeat; background-position: 95% center;} /*End Custom Submit/button class*/ /*Checkout Cart*/ .c_cart{float: left; clear: both; width:623px; margin: 0px 5px 5px 5px; padding: 3px 5px 3px 5px; font-size: 0.75em;} #c_cart_table{float: left; clear: both; border-collapse: collapse; background-color: #f5f5f5; border: 1px solid #CCCCCC; margin: 0px 0px 0px 19px;} #c_cart_table .c_cart_title{text-align: center;} #c_cart_table tr.promo_item {background-color: #D3D6D6;} #c_cart_table tr.promo_item td{background-color: #D3D6D6;} #c_cart_table th{text-align: left; margin: 0px 5px 0px 5px;} #c_cart_table td{text-align: left; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_cart_table td.footer{text-align: right; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_cart_table .icon_cell{width:32px; height: 32px;} #c_cart_table .number_cell{width:100px; height: 32px;} #c_cart_table .descript_cell{width:200px; height: 32px;} #c_cart_table .price_cell{width:75px; height: 32px;} #c_cart_table .input_cell{width:45px; height: 32px;} #c_cart_table .input_cell input{float: none !important;} #c_cart_table .input_small{width:25px;} /*Multiple Line Error Message*/ #invalidParts{ background-color: #FF0000; color: #000000; border: 1px solid #000000; float: left; clear: both; margin: 0px 0px 0px 29px; width: 596px; } #invalidParts ul li h5{ margin: 5px 0px 5px 0px; } #invalidParts ul ul{ font-size: .75em; margin: 0px; } /*Multiple Line Item Table*/ #multi_line_form{float: left; clear: both; border-collapse: collapse; background-color: #f5f5f5; border: 1px solid #CCCCCC; margin: 0px 0px 0px 169px;} #multi_line_form tr.c_cart_title{text-align: center;} #multi_line_form th{text-align: left; margin: 0px 5px 0px 5px;} #multi_line_form td{text-align: left; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #multi_line_form td.footer{text-align: right; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #multi_line_form .icon_cell{width:32px; height: 32px;} #multi_line_form .number_cell{width:100px; height: 32px;} #multi_line_form .descript_cell{width:200px; height: 32px;} #multi_line_form .price_cell{width:75px; height: 32px;} #multi_line_form .input_cell{width:45px; height: 32px;} #multi_line_form .input_cell input{float: none !important;} #multi_line_form .input_small{width:25px;} #multi_line_form .spacer_01{padding: 25px;} #c_quick_add{width: 596px !important; float: left; clear: both; border-collapse: collapse; background-color: #f5f5f5; border: 1px solid #CCCCCC; margin: 5px 0px 0px 19px;} #c_quick_add .c_cart_title{text-align: center;} #c_quick_add th{text-align: left; margin: 0px 5px 0px 5px;} #c_quick_add td{text-align: left; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_quick_add td.footer{text-align: right; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_quick_add .icon_cell{width:32px; height: 32px;} #c_quick_add .number_cell{width:100px; height: 32px;} #c_quick_add .descript_cell{width:200px; height: 32px;} #c_quick_add .price_cell{width:75px; height: 32px;} #c_quick_add .input_cell{width:45px; height: 32px;} #c_quick_add .input_cell input{float: none !important;} #c_quick_add .input_small{width:25px;} #c_cart_ref_table{float: left; clear: both; border-collapse: collapse; background-color: #f5f5f5; border: 1px solid #CCCCCC; margin: 0px 0px 0px 19px; font-size: 0.75em !important;} #c_cart_ref_table .c_cart_title{text-align: center;} #c_cart_ref_table th{text-align: left; margin: 0px 5px 0px 5px;} #c_cart_ref_table td{text-align: left; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_cart_ref_table td.footer{text-align: right; background-color: #fcfcfc; margin: 0px 5px 0px 5px;} #c_cart_ref_table .icon_cell{width:32px; height: 32px;} #c_cart_ref_table .number_cell{width:100px; height: 32px;} #c_cart_ref_table .descript_cell{width:200px; height: 32px;} #c_cart_ref_table .price_cell{width:75px; height: 32px;} #c_cart_ref_table .input_cell{width:45px; height: 32px;} #c_cart_ref_table .input_cell input{float: none !important;} #c_cart_ref_table .input_small{width:25px;} .footer{text-align: right !important;} #pageCount{text-align: center !important; width: 344px !important; float: right; clear: none; margin: 25px 0px 0px 0px;} #p_pageCount{text-align: center !important; width: 300px !important; margin: 25px 0px 0px 0px;} #label_copy_address{float: left; clear: none; width: 15em !important;} .error_hide{display: none;} .error_show{display: block; color: #FF0000; min-width: 50px;} /*End Checkout Cart*/ /* Chart Highlighting */ .highlight_black { color:white;background-color:black; padding:0px 5px 0px 5px; } .highlight_brown { color:white;background-color:brown; padding:0px 5px 0px 5px; } .highlight_tan { color:white;background-color:tan; padding:0px 5px 0px 5px; } .highlight_red { color:white;background-color:red; padding:0px 5px 0px 5px; } .highlight_orange { color:white;background-color:orange; padding:0px 5px 0px 5px; } .highlight_yellow { color:black;background-color:yellow; padding:0px 5px 0px 5px; } .highlight_green { color:white;background-color:green; padding:0px 5px 0px 5px; } .highlight_blue { color:white;background-color:blue; padding:0px 5px 0px 5px; } .highlight_white { color:black;background-color:white; padding:0px 5px 0px 5px; } .highlight_pink { color:white;background-color:pink; padding:0px 5px 0px 5px; } .highlight_natural { color:black;background-color:gray; padding:0px 5px 0px 5px; } .highlight_clear { color:black;background-color:lightblue; padding:0px 5px 0px 5px; } .highlight_gray { color:white;background-color:lightgray; padding:0px 5px 0px 5px; } .highlight_lightgray { color:white;background-color:gray; padding:0px 5px 0px 5px; } .highlight_purple { color:white;background-color:purple ; padding:0px 5px 0px 5px; } .highlight_violet { color:white;background-color:violet ; padding:0px 5px 0px 5px; } /*Search Data Container*/ #search_data_container{border: 1px solid #CCCCCC; background-color: #f4f4f4; width: 620px; min-height: 50px; border-collapse: collapse;} #search_data_container img{width: 75px !important; height: 75px !important;} #search_data_container a.edit-icon img{ width: 24px !important; height: 24px !important; display: inline-block; float: right;} #search_data_container img.MSDS_IMG{width: 32px !important; height: 32px !important;} #search_data_container tr.header{background-color: #f2f2f2; text-align: left; font-size: .9em;} #search_data_container tr.data_title{background-color: #fbfbfb; font-size: 1em !important; border-top: 2px solid #B8B8B8; border-right: 1px solid #666666; border-left: 1px solid #666666; margin: 5px 0px 0px 0px !important;} #search_data_container tr.data_body{background-color: #fcfcfc; font-size: .875em; height: 55px; overflow: hidden; border-right: 1px solid #666666; border-bottom: 2px solid #B8B8B8; border-left: 1px solid #666666; margin: 0px 0px 5px 0px !important;} #search_data_container tr.footer{background-color: #f2f2f2;} #search_data_container_footer{border: 1px solid #CCCCCC; background-color: #f4f4f4; width: 620px; min-height: 50px; border-collapse: collapse;} #search_data_container_footer img{width: 75px !important; height: 75px !important;} #search_data_container_footer tr.header{background-color: #f2f2f2; text-align: left; font-size: .9em;} #search_data_container_footer tr.data_title{background-color: #fbfbfb; font-size: 1em !important; border-top: 2px solid #B8B8B8; border-right: 1px solid #666666; border-left: 1px solid #666666; margin: 5px 0px 0px 0px !important;} #search_data_container_footer tr.data_body{background-color: #fcfcfc; font-size: .875em; height: 55px; overflow: hidden; border-right: 1px solid #666666; border-bottom: 2px solid #B8B8B8; border-left: 1px solid #666666; margin: 0px 0px 5px 0px !important;} #search_data_container_footer tr.footer{background-color: #f2f2f2;} /*End Data Container*/ /*Test Table*/ .page_content .test_table{width: 610px; max-width: 610px; min-height: 272px; border-collapse: collapse; margin: 2px; padding: 0px;} .page_content .test_table a:active{color: #515151;} .page_content .test_table a:visited{color: #515151;} .page_content .test_table a:hover{color: #666666; text-decoration: underline;} .page_content .test_table tbody th{height: 50px; text-align: left;} .page_content .test_table tbody th img{max-width: 47px !important; max-height: 26px !important; margin: 0px; padding: 0px;} .page_content .test_table tbody th h3{ height: 15px; padding: 0px; margin: 0px;} .page_content .test_table tbody td{ height: 271px !important;} .page_content .test_table tbody td p{width: 400px; min-height: 25px; padding: 0px; margin: 2px; vertical-align: top !important; text-align: left;} .page_content .test_table tbody td img{width: 150px; margin: 0px;} /*End Test Table*/ /*Contact Tables*/ .contact_table{width: 622px !important; border: 1px solid #000000; border-collapse: collapse;} .contact_table tr.contact_title{background-color: #CCCCCC;} .contact_table tr.contact_title th{text-align: center; width: 622px !important;} .contact_table tr.heading{background-color: #CCCCCC;} .contact_table tr.heading th{text-align: center; width: 311px;} .contact_table div{font-size: 0.875em;} /*End Contact Tables*/ /*Personnel Table*/ .page_content #personnel_links{font-size: 0.875em !important;} .page_content .personnel_table{width: 600px !important; border: 1px solid #CCCCCC; border-collapse: collapse;} .page_content .personnel_table td.personnel_pic{width: 72px !important;} /*End Personnel Table*/ /*Job Postings Content*/ .page_content table.job_posting{width:600px !important; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 5px 0px 0px 12px !important;} .page_content table.job_posting tr th.job_title{width:50px !important; background-color:#FFFFFF !important; border: 1px solid #CCCCCC;} .page_content table.job_posting tr td.job_input{background-color:#FFFFFF !important; border: 1px solid #CCCCCC; padding: 6px 0px 0px 5px;} .page_content table.job_posting tr td{background-color:#FFFFFF !important; border: 1px solid #CCCCCC;} .page_content table.job_posting tr th.labelcell{text-align: left;width: 100px !important; padding: 0px 0px 0px 5px !important; background-color: #FFFFFF !important;} .page_content table.job_posting textarea{background-color: #DDDDDD; width: 400px !important;} .page_content table.job_posting tr td.tool{width:24px !important; height: 24px !important;} /*End Job Postings Content*/ /*Filtering*/ #filter_bar{clear: both; background-color: #F8F8F8; border: 1px solid #CCC; margin:5px 0px 2px 5px; padding: 2px 5px 2px 5px; width: 600px; min-height: 100px; font-size: .875em !important;} #filter_bar form{float: none !important; margin: 0px !important;} #filter_bar hr{margin: 0px !important;} #filter_table{min-width:450px !important; border: 1px solid #000000; height: 50px !important; font-size: 0.75em;} #filter_table tr{height: 25px !important;} #filter_table tr th.big{width: 150px !important;} #filter_table tr td.big{width: 150px !important;} #filter_table tr th.medium{width: 75px !important;} #filter_table tr td.medium{width: 75px !important;} #filter_table tr th.small{width: 34px !important;} #filter_table tr td.small{width: 34px !important;} #filter_table tr td label{width: 135px !important; margin: 2px 3px 2px 3px !important;} #filter_table input.text_medium, select.text_medium{width: 75px !important;} #filter_table input.text_small{width: 34px !important;} #filter_button{background-color:#FFFFFF !important; background-image: url(images/32_icon_filter.png) !important;} div.plusFifty{width: 50px;} /*End Filtering*/ /*Public Search Box*/ .p_tool_box_container{width: 640px; min-height: 50px; float: left; clear: both; border: 1px solid #CCC; margin:4px 8px 4px 0px; background-color: transparent;} .p_tool_box_heading{background-image: url(http://www.quickcable.com/images/heading_bar.png); background-repeat: repeat-x; background-color: #E5E5E5; height: 25px; padding:3px 0px 0px 5px;} .p_tool_box_heading div{float: right; clear: none; min-width: 170px; height: 20px;} .p_tool_box_heading div form{float: right; clear: none; height: 20px;} .p_tool_box_heading span{float: left; clear: none; min-width: 150px; height: 20px;} .p_tool_box_heading .form_input{height: 15px; margin: 0px; float: right; clear: none;} .p_tool_box_heading select{float: right; clear: none; background-color:#DDDDDD; height: 20px;} .p_tool_box_heading .form_submit{height: 20px; margin: 0px; float: right; clear: none; margin: 0px 2px 0px 0px;} .p_tool_box{float: left; clear: both; background-color: #F8F8F8; border: 1px solid #CCC; margin:2px 0px 2px 4px; padding: 0px 0px 0px 0px; width: 630px; min-height: 45px;} /*End Public Search Box*/ #shipperLogoContainer{float: left !important; clear: none;} #UPS_Logo{padding: 10px !important; width: 52px !important; height: 60px !important;} /*Credit Card Page CSS*/ #orderReview{width: 625px; float: left; clear: both;} #billToAddress{width: 275px; float: left; clear: left;} #shipToAddress{width: 275px; float: right; clear: right;} #reviewOrder{clear: both;} #cardData{clear: both;} /* Receipt */ #receiptHeader{border: 1px solid #000000; border-collapse: collapse; margin: 5px 0px 5px 0px;} #receiptHeader td{border:1px solid #000000; text-align: center !important; padding: 5px;} #receiptHeader tr.receiptHeaderTitles{border-bottom: 1px solid #000000; background-color: #CCCCCC; padding: 5px;} /* Receipt Order Lines Table */ #receiptLines{border: 1px solid #000000; border-collapse: collapse; margin: 5px 0px 5px 0px;} #receiptLines td{border:1px solid #000000; text-align: left !important; padding: 5px;} #receiptLines tr.receiptHeaderTitles{border-bottom: 1px solid #000000; background-color: #CCCCCC; padding: 5px; text-align:center !important;} #receiptLines td.decimal{text-align: right !important;} #receiptLines th.specialAlign{text-align: right !important;padding: 5px;} /* Message comfirmation */ #confirmed_message{background-color: #C1D72E;} /*Tool Box Big*/ .m_tool_box_container_big{width: 840px; min-height: 134px; float: left; clear: both; border: 1px solid #CCC; margin:4px 8px 4px 0px; background-color: transparent;} .m_tool_box_heading_big{background-image: url(../images/heading_bar.png); background-repeat: repeat-x; background-color: #E5E5E5; height: 25px; padding:3px 0px 0px 5px;} .m_tool_box_heading_big div{float: right; clear: none; min-width: 170px; height: 20px;} .m_tool_box_heading_big div form{float: right; clear: none; height: 20px;} .m_tool_box_heading_big span{float: left; clear: none; min-width: 150px; height: 20px;} .m_tool_box_heading_big .form_input{height: 15px; margin: 0px; float: right; clear: none;} .m_tool_box_heading_big select{float: right; clear: none; background-color:#DDDDDD; height: 20px;} .m_tool_box_heading_big .form_submit{height: 20px; margin: 0px; float: right; clear: none; margin: 0px 2px 0px 0px;} .m_tool_box_big{float: left; clear: both; background-color: #F8F8F8; border: 1px solid #CCC; margin:2px 0px 2px 4px; padding: 0px 0px 0px 5px; width: 825px; min-height: 100px;} .m_tool_box_item_big{cursor: pointer !important; float: left; clear: none; width: 65px; min-height: 90px; margin: 4px 2px 4px 2px; border: 1px solid #000000; background-color: #fbfbfb;} .m_tool_box_item_big img{float: left; clear: both; border: 0px; width: 48px; height: 48px; margin: 6px 7px 5px 7px;} /*Social Media Table*/ table.social_media{margin: 5px !important; border: 1px solid #CCCCCC; width:635px; background-color:#F8F8F8;} table.social_media td{padding-left: 5px !important;} table.social_media_wide{margin: 5px !important; border: 1px solid #CCCCCC; width:858px; background-color:#F8F8F8;} table.social_media_wide td{padding-left: 5px !important;} div#social_media_container{ padding: 5px 5px 0; margin: 5px; border: 1px solid #CCCCCC; width: 624px; height: 25px; background: #F8F8F8; float: left; } div#social_media_container div.media_item{ float: left; position: relative; text-transform: uppercase; height: 16px; } div#social_media_container div#faceBook{ width: 80px; } div#social_media_container div#googlePlus{ width: 70px; } div#social_media_container div#tweeter{ width: 80px; } div#social_media_container div#email_media{ width: 70px; padding: 0px 5px 0px 5px; } /*Check out credit card form*/ table#paymentTable{ width: 525px; margin: 10px 0px 0px 15px; border: 1px solid #CCCCCC; background-color: #F5F5F5; } #paymentTable th{ background-color: #F5F5F5; } #paymentTable td{ background-color: #FCFCFC; } #paymentTable td img{ margin: 3px 0px 0px 5px; } #paymentTable label{ width: 135px !important; font-size: .75em !important; text-align: right; } #paymentTable label.error{ color: #FF0000; float: left; clear: both; width: 100% !important; text-align: left; } #paymentTable span{ font-size: .75em; padding: 0px 5px 0px 5px; } #paymentTable label em{ color: #FF0000; } #paymentTable input#cart_amount{ width: 77px; } #paymentTable input#cvv_nubmer, input#exp_number{ width: 50px; } #paymentTable td.footer{ background-color: #F5F5F5; text-align: right !important; } /*Menu Buttons*/ .m_tool_box_item_medium{cursor: pointer !important; float: left; clear: none; width: 107px; min-height: 90px; margin: 4px 2px 4px 2px; border: 1px solid #000000; background-color: #fbfbfb;} .m_tool_box_item_medium img{float: left; clear: left; border: 0px; width: 48px; height: 48px; margin: 6px 7px 5px 29px;} .m_tool_box_item_medium span{float: left; clear: both; width:107px; height: 30px; overflow: hidden; border-top: 1px solid #DDDDDD; font-size: 0.675em; text-align: center; background-color: #ebebeb;} /*End Menu Buttons*/ /*Quick Cable Tools Page*/ div.qc_tools_banner{ background-color: #666666; width: 858px; height: 150px; } div.qc_tools_content_panel{ width: 212px; height: 379; float: left; clear: none; margin: 35px; } div.qc_tools_icon_holder{ width: 212px; height: 130px; max-width: 212px; max-height: 130px; background-image: url(/images/212_tools_icon_background.png); background-repeat: no-repeat; } div.qc_tools_icon_holder img{ width: 198px; height: 114px; border: 1px solid #666666; margin: 5px 0px 0px 4px; } div.qc_tools_detail{ background-color: #F5F5F5; border: 1px solid #666666; height: 220px; font-size: .75em; padding-right: 5px; } /*Containment system configuration*/ div#containment_system_configuration{ width: 848px; height: 100%; background-color: #f5f5f5; border: 1px solid #CCC; float: left; } div#containment_system_configuration div#containment_system_canvus{ background-repeat: no-repeat; height: 630px; padding: 14px 0px 0px 14px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area{ width: 810px; height: 630px; border: 1px solid #000000; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container{ margin: 2px; width: 600px; height: 626px; background-color: #FFFFFF; float: left; clear: left; position: relative; } #pvc_containment_system{ background-image: url('/images/containment_system_img/550_iso_pvc_containment_system.png'); background-repeat: no-repeat; background-position: center center; } #steal_containment_system{ background-image: url('/images/containment_system_img/stainlesssteal_containment_system.png'); background-repeat: no-repeat; background-position: center center; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list{ background-position: center center; margin: 2px; width: 202px; height: 626px; background-color: #5D5D5D; float: right; clear: right; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed{ font-size: 0.55em; list-style: none; margin: 0px; padding: 0px; width: 100%; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li div#left_title{ padding: 0px 0px 0px 5px; margin: 5px 0px 0px 0px; float: left; clear: left; width: 145px; text-align: left; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li div#right_title{ padding: 0px; margin: 5px 0px 0px 0px; float: right; clear: right; width: 50px; text-align: center; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li div.left{ padding: 0px 0px 0px 5px; margin: 1px 0px 0px 0px; float: left; clear: left; width: 145px; text-align: left; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li div.right{ padding: 0px; margin: 10px 0px 0px 0px; float: right; clear: right; width: 50px; text-align: center; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li#first_item{ background-color: #FFFFFF; border-bottom: 1px solid #000000; height: 24px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div#item_list ul#material_needed li.item{ margin: 0px 0px 0px 0px !important; padding: 0px; background-color: #EFEFEF; border-top: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; height: 38px; overflow: hidden; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#length_heading{ position: absolute; top: 145px; left: 340px; display: block; width: 115px; font-size: 0.65em; text-align: center; font-weight: bold; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#length_input{ position: absolute; top: 158px; left: 351px; display: block; width: 95px; font-size: 0.65em; text-align: center; background-color: #DDDDDD; border: 1px solid #000000; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#width_heading{ position: absolute; top: 113px; left: 95px; display: block; width: 110px; font-size: 0.65em; text-align: center; font-weight: bold; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#width_input{ position: absolute; top: 126px; left: 103px; display: block; width: 95px; font-size: 0.65em; text-align: center; background-color: #DDDDDD; border: 1px solid #000000; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#o_length_heading{ position: absolute; top: 431px; left: 112px; display: block; width: 145px; font-size: 0.65em; text-align: center; font-weight: bold; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#o_length_input{ position: absolute; top: 442px; left: 138px; display: block; width: 95px; font-size: 0.65em; text-align: center; background-color: #DDDDDD; border: 1px solid #000000; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#o_width_heading{ position: absolute; top: 469px; left: 407px; display: block; width: 145px; font-size: 0.65em; text-align: center; font-weight: bold; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#o_width_input{ position: absolute; top: 483px; left: 426px; display: block; width: 95px; font-size: 0.65em; text-align: center; background-color: #DDDDDD; border: 1px solid #000000; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span.specs{ position: absolute; display: block; /* padding: 2px;*/ margin: 0px; width: 85px; font-size: 0.55em; background-color: #F4F1EE; border: 1px solid #DDDDDD; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#spec_1{ top: 225px; left: 57px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#spec_2{ top: 294px; left: 76px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#spec_3{ top: 267px; left: 35px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container span#spec_4{ top: 360px; left: 466px; } div#containment_system_configuration div#containment_system_canvus div#containment_system_work_area div.drawing_container ul#image_details{ position: absolute; top: 577px; display: block; font-size: 0.65em; background-color: #FFFFFF; margin: 0px; font-weight: bold; } div#containment_system_configuration div.containment_system_worksheet{ height: 100%; width: 812px; padding: 0px 14px 0px 14px; } div#containment_system_configuration div.containment_system_worksheet div#measurementSpecs{ width: 812px; height: 50px; position: relative; } div#containment_system_configuration div.containment_system_worksheet div#measurementSpecs div#length_inside_spec{ position: absolute; top: 0px; width: 300px; padding: 3px; } div#containment_system_configuration div.containment_system_worksheet div#measurementSpecs div#length_outside_spec{ position: absolute; top: 0px; left: 303px; width: 450px; padding: 3px; } div#containment_system_configuration div.containment_system_worksheet div#measurementSpecs div#width_inside_spec{ position: absolute; top: 26px; width: 400px; padding: 3px; } div#containment_system_configuration div.containment_system_worksheet div#measurementSpecs div#width_outside_spec{ position: absolute; top: 26px; left: 303px; width: 450px; padding: 3px; } div#containment_system_configuration div.containment_system_worksheet em.required_content{ color: #FF0000; } form#containment_system_form{ float: none !important; width: 100% !important; } form#containment_system_form label{ width: 275px !important; margin: 3px; padding: 0px; display: block; } form#containment_system_form p{ width: 605px; margin: 3px; padding: 0px; display: block; color: #515151; font-size: 0.75em; } form#containment_system_form p.hint{ width: 756px; background-color: #FFFFFF; padding: 20px 5px 20px 7%; background-position: 1% 50%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } form#containment_system_form p#Q_1{ background-image: url('/images/containment_system_img/32_icon_Q_1.png'); background-repeat: no-repeat; background-color: #FFFFFF; } form#containment_system_form p#Q_1_Active{ background-image: url('/images/containment_system_img/32_icon_Q_1_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } form#containment_system_form p#Q_2{ background-image: url('/images/containment_system_img/32_icon_Q_2.png'); background-repeat: no-repeat; background-color: #FFFFFF; } form#containment_system_form p#Q_2_Active{ background-image: url('/images/containment_system_img/32_icon_Q_2_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } form#containment_system_form p#Q_3{ background-image: url('/images/containment_system_img/32_icon_Q_3.png'); background-repeat: no-repeat; background-color: #FFFFFF; } form#containment_system_form p#Q_3_Active{ background-image: url('/images/containment_system_img/32_icon_Q_3_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } form#containment_system_form p#Q_4{ background-image: url('/images/containment_system_img/32_icon_Q_4.png'); background-repeat: no-repeat; background-color: #FFFFFF; } form#containment_system_form p#Q_4_Active{ background-image: url('/images/containment_system_img/32_icon_Q_4_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } form#containment_system_form input.pub_buttonSubmit{ position: relative; left: 665px; } div#error{ background-color: #FF0000; padding: 5px; width: 95%; margin: 15px 5px; } span.error{ display: block; margin: 0px 0px 0px 5px; color: #FF0000; } ul.floating_error{ position: relative; display: none; margin: 0px 0px 0px 5px; background-color: #FF0000; color: #000000; height: 100%; width: 765px; } ul.floating_error li#first_element{ list-style: none; font-weight: bold; padding: 0px; margin: 0px; } input.dataMisMatchError{ background-color: #FF0000; } div#video_list{ height: 138px; width: 850px; float: left; clear: both; background-color: #444; } div#video_list ul#containment_video_list{ float: left; list-style: none; margin: 0px; padding: 0px; } div#video_list ul#containment_video_list li{ height: 134px; width: 166px; margin: 0px 2px 0px 2px; background-color: #FFFFFF; float:left; clear: none; } div#video_list ul#containment_video_list li a{ display: block; } div#video_list ul#containment_video_list li img{ margin: 3px; padding: 0px; } div#video_list ul#containment_video_list li p{ margin: 0px; padding: 0px; text-align: center; overflow: hidden; } div#image_container_containment_system{ background-color: #FFFFFF; width: 850px; float: left; clear:both; } div#image_container_containment_system img{ margin: 0px 0px 0px 0px; border: 0px; } /* tooltip styling. by default the element to be styled is .tooltip */ .tooltip { display:none; background:transparent url(/media/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#eee; } /* Containment System Completion page */ div#containment_system_img_container{ background-color: #FFFFFF; width: 640px; float: left; clear: both; } p#completion_success{ width: 600px; background-color: #00ff00; border-right: 1px solid #000000; border-left: 1px solid #000000; padding: 5px 19px 5px 19px; margin: 0px; float: left; clear: both; } div#containment_system_completion_main{ width: 628px; height: 100%; background-color: #f2f2f2; border: 1px solid #CCCCCC; float: left; padding: 5px; } div#containment_system_completion_main h3{ margin: 5px 0px 0px 0px; } div#containment_system_completion_main div#related_items{ float: left; clear: both; height: 100%; } div#containment_system_completion_main div#related_items a{ font-size: .75em; } table#request_containment_system_quote_table{ width: 640px;border: 1px solid #000000;border-collapse: collapse; margin: 5px 0px 0px 0px; font-size: 0.75em;float: left; } div#containment_system_completion_main form#containment_system_parchase_form{ float: left; clear: both; height: 100%; } div#containment_system_completion_main table.custom_item_list{ background-color: #FFFFFF; border: 1px solid #000000; border-collapse: collapse; width: 628px; margin-top: 5px; } div#containment_system_completion_main table.custom_item_list th{ background-color: #ACA095; color: #FFFFFF; font-size: 1em; padding: 2px; } div#containment_system_completion_main table.custom_item_list td{ background-color: #FFFFFF; color: #000000; font-size: 0.75em; padding: 2px; } div#containment_system_completion_main table.custom_item_list th.stringTitle{ text-align: left; } div#containment_system_completion_main table.custom_item_list th.digitTitle{ text-align: center; } div#containment_system_completion_main table.custom_item_list td.stringTitle{ text-align: left; } div#containment_system_completion_main table.custom_item_list td.stringTitle p{ margin: 0px 5px 0px 5px; padding: 5px 0px 5px 0px; display: block; width: 280px; color: #FFFFFF; font-weight: bold; } div#containment_system_completion_main table.custom_item_list td.digitTitle{ text-align: center !important; } div#containment_system_completion_main table.custom_item_list tr.footer td input{ position: relative; left: 220px; } #pdf_icon{ background-image: url(images/32_icon_pdf.png); } ul.bullets_containment_system_details{ margin-top: 5px; margin-bottom: 5px; } span.dimensions_heading{ display: block; width: 100%; padding: 3px; } #dimension_1{ background-color: #00FFFF; } #dimension_2{ background-color: #E3E658; } div#quick_filter{ width: 562px; } div#quick_filter div#quick_filter_header{ width: 100%; height: 75px; background-color: #707070; border-bottom: 2px solid #000000; } div#quick_filter div#quick_filter_list{ width: 100%; height: 500px; background-color: #5D5D5D; border-top: #FFFFFF; border-bottom: #FFFFFF; overflow: auto; } div#quick_filter div#quick_filter_list ul.kit_comp_header{ width: 514px; list-style: none; float: left; background-color: #F4F1EE; border: 1px solid #000000; margin: 1px 16px 1px 16px; padding: 5px; } div#quick_filter div#quick_filter_list ul.kit_comp_header li{ font-size: .75em; color: #000000; } div#quick_filter div#quick_filter_list ul.kit_comp_header li.partno{ } div#quick_filter div#quick_filter_list ul.kit_comp_header li.descr1{ } div#quick_filter div#quick_filter_list ul.kit_comp_header li.descr2{ } div#quick_filter div#quick_filter_list ul.kit_comp_header li.gauge{ } div#quick_filter div#quick_filter_footer{ width: 100%; height: 50px; background-color: #707070; border-top: 1px solid #000000; } table#containment_system_request{ width: 600px; border: 1px solid #000000; border-collapse: collapse; } table#containment_system_request td#footer input{ float: right !important; } /* Kitfigurator */ div.page_content div.kitdiagram{ border: 1px solid #000000; width: 200px; height: 200px; cursor: pointer; } div#kit_details{ float: left; clear: both; width: 810px; border: 1px solid #333333; background-color: #ACA095; } div#kit_details div#control_title{ float: left; clear: left; width: 695px; padding: 2px 0px 0px 5px; } div#kit_details div#controls{ float: right; clear: right; text-align: center; width: 110px; } div#kit_details div#controls ul{ list-style: none; margin: 0px; padding: 0px; } div#kit_details div#controls ul li{ float: right; clear: none; display: block; width: 37px; height: 21px; text-align: center; cursor: pointer; margin: 1px 1px 1px 0px; } div#kit_details div#controls ul li#max{ border: 1px solid #000000; color: #FFFFFF; background-color: #006699; } div#kit_details div#controls ul li#min{ border: 1px solid #000000; color: #FFFFFF; background-color: #006699; } div#kit_details p.hint{ display: block; background-color: #C1D72E; width: 749px; padding: 20px 5px 20px 7%; background-position: 1% 50%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0px; float: left; clear: both; } div#diagram_0{ float: left; clear: left; } div#diagram_1{ float: left; clear: none; } div#diagram_2{ float: left; clear: right; } div#hitHolder{ float: left; position: relative; } div#slidingDiv{ position: absolute; top: 0px; left: 75px; background-color: transparent; background-image: url(/images/kitfigurator/45_icon_pointer.png); background-repeat: no-repeat; width: 45px; height: 15px; } ul#kitfiguratorHit{ list-style: none; float: left; width: 600px; margin: 0px; padding: 14px 0px 5px 0px; } ul#kitfiguratorHit li{ display: none; } ul#kitfiguratorHit li p{ padding: 5px; } ul#kitfiguratorHit li#activate{ display: block; background-color: #C0D62E; border: 1px solid #000000; } #kitfigurator_start_button{ background: #FFFFFF url(/images/containment_system_img/32_icon_blueprint.png) no-repeat; position: relative; left: 450px; } div#kitGridHolder{ width: 810px; height: 448px; float: left; border: 1px solid #DDDDDD; position: relative; } ul#kitGrid{ list-style: none; float: left; clear: left; width: 602px; height: 306px; margin: 0px; padding: 0px; } ul#kitGrid li{ background-color: #DDDDDD; border: 1px solid #000000; width: 100px; height: 100px; float: left; clear: none; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ position: relative; cursor: pointer; } ul#kitGrid li div.item_detail{ font-size: .60em; padding: 5px; } ul#kitGrid li div.item_detail img.removeThis{ position: relative; left: 10px; } ul#kitGrid li#activate{ background-color: #FFFFFF; opacity:100; filter:alpha(opacity=100); /* For IE8 and earlier */ } div.listElementController{ position: absolute; top: 35%; left: 35%; background-color: transparent; width: 100%; height: 100%; display: block; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } div#kitGridHolder div.displayKitImg{ width: 296px; height: 147px; background-color: #E8E3DE; position: absolute; padding: 0px 1px 0px 1px; } #imgKitDisplayLeft{ top: 301px; left: 2px; } #imgKitDisplayRight{ top: 301px; left: 302px; } div#kitGridHolder div#ItemDisplay{ float: right; clear: right; width: 208px; height: 448px; background-color: #999999; position: relative; } div#kitGridHolder div#ItemDisplay div#kitLoader{ position: absolute; top: 45px; left: 70px; padding: 5px 0px 0px 0px; background-color: #FFFFFF; } div#kitGridHolder div#ItemDisplay div#imageHolder{ background-color: #FFFFFF; width: 208px; height: 180px; float: left; clear: both; } div#kitGridHolder div#ItemDisplay div#imageHolder img{ margin: 2.5px 16.5px 0px 16.5px; } div#kitGridHolder div#ItemDisplay div#itemSpecs{ background-color: #E5E5E5; width: 208px; height: 268px; float: left; clear: both; } div#kitGridHolder div#ItemDisplay div#itemSpecs table#attr_specs{ border: 1px solid #000000; border-collapse: collapse; width: 208px; } div#kitGridHolder div#ItemDisplay div#itemSpecs table#attr_specs tr.heading th{ background-color: #ACA095; border: 0 none; color: #FFFFFF; font-size: .8em; } div#kitGridHolder div#ItemDisplay div#itemSpecs table#attr_specs tr.even td{ background-color: #F4F1EE; font-size: .65em; } div#kitGridHolder div#ItemDisplay div#itemSpecs table#attr_specs tr.odd td{ background-color: #E8E3DE; font-size: .65em; } div#kitTabContainer{ float: left; width: 812px; background-color: #333333; margin: 5px 0px 5px 0px; position: relative; } div#kitTabContainer ul{ list-style: none; margin: 0px; padding: 0px; } div#kitTabContainer ul#kitTabs{ width: 812px; height: 25px; } div#kitTabContainer ul#kitTabs li{ float: left; clear: none; font-size: .75em; background-color: #707070; color: #000000; border-top: 1px solid #000000; border-right: 1px solid #FFFFFF; border-left: 1px solid #000000; padding: 0px; width: 118px; text-align: center; } div#kitTabContainer ul#kitTabs li#activeTab{ float: left; clear: none; font-size: .75em; background-color: #FFFFFF; color: #FFFFFF; border-top: 1px solid #000000; border-right: 1px solid #FFFFFF; border-left: 1px solid #000000; } div#kitTabContainer ul#kitTabs li a{ display: block !important; width: 108px !important; height: 25px !important; color: #000000 !important; padding: 5px; } div#kitTabContainer ul#kitTabs li a:visited{ display: block !important; width: 108px !important; height: 25px !important; color: #000000 !important; } div#kitTabContainer ul#kitTabs li a:hover{ background-color: #FFFFFF !important; color: #000000 !important; width: 108px !important; height: 25px !important; } div#kitTabContainer ul#kitTabContent{ width: 810px; } div#kitTabContainer ul#kitTabContent li{ float: left; clear: none; font-size: .75em; background-color: #FFFFFF; color: #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; display: none; } div#kitTabContainer ul#kitTabContent li#activeTabContent{ float: left; clear: none; font-size: .75em; background-color: #FFFFFF; color: #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; display: block; width: 810px; height: 100%; } div#kitTabContainer ul#kitTabContent li#activeTabContent table.qc_finder{ min-height: 25px; border: 1px solid #CCCCCC; border-collapse: collapse; margin: 10px; } div#kitTabContainer ul#kitTabContent li#activeTabContent table.qc_finder tr.heading th{ background-color: #ACA095; margin: 0px; font-size: 1em; color: #FFFFFF; text-align: left; width: 150px; overflow: hidden; padding: 0px 10px 0px 10px; border: 0px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line{ padding: 5px 0px 5px 0px; font-size: .95em; color: #000000; background-color: #FFFFFF; width: 808px; float: left; clear: both; } div#kitTabContainer ul#kitTabContent li#activeTabContent div#header{ border: 1px solid #CCCCCC; font-weight: bold; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div{ float: left; clear: none; padding: 0px 5px 0px 5px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.partno{ width: 125px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.description_small{ width: 75px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.description_medium{ width: 150px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.description_medium select{ width: 150px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.description_large{ width: 150px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.description_xlarge{ width: 200px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.qty{ width: 50px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.qty input{ width: 50px !important; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.item_line div.add{ width: 26px; padding-left: 15px !important; } /*Kit pagination*/ div#kitTabContainer ul#kitTabContent li#activeTabContent div.container{ float: left; clear: both; width: 810px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination ul li.inactive, div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination ul li.inactive:hover{ background-color:#ededed; color:#bababa; border:1px solid #bababa; cursor: default; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container div.data{ float: left; min-height: 607px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .data ul li{ list-style: none; font-family: verdana; margin: 5px 0 5px 0; color: #000; font-size: 13px; display: block; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination{ width: 810px; height: 25px; float: left; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination ul{ float: left; clear: left; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination ul li{ list-style: none; float: left; border: 1px solid #006699; padding: 2px 6px 2px 6px; margin: 0 3px 0 3px; font-family: arial; font-size: 14px; color: #006699; font-weight: bold; background-color: #f2f2f2; display: block; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.container .pagination ul li:hover{ color: #fff; background-color: #006699; cursor: pointer; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.kitComplete{ position: absolute; top: 205px; left: 157px; width: 400px; padding: 20px 10px 20px 10px; background-color: #C1D72E; border: 1px solid #000000; text-align: center; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.kitComplete h3{ margin: 0px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.loading{ position: absolute; top: 205px; left: 0px; width: 810px; height: 600px; background-color: #FFFFFF; text-align: center; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.loading h2{ margin: 200px 0px 0px 0px; } div#kitTabContainer ul#kitTabContent li#activeTabContent div.loading img{ margin-top: 3px; } .go_button { background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:relative;margin-top:-1px; } .total { float:right; clear: none; font-family:arial;color:#999; width: 100px; } div#kitTabContainer div#finalKitStep{ float: left; clear: none; background-color: #FFFFFF; color: #000000; border: 1px solid #000000; width: 810px; height: 626px; } div#kitTabContainer div#finalKitStep div#formElements p{ width: 605px; margin: 3px; padding: 0px; display: block; } div#kitTabContainer div#finalKitStep p.hint{ width: 749px; background-color: #FFFFFF; padding: 20px 5px 20px 7%; background-position: 1% 50%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0px; } div#kitTabContainer p.hint{ width: 749px; background-color: #FFFFFF; padding: 20px 5px 20px 7%; background-position: 1% 50%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0px; } div#kitTabContainer p#Q_1 { background-image: url('/images/containment_system_img/32_icon_Q_1_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } div#kitTabContainer div#finalKitStep p#Q_2 { background-image: url('/images/containment_system_img/32_icon_Q_2_active.png'); background-repeat: no-repeat; background-color: #C1D72E; } div#kitTabContainer div#finalKitStep div#formElements p label{ width: 275px !important; margin: 3px; padding: 0px; display: block; } div#kitTabContainer div#finalKitStep div#formElements p label em.required_content{ color: #FF0000; } div#kitTabContainer div#finalKitStep div#formElements p#kit_error span{ color: #FF00000; margin: 0px 0px 0px 275px; padding: 2px; } /*End kit pagination*/ div#kitTabContainer div#kitFooter{ background-color: #999999; float:left; position: relative; border: 1px solid #000000; width: 810px; height: 50px; } div#kitTabContainer div#kitFooter input.pub_buttonSubmit{ background-color: #FFFFFF; border: 1px solid #000000; position: absolute; left: 680px; } div#kitTabContainer div#kitFooter div#finalButtons{ position: absolute; left: 540px; width: 260px; } div#kitTabContainer div#kitFooter div#finalButtons input.pub_buttonSubmit{ float: left; clear: none; position: relative; left: 0px; } /* End Kitfigurator */ /* Magic 360 CSS */ .Magic360-button.fullscreen { background-image: url(/javascript/magic360/magic360/graphics/buttons06.png); } .Magic360-button.fullscreen-exit { background-image: url(/javascript/magic360/magic360/graphics/buttons06.png); } /* End Magic 360 CSS */ div > div[class="sidePhoneNum"] { font-size: .8em; text-align: left; } div[class="page_content"] > div[id="symbolsConatiner"] { display: inline-block; width: 100%; margin: 0px 15px; } img[class="symbols"] { display: inline-block; width: 50px; height: 50px; } /* Flag Icons */ span[class="icon_flag_small"] { display: inline-block; margin: 0px 0px 0px 25px; } span[class="icon_flag_small"] > img { width: 22px; height: 12px; } /* special text */ .flag-new-text { color: #FF0000; font-weight: bold; } #holiday-schedule { margin: 0px; width: 614px; height: 72px; float: left; margin: 2px 0px 0px 15px; } #twitterTimeline { float: left; height: 260px; } span[class~="sup"] { vertical-align: super !important; float: none !important; } div[class="page_content_clean"] { }