/* Theme Name: Robbins 2009 Theme URI: http://robbinsllc.com Description: Wordpress theme for Robbins LLC. Version: 1.0 Author: Luke Hamilton / McWhorter Communications, Inc. Author URI: http://mcwhorteronline.com.com/ Tags: grey, fixed width, multi column, flash Robbins v1.0 http://robbinsllc.com/ This theme was designed and built by Luke Hamilton, Senior Art Director at McWhorter Communications. Build date: 2/2009 */ * {margin: 0 auto; padding: 0;} html {margin: 0 auto; padding: 0;} body { margin: 0 auto; padding: 0; background: #2f2f2f url(images/bkgd_body_01.jpg) center top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /* Resets 1em to 10px */ color: #aaa; } /* ------------------------------------------------------------------- --------------------------------------------------- UNIVERSAL ----- ------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-weight: normal;} #content h2 {display: none; text-indent: -9999px;} #content h3 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } #content h4 { font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; border-bottom: 2px solid #666; padding: 15px 0; } #content .customix h4 { font-size: 1.2em; font-weight: bold; color: #0099e4; text-transform: none; border-bottom: none; padding: 10px 0; } #content .post p { margin: 0; padding: 8px 0; font-size: 1.1em; line-height: 1.6em; } #content .post ul {margin: 5px 15px; padding: 0; line-height: 1.5em; font-size: 1.1em;} #content .post ul li {padding-left: 17px; list-style: none; background: transparent url(images/bullet2.png) 0 0 no-repeat; padding-bottom: 5px;} #content .post #sideRight ul li a {background: transparent url(images/new_win1.png) right -1px no-repeat; padding-right: 16px;} .caps {text-transform: uppercase;} .spacedCaps {letter-spacing: 2px; text-transform: uppercase;} a {color: #ccc; text-decoration: none; border-bottom: 1px dotted #ccc;} a:hover {color: #ccc; text-decoration: none; border-bottom: 1px solid #fff;} #page {margin: 0 auto; padding: 0; width: 980px;} #header {margin: 0 auto; padding: 0; width: 100%; height: 40px;} #content {font-size: 1.1em;} #content .post #sidebar {background: transparent url(images/sidebar_bkgd_15.png) center top no-repeat;} #content #newsBkgd #sidebar {background: transparent url(images/sidebar_bkgd_15.png) center top no-repeat;} /*#content #newsBkgd {background: transparent url(images/bkgd_text2_16.jpg) center top no-repeat;}*/ #content #newsBkgd .post {background: none; border-bottom: 4px solid #222;} #content .post {background: transparent url(images/bkgd_text2_16.jpg) center top no-repeat;} #content div.noBkgd {background: none; border-bottom: 4px solid #222;} #content .post p.mainText {line-height: 2.1em; font-size: 1.3em; padding: 10px 0 25px 0;} #content #newsBkgd h3 {color: #fff; text-indent: 0px; border-bottom: 1px dotted #6f6f6f; margin: 0 0 10px 0; padding: 10px 0 10px 0; height: auto;} #content #newsBkgd h3 a {color: #fff; text-decoration: none; text-indent: 0px; border-bottom: none;} #content #newsBkgd h3 a:hover {color: #ddd; text-decoration: underline;} #content h3 {display: block; margin-left: -5px; clear: both; height: 50px; color: #bc0000; text-indent: -9999px; border-bottom: 1px dotted #6f6f6f;} .subRobbins {background: transparent url(images/sub_robbins.png) left 15px no-repeat;} .subRPhilosophy {background: transparent url(images/sub_robbinsphilo.png) left 15px no-repeat;} .subRQuality {background: transparent url(images/sub_robbinsquality.png) left 15px no-repeat;} .subCompanyTimeline {background: transparent url(images/sub_cotimeline.png) left 15px no-repeat;} .subDirectory {background: transparent url(images/sub_companydirectory.png) left 15px no-repeat;} .subAddresses {background: transparent url(images/sub_addresses.png) left 15px no-repeat;} .subContactForm {background: transparent url(images/sub_contactform.png) left 15px no-repeat;} .subSMleft {background: transparent url(images/sub_robbins_sm.png) left 15px no-repeat;} .subSMmid {background: transparent url(images/sub_r_sm.png) left 15px no-repeat;} .subSMright {background: transparent url(images/sub_c_sm.png) left 15px no-repeat;} .sub404 {background: transparent url(images/sub_404.png) left 15px no-repeat;} /* Retread H3 images */ .subRmain {background: transparent url(images/sub_r_main2.png) left 15px no-repeat;} .subRaffiliations {background: transparent url(images/sub_r_affiliations.png) left 15px no-repeat;} .subRCareUse {background: transparent url(images/sub_r_careuse.png) left 15px no-repeat;} .subRenvsearch {background: transparent url(images/sub_r_outenvsearch.png) left 15px no-repeat;} .subRcasesearch {background: transparent url(images/sub_r_inoutenvsearch.png) left 15px no-repeat;} .subROTRenvelopes {background: transparent url(images/sub_r_otr.png) left 15px no-repeat;} /* CustoMix H3 images */ .subCmain {background: transparent url(images/sub_c_main.png) left 15px no-repeat;} .subCrecipe {background: transparent url(images/sub_c_recipe.png) left 15px no-repeat;} .subCaffiliations {background: transparent url(images/sub_c_affiliations.png) left 15px no-repeat;} .subCnews {background: transparent url(images/sub_c_news.png) left 15px no-repeat;} .subCquality {background: transparent url(images/sub_c_quality.png) left 15px no-repeat;} .subCcompetitive {background: transparent url(images/sub_c_competitive.png) left 15px no-repeat;} .subCtech {background: transparent url(images/sub_c_techexperts.png) left 15px no-repeat;} .subCwhat {background: transparent url(images/sub_c_delivering.png) left 15px no-repeat;} .subCservice {background: transparent url(images/sub_c_reputation.png) left 15px no-repeat;} .subCmarkets {background: transparent url(images/sub_c_markets.png) left 15px no-repeat;} #pageTop { margin: 0; padding: 15px 0; border-bottom: 1px dotted #6f6f6f; color: #fff; font-size: 1.2em; line-height: 1.8em; } #sideLeft {margin: 0; padding: 0; float: left; width: 650px;} #sideRight {margin: 0; padding: 0; float: right; width: 320px;} #sideLeft p {padding-right: 15px;} #sideRight h3 {margin-left: 10px; width: 300px;} #sidebar #sideRight p {margin-left: 15px;} #sidebar #sideRight p.leadPlus {line-height: 2.0em; font-size: 1.3em;} #sidebar #sideRight li {padding-bottom: 8px;} #sidebar #sideRight a.rfq {margin: 0; display: block; width: 270px; height: 75px; border: none; background: transparent url(images/quote_btn.png) left top no-repeat; text-indent: -9999px;} #sidebar #sideRight a.rfq:hover {background: transparent url(images/quote_btn.png) 0 -75px no-repeat;} #sidebar #sideRight a.vid {margin: 0; display: block; width: 270px; height: 75px; border: none; background: transparent url(images/vid_btn.png) left top no-repeat; text-indent: -9999px;} #sidebar #sideRight a.vid:hover {background: transparent url(images/vid_btn.png) 0 -75px no-repeat;} #sidebar #sideRight a.otr {margin: 0; display: block; width: 270px; height: 75px; border: none; background: transparent url(images/otr_btn.png) left top no-repeat; text-indent: -9999px;} #sidebar #sideRight a.otr:hover {background: transparent url(images/otr_btn.png) 0 -75px no-repeat;} #sidebar #sideRight a.envbtn {margin: 0; display: block; width: 270px; height: 75px; border: none; background: transparent url(images/env_btn.png) left top no-repeat; text-indent: -9999px;} #sidebar #sideRight a.envbtn:hover {background: transparent url(images/env_btn.png) 0 -75px no-repeat;} #threeCol h3 {margin-right: 5px;} #threeColLeft {margin: 0 5px 0 0; padding: 0; float: left; width: 320px;} #threeColMid {margin: 0 5px 0 0; padding: 0; float: left; width: 320px;} #threeColRight {margin: 0; padding: 0; float: left; width: 320px;} p.editLink {margin: 10px 0 10px 0; padding: 9px 0 2px 0; border-top: 1px dotted #6f6f6f; /*background: transparent url(images/file_edit.png) left 5px no-repeat;*/} a.post-edit-link {margin: 10px 0 10px 5px; padding: 9px 0 2px 20px; background: transparent url(images/file_edit.png) left 5px no-repeat;} hr {display: none;} .post hr {display: block;} #content #newsBkgd small {display: block; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.1em; margin: 0; padding: 5px 0 5px 20px; background: transparent url(images/icon_calendar.png) left 50% no-repeat;} #content #newsBkgd .postmetadata small {color: #ccc; padding: 10px 20px; background: none; border-top: 2px solid #222; line-height: 1.7em;} #content #newsBkgd p.postmetadata {font-size: 0.9em;} #content #newsBkgd p.postmetadata a {color: #aaa; border-bottom: none; text-decoration: underline;} #content #newsBkgd p.postmetadata a:hover {color: #aaa;text-decoration: none;} a.more-link {} .iconPDF {padding-left: 20px; background: transparent url(images/icon_pdf.gif) left 50% no-repeat;} /* ------------------------------------------------------------------- ----------------------------------------------------- PORTAL ------ ------------------------------------------------------------------- */ /* ----- PORTAL NAV ------------------------ */ #retreadNav { height: 40px; } #retreadNav ul#menu { width: 980px; background: transparent url(images/spacer.gif) top left no-repeat; margin: 0 auto; padding: 0; position: relative; list-style: none; } #retreadNav ul#menu li { height: 40px; margin: 0; padding: 0; position: absolute; top: 0; } ul#menu li, ul#menu a { height: 40px; /*\*/overflow: hidden;/**/ display: block; } #retreadNav ul#menu li a { text-indent: -9999px; text-decoration: none; } #portalNav {left: 0; width: 76px; background: transparent url(images/portal_menu_01.jpg) 0 -40px no-repeat;} #portalRetreadingNav {left: 76px; width: 155px; background: transparent url(images/portal_menu_02.jpg) 0 -40px no-repeat;} #portalCustomixNav {left: 231px; width: 157px; background: transparent url(images/portal_menu_03.jpg) 0 -40px no-repeat;} #portalAboutNav {left: 388px; width: 189px; background: transparent url(images/portal_menu_04.jpg) 0 -40px no-repeat;} #portalHistoryNav {left: 577px; width: 196px; background: transparent url(images/portal_menu_05.jpg) 0 -40px no-repeat;} #portalContactNav {left: 773px; width: 207px; background: transparent url(images/portal_menu_06.jpg) 0 -40px no-repeat;} #portalNav a:hover {background: transparent url(images/portal_menu_01.jpg) top left no-repeat;} #portalRetreadingNav a:hover {background: transparent url(images/portal_menu_02.jpg) top left no-repeat;} #portalCustomixNav a:hover {background: transparent url(images/portal_menu_03.jpg) top left no-repeat;} #portalAboutNav a:hover {background: transparent url(images/portal_menu_04.jpg) top left no-repeat;} #portalHistoryNav a:hover {background: transparent url(images/portal_menu_05.jpg) top left no-repeat;} #portalContactNav a:hover {background: transparent url(images/portal_menu_06.jpg) top left no-repeat;} /* ----- PORTAL CONTENT -------------------- */ #mainHeader { margin: 0; padding: 0; width: 979px; height: 161px; /*background: transparent url(images/header_history_14.jpg) left top no-repeat;*/ } #mainHeaderLarge { margin: 0; padding: 0; width: 979px; height: 410px; /*background: transparent url(images/bkgd_head_main_12.jpg) left top no-repeat;*/ } #contact {margin: 0; padding: 15px 0 20px 0; width: 980px; background: transparent url(images/bkgd_text2_16.jpg) center top no-repeat;} #contact h4 { display: block; clear: both; margin: 10px 0; padding: 5px 10px; letter-spacing: 2px; text-transform: uppercase; color: #dfdfdf; } #content #contactRight h4 {margin: 10px 0 5px; padding: 0; line-height: 1.5em; font-size: 1.4em; border-bottom: none;} #content #contactRight h5 {margin: 10px 0 5px; padding: 0; line-height: 1.5em; font-size: 1.2em; border-bottom: none; color: #fff;} #content #contactRight div.plants {height: 120px; border-bottom: 1px dotted #6f6f6f;} #content #contactRight div.plants img, #content #contactRight div.noplants img {margin: 5px 10px 0 0;} #content #contactRight p {margin: 5px 0; padding: 0; line-height: 1.5em; font-size: 1.2em;} #content #contactRight #locLeft {float: left; width: 49%;} #content #contactRight #locRight {float: left; width: 49%; padding-left: 10px; padding-bottom: 5px; border-left: 1px dotted #6f6f6f;} #content #contactTop { margin: 0; padding: 15px 0; border-bottom: 1px dotted #6f6f6f; color: #fff; font-size: 1.3em; line-height: 1.8em; } #content #contactLeft { margin: 0; padding: 0; width: 400px; float: left; } #content #contactLeft dl { display: inline; text-align: left; font-size: 1.1em; } #content #contactLeft dt { float: left; clear: left; width: 120px; height: 25px; padding: 8px 0; display: inline; line-height: 1.5em; border-bottom: 1px solid #6f6f6f; } #content #contactLeft dd { float: left; clear: right; width: 270px; height: 25px; display: inline; border-bottom: 1px solid #6f6f6f; padding: 8px 0; line-height: 1.5em; font-style: italic; font-size: 0.9em; } #content #contactLeft dd.clearfix { float: none; border: none; border-top: none; height: 0; margin: 0; padding: 0; line-height: 0; display: block; } #contactLeft a {color: #ccc; text-decoration: none; border-bottom: 1px dotted #ccc;} #contactLeft a:hover {color: #ccc; text-decoration: none; border-bottom: 1px solid #fff;} #content #contactRight { margin: 0; padding: 0; width: 560px; float: right; } #contactForm {margin: 0; padding: 20px; background: transparent url(images/contact_form_bkgd.png) left top no-repeat;} #contactForm input { width: 230px; margin: 0 10px 10px 0; padding: 3px; float: left; background: #6b6b6b url(images/bkgd_input.jpg) left top no-repeat; border-top: 1px solid #4a4a4a; border-right: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; border-left: 1px solid #4a4a4a; color: #000; font-size: 11px; } #contactForm p.required input {background: #6b6b6b url(images/bkgd_input_req.jpg) left top no-repeat;} #contactForm textarea { width: 478px; height: 70px; margin: 0 10px 10px 0; padding: 3px; float: left; background: #6b6b6b url(images/bkgd_textarea.jpg) left top no-repeat; border-top: 1px solid #4a4a4a; border-right: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; border-left: 1px solid #4a4a4a; color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #contactForm p.submit input { width: 230px; margin: 0 10px 10px 0; padding: 3px; float: left; background: #6b6b6b url(images/bkgd_input_submit.jpg) left top no-repeat; border-top: 1px solid #a5a5a5; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; border-left: 1px solid #a5a5a5; color: #000; font-size: 11px; } /* ------------------------------------------------------------------- ----------------------------------------------------- RETREAD ----- ------------------------------------------------------------------- */ /* ----- RETREAD NAV ----------------------- */ #retreadNav { height: 40px; } #retreadNav ul#menu { width: 980px; background: transparent url(images/spacer.gif) top left no-repeat; margin: 0 auto; padding: 0; position: relative; list-style: none; } #retreadNav ul#menu li { height: 40px; margin: 0; padding: 0; position: absolute; top: 0; } ul#menu li, ul#menu a { height: 40px; /*\*/overflow: hidden;/**/ display: block; } #retreadNav ul#menu li a { text-indent: -9999px; text-decoration: none; } #homeNav {left: 0; width: 79px; background: transparent url(images/retread_menu2_01.jpg) 0 -40px no-repeat;} #retreadingNav {left: 79px; width: 105px; background: transparent url(images/retread_menu2_02.jpg) 0 -40px no-repeat;} #aboutusNav {left: 184px; width: 91px; background: transparent url(images/retread_menu2_03.jpg) 0 -40px no-repeat;} #productsearchNav {left: 275px; width: 127px; background: transparent url(images/retread_menu2_04.jpg) 0 -40px no-repeat;} #newseventsNav {left: 402px; width: 138px; background: transparent url(images/retread_menu2_05.jpg) 0 -40px no-repeat;} #envelopesNav {left: 540px; width: 96px; background: transparent url(images/retread_menu2_06.jpg) 0 -40px no-repeat;} #curingtubesNav {left: 636px; width: 116px; background: transparent url(images/retread_menu2_07.jpg) 0 -40px no-repeat;} #accessoriesNav {left: 752px; width: 106px; background: transparent url(images/retread_menu2_08.jpg) 0 -40px no-repeat;} #distributorsNav {left: 858px; width: 122px; background: transparent url(images/retread_menu2_09.jpg) 0 -40px no-repeat;} #homeNav a:hover {background: transparent url(images/retread_menu2_01.jpg) top left no-repeat;} #retreadingNav a:hover {background: transparent url(images/retread_menu2_02.jpg) top left no-repeat;} #aboutusNav a:hover {background: transparent url(images/retread_menu2_03.jpg) top left no-repeat;} #productsearchNav a:hover {background: transparent url(images/retread_menu2_04.jpg) top left no-repeat;} #newseventsNav a:hover {background: transparent url(images/retread_menu2_05.jpg) top left no-repeat;} #envelopesNav a:hover {background: transparent url(images/retread_menu2_06.jpg) top left no-repeat;} #curingtubesNav a:hover {background: transparent url(images/retread_menu2_07.jpg) top left no-repeat;} #accessoriesNav a:hover {background: transparent url(images/retread_menu2_08.jpg) top left no-repeat;} #distributorsNav a:hover {background: transparent url(images/retread_menu2_09.jpg) top left no-repeat;} /* ----- RETREAD CONTENT ------------------- */ #retreadHeader { margin: 0; padding: 0; width: 979px; height: 161px; /*background: transparent url(images/header_retread_small_13.jpg) left top no-repeat;*/ } #retreadHeaderLarge { margin: 0; padding: 0; width: 979px; height: 410px; /*background: transparent url(images/bkgd_r_main_12.jpg) left top no-repeat;*/ } /* About Us Slider */ #content #jFlowBkgd { margin: -10px 0 0 0; padding: 25px 0 0 0; background: transparent url(images/jflow_bkgd.png) left top no-repeat; width: 980px; } #mySlides {margin: 0 35px 25px 20px; color: #eee;} #mySlides h4 {font-size: 1.2em; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #666; margin: 0; padding: 0 0 15px 0; color: #eee;} #content .post #mySlides ul li { padding-bottom: 0; font-size: 1.1em;} #content .post #mySlides p {font-size: 1.2em;} #content .post #mySlides ul div#subSetList ul li { padding-bottom: 0; font-size: 1.0em;} #content .post #mySlides ul div#subSetList #subSetLeft {float: left;} #content .post #mySlides ul div#subSetList #subSetLeft ul li {width: 180px; display: block;} #content .post #mySlides ul div#subSetList #subSetRight {float: left;} #content .post #mySlides ul div#subSetList #subSetRight ul li {width: 180px; display: block;} #content .post #mySlides div.cEquip {background: transparent url(images/jflow_img_equip1.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.cColor {background: transparent url(images/jflow_img_colors.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.cCapa {background: transparent url(images/jflow_img_fullcap.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.cResults {background: transparent url(images/jflow_img_results.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.rCpc {background: transparent url(images/jflow_img_cpc1.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.rSizes {background: transparent url(images/jflow_img_availability.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.rAdvanced {background: transparent url(images/jflow_img_advanced2.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.rQuality {background: transparent url(images/jflow_img_isocert.png) bottom right no-repeat; height: 430px;} #content .post #mySlides div.cResults p, #content .post #mySlides div.rSizes p, #content .post #mySlides div.rAdvanced p {width: 450px;} #content .post #mySlides div.rQuality p {width: 560px;} #myController {height: 20px; margin: 15px 0 0 20px; padding: 0;} #myController div { color:#999; font-weight: bold; font-size: 1.1em; background:#2f2f2f; margin: 0; padding: 5px 0 0 0; cursor: pointer; height: 20px; text-align: center; border-top: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; } #jFlowSlide{ border: none; } #myController div.jFlowSelected { background:#4a4a4a; color:#fff; border-top: 1px solid #aaa; border-left: 1px solid #666; } #myController div#numone { /*background: transparent url(images/slider_menu_02.png) left top no-repeat;*/ width: 153px; height: 20px; float: left; /*text-indent: -9999px;*/ cursor: pointer; margin: 5px 1px 0 1px; } #myController div#numtwo { /*background: transparent url(images/slider_menu_03.png) left top no-repeat;*/ width: 153px; height: 20px; float: left; /*text-indent: -9999px;*/ cursor: pointer; margin: 5px 1px 0 1px; } #myController div#numthree { /*background: transparent url(images/slider_menu_04.png) left top no-repeat;*/ width: 153px; height: 20px; float: left; /*text-indent: -9999px;*/ cursor: pointer; margin: 5px 1px 0 1px; } #myController div#numfour { /*background: transparent url(images/slider_menu_05.png) left top no-repeat;*/ width: 153px; height: 20px; float: left; /*text-indent: -9999px;*/ cursor: pointer; margin: 5px 1px 0 1px; } /* --- */ #content #searchForm { margin: 0; padding: 0; background: transparent url(images/search_bkgd1.png) left top no-repeat; width: 980px; } #content #searchForm h3 {margin: 10px 20px 0; border-bottom-color: #fff;} #content #searchForm #searchLeft {margin: 0 auto; padding: 0; width: 50%; float: left;} #content #searchForm #searchRight {margin: 0 auto; padding: 0; width: 50%; float: left;} #content #searchDisclaimer { margin: 0; padding: 0; font-size: 0.9em; font-style: italic; } #content #accessories { margin: 0 0 15px 0; padding: 0; width: 650px; } #content #accessories dl { display: inline; text-align: left; font-size: 1.1em; } #content #accessories dt { float: left; clear: left; width: 150px; padding: 5px 0 5px 10px; display: inline; line-height: 1.5em; border-bottom: 1px dotted #6f6f6f; } #content #accessories .solidline { border-bottom: 2px solid #6f6f6f; } #content #accessories span.heading { font-size: 1.1em; font-weight: bold; letter-spacing: 2px; color: #ccc; } #content #accessories dd { float: left; clear: right; width: 480px; display: inline; border-bottom: 1px dotted #6f6f6f; padding: 5px 0; line-height: 1.5em; } #content #accessories dd.clearfix { float: none; border: none; border-top: none; height: 0; margin: 0; padding: 0; line-height: 0; display: block; } #distributors {margin: 0; padding: 15px 0 20px 0; width: 980px; background: transparent url(images/bkgd_text2_16.jpg) center top no-repeat;} #distributors h2.intTitle {margin: 10px 0 10px 0; padding: 10px 0 10px 10px; display: block; clear: both; color: #fff; text-indent: 0; background-color: #6f6f6f; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em; font-weight: bold;} #distributors h2.intTitleAlt {margin: 10px 0 0 0; padding: 10px 0 10px 10px; display: block; clear: both; color: #fff; text-indent: 0; background-color: #6f6f6f; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em; font-weight: bold;} #distributors h3 {margin-left: 0; display: block; clear: both; height: 50px; color: #bc0000; text-indent: -9999px; border-bottom: none;} .flagUs {background: transparent url(images/sub_americandist.png) left 15px no-repeat;} .flagCa {background: transparent url(images/sub_canadiandist.png) left 15px no-repeat;} .flagLa {background: transparent url(images/sub_latindist.png) left 15px no-repeat;} .flagEu {background: transparent url(images/sub_eurodist.png) left 15px no-repeat;} .flagAs {background: transparent url(images/sub_asiandist.png) left 15px no-repeat;} .flagOc {background: transparent url(images/sub_oceaniadist.png) left 15px no-repeat;} #distributors h4 { display: block; clear: both; margin: 10px 0; padding: 5px 10px; width: 450px; background: #4a4a4a url(images/dist_menu_dead.gif) right top repeat; letter-spacing: 2px; text-transform: uppercase; color: #dfdfdf; cursor: pointer; } /*#distributors h4:hover {background-image: none;}*/ #distributors .triggerHover {background-color: #7e7e7e;} #distributors span.companyname {color: #fff; letter-spacing: 2px; text-transform: uppercase;} #distributors a {color: #ccc; text-decoration: none; border-bottom: 1px dotted #ccc;} #distributors a:hover {color: #ccc; text-decoration: none; border-bottom: 1px solid #fff;} #distributors table, #distributors #distUs table, #distributors #distWorld table {margin: 0 auto; padding: 0; border: 1px solid #6f6f6f; border-collapse: collapse;} #distributors table tr, #distributors #distUs table tr, #distributors #distWorld table tr {padding: 5px;} #distributors table tr td, #distributors #distUs table tr td, #distributors #distWorld table tr td {padding: 5px;} span.tableTitle {font-size: 1.3em; letter-spacing: 2px; text-transform: uppercase;} #distributors table tr td b, #distributors #distUs table tr td b, #distributors #distWorld table tr td b {letter-spacing: 1px; font-size: 1.1em;} #distributors #distUs { margin: 0; padding: 0 3px 0 0; width: 480px; float: left; border-right: 1px dotted #6f6f6f; } #distributors #distWorld { margin: 0; padding: 0 0 0 3px; width: 480px; float: right; } #content #distributors dl { display: inline; text-align: left; } #content #distributors dt { float: left; clear: left; width: 465px; padding: 8px 0 0 5px; display: inline; font-size: 1.0em; line-height: 1.6em; border-top: 1px solid #6f6f6f; } #content #distributors dt.noTitle { float: left; clear: left; padding: 8px 0; display: inline; border-top: none; } #content #distributors span.heading { font-size: 1.1em; font-weight: bold; letter-spacing: 2px; color: #ccc; } #content #distributors dd.distEmail { float: left; clear: right; width: 180px; display: inline; padding: 4px 0 8px 5px; line-height: 1.6em; } #content #distributors dd.distAddress { float: left; clear: right; width: 175px; display: inline; padding: 4px 0 8px; line-height: 1.6em; } #content #distributors dd.distContact { float: left; clear: right; width: 110px; display: inline; padding: 4px 0 8px; line-height: 1.6em; } #content #distributors dd.clearfix { float: none; border: none; height: 0; padding: 0; margin: 0; line-height: 0; display: block; } /* ----- RETREAD FOOTER -------------------- */ #retreadFooter { } /* ------------------------------------------------------------------- ---------------------------------------------------- CUSTOMIX ----- ------------------------------------------------------------------- */ /* ----- CUSTOMIX NAV ---------------------- */ #customixNav { height: 40px; } #customixNav ul#menu { width: 980px; background: transparent url(images/spacer.gif) top left no-repeat; margin: 0 auto; padding: 0; position: relative; list-style: none; } #customixNav ul#menu li { height: 40px; margin: 0; padding: 0; position: absolute; top: 0; } ul#menu li, ul#menu a { height: 40px; /*\*/overflow: hidden;/**/ display: block; } #customixNav ul#menu li a { text-indent: -9999px; text-decoration: none; } #customixNav ul#menu li#homeNav {left: 0; width: 76px; background: transparent url(images/customix_menu_01.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#customixNav {left: 76px; width: 86px; background: transparent url(images/customix_menu_02.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#aboutusNav {left: 162px; width: 83px; background: transparent url(images/customix_menu_03.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#newseventsNav {left: 245px; width: 119px; background: transparent url(images/customix_menu_04.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#qualityNav {left: 364px; width: 165px; background: transparent url(images/customix_menu_05.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#competitiveNav {left: 529px; width: 103px; background: transparent url(images/customix_menu_06.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#techexpertsNav {left: 632px; width: 137px; background: transparent url(images/customix_menu_07.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#whatNav {left: 769px; width: 125px; background: transparent url(images/customix_menu_08.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#serviceNav {left: 894px; width: 86px; background: transparent url(images/customix_menu_09.jpg) 0 -40px no-repeat;} #customixNav ul#menu li#homeNav a:hover {background: transparent url(images/customix_menu_01.jpg) top left no-repeat;} #customixNav ul#menu li#customixNav a:hover {background: transparent url(images/customix_menu_02.jpg) top left no-repeat;} #customixNav ul#menu li#aboutusNav a:hover {background: transparent url(images/customix_menu_03.jpg) top left no-repeat;} #customixNav ul#menu li#newseventsNav a:hover {background: transparent url(images/customix_menu_04.jpg) top left no-repeat;} #customixNav ul#menu li#qualityNav a:hover {background: transparent url(images/customix_menu_05.jpg) top left no-repeat;} #customixNav ul#menu li#competitiveNav a:hover {background: transparent url(images/customix_menu_06.jpg) top left no-repeat;} #customixNav ul#menu li#techexpertsNav a:hover {background: transparent url(images/customix_menu_07.jpg) top left no-repeat;} #customixNav ul#menu li#whatNav a:hover {background: transparent url(images/customix_menu_08.jpg) top left no-repeat;} #customixNav ul#menu li#serviceNav a:hover {background: transparent url(images/customix_menu_09.jpg) top left no-repeat;} /* ----- CUSTOMIX CONTENT ------------------ */ #customixHeader { margin: 0; padding: 0; width: 979px; height: 161px; /*background: transparent url(images/header_customix_small_13.jpg) left top no-repeat;*/ } #customixHeaderLarge { margin: 0; padding: 0; width: 979px; height: 410px; /*background: transparent url(images/bkgd_c_main_12.jpg) left top no-repeat;*/ } #customix h3 {color: #0099e4;} #qOne {float: left; width: 235px; margin-right: 10px;} #qTwo {float: left; width: 235px; margin-right: 10px;} #qThree {float: left; width: 235px; margin-right: 10px;} #qFour {float: left; width: 235px;} /* ----- CUSTOMIX FOOTER ------------------- */ #customixFooter { margin: 0 auto; padding: 15px 0 15px 0; width: 980px; font-size: 1.1em; border-top: 1px dotted #6f6f6f; background-color: #2f2f2f; } #customixFooter p { margin: 15px auto 0; padding: 15px 0 15px 0; width: 980px; color: #9f9f9f; line-height: 1.9em; border-top: 1px dotted #6f6f6f; } #customixFooter a {border: none; text-decoration: underline; color: #9f9f9f;} #customixFooter a:hover {border: none; text-decoration: none;} #footMenu { height: 20px; } #customixFooter ul#footMenu { width: 980px; background: transparent url(images/spacer.gif) top left no-repeat; margin: 0 auto; padding: 0; position: relative; list-style: none; } #customixFooter ul#footMenu li { height: 20px; margin: 0; padding: 0; position: absolute; top: 0; } ul#footMenu li, ul#footMenu a { height: 20px; /*\*/overflow: hidden;/**/ display: block; } #customixFooter ul#footMenu li a { text-indent: -9999px; text-decoration: none; } #customixFootHome {left: 0; width: 45px; background: transparent url(images/footer_customix_01.gif) 0 -20px no-repeat;} #customixFootCustomix {left: 45px; width: 73px; background: transparent url(images/footer_customix_02.gif) 0 -20px no-repeat;} #customixFootContact {left: 45px; width: 63px; background: transparent url(images/footer_customix_03.gif) 0 -20px no-repeat;} #customixFootSitemap {left: 108px; width: 69px; background: transparent url(images/footer_customix_04.gif) 0 -20px no-repeat;} #customixFootCredits {left: 177px; width: 61px; background: transparent url(images/footer_customix_05.gif) 0 -20px no-repeat;} #retreadFootHome {left: 0px; width: 45px; background: transparent url(images/footer_retread_01.gif) 0 -20px no-repeat;} #retreadFootRetread {left: 45px; width: 83px; background: transparent url(images/footer_retread_02.gif) 0 -20px no-repeat;} #retreadFootContact {left: 128px; width: 63px; background: transparent url(images/footer_retread_03.gif) 0 -20px no-repeat;} #retreadFootSitemap {left: 191px; width: 69px; background: transparent url(images/footer_retread_04.gif) 0 -20px no-repeat;} #retreadFootCredits {left: 260px; width: 61px; background: transparent url(images/footer_retread_05.gif) 0 -20px no-repeat;} #otherTitle {left: 561px; width: 126px; background: transparent url(images/footer_other_07.gif) top left no-repeat; text-indent: -9999px;} #otherRetread {left: 687px; width: 138px; background: transparent url(images/footer_other_08.gif) 0 -20px no-repeat;} #otherCustomix {left: 825px; width: 155px; background: transparent url(images/footer_other_09.gif) 0 -20px no-repeat;} #customixFootHome a:hover {background: transparent url(images/footer_customix_01.gif) top left no-repeat;} #customixFootCustomix a:hover {background: transparent url(images/footer_customix_02.gif) top left no-repeat;} #customixFootContact a:hover {background: transparent url(images/footer_customix_03.gif) top left no-repeat;} #customixFootSitemap a:hover {background: transparent url(images/footer_customix_04.gif) top left no-repeat;} #customixFootCredits a:hover {background: transparent url(images/footer_customix_05.gif) top left no-repeat;} #retreadFootHome a:hover {background: transparent url(images/footer_retread_01.gif) top left no-repeat;} #retreadFootRetread a:hover {background: transparent url(images/footer_retread_02.gif) top left no-repeat;} #retreadFootContact a:hover {background: transparent url(images/footer_retread_03.gif) top left no-repeat;} #retreadFootSitemap a:hover {background: transparent url(images/footer_retread_04.gif) top left no-repeat;} #retreadFootCredits a:hover {background: transparent url(images/footer_retread_05.gif) top left no-repeat;} #otherRetread a:hover {background: transparent url(images/footer_other_08.gif) top left no-repeat;} #otherCustomix a:hover {background: transparent url(images/footer_other_09.gif) top left no-repeat;} /* ------------------------------------------------------------------- ------------------------------------------------------- OTHER ----- ------------------------------------------------------------------- */ /* ----- Clear Fix ------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */