/* holds all layout styles and anything that overrides main.css */ @import url(reset.css); @import url(main.css); /* palette Logo blue : #078dfe Eco green : #1bbc22 Yellow : #f8e939 Cream : #fcfaee Grey : #b2b2b2 */ /* branding */ #branding {position:absolute; top:-190px; left:30px; width:100%; height:180px; border: solid 5px #b2b2b2; border-left:none; border-right:none;} #logo {height:180px; width:920px; text-align:left; background: #fff url('../assets/water-right.jpg') right no-repeat;} #ukcs {float:left; margin-left:10px; background: #fff url('../assets/logo.gif') right no-repeat; text-indent:-9999px; width:208px; height:144px; display:block;} #top_menu {height:32px; width:900px; background: transparent url('../assets/top-menu.gif') left no-repeat; margin-top:115px;} #top_menu_small {height:32px; width:470px; background: #fff url('../assets/top-menu-small.gif') right no-repeat; margin-left:218px;} #top_links li, #top_links_small li {float:left; text-align:center;} #top_links li {width:112px; border-right: solid 1px #fff;} #top_links #faq, #top_links_small #contact, #top_links #contactus {border-right:none;} #top_links_small li {width:83px; border-right: solid 1px #fff;} #top_links_small {padding-left:45px;} /* main content */ #outer_wrapper {width:980px; height:auto; margin-top:190px; background-color:#fff; position:relative; margin-left:auto; margin-right:auto;} #wrapper {text-align:left; width:950px; background: transparent url('../assets/shadows.gif') repeat-y; position:relative; margin-left:auto; margin-right:auto; padding: 10px 0px 0px 30px; float:left; background-color:#fff; min-height:915px; height:auto !important;} .craftex {height:2000px;} .left_content {width:690px;} .content_image {float:right; border: solid 5px #b2b2b2; margin:10px;} .main_content, #home_content {height:auto;} .main_content, #home_content {padding-left:10px; padding-right:10px;} .main_content .list_standard, .main_content .list_standard_thin {padding-top:10px;} /* homepage */ #main_promo {width:666px; height:400px; margin-bottom:10px;} #sub_promos {margin-left:25px; margin-right:25px;} .sub_promo_large_hefter, .sub_promo_large_qleeno, .sub_promo_large_thermadry {display:block; text-indent:-9999px; width:300px; height:240px; margin: 10px 5px 10px 5px;} .sub_promo_large_hefter {width:300px; height:240px; margin: 10px 5px 10px 5px;} /* .sub_promo_large_hefter {background: transparent url('../assets/sub-promo-large-hefter.jpg') no-repeat;} */ .sub_promo_large_qleeno {background: transparent url('../assets/sub-promo-large-qleeno.jpg') no-repeat;} .sub_promo_large_hefter {background: transparent url('../assets/sub-promo-large-hefter.jpg') no-repeat;} #easier_top, #cleaner_top, #safer_top, #greener_top {border-bottom:none; height:30px; text-indent:-9999px; display:block;} #easier_top {top:75px; margin-left:255px; position:absolute; width:80px;} #cleaner_top {top:75px; margin-left:338px; position:absolute; width:90px;} #safer_top {top:75px; margin-left:430px; position:absolute; width:67px;} #greener_top {top:75px; margin-left:499px; position:absolute; width:82px;} /* right nav */ #nav_right {position:absolute; left: 717px; width: 223px; height:auto; margin-top:-10px; background-color:#b2b2b2; border: solid 5px; border-color:#b2b2b2; border-top:none; border-bottom:none; padding:0px;} #nav_right a {display:block; width:223px; height:150px;} #nav_right li {width:223px; height:150px; text-indent:-9999px; border-bottom: solid 5px #b2b2b2;} #business {background-image: url('../assets/nav-stripe-business.gif');} #greenclean {background-image: url('../assets/nav-stripe-greener.gif');} #comments {background-image: url('../assets/nav-stripe-clients.gif');} #studies {background-image: url('../assets/nav-stripe-case-studies.gif');} #accessories2 {background-image: url('../assets/nav-stripe-accessories.gif');} #faq2 {background-image: url('../assets/nav-stripe-faq.gif');} /* right nav easivac */ #nav_easivac_extractor {background-image: url('../assets/nav-right-easivac.jpg');} /* right nav thermadry */ #nav_thermadry_oscillator {background-image: url('../assets/nav-right-oscillator.jpg');} #nav_thermadry_extractor {background-image: url('../assets/nav-right-extractor.jpg');} #nav_thermadry_valet {background-image: url('../assets/nav-right-valet.jpg');} #nav_thermadry_filler {background-image: url('../assets/nav-right-filler.jpg');} /* right nav ozzi */ #nav_ozzi_extractor {background-image: url('../assets/nav-right-extractor.jpg');} #nav_ozzi_valet {background-image: url('../assets/nav-right-valet.jpg');} #nav_ozzi_filler {background-image: url('../assets/nav-right-filler.jpg');} /* right nav hefter */ #nav_turnado38 {background-image: url('../assets/nav-right-turnado38.jpg');} #nav_ks90 {background-image: url('../assets/nav-right-ks90.jpg');} #nav_ks105 {background-image: url('../assets/nav-right-ks105.jpg');} #nav_fks100 {background-image: url('../assets/nav-right-fks100.jpg');} #nav_fks110 {background-image: url('../assets/nav-right-fks110pro.jpg');} #nav_turnado55 {background-image: url('../assets/nav-right-turnado55.jpg');} #nav_variotech82 {background-image: url('../assets/nav-right-variotech82.jpg');} #nav_variotech112 {background-image: url('../assets/nav-right-variotech112pro.jpg');} #nav_convert {background-image: url('../assets/nav-right-convert.jpg');} #nav_fs82 {background-image: url('../assets/nav-right-fs82112.jpg');} #nav_rf40 {background-image: url('../assets/nav-right-rf40.jpg');} #nav_varioclean {background-image: url('../assets/nav-right-varioclean.jpg');} /* right nav superclean */ #nav_qleeno {background-image: url('../assets/nav-right-qleeno.jpg');} #nav_qleeno_cordless {background-image: url('../assets/nav-right-qleeno-cordless.jpg');} #nav_qleeno_train {background-image: url('../assets/nav-right-qleeno-train.jpg');} /* right nav hefter */ #nav_thermadrysystem9500 {background-image: url('../assets/nav-right-thermadry-system-9500.jpg');} #nav_thermadryaccessories {background-image: url('../assets/nav-right-thermadry-accessories.jpg');} #nav_sabrina5000 {background-image: url('../assets/nav-right-sabrina-5000.jpg');} #nav_sabrinafoam5005 {background-image: url('../assets/nav-right-sabrina-foam-5005.jpg');} #nav_serenasilent5030 {background-image: url('../assets/nav-right-serena-silent-5030.jpg');} #nav_graceHP5022 {background-image: url('../assets/nav-right-grace-hp-5022.jpg');} #nav_sharonbrush5055 {background-image: url('../assets/nav-right-sharon-brush-5055.jpg');} #nav_elitesilent5070 {background-image: url('../assets/nav-right-elite-silent-5070.jpg');} #nav_powerful5040 {background-image: url('../assets/nav-right-powerful-5040.jpg');} #nav_elitebattery5072 {background-image: url('../assets/nav-right-elite-battery-5072.jpg');} #nav_wolf9680 {background-image: url('../assets/nav-right-wolf-9680.jpg');} /* footer */ #footer {width:980px; background:url('../assets/footer.gif') no-repeat; height:60px; padding-top:35px; float:left;} /* craftex thermadry */ #thermadry_main {background: url('../assets/thermadry-final.jpg') no-repeat; width:670px; height:448px; clear:both; margin-bottom:10px;} #thermadry {margin-left:20px; background: url('../assets/thermadry.jpg') no-repeat; width:670px; height:448px; clear:both; margin-bottom:10px;} #thermadry_main a {text-indent:-9999px; display:block; height:193px; width:301px;} #thermadry_easier {margin-left:33px; float:left; margin-right:1px; margin-top:57px;} #thermadry_safer {margin-left:33px; float:left; margin-right:1px;} #thermadry_cleaner {float:right; margin-top:57px; margin-right:33px;} #thermadry_greener {float:right; margin-right:33px;} #thermadry_easier:hover {background: url('../assets/hover-easier-trans.png') no-repeat;} #thermadry_cleaner:hover {background: url('../assets/hover-cleaner-trans.png') no-repeat;} #thermadry_safer:hover {background: url('../assets/hover-safer-trans.png') no-repeat;} #thermadry_greener:hover {background: url('../assets/hover-greener-trans.png') no-repeat;} /* multi-surface + case studies */ .surfaces {width:160px; margin-right:30px;} .surfaces li {height:55px;} .surfaces li a {display:block; width:90px; height:51px; margin-top:20px;} #carpet {background: #fff url('../assets/surfaces-carpet-small.gif') left center no-repeat;} #wood {background: #fff url('../assets/surfaces-wood-small.gif') left center no-repeat;} #lino {background: #fff url('../assets/surfaces-lino-small.gif') left center no-repeat;} #stone {background: #fff url('../assets/surfaces-stone-small.gif') left center no-repeat;} #asphalt {background: #fff url('../assets/surfaces-asphalt-small.gif') left center no-repeat;} #vinyl {background: #fff url('../assets/surfaces-vinyl-small.gif') right center no-repeat;} #marble {background: #fff url('../assets/surfaces-marble-small.gif') right center no-repeat;} #tile {background: #fff url('../assets/surfaces-tile-small.gif') right center no-repeat;} #concrete {background: #fff url('../assets/surfaces-concrete-small.gif') right center no-repeat;} #brick {background: #fff url('../assets/surfaces-brick-small.gif') right center no-repeat;} #block {background: #fff url('../assets/surfaces-block-paving-small.gif') right center no-repeat;} #homes {background: #fff url('../assets/case-studies-homes.gif') left center no-repeat;} #offices {background: #fff url('../assets/case-studies-offices.gif') left center no-repeat;} #shops {background: #fff url('../assets/case-studies-shops.gif') left center no-repeat;} #restaurants {background: #fff url('../assets/case-studies-restaurants.gif') left center no-repeat;} #hotels {background: #fff url('../assets/case-studies-hotels.gif') left center no-repeat;} #factories {background: #fff url('../assets/case-studies-factories.gif') right center no-repeat;} #schools {background: #fff url('../assets/case-studies-schools.gif') right center no-repeat;} #hospitals {background: #fff url('../assets/case-studies-hospitals.gif') right center no-repeat;} #stadia {background: #fff url('../assets/case-studies-stadia.gif') right center no-repeat;} #universities {background: #fff url('../assets/case-studies-universities.gif') right center no-repeat;} #carpet a, #wood a, #lino a, #stone a, #asphalt a, #vinyl a, #homes a, #offices a, #shops a, #restaurants a, #hotels a {margin-left:58px;} #marble a, #tile a, #concrete a, #brick a, #block a, #factories a, #schools a, #hospitals a, #stadia a, #universities a {text-align:right;} /* contact form */ #contact_form {height: 240px; width:510px; border: dotted 1px #078dfe; margin-left:55px;} #contact_form, #send, .error {background-color:#fcfaee;} #send {text-align:right; padding-bottom:5px; padding-right:5px; padding-top:5px; width:505px; margin-top:5px; border: dotted 1px #078dfe; margin-left:55px; margin-bottom:10px;} #contact_form label {width: 150px; float:left; margin-top:5px;} #contact_form input, #contact_form select, #contact_form textarea {width: 330px; float:right; margin:5px;} #contact_form textarea {height: 100px;} .label_below_multiline {padding-top:95px;} .negative {color:Red; font-weight:bold;} #thin_column {width:400px;} /* misc */ .left {float:left;} .right {float:right;} .parallel_list {margin-left:40px; height:60px; margin-bottom:20px; margin-top:-10px;} .parallel_list li {display:inline; float:left; width:140px;} .list_standard li, .list_standard_thin li {background: #fff url('../assets/bullet.gif') left center no-repeat; text-indent:18px; margin-top:-5px; padding-bottom:3px;} .list_standard li:hover, .list_standard_thin li:hover {background: #fff url('../assets/bullet-green.gif') left center no-repeat; text-indent:18px; display:list-item; margin-top:-5px;} .list_standard_thin {width:390px;} .list_standard {width:100%;} .clear {clear:both;} .nav_bottom {height:270px;} .no_bullets {background:none; text-indent:-9999px; margin-left:80px; margin-bottom:0px;} .no_bullets li {display:inline;} .address {margin-left:10px; float:right; clear:right;} .list_inner {margin-left:50px;}