/************************************************** * * GLOBAL RESET * **************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block} audio, canvas, video{display:inline-block; *display:inline; *zoom:1} audio:not([controls]){display:none} [hidden]{display:none} html{font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%} body{margin:0; line-height:1.231} body, button, input, select, textarea{font-family:sans-serif; color:#222} ::-moz-selection{background:#d6382f; color:#fff; text-shadow:none} ::selection{background:#d6382f; color:#fff; text-shadow:none} a{color:#fff; text-decoration:none} a:hover, a:active{outline:0} abbr[title]{border-bottom:1px dotted} b, strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} hr{display:block; height:1px; border:0; border-top:1px solid #ababab; margin:0 1px 0 -2px; padding:0} ins{background:#ff9; color:#000; text-decoration:none} mark{background:#ff0; color:#000; font-style:italic; font-weight:bold} pre, code, kbd, samp{font-family:monospace,monospace; _font-family:'courier new',monospace; font-size:1em} pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word} q{quotes:none} q:before, q:after{content:""; content:none} small{font-size:85%} sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} ul, ol{margin:0; padding:0} dd{margin:0 0 0 40px} nav ul, nav ol{list-style:none; list-style-image:none; margin:0; padding:0} img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle} svg:not(:root){overflow:hidden} figure{margin:0} li{list-style:none} form{margin:0} fieldset{border:0; margin:0; padding:0} label{cursor:pointer} legend{border:0; *margin-left:-7px; padding:0} button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle} button, input{line-height:normal; *overflow:visible} table button, table input{*overflow:auto} button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button} input[type="checkbox"], input[type="radio"]{box-sizing:border-box} input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0} textarea{overflow:auto; vertical-align:top; resize:vertical} input:valid, textarea:valid{} input:invalid, textarea:invalid{background-color:#f0dddd} table{border-collapse:collapse; border-spacing:0} td{vertical-align:top} h1, h2, h3, h4, h5, h6{margin:0; padding:0} /************************************************** * * MAIN STYLES * **************************************************/ /** [START] -> GLOBAL ATTRIBUTES **/ body{background:#fff; color:#333; font:12px Arial} a{color:#848484; text-decoration:underline} a:hover{text-decoration:none} #container{width:100%; height:100%} #container-content{width:990px; margin:0 auto} #container-content-copy{margin:0 0 80px 32px} #container-content p, #container-content form{color:#878787} #container-content h1{font-size:30px} .left-content-navigation-container{float:left; width:170px; margin-right:70px} .left-content-navigation-container ul li a{padding:10px 0; text-decoration:none; display:block} .right-copy-content-container{float:right; width:718px} .right-copy-content-container h2{color:#6f6f6f} .inputs, .textareas{outline:none; border:solid 1px #d9d9d9; box-shadow:inset 0 0 5px #f2f2f2; padding:8px; font:14px Arial; color:#7c7c7c; width:280px; margin-right:20px} .textareas{width:550px; height:80px; overflow-y:auto; resize:none} .labels{color:#7c7c7c; font:bold 14px Arial} .mandatory{color:red; font-size:16px} .content-links{color:#d6382f; text-decoration:underline; font-weight:bold} .content-links:hover{text-decoration:none} .comingSoonPlaceholders{text-align:center; color:#ccc; font:40px arial; margin:90px 0 0 0} /** [END] -> GLOBAL ATTRIBUTES **/ /** [START] -> HEADER ATTRIBUTES **/ #header{background:#fcfcfc; width:100%} #header-content-holder{margin:0 auto; width:990px; height:140px} #header-logo-content{height:90px} #header-navigation{height:50px} #milestone-logo{float:left; margin-top:20px} #header-banner{float:right; margin-top:3px} #header-navigation-bar{ background:#ddd; background:-moz-linear-gradient(top, #e4e4e4 0%, #dadada 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #e4e4e4 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #e4e4e4 0%,#dadada 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #e4e4e4 0%,#dadada 100%); /* IE10+ */ background:linear-gradient(top, #e4e4e4 0%,#dadada 100%); /* W3C */ height:40px; line-height:40px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:solid 1px #d6d6d6; color:#5c5c5c; text-shadow:1px 1px #f4f4f4; font-size:14px } #header-navigation-bar ul{margin:0 0 0 20px} #header-navigation-bar ul li{display:inline; margin-right:20px; padding:8px 0 13px} #header-navigation-bar ul li:hover{background:#fcfcfc; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0} #header-navigation-bar ul li a{text-decoration:none; padding:13px 10px} #header-navigation-bar ul li:hover a{color:#222} #down-arrow{width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; position:relative; border-top:6px solid #5c5c5c; top:11px; left:6px; margin-right:5px} #header-navigation-bar ul li:hover span{border-top:6px solid #222} .menuItemSelected{text-decoration:none; background:#fcfcfc; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0} .menuItemSelected a{color:#222} /* MEGA DROP DOWN */ #navigation-mega-drop-down{ display:none; clear:both; position:absolute; padding:20px; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; margin:1px 0 0 81px; z-index:9999; background:#fcfcfc; background:-moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* IE10+ */ background:linear-gradient(top, #fcfcfc 0%,#eeeeee 100%); /* W3C */ -moz-box-shadow:3px 6px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 6px 5px rgba(0,0,0,0.4); box-shadow:3px 6px 5px rgba(0,0,0,0.4); } #drop-down:hover #navigation-mega-drop-down{display:block} .dd-columns{float:left} .dd-module{cursor:pointer; width:230px; height:85px; margin:0 15px 15px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow:none} .dd-module a{padding:0!important} .last-column .dd-module{margin-right:0!important} .bottom-module{margin-bottom:0!important} .dd-module-headers{font:14px Arial; padding:12px 0 10px 12px} .dd-module img{float:right; margin:0 5px 0 0} .dd-module-content{height:32px; color:#fff; background:#ddd; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; margin:0 5px; padding:5px 0 5px 7px; font:14px/16px Arial} .automotive{background:#aaa; color:#333} .laundry-products{background:#1a64bf; color:#0b294f} .deodorants{background:#f1849e; color:#a34b60} .dairy{background:#00b4ff; color:#005d84} .cleaners{background:#bf46a1; color:#5d154b} .detergents{background:#00b4ff; color:#006d9a} .carpet-care{background:#00a2c5; color:#014e5f} .food-meat{background:#b290fe; color:#6f44cb} .hand-cleaners{background:#e8e8e8; color:#fab02e} .disinfectants{background:#47b02b; color:#155d02} .floor-care{background:#999; color:#626262} .accessories{background:#f2c700; color:#938411} .environmental-range{background:#47b02b; color:#fff} .environmental-range-content-bg{background:#53ce33} .automotive-content-bg{background:#ccc} .laundry-products-content-bg{background:#3c81d5} .deodorants-content-bg{background:#f7a3b6} .dairy-content-bg{background:#5ecffd} .cleaners-content-bg{background:#d062b5} .detergents-content-bg{background:#5dcefd} .carpet-care-content-bg{background:#40b9d2} .food-meat-content-bg{background:#c6acff} .hand-cleaners-content-bg{background:#ffbe32} .disinfectants-content-bg{background:#53ce33} .floor-care-content-bg{background:#7a7a7a} .accessories-content-bg{background:#efdb3c} /* Hover States */ .automotive:hover, .laundry-products:hover, .deodorants:hover, .dairy:hover, .cleaners:hover, .detergents:hover, .carpet-care:hover, .food-meat:hover, .hand-cleaners:hover, .disinfectants:hover, .floor-care:hover, .accessories:hover, .environmental-range:hover{ color:#fff!important; background:#d6382f; /* Old browsers */ background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); /* IE10+ */ background:linear-gradient(top, #f05249 0%,#d6382f 100%); /* W3C */ } .automotive:hover .automotive-content-bg, .laundry-products:hover .laundry-products-content-bg, .deodorants:hover .deodorants-content-bg, .dairy:hover .dairy-content-bg, .cleaners:hover .cleaners-content-bg, .detergents:hover .detergents-content-bg, .carpet-care:hover .carpet-care-content-bg, .food-meat:hover .food-meat-content-bg, .hand-cleaners:hover .hand-cleaners-content-bg, .disinfectants:hover .disinfectants-content-bg, .floor-care:hover .floor-care-content-bg, .accessories:hover .accessories-content-bg, .environmental-range:hover .environmental-range-content-bg{background:#fff; color:#818181!important} .automotive:hover a, .laundry-products:hover a, .deodorants:hover a, .dairy:hover a, .cleaners:hover a, .detergents:hover a, .carpet-care:hover a, .food-meat:hover a, .hand-cleaners:hover a, .disinfectants:hover a, .floor-care:hover a, .accessories:hover a, .environmental-range:hover a{color:#fff!important} /** [END] -> HEADER ATTRIBUTES **/ /** [START] -> BREADCRUMB ATTRIBUTES **/ .breadcrumb-container ul li{float:left; margin-right:10px} .breadcrumb-selected{color:#bbb} .bredcrumb-arrow-separator{color:#848484} /** [END] -> BREADCRUMB ATTRIBUTES **/ /** [START] -> HOMEPAGE ATTRIBUTES **/ /* MAIN CONTENT GLOBAL ATTRIBUTES */ .main-content{width:100%} .main-content-holder{margin:0 auto; width:990px} /* MAIN SLIDER */ .main-content-main-slider{height:412px; width:100%; background:url('../images/main-slider-product-bg.png') no-repeat -70px 0; width:1022px; height:413px} .main-slider-img{float:left; margin:-10px 0 0 160px} .main-slider-info{float:right; margin:65px 120px 0 0} .main-slider-info h2{color:#5d154b; font:bold 50px Arial; text-transform:uppercase; margin:0} .main-slider-info p{color:#fff; font:15px Arial; width:380px; margin:0 0 20px 2px} .main-slider-info a{ color:#6f6e6e; font:16px Arial; padding:10px; cursor:pointer; text-decoration:none; display:block; width:130px; text-align:center; text-shadow:1px 1px #eee; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#dcdcdc; /* Old browsers */ background:-moz-linear-gradient(top, #ececec 0%, #dcdcdc 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #ececec 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #ececec 0%,#dcdcdc 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #ececec 0%,#dcdcdc 100%); /* IE10+ */ background:linear-gradient(top, #ececec 0%,#dcdcdc 100%); /* W3C */ } .view-product-arrow-container{ background:#7c7c7c; width:25px; height:25px; display:block; float:right; margin:-3px -4px 0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } .view-product-arrow{border-bottom:8px solid transparent; border-left:8px solid #fff; border-top:8px solid transparent; margin:5px 0 0 10px; display:block} .main-slider-info a:hover{ color:#fff; border:none; font:16px Arial; padding:10px; cursor:pointer; text-decoration:none; display:block; width:130px; text-align:center; text-shadow:-1px -1px #960320; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#d6382f; /* Old browsers */ background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); /* IE10+ */ background:linear-gradient(top, #f05249 0%,#d6382f 100%); /* W3C */ } .main-slider-info a:hover .view-product-arrow-container{background:#fff} .main-slider-info a:hover .view-product-arrow-container .view-product-arrow{ border-bottom: 8px solid transparent; border-left: 8px solid #d6382f; border-top: 8px solid transparent; margin: 5px 0 0 10px; display: block; } .main-slider-bg-purple{ background:#b34497; /* Old browsers */ background:-moz-linear-gradient(top, #b34497 0%, #bd4ba0 5%, #c44ba7 10%, #c44ba7 90%, #bd4ba0 95%, #ab3f90 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b34497), color-stop(5%,#bd4ba0), color-stop(10%,#c44ba7), color-stop(90%,#c44ba7), color-stop(95%,#bd4ba0), color-stop(100%,#ab3f90)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #b34497 0%,#bd4ba0 5%,#c44ba7 10%,#c44ba7 90%,#bd4ba0 95%,#ab3f90 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #b34497 0%,#bd4ba0 5%,#c44ba7 10%,#c44ba7 90%,#bd4ba0 95%,#ab3f90 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #b34497 0%,#bd4ba0 5%,#c44ba7 10%,#c44ba7 90%,#bd4ba0 95%,#ab3f90 100%); /* IE10+ */ background:linear-gradient(to bottom, #b34497 0%,#bd4ba0 5%,#c44ba7 10%,#c44ba7 90%,#bd4ba0 95%,#ab3f90 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34497', endColorstr='#ab3f90',GradientType=0 ); /* IE6-9 */ border-top:solid 1px #8c3376; border-bottom:solid 1px #9fa1a0 } .main-slider-bg-green{ background:#95d656; /* Old browsers */ background:-moz-linear-gradient(top, #8abf57 0%, #95d05c 5%, #95d656 10%, #95d656 90%, #8acc48 95%, #77b23e 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8abf57), color-stop(5%,#95d05c), color-stop(10%,#95d656), color-stop(90%,#95d656), color-stop(95%,#8acc48), color-stop(100%,#77b23e)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #8abf57 0%,#95d05c 5%,#95d656 10%,#95d656 90%,#8acc48 95%,#77b23e 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #8abf57 0%,#95d05c 5%,#95d656 10%,#95d656 90%,#8acc48 95%,#77b23e 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #8abf57 0%,#95d05c 5%,#95d656 10%,#95d656 90%,#8acc48 95%,#77b23e 100%); /* IE10+ */ background:linear-gradient(top, #8abf57 0%,#95d05c 5%,#95d656 10%,#95d656 90%,#8acc48 95%,#77b23e 100%); /* W3C */ border-top:solid 1px #6B9B47; border-bottom:solid 1px #9fa1a0 } /* SUB SLIDER */ #main-content-sub-slider{background:#fcfcfc; height:212px; width:100%} .sub-slider-bg{background:#fcfcfc} #sub-slider-header{ font:13px Arial; border:solid 2px #fff; text-transform:uppercase; color:#7c7c7c; text-align:center; position:absolute; text-shadow:1px 1px 0px #fff; padding:10px; margin:-20px 0 0 295px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -moz-box-shadow:0 1px 1px #D6D6D6 inset; -webkit-box-shadow:0 1px 1px #D6D6D6 inset; box-shadow:0 1px 1px #D6D6D6 inset; background:#eeeeee; /* Old browsers */ background:-moz-linear-gradient(top, #eeeeee 0%, #fbfbfb 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #eeeeee 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #eeeeee 0%,#fbfbfb 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #eeeeee 0%,#fbfbfb 100%); /* IE10+ */ background:linear-gradient(to bottom, #eeeeee 0%,#fbfbfb 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-8 */ } .main-content-sub-slider{padding:25px 0; height:200px; overflow-y:hidden} .main-content-sub-slider-module{float:left; background:#000; width:241px; height:162px; margin-right:8px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px} .main-content-sub-slider-module-end{margin-right:0} .main-content-sub-slider-module h3{font:20px/22px Arial; float:left; margin:10px 0 10px 10px; text-transform:uppercase; width:107px} .subSlider-product{margin:24px 0 0; float:right} .subSlider-bgBox{ background:rgba(255, 255, 255, 0.4); background:-moz-linear-gradient(left,rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background:-webkit-gradient(linear,left top, right top, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(left,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(left,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background:linear-gradient(to right,rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ height:70px; margin:80px 10px 0 10px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px } .subSlider-bgBox p{color:#f1f1f1; margin:0 0 0 6px; top:20px; position:relative; font:14px/13px arial} .subSlider-foodMeat{background:#b290fe; color:#3c1c83} .subSlider-foodMeat h3 a{text-decoration:none; color:#3c1c83} .subSlider-handCleaners{background:#ffa200; color:#5e3b00} .subSlider-handCleaners h3 a{text-decoration:none; color:#5e3b00} .subSlider-cleaners{background:#a5368a; color:#5c154a} .subSlider-cleaners h3 a{text-decoration:none; color:#5c154a} .subSlider-accessories{background:#f4dd31; color:#7f6e05} .subSlider-accessories h3 a{text-decoration:none; color:#7f6e05} .subSlider-automotive{background:#aaa; color:#333} .subSlider-automotive h3 a{text-decoration:none; color:#333} .subSlider-laundryProducts{background:#1a64bf; color:#0b294f} .subSlider-laundryProducts h3 a{text-decoration:none; color:#0b294f} .subSlider-disinfectants{background:#47b02b; color:#155d02} .subSlider-disinfectants h3 a{text-decoration:none; color:#155d02} .subSlider-deodorants{background:#f1849e; color:#a34b60} .subSlider-deodorants h3 a{text-decoration:none; color:#a34b60} .subSlider-detergents{background:#00b4ff; color:#006d9a} .subSlider-detergents h3 a{text-decoration:none; color:#006d9a} .subSlider-floorCare{background:#999; color:#626262} .subSlider-floorCare h3 a{text-decoration:none; color:#626262} .subSlider-dairy{background:#00b4ff; color:#005d84} .subSlider-dairy h3 a{text-decoration:none; color:#005d84} .subSlider-carpetCare{background:#00a2c5; color:#014e5f} .subSlider-carpetCare h3 a{text-decoration:none; color:#014e5f} .main-content-sub-slider-module:hover{ cursor:pointer; background:#d6382f; /* Old browsers */ background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); /* IE10+ */ background:linear-gradient(top, #f05249 0%,#d6382f 100%); /* W3C */ } .main-content-sub-slider-module:hover a{color:#fff} /* SUB CONTENT MODULES */ #main-content-sub-modules{ background:#c0c0c0; /* Old browsers */ background:-moz-linear-gradient(top, #a8a8a8 0%, #c0c0c0 6%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8a8a8), color-stop(6%,#c0c0c0)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* IE10+ */ background:linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* W3C */ width:100%; padding:20px 0 } .sub-module-bg{ background:#c0c0c0; /* Old browsers */ background:-moz-linear-gradient(top, #a8a8a8 0%, #c0c0c0 6%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8a8a8), color-stop(6%,#c0c0c0)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* IE10+ */ background:linear-gradient(top, #a8a8a8 0%,#c0c0c0 6%); /* W3C */ } .main-content-sub-modules{cursor:pointer; color:#6f6e6e; background:#dadada; float:left; border:solid 4px #fff; width:233px; height:70px; margin-right:8px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px} .main-content-sub-modules h2{font:bold 14px Arial} .main-content-sub-modules h2, .main-content-sub-modules p{margin:7px 2px 0 7px; text-shadow:1px 1px #eee} .main-content-sub-modules h2 a{text-decoration:none} .subContentHover{position:relative; background:#fff; width:0px; height:64px; float:right; margin:-55px 3px 0px 0; -moz-box-shadow:-5px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow:-5px 0px 4px rgba(0,0,0,0.2); box-shadow:-5px 0px 4px rgba(0,0,0,0.2); border-radius:40px 5px 5px 40px; -webkit-border-radius:40px 5px 5px 40px; -moz-border-radius:40px 5px 5px 40px} .subContentHoverButton{display:none; background:#e4e4e4; height:40px; width:40px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; cursor:pointer; position:absolute; margin:7px 0 0 7px; border:solid 5px #b1b1b1} .subContentHoverButtonArrow{width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid #757575; margin:8px 0 0 16px} .first-sub-module{margin-left:0} .last-sub-module{margin-right:0} .sub-module-top-row{margin-bottom:8px} /** [END] -> HOMEPAGE ATTRIBUTES **/ /** [START] -> ABOUT US PAGES ATTRIBUTES **/ .aboutUs h1{color:#7c7c7c; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .aboutUsLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .aboutUsLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #ee3d33} .aboutUsLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #ee3d33!important} /** [END] -> ABOUT US PAGES ATTRIBUTES **/ /** [START] -> TERMS AND CONDITIONS PAGE ATTRIBUTES **/ .termsAndConditions h1{color:#7c7c7c; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .termsAndConditions h2{margin:10px 0; color:#7c7c7c} .termsAndConditions h3{color:#7c7c7c} .termsAndConditionsLists li{list-style:disc; color:#878787; margin:0 0 0 50px} .buffer{margin-bottom:10px} /** [END] -> TERMS AND CONDITIONS PAGE ATTRIBUTES **/ /** [START] -> GLOBAL PRODUCTS PAGES ATTRIBUTES **/ .product-row{margin:10px 0} .products-coming-soon{text-align:center; background:#fafafa; color:#ccc; height:230px; font:32px/230px arial} .product-boxes-related{width:229px!important} .product-boxes{float:left; margin-right:14px; background:#fafafa; color:#b6b6b6; width:230px; height:230px; display:block} .product-boxes-last{margin-right:0} .product-boxes-headers, .product-boxes-sizes{color:#6e6e6e} .product-boxes-headers{font:bold 18px Arial; margin:10px 0 0 10px} .paperProductsBoxesHeaders{height:42px; font-size:15px!important} .product-boxes-image{text-align:center} .product-boxes-image span{height:165px; display:block; line-height:130px} .paperProductsImage{height:165px} .main-product-page-images{margin:15px 0 0 0} .product-boxes-sizes{font:bold 13px Arial; margin:0 0 5px 10px} .product-boxes-sizes-quantities{font-weight:normal!important} .product-boxes-info-container{display:none; color:#6e6e6e; position:absolute; margin:-185px 0 0 10px; background:rgba(255,255,255,0.90); width:210px; height:190px; z-index:9999; box-shadow:0 -6px 10px rgba(0,0,0,0.2); border-radius:10px 10px 0 0} .product-boxes-info-content{margin:10px 10px; line-height:14px} .product-boxes-info-button{position:absolute; top:138px; left:29px} .product-boxes-info-button a, .product-view-enquiry a, .not-yet-available-button{ color:#6f6e6e; font:16px Arial; padding:10px; cursor:pointer; text-decoration:none; display:block; width:130px; text-align:center; text-shadow:1px 1px #eee; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); box-shadow:2px 2px 5px rgba(0,0,0,0.4); background:#dcdcdc; background:-moz-linear-gradient(top, #ececec 0%, #dcdcdc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#dcdcdc)); background:-webkit-linear-gradient(top, #ececec 0%,#dcdcdc 100%); background:-o-linear-gradient(top, #ececec 0%,#dcdcdc 100%); background:-ms-linear-gradient(top, #ececec 0%,#dcdcdc 100%); background:linear-gradient(top, #ececec 0%,#dcdcdc 100%); } .product-boxes-info-button a:hover, .product-view-enquiry a:hover{ color:#fff; text-shadow:-1px -1px #960320; background:#d6382f; background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); background:linear-gradient(top, #f05249 0%,#d6382f 100%); } .orderSubmit{width:90px!important; padding:5px!important} .product-boxes-info-button a:hover .view-product-arrow-container, .product-view-enquiry a:hover .view-product-arrow-container{background:#fff} .product-boxes-info-button a:hover .view-product-arrow-container .view-product-arrow, .product-view-enquiry a:hover .view-product-arrow-container .view-product-arrow{ border-bottom: 8px solid transparent; border-left: 8px solid #d6382f; border-top: 8px solid transparent; margin: 5px 0 0 10px; display: block } .product-view-container{} .product-view-left-container{float:left; width:230px} .product-view-left-container h4{font:bold 18px Arial} .product-view-left-container p{line-height:18px} .product-view-right-container{float:right; width:728px} .product-view-right-container img{margin-left:50px} .product-view-right-container span{font:24px Arial; color:#666; text-align:center; display:block; margin:150px 0 0 0} .product-view-related-products-container{} .product-view-enquiry{margin:30px 0} .product-view-enquiry table tr td{vertical-align:middle; padding:3px 3px 3px 0} .product-view-download{border-top:solid 1px #ccc; margin:50px 0 0 0; padding:30px 0} .product-view-download a{display:block; margin:10px 0} .product-view-download a img{margin-right:5px} .orderSelects{width:120px} /** [END] -> GLOBAL PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> MAIN PRODUCT PAGE **/ .main-product-page h1{color:#7c7c7c; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .product-headers{ color:#fff!important; font-weight:normal; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } .accessories-headers{background:#f2c700; text-shadow:-1px -1px #938411} .automotive-headers{background:#ccc; text-shadow:-1px -1px #333} .carpetCare-headers{background:#00a2c5; text-shadow:-1px -1px #014e5f} .cleaners-headers{background:#bf47a1; text-shadow:-1px -1px #941d76} .dairy-headers{background:#00b4ff; text-shadow:-1px -1px #005d84} .deodorants-headers{background:#f1849e; text-shadow:-1px -1px #a34b60} .detergents-headers{background:#00b4ff; text-shadow:-1px -1px #006d9a;} .disinfectants-headers{background:#47b02b; text-shadow:-1px -1px #155d02} .environmentalRange-headers{background:#47b02b; text-shadow:-1px -1px #155d02} .floorCare-headers{background:#e8e8e8; text-shadow:-1px -1px #626262} .foodMeatIndustry-headers{background:#b290fe; text-shadow:-1px -1px #6f44cb} .handCleanersSoaps-headers{background:#f2c700; text-shadow:-1px -1px #938411} .laundryProducts-headers{background:#1a64bf; text-shadow:-1px -1px #0b294f} .paperProducts-headers{background:#00b4ff; text-shadow:-1px -1px #005d84} .main-product-page-overlay-cta{background:rgba(102, 102, 102, 0.20); position:absolute; width:230px; height:230px; cursor:pointer} .main-product-page-overlay-cta-button{top:100px!important; left:40px!important} .main-product-page-overlay-cta:hover .main-product-page-overlay-cta-button a{ color:#fff; text-shadow:-1px -1px #960320; background:#d6382f; background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); background:linear-gradient(top, #f05249 0%,#d6382f 100%); } .main-product-page-overlay-cta:hover .main-product-page-overlay-cta-button a .view-product-arrow-container{background:#fff} .main-product-page-overlay-cta:hover .main-product-page-overlay-cta-button a .view-product-arrow-container .view-product-arrow{ border-bottom: 8px solid transparent; border-left: 8px solid #d6382f; border-top: 8px solid transparent; margin: 5px 0 0 10px; display: block } .mainProductPageLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .mainProductPageLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #ee3d33} /** [END] -> MAIN PRODUCT PAGE **/ /** [START] -> CLEANING PRODUCTS PAGES ATTRIBUTES **/ .cleaning-products .product-view-left-container h4{color:#bf47a1} .cleaning-products h1{color:#bf47a1; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .cleanersLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .cleanersLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #bf47a1} .cleanersLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #bf47a1!important} .cleaning-headers{ background:#bf47a1; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #941d76; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> CLEANING PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> AUTOMOTIVE PRODUCTS PAGES ATTRIBUTES **/ .automotive-products .product-view-left-container h4{color:#666} .automotive-products h1{color:#666; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .automotiveLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .automotiveLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #666} .automotiveLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #666!important} .automotive-headers{ background:#666; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #333; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> AUTOMOTIVE PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> CARPET CARE PRODUCTS PAGES ATTRIBUTES **/ .carpet-care-products .product-view-left-container h4{color:#00a2c5} .carpet-care-products h1{color:#00a2c5; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .carpet-careLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .carpet-careLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #00a2c5} .carpet-careLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #00a2c5!important} .carpet-care-headers{ background:#00a2c5; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #0d6c81; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> CARPET CARE PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> DEODORANTS PRODUCTS PAGES ATTRIBUTES **/ .deodorants-products .product-view-left-container h4{color:#f1849e} .deodorants-products h1{color:#f1849e; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .deodorantsLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .deodorantsLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #f1849e} .deodorantsLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #f1849e!important} /** [END] -> DEODORANTS PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> DETERGENTS PRODUCTS PAGES ATTRIBUTES **/ .detergents-products .product-view-left-container h4{color:#00b4ff} .detergents-products h1{color:#00b4ff; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .detergentsLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .detergentsLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #00b4ff} .detergentsLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #00b4ff!important} /** [END] -> DETERGENTS PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> DISINFECTANTS PRODUCTS PAGES ATTRIBUTES **/ .disinfectants-products .product-view-left-container h4{color:#47b02b} .disinfectants-products h1{color:#47b02b; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .disinfectantsLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .disinfectantsLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #47b02b} .disinfectantsLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #47b02b!important} /** [END] -> DISINFECTANTS PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> ENVIRONMENTAL RANGE PRODUCTS PAGES ATTRIBUTES **/ .environmental-products .product-view-left-container h4{color:#47b02b} .environmental-products h1{color:#47b02b; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .environmentalLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .environmentalLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #47b02b} .environmentalLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #47b02b!important} .environmental-range-headers{ background:#47b02b; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #0d6c81; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> ENVIRONMENTAL RANGE PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> FLOOR CARE PRODUCTS PAGES ATTRIBUTES **/ .floor-care-products .product-view-left-container h4{color:#999} .floor-care-products h1{color:#999; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .floor-careLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .floor-careLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #999} .floor-careLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #999!important} .floor-care-headers{ background:#999; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #666; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> FLOOR CARE PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> FOOD & MEAT INDUSTRY PRODUCTS PAGES ATTRIBUTES **/ .food-meat-products .product-view-left-container h4{color:#b290fe} .food-meat-products h1{color:#b290fe; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .food-meatLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .food-meatLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #b290fe} .food-meatLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #b290fe!important} /** [END] -> FOOD & MEAT INDUSTRY PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> HAND CLEANERS AND SOAPS PRODUCTS PAGES ATTRIBUTES **/ .hand-cleaners-soaps-products .product-view-left-container h4{color:#f2c700} .hand-cleaners-soaps-products h1{color:#f2c700; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .hand-cleaners-soapsLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .hand-cleaners-soapsLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #f2c700} .hand-cleaners-soapsLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #f2c700!important} /** [END] -> HAND CLEANERS AND SOAPS PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> LAUNDRY PRODUCTS PAGES ATTRIBUTES **/ .laundries-products .product-view-left-container h4{color:#1a64bf} .laundries-products h1{color:#1a64bf; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .laundriesLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .laundriesLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #1a64bf} .laundriesLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #1a64bf!important} .laundries-headers{ background:#1a64bf; color:#fff!important; font-weight:normal; text-shadow:-1px -1px #0a4388; padding:5px 0 5px 10px; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } /** [END] -> LAUNDRY PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> PAPER PRODUCTS PAGES ATTRIBUTES **/ .paper-products h1{color:#00b4ff; border-bottom:solid 1px #e5e5e5; width:100%; margin:30px 0} .paperLeftNavigation ul li a{color:#b6b6b6; border-bottom:solid 1px #e5e5e5} .paperLeftNavigation ul li a:hover{color:#7f7f7f; border-bottom:solid 1px #00b4ff} .paperLeftNavigation-link-selected{font-weight:bold; color:#7f7f7f!important; border-bottom:solid 1px #00b4ff!important} /** [END] -> PAPER PRODUCTS PAGES ATTRIBUTES **/ /** [START] -> ORDER ONLINE PAGE ATTRIBUTES **/ #orderOnline tr td{padding-bottom:10px} #deliveryAddress{width:601px} #postcode{width:80px} #state{width:299px} .customSelect{font-size:14px; background:#f3f3f3; color:#7c7c7c; padding:8px 7px; border:1px solid #d9d9d9} .customSelect.changed{background:#f0dea4} .customSelectInner{background:url(../images/customSelect-arrow.gif) no-repeat center right} .productDescriptionInputs{width:480px; margin-right:0} #orderOnline table thead{background:#bababa; color:#fff} #orderOnline table thead tr th{padding:10px 0} .orderDetailsContainer{margin:20px 0 0 0} .orderDetailsContainer h4{color:#7c7c7c; font:bold 14px Arial} .orderDetailsContainer table tr td{padding-bottom:2px!important} .orderSubmitContainer{width:620px} .termsPolicyContainer{float:left; padding-top:13px} .submitButtonContainer{float:right} .submitButton, .orderSubmit{ color:#fff; border:none; font:16px Arial; padding:10px; cursor:pointer; text-decoration:none; display:block; width:130px; text-align:center; text-shadow:-1px -1px #960320; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#d6382f; background:-moz-linear-gradient(top, #f05249 0%, #d6382f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05249), color-stop(100%,#d6382f)); background:-webkit-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-o-linear-gradient(top, #f05249 0%,#d6382f 100%); background:-ms-linear-gradient(top, #f05249 0%,#d6382f 100%); background:linear-gradient(top, #f05249 0%,#d6382f 100%); } .submitButton:hover, .orderSubmit:hover{background:#d6382f} .orderDetailsBox{font:14px arial; border:solid 1px #d9d9d9; color:#7c7c7c; width:598px; height:60px; resize:none; text-align:left; padding:10px; margin:0 0 10px} #order-summary{ width:577px; border:solid 1px #88b161; padding:20px; margin:20px 0; background:#c1dfa5; color:#4b7424; font:14px arial; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px } #order-summary h2{text-align:center; border-bottom:solid 1px #88b161; margin:0 0 10px} .legends{font-weight:bold; width:100px} /** [END] -> ORDER ONLINE PAGE ATTRIBUTES **/ /** [START] -> CONTACT US PAGE ATTRIBUTES **/ .contactUsSubmitContainer{margin:10px 390px 0 0} .contact-numbers-container{margin:50px 0 0 0; width:568px} .contact-numbers-container h3{color:#7c7c7c; font:bold 30px arial; width:100%; margin:0 0 30px 0; border-bottom:solid 1px #e5e5e5} .contact-numbers-container-left{float:left} .contact-numbers-container-right{float:right} .contact-numbers{color:#878787; margin:10px 0} .contact-numbers-headers{color:#ef3d31!important; font:bold 14px arial} .error{color:red; font:bold 12px arial; display:block; max-width:300px} .formSubmissionFeedback{margin:20px 0; text-align:center} /** [END] -> CONTACT US PAGE ATTRIBUTES **/ /** [START] -> LOCATIONS PAGE ATTRIBUTES **/ #mapContainer{} #map{float:right; width:728px; height:400px} #mapSidebar{float:left; width:220px; height:400px; overflow-y:scroll} .listingHeaders{color:#ef3d31!important; font:bold 14px arial} .locationListings{margin-bottom:10px; padding:5px; cursor:pointer} .locationListings:hover{background:#f2f2f2} .locationListings p, .markerListings p{margin:0; padding:0} .selectedLocation{background:#f2f2f2} /** [END] -> LOCATIONS PAGE ATTRIBUTES **/ /** [START] -> INDUSTRIS SERVED PAGE ATTRIBUTES **/ .industries-served-content ul li ul{margin:0 0 0 40px} .industries-served-content ul li ul li{list-style:disc; color:#878787} .industries-served-content ul li ul li{list-style:dash; color:#878787} /** [END] -> INDUSTRIS SERVED PAGE ATTRIBUTES **/ /** [START] -> SERVICES & SYSTEMS PAGE ATTRIBUTES **/ .services-systems-content{} /** [END] -> SERVICES & SYSTEMS PAGE ATTRIBUTES **/ /** [START] -> ENVIRONMENTAL ISSUES PAGE ATTRIBUTES **/ .environmental-issues-content h2{font:italic 16px arial; color:#878787} .hygenic-programs{margin:0 0 0 40px} .hygenic-programs li{list-style:disc; color:#878787} /** [END] -> ENVIRONMENTAL ISSUES PAGE ATTRIBUTES **/ /** [START] -> FOOTER ATTRIBUTES **/ #footer{background:#333; width:100%; display:block; overflow:hidden} #footer a{text-decoration:none} #footer a:hover{color:#fff; text-decoration:underline} #footer-content-holder{margin:0 auto; width:990px} #footer-top-modules{margin-bottom:61px} #footer-bottom-modules{margin-bottom:25px; display:block; color:#696969; font-size:13px} .footer-content-modules{float:left; margin-right:24px; width:215px} .footer-content-modules h2{font:bold 16px/40px Arial; color:#fff; border-bottom:solid 1px #484848} .footer-content-modules a{color:#929292; text-decoration:none; font:13px/29px Arial} .footer-content-modules a:hover{color:#fff; text-decoration:underline} .product-categories-module{width:458px} #product-categories-left, #product-categories-right{float:left} #product-categories-left{margin-right:106px} .sub-footer-content-modules{float:left; margin-right:10px; height:50px} #footer-separator{background:#2e2e2e; height:1px; width:100%; border-bottom:solid 1px #383838; position:relative; bottom:106px} .footer-logos ul{float:right; margin-top:-8px} .footer-logos ul li{float:left; margin-right:20px} .footer-logos ul li img{vertical-align:middle} .footer-logos p{float:left; width:100px; margin:0} .cls-logo{margin-top:6px} .milestoneFooterLogoContainer{width:330px} .footerContactModule{width:350px} .footer-logos{margin-right:0} .milestone-footer-logo{float:left; margin:3px 10px 0 0} .milestone-footer-logo + p{float:left; line-height:14px; margin:0} .quality-systems-logo{margin-right:0!important} /** [END] -> FOOTER ATTRIBUTES **/ /** [START] -> REDIRECT PAGE ATTRIBUTES **/ #redirect-container{margin:100px auto 100px auto; width:990px} #redirect-spacer-footer{height:40px} #redirect-container p{text-align:center; margin:50px 0 0 0} #redirect-container img{display:block; margin:0 auto} /** [END] -> REDIRECT PAGE ATTRIBUTES **/ /************************************************** * * HELPER CLASSES * **************************************************/ .hidden{display:none} .invisible{visibility:hidden} .clearfix:before, .clearfix:after{content:""; display:table} .clearfix:after{clear:both} .clearfix{zoom:1} /************************************************** * * MEDIA QUERIES * **************************************************/ /* - iPad 1 + 2 - */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ } /* - iPad 3 - */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-device-pixel-ratio: 1.5){ } /* - iPhone 3/3GS - */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px){ } /* - iPhone 4/4S - */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ } /* - Target only firefox - */ @-moz-document url-prefix() { .subContentHover{margin:-56px 3px 0px 0} } /************************************************** * * PRINT STYLES * **************************************************/ @media print{ *{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important} a, a:visited{text-decoration:underline} abbr[title]:after {content:"("attr(title) ")"} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""} pre, blockquote{border:1px solid #999; page-break-inside:avoid} thead{display:table-header-group} tr, img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:0.5cm} p, h2, h3{orphans:3; widows:3} h2, h3{page-break-after:avoid} } /************************************************** * * SLIDER PLUGIN * **************************************************/ .royalSlider{width:990px; height:162px; position:relative; direction:ltr} .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl{-webkit-backface-visibility:hidden; -webkit-transform:translateZ(0)} .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer{-webkit-transform:none} .rsOverflow{width:100%; height:100%; position:relative; overflow:hidden; float:left; -webkit-tap-highlight-color:rgba(0,0,0,0)} .rsContainer{position:relative; width:100%; height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0)} .rsArrow, .rsThumbsArrow{cursor:pointer} .rsThumb{float:left; position:relative} .rsArrow, .rsNav, .rsThumbsArrow{opacity:1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear} .rsHidden{opacity:0; visibility:hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear} .rsGCaption{width:100%; float:left; text-align:center} .royalSlider.rsFullscreen{position:fixed !important; height:auto !important; width:auto !important; margin:0 !important; padding:0 !important; z-index:2147483647 !important; top:0 !important; left:0 !important; bottom:0 !important; right:0 !important} .royalSlider .rsSlide.rsFakePreloader{opacity:1 !important; -webkit-transition:0s; -moz-transition:0s; -o-transition: 0s; transition: 0s; display:none} .rsSlide{position:absolute; left:0; top:0; display:block; overflow:hidden; height:100%; width:100%} .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide{height:auto} .rsContent{width:100%; height:100%; position:relative} .rsPreloader{position:absolute; z-index:0} .rsNav{-moz-user-select:-moz-none; -webkit-user-select:none; user-select:none} .rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)} .rsThumbs{cursor:pointer; position:relative; overflow:hidden; float:left; z-index:22} .rsTabs{float:left} .rsTabs, .rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0)} .rsVideoContainer{width:auto; height:auto; line-height:0; position:relative} .rsVideoFrameHolder{position:absolute; left:0; top:0; background:#141414; opacity:0; -webkit-transition:.3s} .rsVideoFrameHolder.rsVideoActive{opacity:1} .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj{position:absolute; z-index:0; left:0; top:0; width:100%; height:100%} .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:44px} .rsABlock{left:0; top:0; position:absolute; z-index:15; -webkit-backface-visibility:hidden} .grab-cursor{cursor:url(../images/grab.png) 8 8,move} .grabbing-cursor{cursor:url(../images/grabbing.png) 8 8,move} .rsNoDrag{cursor:auto} .rsLink{left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index:20; background:url(../images/blank.gif); -webkit-backface-visibility:hidden} #slider-prev, #slider-next{background:#e4e4e4; height:30px; width:30px; -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; cursor:pointer; position:absolute; margin-top:-120px; border:solid 5px #b1b1b1} #slider-prev{margin-left:-20px; box-shadow:3px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:3px 1px 5px rgba(0,0,0,0.3)} #slider-next{margin-left:968px; box-shadow:-3px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:-3px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:-3px 1px 5px rgba(0,0,0,0.3)} #slider-prev:hover, #slider-next:hover{background:#fff; height:30px; width:30px; -moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; cursor:pointer; position:absolute; margin-top:-120px; border:solid 5px #d6382f} #slider-prev:hover .sliderArrowLeft, #slider-next:hover .sliderArrowRight{color:#d6382f} .slider-nextButtonArrow{} .sliderArrowLeft{ color:#757575; font:19px Arial; margin:2px 8px 0 0; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=6) } .sliderArrowRight{color:#757575; font:19px Arial; margin:5px 0 0 9px} .rsDefault .rsBullets{position:absolute; z-index:35; left:0; bottom:0; width:100%; height:auto; margin:0 auto; text-align:center; line-height:18px; overflow:hidden} .rsDefault .rsBullet{cursor:pointer; width:8px; height:8px; display:inline-block; *display:inline; *zoom:1; margin:0 5px 1px; border-radius:50%; background:#bababa} .rsDefault .rsBullet.rsNavSelected{background-color:#666} /************************************************** * * VALIDATION PLUGIN * **************************************************/ .formError{z-index:990} .formError .formErrorContent{z-index:991} .formError .formErrorArrow{z-index:996} .ui-dialog .formError{z-index:5000} .ui-dialog .formError .formErrorContent{z-index:5001} .ui-dialog .formError .formErrorArrow{z-index:5006} .inputContainer{position:relative; float:left} .formError{position:absolute; top:300px; left:300px; display:block; cursor:pointer; text-align:left} .formError.inline{position:relative; top:0; left:0; display:inline-block} .ajaxSubmit{padding:20px; background:#55ea55; border:1px solid #999; display:none} .formError .formErrorContent{width:100%; background:#ee0101; position:relative; color:#fff; min-width:120px; font-size:12px; border:2px solid #ddd; box-shadow:0 0 6px #000; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; -o-box-shadow:0 0 6px #000; padding:4px 10px 4px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px} .formError.inline .formErrorContent{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0} .greenPopup .formErrorContent{background:#33be40} .blackPopup .formErrorContent{background:#393939; color:#FFF} .formError .formErrorArrow{width:15px; margin:-2px 0 0 13px; position:relative} body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0} .formError .formErrorArrowBottom{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; margin:0px 0 0 12px; top:2px} .formError .formErrorArrow div{border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow:0 2px 3px #444; -moz-box-shadow:0 2px 3px #444; -webkit-box-shadow:0 2px 3px #444; -o-box-shadow:0 2px 3px #444; font-size:0px; height:1px; background:#ee0101; margin:0 auto; line-height:0; font-size:0; display:block} .formError .formErrorArrowBottom div{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none} .greenPopup .formErrorArrow div{background:#33be40} .blackPopup .formErrorArrow div{background:#393939; color:#FFF} .formError .formErrorArrow .line10{width:15px; border:none} .formError .formErrorArrow .line9{width:13px; border:none} .formError .formErrorArrow .line8{width:11px} .formError .formErrorArrow .line7{width:9px} .formError .formErrorArrow .line6{width:7px} .formError .formErrorArrow .line5{width:5px} .formError .formErrorArrow .line4{width:3px} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0 solid #ddd} .formError .formErrorArrow .line2{width:3px; border:none; background:#ddd} .formError .formErrorArrow .line1{width:1px; border:none; background:#ddd} /************************************************** * * LIGHTBOX PLUGIN * **************************************************/ .jquery-lightbox-overlay{ background:#000} .jquery-lightbox{ position:relative; padding:17px 0} .jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-right{ position:absolute; height:17px; width:12%; z-index:7000} .jquery-lightbox-border-top-left{ background:url(../images/jquery-lightbox-theme.png) no-repeat 0 0; top:0; left:0} .jquery-lightbox-border-top-right{ background:url(../images/jquery-lightbox-theme.png) no-repeat right 0; top:0; right:0} .jquery-lightbox-border-top-middle{ background:#2b2b2b; position:absolute; height:7px; width:78%; top:0; left:12%; z-index:7000; overflow:hidden} .jquery-lightbox-border-bottom-left{ background:url(../images/jquery-lightbox-theme.png) no-repeat 0 bottom; bottom:0; left:0} .jquery-lightbox-border-bottom-right{ background:url(../images/jquery-lightbox-theme.png) no-repeat right bottom; bottom:0; right:0} .jquery-lightbox-border-bottom-middle{ background:#2b2b2b; height:7px; width:78%; position:absolute; bottom:0; left:12%; z-index:7000; overflow:hidden} .jquery-lightbox-title{ background:#2b2b2b; color:#FFF; font-family:verdana,arial,serif; font-size:11px; line-height:14px; padding:5px 8px; margin:3px; position:absolute; bottom:0; z-index:7000; opacity:0.9} .jquery-lightbox-html{ z-index:7000; position:relative; border:0; border-left:7px solid #2b2b2b; border-right:7px solid #2b2b2b; padding:0px 15px; vertical-align:top} .jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe{ vertical-align:top} .jquery-lightbox-background{ position:absolute; top:7px; left:7px; z-index:6999; float:left; padding:0} .jquery-lightbox-background img{ display:block; position:relative; border:0; margin:0; padding:0; width:100%; height:100%} .jquery-lightbox-mode-image .jquery-lightbox-html{ z-index:6998; padding:0} .jquery-lightbox-mode-html .jquery-lightbox-background{ background:#FFF} .jquery-lightbox-mode-html .jquery-lightbox-html{ overflow:auto} .jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading{ background:#FFF url(../images/loading.gif) no-repeat center center} .jquery-lightbox-button-close{ background:url(../images/jquery-lightbox-theme.png) no-repeat -190px -115px; position:absolute; top:12px; right:-26px; width:29px; height:29px} .jquery-lightbox-button-close:hover{ background:url(../images/jquery-lightbox-theme.png) no-repeat -220px -115px} .jquery-lightbox-button-close span, .jquery-lightbox-buttons span{ display:none} .jquery-lightbox-mode-image .jquery-lightbox-button-close{ right:14px; z-index:7002} .jquery-lightbox-buttons{ position:absolute; top:7px; left:7px; z-index:7001; height:39px; display:none} .jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end{ width:5px; height:39px; float:left; display:inline} .jquery-lightbox-buttons .jquery-lightbox-buttons-init{ background:url(../images/jquery-lightbox-theme.png) no-repeat -151px -153px; margin:7px 0 0 7px} .jquery-lightbox-buttons .jquery-lightbox-buttons-end{ background:url(../images/jquery-lightbox-theme.png) no-repeat -244px -153px; margin:7px 0 0 0} .jquery-lightbox-buttons .jquery-lightbox-button-left{ background:url(../images/jquery-lightbox-theme.png) no-repeat -156px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0} .jquery-lightbox-buttons .jquery-lightbox-button-left:hover{ background:url(../images/jquery-lightbox-theme.png) no-repeat -156px -194px} .jquery-lightbox-buttons .jquery-lightbox-button-right{ background:url(../images/jquery-lightbox-theme.png) no-repeat -220px -153px; width:24px; height:39px; float:left; display:inline; margin:7px 0 0 0} .jquery-lightbox-buttons .jquery-lightbox-button-right:hover{ background:url(../images/jquery-lightbox-theme.png) no-repeat -220px -194px} .jquery-lightbox-buttons .jquery-lightbox-button-max{ background:url(../images/jquery-lightbox-theme.png) no-repeat -182px -153px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0} .jquery-lightbox-buttons .jquery-lightbox-button-max:hover{ background:url(../images/jquery-lightbox-theme.png) no-repeat -182px -194px} .jquery-lightbox-buttons .jquery-lightbox-button-min{ background:url(../images/jquery-lightbox-theme.png) no-repeat -162px -235px; width:36px; height:39px; float:left; display:inline; margin:7px 0 0 0} .jquery-lightbox-buttons .jquery-lightbox-button-min:hover{ background:url(../images/jquery-lightbox-theme.png) no-repeat -207px -235px} .jquery-lightbox-buttons-custom{ height:39px; float:left; display:inline; background:#2b2b2b; line-height:39px; font-size:10px; margin:7px 0 0 0} .jquery-lightbox-buttons-custom a{ color:#FFF; font-size:10px; display:inline; font-weight:normal; text-decoration:underline; padding:0 3px} .jquery-lightbox-mode-image .jquery-lightbox-button-close{ opacity:0.7} .jquery-lightbox-mode-image .jquery-lightbox-buttons{ opacity:0.3} .jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{ opacity:0.9} .jquery-lightbox-navigator{display:none} /************************************************** * * TREEVIEW PLUGIN * **************************************************/ .treeview, .treeview ul{padding:0; margin:0; list-style:none} .treeview ul{background-color:white; margin-top:4px} .treeview .hitarea{background:url(../images/treeview-default.gif) -64px -25px no-repeat; height:16px; width:16px; margin-left:-16px; float:left; cursor:pointer} .treeview li{margin:0; padding:3px 0pt 3px 16px} .treeview a.selected{background-color:#eee} #treecontrol{margin:1em 0; display:none} .treeview .hover{color:red; cursor:pointer} .treeview li{background:url(../images/treeview-default-line.gif) 0 0 no-repeat} .treeview li.collapsable, .treeview li.expandable{background-position:0 -176px} .treeview .expandable-hitarea{background-position:-80px -3px} .treeview li.last{background-position:0 -1766px} .treeview li.lastCollapsable, .treeview li.lastExpandable{background-image:url(../images/treeview-default.gif)} .treeview li.lastCollapsable{background-position:0 -111px} .treeview li.lastExpandable{background-position:-32px -67px} .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea{background-position:0} .treeview-red li{background-image:url(../images/treeview-red-line.gif)} .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable{background-image:url(../images/treeview-red.gif)} .treeview-black li{background-image:url(../images/treeview-black-line.gif)} .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable{background-image:url(../images/treeview-black.gif)} .treeview-gray li{background-image:url(../images/treeview-gray-line.gif)} .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable{background-image:url(../images/treeview-gray.gif)} .treeview-famfamfam li{background-image:url(images/treeview-famfamfam-line.gif)} .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable{background-image:url(../images/treeview-famfamfam.gif)} .treeview .placeholder{background:url(../images/ajax-loader.gif) 0 0 no-repeat; height:16px; width:16px; display:block} .filetree li{padding:3px 0 3px 16px; font:14px/14px arial} .filetree span.folder, .filetree span.file{padding:1px 0 1px 16px} .filetree span.folder{background:url(../images/folder.gif) 0 0 no-repeat} .filetree li.expandable span.folder{background:url(../images/folder-closed.gif) 0 0 no-repeat} .filetree span.file{background:url(../images/file.gif) 0 0 no-repeat}