/* css by digital garden */ /* author: dennis grossmann */ /* author: cris andretta */ @import "nav.css"; @import "galleries.css"; /*** base.css --- styles that standardise the browser environment across different browsers and platforms as well as some generic utility styles ***/ /* Browser Reset ****************************/ * {padding:0; margin:0; border:0;} /* Fonts ****************************/ html {font-size:1.25em;} body {font:50% arial, sans-serif; } html > body {font-size:12px;} h1 {font-size:1.3em;} h2 {font-size:1.2em;} h3 {font-size:1em;} h4 {font-size:1em;} h5 {font-size:0.9em;} h6 {font-size:0.8em;} table, td, input, textarea, select {font:1em arial, sans-serif;} /* Main Selectors ****************************/ body {background:#FFF; color:#afafaf; line-height:1.5em; text-align:left;} p {margin:1em 0;} strong {font-weight:bold;} /* Headings ****************************/ h1,h2,h3,h4,h5,h6 {margin:1em 0; color:#000;} /* Lists ****************************/ ul, ol {margin:1em 0 1em 3em;} li {margin:0 0 0.3em 0;} ul.unstyled {list-style-type:none;} ul.unstyled li {float:left;} ol.unstyled {list-style-type:none; width: 340px;} ol.unstyled li {float:left;} /* Utility Classes ****************************/ .clear {clear:both; font-size:0; line-height:0em;} .indent {margin-left:2em;} .right {text-align:right;} .top {vertical-align:top;} .center {text-align:center;} .middle {vertical-align:middle;} .error {color:#AA0000; margin:0 0 1em 0;} .hide {display:none;} .show {display:block;} .img-right {float:right; margin:0 0 1em 1em;} .img-left {float:left; margin:0 1em 1em 0;} .break {padding:0.5em 0; clear:both;} /* Forms ****************************/ label { color: #fff; } legend { padding: 0;} /* Fieldsets */ form p { padding:1.4em 1.4em 0.8em;} fieldset { padding:1em 1.4em 1em 0.8em; } fieldset ol { list-style:none; margin:0;} fieldset li { padding-right: 10px;} /* Text fields */ input.text { width:150px; background:#999; padding:3px; margin-bottom:10px; } label { width:150px; display:block; padding:5px 0; font-weight:normal;} label.building { width:300px; display:block; padding:5px 0; font-weight:normal;} label span { color:#999;} input.text:focus, input.title:focus { background:#fff; } input.title { font-size:1.5em; } /* Textareas */ textarea { width: 310px; height:40px; padding:5px; } textarea { background:#999; padding:3px; } textarea:focus { background:#fff; } /* Select fields */ select { background:#999; width:315px; } /* Submit */ input.submit { background: url(../images/btn_sendEnquiry.gif) no-repeat; width: 135px; height: 27px; display: block; cursor: pointer;margin-left: 180px;} input.submit:hover { background-position: left -27px;} /* global formatting */ html {height:100%;} body {background:#222; margin:0; padding:0; height:100%; } /* layout containers */ #container {width:923px; margin:0 auto; min-height:100%; position:relative;} * html #container {height:100%} #wrap { padding-bottom:70px; } #wrap:after {content:" "; display:block; clear:both; } * html #wrap {height:1px;} #navigation {margin-left: 220px; padding-left: 3px;} #content {width:700px; padding:0; min-height:720px; height:auto !important; height:720px; float:right; position: relative;} #sidebar {position:absolute; top:0; width:200px; padding:10px; height: 400px;} #footer {clear:both; position:relative; bottom:0; height:70px; width:923px; width: 100%; padding-top: 10px; border-top: #797979 solid 1px; top:-70px;} #sidebar2 { width: 280px; position: absolute; top: 0; left: 403px; line-height:21px;} #sidebar2 p { color: #fff;} #sidebar2 p span { color: #999;} #sidebar2 h2 { color: #999; font-weight: normal;} .contact p { margin-left: 7px;} .contact p.thin { margin-right:300px;} /* backgrounds and colors */ #sidebar {background:url(../images/bg_watermark.gif) no-repeat right top; } #content a { color: #77a9ba;} #content a:hover { text-decoration: none;} /* General Stuff */ img.logo { float: right; margin-top: 55px; padding-right: 1px;} #text { position:absolute; width: 400px; left: 297px; margin-top: 22px; } /* Homepage */ div.box { width: 195px; border: #797979 solid 1px; float: right; margin-top: 18px;} div#specifier_box { height: 125px; float: right; margin-top: 15px; background: url(../images/logo_home_box1.gif) no-repeat left top;} div#specifier_box a { background: url(../images/hd_home_specifier.gif) no-repeat top right; float: right; margin-top: 15px; width: 120px; height: 25px; overflow: hidden; text-indent: -2000px;} #specifier_box a:hover { background-position: right -25px;} #callus_box { text-align: center; } #callus_box h1 { color: #77a9ba; font-size: 1.9em; line-height: 0.5em; margin: 0 0 5px;} #callus_box h2 { color: #fff; margin-bottom: 5px;} #callus_box p { color: #FFF; } #callus_box a { color: #77a9ba;} #callus_box p span { color: #999;} #callus_box span.time { color: #fff; position: absolute; left: 135px;} #callus_box span.days { color: #fff; position: absolute; left: 27px;;} #callus_box span.map { position: relative; left:7px;} #callus_box span.map a { font-size: 9px; text-decoration: none;} #callus_box span.map a:hover { text-decoration: underline;} img.heading { margin-top: 20px; padding-left: 5px;} p.leftp { float: left; width: 310px; margin: 20px 70px 0 0; padding-left: 5px;} p.rightp { float: left; width: 310px; margin: 20px 0 0 0;} /* caption */ ul.caption li a { text-decoration: none; text-transform: uppercase; font-size: 11px; color: #fff !important; font-weight: bold; position: relative;} ul.caption li a:hover { color: #000 !important;} ul.caption li a span { background: url(../images/bg_caption.png) no-repeat top; height: 18px; width: 135px; display:block; top: 105px; text-indent: 5px; position: absolute; } ul.caption li a:hover span { background-position: left -18px;} /* logos */ ul#logos { margin: 16px 0 0 0px; padding: 0; list-style: none;} ul#logos li a { float: left; background: transparent top no-repeat; display: block; overflow: hidden; text-indent: -2000px; width: 55px; height: 55px; background-position: left -55px;} ul#logos li a.abey { background-image: url(../images/logos/abey.gif)} ul#logos li a.accent { background-image: url(../images/logos/accent.gif)} ul#logos li a.adp { background-image: url(../images/logos/adp.gif)} ul#logos li a.amox { background-image: url(../images/logos/amox.gif)} ul#logos li a.arc { background-image: url(../images/logos/arc.gif)} ul#logos li a.argent { background-image: url(../images/logos/argent.gif)} ul#logos li a.arvex { background-image: url(../images/logos/arvex.gif)} ul#logos li a.astrawalker { background-image: url(../images/logos/astrawalker.gif)} ul#logos li a.aurora { background-image: url(../images/logos/aurora.gif)} ul#logos li a.bastow { background-image: url(../images/logos/bastow.gif)} ul#logos li a.bette { background-image: url(../images/logos/bette.gif)} ul#logos li a.brewers { background-image: url(../images/logos/brewers.gif)} ul#logos li a.caesarstone { background-image: url(../images/logos/caesarstone.gif)} ul#logos li a.cantique { background-image: url(../images/logos/cantique.gif)} ul#logos li a.caroma { background-image: url(../images/logos/caroma.gif)} ul#logos li a.cb { background-image: url(../images/logos/cb.gif)} ul#logos li a.clark { background-image: url(../images/logos/clark.gif)} ul#logos li a.conserv { background-image: url(../images/logos/conserv.gif)} ul#logos li a.culligan { background-image: url(../images/logos/culligan.gif)} ul#logos li a.dado { background-image: url(../images/logos/dado.gif)} ul#logos li a.decina { background-image: url(../images/logos/decina.gif)} ul#logos li a.delf { background-image: url(../images/logos/delf.gif)} ul#logos li a.delway { background-image: url(../images/logos/delway.gif)} ul#logos li a.designerdoorware{ background-image: url(../images/logos/designerdoorware.gif)} ul#logos li a.dorf { background-image: url(../images/logos/dorf.gif)} ul#logos li a.duker { background-image: url(../images/logos/duker.gif)} ul#logos li a.elica { background-image: url(../images/logos/elica.gif)} ul#logos li a.emelia { background-image: url(../images/logos/emelia.gif)} ul#logos li a.epure { background-image: url(../images/logos/epure.gif)} ul#logos li a.ewing { background-image: url(../images/logos/ewing.gif)} ul#logos li a.fagor { background-image: url(../images/logos/fagor.gif)} ul#logos li a.fischer { background-image: url(../images/logos/fischer.gif)} ul#logos li a.flexispray { background-image: url(../images/logos/flexispray.gif)} ul#logos li a.fowler { background-image: url(../images/logos/fowler.gif)} ul#logos li a.franke { background-image: url(../images/logos/franke.gif)} ul#logos li a.geberit { background-image: url(../images/logos/geberit.gif)} ul#logos li a.gemini { background-image: url(../images/logos/gemini.gif)} ul#logos li a.gessi { background-image: url(../images/logos/gessi.gif)} ul#logos li a.glem { background-image: url(../images/logos/glem.gif)} ul#logos li a.greens { background-image: url(../images/logos/greens.gif)} ul#logos li a.grohe { background-image: url(../images/logos/grohe.gif)} ul#logos li a.haddontone { background-image: url(../images/logos/haddontone.gif)} ul#logos li a.hansa { background-image: url(../images/logos/hansa.gif)} ul#logos li a.hansgrohe { background-image: url(../images/logos/hansgrohe.gif)} ul#logos li a.heirloom { background-image: url(../images/logos/heirloom.gif)} ul#logos li a.hettich { background-image: url(../images/logos/hettich.gif)} ul#logos li a.hydrotherm { background-image: url(../images/logos/hydrotherm.gif)} ul#logos li a.ilive { background-image: url(../images/logos/ilive.gif)} ul#logos li a.imperialware { background-image: url(../images/logos/imperialware.gif)} ul#logos li a.inda { background-image: url(../images/logos/inda.gif)} ul#logos li a.ingersollrand { background-image: url(../images/logos/ingersollrand.gif)} ul#logos li a.jdmacdonald { background-image: url(../images/logos/jdmacdonald.gif)} ul#logos li a.kaldewei { background-image: url(../images/logos/kaldewei.gif)} ul#logos li a.kethy { background-image: url(../images/logos/kethy.gif)} ul#logos li a.keuco { background-image: url(../images/logos/keuco.gif)} ul#logos li a.laminex { background-image: url(../images/logos/laminex.gif)} ul#logos li a.lanark { background-image: url(../images/logos/lanark.gif)} ul#logos li a.liebherr { background-image: url(../images/logos/liebherr.gif)} ul#logos li a.marblo { background-image: url(../images/logos/marblo.gif)} ul#logos li a.metaliberica { background-image: url(../images/logos/metaliberica.gif)} ul#logos li a.methven { background-image: url(../images/logos/methven.gif)} ul#logos li a.miele { background-image: url(../images/logos/miele.gif)} ul#logos li a.multiform { background-image: url(../images/logos/multiform.gif)} ul#logos li a.nidus { background-image: url(../images/logos/nidus.gif)} ul#logos li a.novelli { background-image: url(../images/logos/novelli.gif)} ul#logos li a.olivari { background-image: url(../images/logos/olivari.gif)} ul#logos li a.oliveri { background-image: url(../images/logos/oliveri.gif)} ul#logos li a.omega { background-image: url(../images/logos/omega.gif)} ul#logos li a.pacojaanson { background-image: url(../images/logos/pacojaanson.gif)} ul#logos li a.parisidoor { background-image: url(../images/logos/parisidoor.gif)} ul#logos li a.parisibath { background-image: url(../images/logos/parisibath.gif)} ul#logos li a.phoenix { background-image: url(../images/logos/phoenix.gif)} ul#logos li a.pittella { background-image: url(../images/logos/pittella.gif)} ul#logos li a.pomdor { background-image: url(../images/logos/pomdor.gif)} ul#logos li a.rak { background-image: url(../images/logos/rak.gif)} ul#logos li a.ram { background-image: url(../images/logos/ram.gif)} ul#logos li a.renaissance { background-image: url(../images/logos/renaissance.gif)} ul#logos li a.rifco { background-image: url(../images/logos/rifco.gif)} ul#logos li a.skope { background-image: url(../images/logos/skope.gif)} ul#logos li a.smeg { background-image: url(../images/logos/smeg.gif)} ul#logos li a.stylus { background-image: url(../images/logos/stylus.gif)} ul#logos li a.victoria { background-image: url(../images/logos/victoria.gif)} ul#logos li a.villeroy { background-image: url(../images/logos/villeroy.gif)} ul#logos li a.vogue { background-image: url(../images/logos/vogue.gif)} ul#logos li a.warmtech { background-image: url(../images/logos/warmtech.gif)} ul#logos li a.zip { background-image: url(../images/logos/zip.gif)} ul#logos li { float: left; margin-left: 8px; margin-bottom: 8px; background: transparent top no-repeat; display: block; overflow: hidden; text-indent: -2000px; width: 55px; height: 55px; background-position: left -55px;} ul#logos li.abey { background-image: url(../images/logos/abey.gif)} ul#logos li.accent { background-image: url(../images/logos/accent.gif)} ul#logos li.adp { background-image: url(../images/logos/adp.gif)} ul#logos li.amox { background-image: url(../images/logos/amox.gif)} ul#logos li.arc { background-image: url(../images/logos/arc.gif)} ul#logos li.argent { background-image: url(../images/logos/argent.gif)} ul#logos li.arvex { background-image: url(../images/logos/arvex.gif)} ul#logos li.astrawalker { background-image: url(../images/logos/astrawalker.gif)} ul#logos li.aurora { background-image: url(../images/logos/aurora.gif)} ul#logos li.bastow { background-image: url(../images/logos/bastow.gif)} ul#logos li.bette { background-image: url(../images/logos/bette.gif)} ul#logos li.brewers { background-image: url(../images/logos/brewers.gif)} ul#logos li.caesarstone { background-image: url(../images/logos/caesarstone.gif)} ul#logos li.cantique { background-image: url(../images/logos/cantique.gif)} ul#logos li.caroma { background-image: url(../images/logos/caroma.gif)} ul#logos li.cb { background-image: url(../images/logos/cb.gif)} ul#logos li.clark { background-image: url(../images/logos/clark.gif)} ul#logos li.conserv { background-image: url(../images/logos/conserv.gif)} ul#logos li.culligan { background-image: url(../images/logos/culligan.gif)} ul#logos li.dado { background-image: url(../images/logos/dado.gif)} ul#logos li.decina { background-image: url(../images/logos/decina.gif)} ul#logos li.delf { background-image: url(../images/logos/delf.gif)} ul#logos li.delway { background-image: url(../images/logos/delway.gif)} ul#logos li.designerdoorware { background-image: url(../images/logos/designerdoorware.gif)} ul#logos li.dorf { background-image: url(../images/logos/dorf.gif)} ul#logos li.duker { background-image: url(../images/logos/duker.gif)} ul#logos li.elica { background-image: url(../images/logos/elica.gif)} ul#logos li.emelia { background-image: url(../images/logos/emelia.gif)} ul#logos li.epure { background-image: url(../images/logos/epure.gif)} ul#logos li.ewing { background-image: url(../images/logos/ewing.gif)} ul#logos li.fagor { background-image: url(../images/logos/fagor.gif)} ul#logos li.fischer { background-image: url(../images/logos/fischer.gif)} ul#logos li.flexispray { background-image: url(../images/logos/flexispray.gif)} ul#logos li.fowler { background-image: url(../images/logos/fowler.gif)} ul#logos li.franke { background-image: url(../images/logos/franke.gif)} ul#logos li.geberit { background-image: url(../images/logos/geberit.gif)} ul#logos li.gemini { background-image: url(../images/logos/gemini.gif)} ul#logos li.gessi { background-image: url(../images/logos/gessi.gif)} ul#logos li.glem { background-image: url(../images/logos/glem.gif)} ul#logos li.greens { background-image: url(../images/logos/greens.gif)} ul#logos li.grohe { background-image: url(../images/logos/grohe.gif)} ul#logos li.haddontone{ background-image: url(../images/logos/haddontone.gif)} ul#logos li.hansa { background-image: url(../images/logos/hansa.gif)} ul#logos li.hansgrohe { background-image: url(../images/logos/hansgrohe.gif)} ul#logos li.heirloom { background-image: url(../images/logos/heirloom.gif)} ul#logos li.hettich { background-image: url(../images/logos/hettich.gif)} ul#logos li.hydrotherm { background-image: url(../images/logos/hydrotherm.gif)} ul#logos li.ilive { background-image: url(../images/logos/ilive.gif)} ul#logos li.imperialware { background-image: url(../images/logos/imperialware.gif)} ul#logos li.inda { background-image: url(../images/logos/inda.gif)} ul#logos li.ingersollrand { background-image: url(../images/logos/ingersollrand.gif)} ul#logos li.jdmacdonald { background-image: url(../images/logos/jdmacdonald.gif)} ul#logos li.kaldewei { background-image: url(../images/logos/kaldewei.gif)} ul#logos li.kethy { background-image: url(../images/logos/kethy.gif)} ul#logos li.keuco { background-image: url(../images/logos/keuco.gif)} ul#logos li.laminex { background-image: url(../images/logos/laminex.gif)} ul#logos li.lanark { background-image: url(../images/logos/lanark.gif)} ul#logos li.liebherr { background-image: url(../images/logos/liebherr.gif)} ul#logos li.marblo { background-image: url(../images/logos/marblo.gif)} ul#logos li.metaliberica { background-image: url(../images/logos/metaliberica.gif)} ul#logos li.methven { background-image: url(../images/logos/methven.gif)} ul#logos li.miele { background-image: url(../images/logos/miele.gif)} ul#logos li.multiform { background-image: url(../images/logos/multiform.gif)} ul#logos li.nidus { background-image: url(../images/logos/nidus.gif)} ul#logos li.novelli{ background-image: url(../images/logos/novelli.gif)} ul#logos li.olivari { background-image: url(../images/logos/olivari.gif)} ul#logos li.oliveri { background-image: url(../images/logos/oliveri.gif)} ul#logos li.omega { background-image: url(../images/logos/omega.gif)} ul#logos li.pacojaanson{ background-image: url(../images/logos/pacojaanson.gif)} ul#logos li.parisidoor{ background-image: url(../images/logos/parisidoor.gif)} ul#logos li.parisibath{ background-image: url(../images/logos/parisibath.gif)} ul#logos li.phoenix { background-image: url(../images/logos/phoenix.gif)} ul#logos li.pittella { background-image: url(../images/logos/pittella.gif)} ul#logos li.pomdor { background-image: url(../images/logos/pomdor.gif)} ul#logos li.rak { background-image: url(../images/logos/rak.gif)} ul#logos li.ram { background-image: url(../images/logos/ram.gif)} ul#logos li.renaissance { background-image: url(../images/logos/renaissance.gif)} ul#logos li.rifco { background-image: url(../images/logos/rifco.gif)} ul#logos li.skope { background-image: url(../images/logos/skope.gif)} ul#logos li.smeg { background-image: url(../images/logos/smeg.gif)} ul#logos li.stylus { background-image: url(../images/logos/stylus.gif)} ul#logos li.victoria { background-image: url(../images/logos/victoria.gif)} ul#logos li.villeroy { background-image: url(../images/logos/villeroy.gif)} ul#logos li.vogue { background-image: url(../images/logos/vogue.gif)} ul#logos li.warmtech { background-image: url(../images/logos/warmtech.gif)} ul#logos li.zip { background-image: url(../images/logos/zip.gif)} *:first-child+html #navigation { margin-left: 217px;}