/* ####################################### */ /* ############### =GENERAL ############## */ /* ####################################### */ /* Background for tag */ body { background: #010101 url(/images/body_bg_01.jpg) repeat-x 50% 3px; } /* Dimensions for width of page (standard elements listed only)*/ div.e-head-pre, div.e-head, div.e-navigation-primary, div.e-branding, div.e-image, div.e-navigation-primary, div.e-div, div.e-div-2col-right, div.e-div-2col-left, div.e-div-3col, div.e-body-liquid-3col, div.e-body-2col-left, div.e-div-noFloat, div.e-inner-foot, div.e-foot, div.e-new-footer, div.e-old-footer { width: 969px; } /* ####################################### */ /* ############### =COLUMNS ############## */ /* ####################################### */ /* ++NB: avoid placing margins in the direction of the float as IE will double these values! */ /* Dimensions & Bg for LHC div.e-wrapper div.e-panel-a { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* Dimensions & Bg for MAIN COLUMN div.e-wrapper div.e-panel-b { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* Dimensions & Bg for RHC div.e-wrapper div.e-panel-c { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ############### =HEAD-PRE ############# */ /* ####################################### */ /* Background for head-pre wrapper div*/ div.e-head-pre-wrap { background: url(/images/head_pre_bg_01.png) repeat-x 0 0; height: 20px; } /* Background for head-pre div */ div.e-head-pre { width: 960px; position: relative; z-index: 250; } /* STOCKIST LINK ------------------------------------------------*/ a#stockist-link:link, a#stockist-link:visited { padding: 0 20px 0 10px; font-size: 0.9em; position:relative; top:-1px; } /* LANGUAGE SWITCHER ------------------------------------------------*/ .e-_language { position: absolute; top: 0; right: 0; z-index: 200; background: #000; width: auto; padding: 0 0 0 10px; margin-top : -1px; height : 21px; } .e-_language h6, .e-_language ul#language-select { float: left; } .e-_language h6, .e-_language ul#language-select { font-size: 0.9em; font-weight: normal; height: 2em; line-height: 2em; } .e-_language ul#language-select li { position: relative; float: left; height: 2em; line-height: 2em; } .e-_language ul#language-select li a:link, .e-_language ul#language-select li a:visited { display: block; padding: 0 10px; } .e-_language ul#language-select li ul { position: absolute; top: auto; left: -9999px; background-color: #000; z-index: 999; } .e-_language ul#language-select li ul li { display: block; float: none; white-space: nowrap; height: 1%; width: 100px; } .e-_language ul#language-select li ul li a:link, .e-_language ul#language-select li ul li a:visited, .e-_language ul#language-select li a:link, .e-_language ul#language-select li a:visited { background-position: 10px 51%; background-repeat: no-repeat; display: block; padding: 0 10px 0 35px; } .e-_language ul#language-select li ul li a:hover, .e-_language ul#language-select li ul li a:focus { background-color: #444; } ul#language-select abbr { border: 0; cursor:pointer; letter-spacing: normal; } /*SHOW HIDE*/ .e-_language li#current-language:hover ul, .e-_language li#current-language a:hover ul { left: 0; top: 2em; } /* ####################################### */ /* ################ =HEAD ################ */ /* ####################################### */ /* Background for head wrapper div div.e-head-wrap { background: url(/images/) repeat 0 0; } */ div.e-head { position: relative; overflow: hidden; } div.e-common-site_logo { padding: 10px 0; margin : 0px; float: left; } div.e-tabs { position: absolute; bottom: 0px; right: -12px; } div.e-tabs ul li { float: left; } div.e-tabs ul li a:link, div.e-tabs ul li a:visited { display: block; height: 41px; background-position: 0 0; background-repeat: no-repeat; padding: 0; } div.e-tabs ul li#tab-workwear a { background-image: url(/images/tab_workwear.jpg); width: 116px; } div.e-tabs ul li#tab_corporatewear a { background-image: url(/images/tab_corporatewear.jpg); width: 180px; } .e-search-box { position: absolute; right: 0; top: 25%; z-index: 100; } .e-search-box input { padding: 5px 0.5em; border: 1px solid #444; border-left: 0; display: block; background: #333; float: left; } .e-search-box input.search-txs { border: 1px solid #444; border-right: 0; color: #ccc; width: 165px; position: relative; left: 10px; } .e-search-box input.search-txs:focus { color: #fff; } .e-search-box input.search-submit { padding: 0 15px; height: 28px; color: #fff; cursor: pointer; background: #111; } .e-search-box input.search-submit:focus { background: #000; } /* WOTY BANNER ------------------------------------------------*/ #woty { left:270px; margin-top:-43px; position:absolute; top:50%; } #woty a:link, #woty a:visited { display: block; background: 0; } /* ####################################### */ /* ############## IMAGE BOX ############## */ /* ####################################### */ /* PROTOSHOW ------------------------------------------------*/ #intro-slideshow .show { background: #000; width: 929px; height: 350px; overflow: hidden; margin: 0; padding: 0; list-style: none; } #intro-slideshow .show img { vertical-align: bottom; width: 929px; height: 350px; } #intro-slideshow .slide { overflow: hidden; } #intro-slideshow .slide a:link, #intro-slideshow .slide a:visited { background: #161616; display: block; } #intro-slideshow .slide span { position: absolute; bottom: 0; right: 0; background: url(/images/home_slides/slide_cta.png) no-repeat 0 100%; height: 35px; padding: 30px 40px 0 98px; font-size: 1.3em; color: #D8E8E9; } #intro-slideshow .proto-controls { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; left: 0; z-index: 999; width: 300px; } #intro-slideshow .proto-controls li { float: left; background: #000; margin-right: 5px; padding: 5px; font-size: 0.9em; cursor: pointer; color: #e1e1e1; } #intro-slideshow .proto-controls li:hover { color: #fff; } /* STANDARD PROTOSHOW ------------------------------------------------*/ .proto-show { position: relative; } .proto-show ul.show { margin: 0; padding: 0; list-style: none; position: relative; background: #fff; } .slide { position: absolute; top: 0; left: 0; } li.active-slide { z-index: 200; } /* Image Box inner container*/ div.e-image-wrap div.e-image { margin : 0 auto; padding : 10px; width : 949px; } /* ####################################### */ /* ################# BODY ################ */ /* ####################################### */ /* div.e-body-wrap { background: url(/images/) repeat 0 0; } */ /* THE INNER CONTAINER for the body div. Using .a-body because it changes depending on column layout div.a-body-wrap { background: url(/images/) repeat 0 0; } */ div.e-body-2col-left { background: #fff url(/images/body_content_bg_01.jpg) repeat-x 0 0; border-top: 1px solid #f2f2f2; padding-bottom: 2em; min-height:500px; } .e-body-2col-left .e-panel-b { padding: 20px 0 0px 0px; width: 640px; } div.e-bodycontent { margin-top: 10px; position:relative; } /* ####################################### */ /* ############## INNER FOOT ############# */ /* ####################################### */ div#inner-foot-wrap { margin: 2em 0 1em 0; } div#inner-foot { color: #fff; padding: 20px 20px; width: 929px; overflow: hidden; border: 1px solid #333; background: transparent url(/images/footer_watermark.gif) no-repeat 98% 85%; } /** * Corporate site uses new standard inner-footer templates ( ul.nav-directory-level-x ) */ ul.nav-directory-level-1 li.nav-directory-section { float : left; width : 14em; } ul.nav-directory-level-1, ul.inner-foot-navigation { margin: 0; padding: 0; list-style: none; overflow: hidden; float: left; } ul.nav-directory-level-1 li.foot-section, ul.inner-foot-navigation li.foot-section { float: left; width: 150px; margin-right: 40px; } ul.nav-directory-level-1 li#foot-news, ul.inner-foot-navigation li#foot-news { width: 260px; } ul.nav-directory-level-1 li h6, ul.inner-foot-navigation li h6 { font-size: 1em; color: #ccc; margin-bottom: 0.5em; } ul.nav-directory-level-1 li ul, ul.inner-foot-navigation li ul { margin: 0; padding: 0; list-style: none; font-size: 0.9em; } ul.nav-directory-level-1 li ul li a:link, ul.nav-directory-level-1 li ul li a:visited, ul.inner-foot-navigation li ul li a:link, ul.inner-foot-navigation li ul li a:visited { color: #ccc; display: block; padding: 0.2em 0; text-decoration: none; } ul.nav-directory-level-1 li ul li a:hover, ul.nav-directory-level-1 li ul li a:focus, ul.inner-foot-navigation li ul li a:hover, ul.inner-foot-navigation li ul li a:focus { color: #e1e1e1; text-decoration: underline; } #newsletter { float: left; } #newsletter h6 { color: #999; } #newsletter h6 span { display: block; font-size: 2em; text-transform: uppercase; font-weight: bold; color: #ccc; } /* ####################################### */ /* ################# FOOT ################ */ /* ####################################### */ /* div.e-foot { background: url(/images/) repeat 0 0; padding: 0 0 0 0; } */ /* ####################################### */ /* ########## =PARAGRAPH GRIDS ########### */ /* ####################################### */ /* 2 Column Grid ------------------------------------------------*/ /* div.para-block { } */ /* div.para-2-column-boxed { } */ /* div.left-hand-column { } */ /* div.right-hand-column { } */ /* BLOCKQUOTE PARAGRAPH ------------------------------------------------*/ /* div.para-blockquote blockquote { } */ /* div.para-blockquote blockquote div { } */ /* div.para-blockquote cite { } */ /* ####################################### */ /* ########### CATEGORY HEAD ############# */ /* ####################################### */ div.e-image { position : relative; padding : 20px; padding-bottom: 0px; color : #fff; width : 929px; } div.e-image div.header-image { /* height: 415px;*/ height: 350px; width : 930px; } div.e-image div.folded { height: 146px; background-position : 50% 56%; } /* PRIMARY CAT SECTION IMAGES ------------------------------------------------*/ div.e-image div.cat-baselayers { background-position : 50% 32%; } div.e-image div.cat-fleeces { background-position : 50% 14%; } div.e-image div.cat-jackets { background-position : 50% 10%; } div.e-image div.cat-waterproofs { background-position : 50% 45%; } div.e-image div.cat-coveralls { background-position : 50% 0; } div.e-image div.cat-trousers { background-position : 50% 8%; } div.e-image div.cat-shirts { background-position : 50% 32%; } div.e-image div.cat-bodywarmers { background-position : 50% 13%; } div.e-image div.cat-rescue-recovery { background-position : 50% 9%; } div.e-image div.cat-footwear { background-position : 50% 42%; } div.e-image div.cat-accessories { background-position : 50% 68%; } /* SUB CAT IMAGES ------------------------------------------------*/ div.e-image div.cat-rescue_recovery { background-position : 50% 23%; } div.e-image div.cat-go_rt { background-position : 50% 39%; } div.e-image div.cat-high_visibility { background-position : 50% 18%; } div.e-image div.cat-flame_retardant { background-position : 50% 36%; } div.e-image div.cat-safety_boot { background-position : 0% 34%; } div.e-image div.cat-safety_hiker { background-position : 50% 54%; } div.e-image div.cat-safety_shoe { background-position : 50% 31%; } div.e-image div.cat-safety_trainer { background-position : 0 0; } div.e-image div.cat-wellingtons { background-position : 50% 23%; } div.e-image div.cat-socks { background-position : 50% 17%; } div.e-image div.cat-personal_protective_equipment { background-position : 50% 0; } div.e-image div.cat-gloves { background-position : 50% 74%; } div.e-image div.cat-hats { background-position : 0 37%; } /* COLLECTIONS ------------------------------------------------*/ div.e-image div.col-redhawk, div.e-image div.col-interactive_system, div.e-image div.col-dickies_twenty_two { background-position : 50% 12%; } div.e-image div.col-grafter { background-position : 50% 18%; } div.e-image div.col-eisenhower { background-position : 50% 7%; } div.e-image div.col-makita { background-position : 50% 23%; } div.e-image div.col-kodiak { background-position : 50% 14%; } div.e-image div.col-industry300 { background-position : 50% 14%; } /* CORP ------------------------------------------------*/ .mode-corporate div.e-image div.header-image { background-position : 50% 70%; } .mode-corporate div.e-image div.cat-facilities { background-position : 50% 50%; } div.e-image .cat-desc-con { position : absolute; bottom : 0px; left : 20px; /* background : rgba(0,0,0, .8) url(/images/crosshatch.png) repeat-y;*/ background: url(/images/cat_desc_con_bg.png) no-repeat 0 0; width : 885px; padding : 1.5em 10px 1.5em 35px; } body.section-home .e-panel-a { /*display: none;*/ } div#navigation-wrap { position: relative; z-index: 2; } div#body-wrap { position: relative; z-index: 1; } #embroidery-request-link, #catalogue-download, #image-library-link { border:1px solid #CCCCCC; background: #f5f5f5; margin-bottom: 20px; } #embroidery-request-link a:link, #embroidery-request-link a:visited, #image-library-link a:link, #image-library-link a:visited, #catalogue-link:link, #catalogue-link:visited { color:#3E3E3E; padding: 5px 10px 5px 36px; display: block; border-top: 1px solid #fff; background-position: 10px 50%; } ul.collections { width: 639px; margin-left: 30px; } ul.collections li { float: left; margin-right: 20px; margin-bottom: 20px; } ul.collections li img, ul.collections-subnav li img { border: #ccc solid 1px; } /* ####################################### */ /* ############ SIZING GUIDE ############# */ /* ####################################### */ table.sizing-guide { width: 100%; margin-bottom: 3em; } table.sizing-guide th, table.sizing-guide td { padding: 5px 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #999; font-size: 0.9em; letter-spacing: 0.015em; } table.sizing-guide th { color: #000; } table.sizing-guide tr { } a#foldThis { position: absolute; bottom: 5px; right: 25px; z-index: 100; font-size: 0.9em; color: #ccc; } /* ####################################### */ /* ############# CORPORATE ############### */ /* ####################################### */ /* THEMING ------------------------------------------------*/ .mode-corporate div.e-navigation-primary ul.pri-nav { background-image: url(/images/nav_home_corp.jpg); padding-left: 220px; } .mode-corporate div.e-navigation-primary ul.pri-nav ul li:hover { /*background : url(/images/nv_ul_ul_li_bg_corp.gif) no-repeat 0 0;*/ background: #00488E; color: #fff; } .mode-corporate div.e-navigation-primary ul.pri-nav ul li a:link, .mode-corporate div.e-navigation-primary ul.pri-nav ul li a:visited { color: #fff; } .mode-corporate div.e-navigation-primary ul.pri-nav li.active-section a:link, .mode-corporate div.e-navigation-primary ul.pri-nav li.active-section a:visited { /* color: #00488E;*/ } .mode-corporate div.e-navigation-primary ul.pri-nav li.active-section ul a:link, .mode-corporate div.e-navigation-primary ul.pri-nav li.active-section ul a:visited { color: #fff; } #bodycontent .vcard { text-align: left; margin-bottom: 1.5em; } /* CASE STUDIES ------------------------------------------------*/ #case-studies { margin: 0; padding: 0; list-style: none; } .case-study, .case-study-inner-image { float: left; width: 198px; height: 198px; margin: 0 20px 20px 0; border: 1px solid #e1e1e1; } .case-study-last, .case-study-inner-image-last { margin-right: 0; } .case-study-inner-images { margin: 0; padding: 0; list-style: none; } /* ####################################### */ /* ############## GERMAN ################# */ /* ####################################### */ #aplusa { border: 1px solid #ccc; overflow: hidden; margin-bottom: 1.5em; padding: 10px; } #aplusa a.aplusa-img:link, #aplusa a.aplusa-img:visited { background: 0; float: left; display: block; } /* ####################################### */ /* ############## IMPORT ################# */ /* ####################################### */ body.section-do_import .e-panel-a { display:none; } body.section-do_import .e-panel-b { padding-left : 20px; } body.section-do_import div.f1 { width : 925px; } body.section-do_import #import-runner { width : 925px; height : 500px; } /* ####################################### */ /* ########## STOCKIST BANNERS ########### */ /* ####################################### */ ul.banner-types { margin: 0; padding: 0; list-style: none; } .banner-types li { float: left; width: 280px; padding-right: 40px; } .banner-types li div { margin-bottom: 20px; } .banner-types li textarea { height: 200px; width: 280px; } /* ####################################### */ /* ######## CORPORATE WEAR TWEAK ######### */ /* ####################################### */ /* HIDE SUBTITLE ON CORP SECTION (Rebecca's instruction) ------------------------------------------------*/ .section-uniforms #page-subtitle { display: none; } /* ####################################### */ /* ########### IMAGE DOWNLOAD ############ */ /* ####################################### */ ul.download-list { margin: 0; padding: 0; list-style: none; } ul.download-list li { overflow: hidden; /* margin-bottom: 2em; */ } .download-list table { width: 638px; border: 1px solid #ddd; } .download-list th, .download-list td { padding: 1em 10px; } .download-list th { background: #111; color: #fff; padding: 1.5em 10px; } .download-list td { background: #FBFCFB; border-top: 1px solid #ddd; } .download-list .download-even td { background: #fff; } .download-name { width: 200px; } .download-name label { display: block; margin: 0; padding: 0; cursor: pointer; } .download-size span { color: #666; font-size: 0.9em; } .download-boolean, .download-quantity { text-align: center; } .download-list h2 { margin: 0 0 0.5em 0; padding-top: 1em; } ul.download-buttons { margin: 0; padding: 0; list-style: none; } ul.download-buttons li { float: right; margin: 0 0 0 15px; } .download-buttons button { color: #ED1C2E; cursor: pointer; border: 0; padding: 0; width: auto; background: url(/r/i/icons/silk_set_ie6/compress.png) no-repeat 0 50%; padding-left: 22px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; } .download-buttons:hover button, .download-buttons button:hover, .download-buttons button:focus { text-decoration: underline; } .image-download-thumb { width : 60px; text-align : center; float : left; border : 1px solid #dddddd; margin-right : 5px; padding : 5px; } .image-download-thumb .img-wrap { width : 52px; height : 52px; /* border : 1px solid #dddddd; */ padding : 1px; display : block; } .image-download-thumb .size { font-size : 0.9em; color : #888888; } .download-buttons li { background : none repeat scroll 0 0 #F5F5F5; border : 1px solid #CCCCCC; margin-bottom : 20px; padding : 7px; } /* ####################################### */ /* ########## EMBROIDERY TABLES ########## */ /* ####################################### */ /* by henry */ table.embroidery { width: 100%; color: #000; } table.embroidery th, table.embroidery td { padding: 5px 5px; background: #ccc; border-bottom: 1px solid #FFF; } table.embroidery tr:hover td { color: #FFF; background: #666; } table.embroidery th { color: #FFF; font-size: 1.2em; height: 42px; background: url("/images/nav_bg.jpg") #252525; } table.embroidery th.sub, table.embroidery td.sub { background: #FFF; color: #000; font-weight: bold; font-size: 0.9em; height: 10px; } table.embroidery tr:hover td.sub { background: #FFF; color: #000; } table.embroidery th.sub { font-weight: bold; } table.embroidery th.main-heading { background: none; color: #252525; text-align: center; font-size: 1.3em; font-weight: bold; } /* ####################################### */ /* ############## NEWS FEED ############## */ /* ####################################### */ #news-feed iframe { border: 0; width: 268px; height: 400px; overflow: hidden; border: 1px solid #ddd; margin: 0 0 1.5em; } /* ####################################### */ /* ################ MISC ################# */ /* ####################################### */ a.file:link, a.file:visited { padding: 0.2em 5px 0.2em 24px; margin-left: 10px; }