/* 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 { margin: 0px auto 0px auto; width:100%; height:100%; } /* Page Header: Everything that deals with the header is below this line */ .body_header { width: 100%; height: 91px; clear: both; background-color: #000000; background-image: url(images/banner_background.png); /*background-image: url(/images/banner_background_color.png);*/ background-repeat: repeat-x; float: left; 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{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;} #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; padding: 20px 0px 0px 0px;} /*End Banner*/ /* End Page Header */ .body_main { margin: 0px auto 0px auto; width:1024px; font-family: Arial, Helvetica, sans-serif; } .center_panel { background-color: transparent; float: left; clear: left; } #breakCrumDiv{width:634px; float: left; clear: both;} #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;} /*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{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;} #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;} .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;} #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;} #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: left; max-width: 1025px; width: 1025px; } .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; } /* 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; } .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_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_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{float: left; clear: right; padding-top: 5px; vertical-align: middle; width: 100px;} .CategoryTitle img{float: left; clear: none; margin: 4px 2px 2px 2px; width:38px; 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;} #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;} .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: center; 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; } #emptyCell{background-color:transparent;} /*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 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;} #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_print_32{background-image: url(images/32_icon_print.png);} #icon_quick_add_32{background-image: url(images/32_icon_quick_add.png);} /*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 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;} #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 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.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;} /*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;}