/* *******Glotech Repairs CSS File************ */ /* Page Styles */ body { background-image:url(http://www.glotechrepairs.co.uk/images/page-bg.jpg); background-repeat:repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:0; padding:0; } /* Header Values */ h1 { color:#FFFFFF; font-size:18px; margin:-5px 0 10px 0; padding:0 0 10px 5px; text-transform:capitalize;} h2 { color:#FFFFFF; font-size:14px; margin:0; padding:5px 0 15px 5px; } h3 { color:#FFFFFF; font-size:14px; margin:0; padding:10px 0; } h4 { color:#FFFFFF; font-size:14px; margin:5px 5px 5px 0; padding:0; } h5 { color:#FFFFFF; font-size:14px; margin:5px 5px 3px; padding-left:10px; } h6 { color:#FFFFFF; font-size:14px; margin:5px 5px 10px; padding:10px 0 10px 10px; } .h7 { color:#FFFFFF; font-size:14px; margin:5px 5px 5px 0; padding:0; font-weight:bold; } .smallheading { font-size:10px; font-weight:normal; } h2 a { color:#FFFFFF; } /* Header veriations to line up text */ .h1-10 { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 10px 5px; } .h2 { color:#FFFFFF; font-size:14px; margin:0; padding:5px 0 15px 5px; } .h2-2 { color:#FFFFFF; font-size:14px; margin:0; padding:0px 0 0px 0px; } .form { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 15px 5px; } .foot { color:#FFFFFF; font-size:14px; padding:5px 5px 6px 10px; } .head3 { color:#FFFFFF; font-size:14px; padding:10px 0 10px 10px; } .sing { color:#FFFFFF; font-size:14px; margin:0; padding:10px 5px 35px 10px;} .singtick { color:#FFFFFF; font-size:14px; margin:0; padding:10px 5px 15px 10px;} .mapheading { color:#FFFFFF; font-size:14px; margin:0; padding:15px 0 23px 10px!important;} a { color:black; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; } .wh {color:#FFFFFF;} li { margin:0; padding:0; } ul { margin:0; padding:0; } .mobilesmall { color:#000000; font-size:7px; font-style:italic; } .telnumber { font-size:18px; font-weight:bold; color:#000000; } p.teltop {margin: 7px 0 0 0; } /* the line spacing between bullet points */ ul.leftmargin { margin-left:20px; padding:0; line-height:125%} ul.leftmarginf { margin-left:20px; padding:0; line-height:175%} ul.leftmarginh { margin-left:20px; padding:0; line-height:150%} ul.leftmargin170 { margin-left:20px; padding:0; line-height:170%} li a { text-decoration:none; } a img { border:medium none; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; } /* header: book your job */ #topcon { margin-left:auto; margin-right:auto; width:210px; vertical-align:middle; } #topcon a { color:#FFFFFF; text-align:center; text-decoration:none; text-transform:uppercase; } /*fix for vertical align*/ #topcon a:hover { text-decoration:underline; vertical-align:middle; } #top1 {float:left;} #top2 { background-color:#000000 ; color:#FFFFFF; width:190px; height:21px; text-align:center; vertical-align: middle; float:left; text-decoration:none; text-transform:uppercase; padding-top:4px;} #top2 strong { padding-top: 2px; display: inline-block; } #top3 {float:left;} #footerlist li { display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } #footerlist li a { border-left:1px solid #000000; display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding-left:6px; padding-right:3px; } .clear { clear:both; } .grey { color:#333333; } .black { color:black; font-size:14px; } p { margin:10px 10px 10px 0; } .p-short-bottom { margin:8px 10px 0 0; } .0 { margin:0 0 0 0; } .pink { margin:7px 10px 10px 0; } .bold { font-weight:bold; } .bookinglink { color:#990000; } /* Top of page */ #pagewrap { margin:0 auto; width:876px; } #header { height:110px; padding: 5px 0 0; } #logo { float:left; margin-top:5px; } #info { float:left; margin-top:5px; text-align:center; width:465px; margin-left:18px; } #vans { float:right; margin-top:5px; width:191px; height:93px; } #mainnav { margin:0 0 0 14px; overflow:hidden; } /* Header: Menu */ #jsddm { margin-top:3px; padding:0; } #jsddm li { -x-system-font:none; float:left; font-family:verdana; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none; } #jsddm li a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border-right:1px solid #333333; color:#000000; display:block; padding:5px 12px 5px 12px; text-decoration:none; white-space:nowrap; font-weight:bold; } #jsddm li a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; color:#FFFFFF; } #jsddm li ul { border:1px solid grey; margin:0; padding:0; position:absolute; visibility:hidden; z-index:200; } #jsddm li ul li { display:inline; float:none; } #jsddm li ul li a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; color:#000000; width:auto; } #jsddm li ul li a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; color:#FFFFFF; } /* Heading / Page title */ .heading { height:20px; width:872px; background:url(http://www.glotechrepairs.co.uk/images/bght.jpg) repeat-x; text-align:center; text-transform:capitalize; font-weight:bold; font-size:16px; color:#FFFFFF; vertical-align:middle; padding-top:4px; border: 2px solid #000000; margin-top:6px; position:relative} #hmiele {background:url(http://www.glotechrepairs.co.uk/images/bg-h-miele.jpg) repeat-x;} #hbeko {background:url(http://www.glotechrepairs.co.uk/images/bg-h-beko.jpg) repeat-x;} #hsiem {background:url(http://www.glotechrepairs.co.uk/images/bg-h-siem.jpg) repeat-x;} #hcan {background:url(http://www.glotechrepairs.co.uk/images/bg-h-can.jpg) repeat-x;} #hwhpl {background:url(http://www.glotechrepairs.co.uk/images/bg-h-whpl.jpg) repeat-x; color:#000000;} #hstal { background:url(http://www.glotechrepairs.co.uk/images/bg-h-sta.jpg) repeat-x; color:#FFFF00;} #hharp { background:url(http://www.glotechrepairs.co.uk/images/bg-h-harp.jpg) repeat-x; } #hherts { background:url(http://www.glotechrepairs.co.uk/images/bg-h-herts.jpg) repeat-x; } #hluton { background:url(http://www.glotechrepairs.co.uk/images/bg-h-luton.jpg) repeat-x; } #hhatf { background:url(http://www.glotechrepairs.co.uk/images/bg-h-hat.jpg) repeat-x; } #hhemel { background:url(http://www.glotechrepairs.co.uk/images/bg-h-hemel.jpg) repeat-x; } #hwat { background:url(http://www.glotechrepairs.co.uk/images/bg-h-wat.jpg) repeat-x; color:#ED0000; } #hgas { background:url(http://www.glotechrepairs.co.uk/images/bg-h-gas.jpg) repeat-x; color:#000000; } #hpbar { background:url(http://www.glotechrepairs.co.uk/images/bg-h-pbar.jpg) repeat-x; } #hsteve { background:url(http://www.glotechrepairs.co.uk/images/bg-h-stev.jpg) repeat-x; } #hbarnet { background:url(http://www.glotechrepairs.co.uk/images/bg-h-barnet.jpg) repeat-x; } #henf { background:url(http://www.glotechrepairs.co.uk/images/bg-h-enf.jpg) repeat-x; } #hharr { background:url(http://www.glotechrepairs.co.uk/images/bg-h-harr.jpg) repeat-x; color:#FF9E17; } #hbrent { background:url(http://www.glotechrepairs.co.uk/images/bg-h-brent.jpg) repeat-x; } #heal { background:url(http://www.glotechrepairs.co.uk/images/bg-h-ealing.jpg) repeat-x; } #haeg { background:url(http://www.glotechrepairs.co.uk/images/bg-h-aeg.jpg) repeat-x; } #hhvr { background:url(http://www.glotechrepairs.co.uk/images/bg-h-hvr.jpg) repeat-x; } #hlg { background:url(http://www.glotechrepairs.co.uk/images/bg-h-lg.jpg) repeat-x;} #hrange { background:url(http://www.glotechrepairs.co.uk/images/bg-h-range.jpg) repeat-x;} #hsmeg { background:url(http://www.glotechrepairs.co.uk/images/bg-h-smeg.jpg) repeat-x;} #hzan { background:url(http://www.glotechrepairs.co.uk/images/bg-h-zan.jpg) repeat-x; color:#000000;} /* Top of page body */ #flash { clear:left; float:left; height:258px; margin:4px 0 0 0; overflow:hidden; width:280px; } #slideshow { clear:left; float:left; height:258px; margin:4px 0 0 0; overflow:hidden; width:280px; } #slideshow img { border: 2px solid #000000; } #callaction { float:left; width:264px; height:55px; border: 2px solid #000000; background-color: #FFFFFF; margin:7px 0 0 0; padding:6px; position:relative; top:180px; left:0px; } #callaction img {float:right; border: none;} #callaction strong { /* fix for the box under the flash. The image won't overlap anymore*/ float: left; } #homeaction { float:left; width:264px; height:58px; border: 2px solid #000000; background-color: #FFFFFF; margin:6px 0 0 0; padding:6px } @media screen and (-webkit-min-device-pixel-ratio:0) { #homeaction{ height: 59px; margin:7px 0 0 0; } /* Fix for Chrome and Safari*/ } #homeaction strong{ float: left; } #homeaction img {float:right; border: none;} #bluecontainer { float:left; margin:4px 0 0 8px; } #blue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:no-repeat; height:234px; padding:10px; width: 300px; background-color: #FFFFFF; border: 2px solid #000000; } #blue img {float:right;} .left-quote { float:left; background:url(http://www.glotechrepairs.co.uk/images/img-quotes-left.jpg) no-repeat top; width:15px; height:15px; } .right-quote{ float:right; background:url(http://www.glotechrepairs.co.uk/images/img-quotes-right.jpg) no-repeat right bottom; width:15px; height:15px; } #logos { text-align:center; } #purplecontainer { float:right; margin:4px 0 0; } #purple { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:234px; padding:10px 5px 10px 5px; width:241px; border:2px solid #000000; } #purplecontainerl { float:left; margin:8px 0 0 0; } #purplel { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:243px; padding-top:10px; width:248px; border:2px solid #000000; } /* testimonial box */ #prodtest { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:284px; width:252px; border:2px solid #000000; } #quote-top { background:url(http://www.glotechrepairs.co.uk/images/quote-top.jpg) no-repeat; width:240px; height:25px; float:left; margin-left:5px; margin-bottom:5px; } #quote-text { width:220px; height:135px ; text-indent:20px; text-align:justify; padding-left:10px; padding-right:10px; float: left; } #quote-text p {text-align:right; text-indent:0px; padding-right:0px;} #quotep-text { width:220px; height:230px ; text-indent:20px; text-align:justify; padding-left:10px; padding-right:10px; } #quotep-text p {text-align:right; text-indent:0px; padding-right:0px;} #quote-bottom { background:url(http://www.glotechrepairs.co.uk/images/quote-bottom.jpg) no-repeat; width:240px; height:25px; float:left; margin-right:8px;} #quotep-tick { width:235px; height:230px ; padding-left:9px; } ul.tick { padding:0; list-style-image:url(/http://www.glotechrepairs.co.uk/images/tick.png); margin-left:24px;} li.tickli {margin-top:6px;} /* case studies */ #case { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; float:right; margin:8px 0 0 0; padding:0 10px 10px; text-align:justify; width:587px; height:274px;} #case a {text-decoration:underline} #rss { float:right; } #orange { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; float:right; margin:8px 0 0 0; padding:0 10px 10px; text-align:justify; width:591px; height:243px;} #orange a {text-decoration:underline} .blackdiv { background-color:#000000; color:#FFFFFF; width:550px; height:20px; border:2px solid #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left:auto; margin-right:auto; vertical-align:middle; text-align:center; padding-top:2px; text-transform:uppercase; } /* --------------------------footer---------------------- */ #turquoise { background-image:url(http://www.glotechrepairs.co.uk/images/green.jpg); background-color:#FFFFFF; background-repeat:repeat-x; float:left; height:220px; margin:8px 0 0; width:601px; border:2px solid #000000;} .members img { margin:5px 8px 5px 8px; vertical-align:top; } .cards { text-align:center; } #pink { background-image:url(http://www.glotechrepairs.co.uk/images/pink.jpg); background-color:#FFFFFF; background-repeat:no-repeat; float:right; height:220px; margin:8px 0 0; width:258px; border: 2px solid #000;} #pink a {color:black; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none;} #pink a:hover { background-color:black; color:white; } #pinkbum { margin-top:10px; background:url(http://www.glotechrepairs.co.uk/images/group-bg2.jpg); height:165px; } #addcontainer {width:896px; margin:8px 0 0} #add {float:left; background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/stmapbg.jpg); background-repeat:repeat; border: 2px solid #000000; width:208px; height:200px; text-align:center;} #add a {color:#000000;} #add a:hover { background-color:black; color:white; } #add img { border: 2px solid #000000; } /*************** slideshow **************/ #addslid {float:left; border: 2px solid #000000; width:208px; height:200px;} /*************** CLOUD **************/ #addcld {float:left; background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/cloudbg.png); background-repeat:repeat-x; border: 2px solid #000000; width:208px; height:200px; overflow:hidden; position:relative;} #addcld ul, #addcld li { list-style:none; margin:0; padding:0;} #addcld a {color:#000000;} #addcld a:hover { background-color:black; color:white; } #addcld img { border: 2px solid #000000; } /*************** **************/ /** #list{ margin:0 auto; height:600px; width:600px; overflow:hidden; position:relative; background-color: #000; } #list ul, #list li{ list-style:none; margin:0; padding:0; } #list a{ position:absolute; text-decoration: none; color:#666; } #list a:hover{ color:#ccc; } **************/ #addr {float:left; background-color:#FFFFFF; border: 2px solid #000000; width:207px; height:200px; margin-left:8px; text-align:center;} #addr a {color:#000000;} #addr a:hover { background-color:black; color:white; } /* #addr img { border: 2px solid #000000; } */ #call-container { float:left; background-color:#FFFFFF; border: 2px solid #000000; width:207px; height:200px; text-align:left; margin-left:8px; } #addfc { position:absolute; display:block;} #call-back { position:absolute; display:none; text-align:left; background-color:#FFFFFF; top:0px; height:196px; width:203px; padding:2px; left: 0;} /* Added left: 0; The callback is shown good now. */ #call-back form { margin-top: 10px; } /* Removed
from footer.php and added this */ #call-back label { float: left; } /* All labels are aligned to left */ input.txtt { width: 145px; } /* Input tags have width so IE display them well */ #call-back input { /*Style for input in call-back*/ border:1px solid #000000; /*background-color:#E2F8F8;*/ float:right; margin-right:5px; } input.txtt{ background-color:#E2F8F8; } #call-back textarea { /*Style for textarea in call-back*/ border:1px solid #000000; /*background-color:#E2F8F8;*/ float:right; margin-right:5px; } textarea.txtt{ background-color:#E2F8F8; } #call-back strong { text-decoration:underline; vertical-align:top; text-align:center;} input#formbutton {border:0px; vspace:3px; hspace:3px; margin-top: 5px;} #addn { float:left; background-color:#666666; border:2px solid #000000; color:#FFFFFF; width:213px; height:200px; margin-left:8px; text-align:left;} #addn a { color:white; text-decoration:none; } #addn a:hover { text-decoration:underline; } /* ---------------------------end of footer------------------------------ */ /* ---------------------------------------------------------------------- */ /* ---------------------start of other page specific--------------------- */ /* ---------------------------------------------------------------------- */ /* used in area and manufacterer pages - NO FIXED HEIGHT */ /* used in area and manufacterer pages - NO FIXED HEIGHT */ #casestudy { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; margin:8px 0 0; padding:0 10px 10px 10px; text-align:justify; width:852px; } #areapage-casestudy { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; margin:8px 0 0; padding:0 10px 10px 10px; text-align:justify; width:852px;} #areapage-casestudy img {float:right;} #areapage-box { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; margin:8px 0 0; padding:0 10px 0 10px; text-align:justify; width:852px; height:340px } #areapage-left {background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/green.jpg); background-repeat:repeat-x; width:274px; float:left; padding:0 8px 0 8px; border: 2px solid #000000; margin:8px 0 0; height:1120px;} #areapage-right {background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; width:553px; float:right; padding:0 8px 0 8px; border: 2px solid #000000; margin:8px 0 0; height:1120px; } #areapage-right img { border: 2px solid #000000; } #repair-slide-top { height:295px; width: 220px; background-color: #FFFFFF; border: 2px solid #000000; float:left; margin-right:8px; margin-top:4px;} #repair-blue-top { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; height:275px; padding:10px; width: 357px; background-color: #FFFFFF; border: 2px solid #000000; float:left; margin-right:8px; margin-top:4px;} #repair-blue-top a:hover { background-color:black!important; color:#FFFFFF!important; } .repair-blue-top-right {float:right;} #repair-form-top {background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:275px; padding:10px 5px 10px 5px; width:241px; border:2px solid #000000; float:right; margin-top:4px;} #repair-form-top img { float:right } #repair-form-top form{ float: left; } .sleepeasy {margin-top:30px; float: left;} #repairs-testimonial-container { float:left; margin:8px 0 0; } #repairs-testimonial { background-image:url(http://www.glotechrepairs.co.uk/images/green.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:300px; width:248px; border:2px solid #000000; } #repair-washing-orange { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border: 2px solid #000000; float:right; height:301px;margin:8px 0 0; padding:0 10px 10px; text-align:justify; width:591px; height:290px;} #repairleft { float:left; margin-left:20px; } #repairright { float:right; margin-right:20px; } #vac-top-blue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; height:275px; padding:10px; width: 620px; background-color: #FFFFFF; border: 2px solid #000000; float:right; margin-top:4px;} #vac-top-blue a:hover { background-color:black!important; color:#FFFFFF!important; } #vac-top-blue img { float:right;} #vac-testimonial-container { float:left; margin:8px 0 0; } #vac-testimonial { background-image:url(http://www.glotechrepairs.co.uk/images/green.jpg); background-color:#FFFFFF; background-repeat:no-repeat; height:288px; width:248px; border:2px solid #000000; } #vac-orange { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border: 2px solid #000000; float:right; height:278px; margin:8px 0 0; padding:0 10px 10px; text-align:justify; width:591px;} /* ---------------------------spare parts page------------------------------ */ #spareslideshow { clear:left; float:left; height:270px; margin-top:4px; overflow:hidden; width:280px; border: 2px solid #000; } #sparemain { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:no-repeat; background-color:#FFF; border: 2px solid #000; float:left; width:200px; height:270px; margin-top:4px; margin-left:8px; padding:0 10px 0 10px; } #sparepurple { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:no-repeat; background-color:#FFF; border: 2px solid #000; float:right; height:608px; margin-top:4px; padding:0 10px 0 10px; width:328px; } #sparepurple img { float:right;} #sparepurple td{ text-align: left; } #sparepurple form { float: left; } /* Added so the image under the form don't overlap on */ #spareorange { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:no-repeat; float:left; height:170px; margin:8px 0 0; padding:0 10px 0 10px; width:492px; background-color:#FFF; border: 2px solid #000;} #sparecase { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:no-repeat; float:left; height:144px; margin:8px 0 0; padding:0 10px 0 10px; width:492px; background-color:#FFF; border: 2px solid #000;} /* ---------------------------about us------------------------------ */ #aboutus-orange-topleft { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:no-repeat; float:left; height:301px; margin:4px 0 0; padding:0 10px 0 10px; width:330px; border:2px solid #000000; background-color:#FFFFFF; } #aboutus-slide-top { float:left; height:301px; margin:4px 0 0 8px; width:185px; border:2px solid #000000; background-color:#FFFFFF;} #aboutus-blue-topright { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:no-repeat; float:right; height:301px; margin:4px 0 0 8px; padding:0 10px 0 10px; width:293px; border:2px solid #000000; background-color:#FFFFFF; } #aboutus-blue-topright img { float:right; } #aboutus-purple { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; float:left; margin:8px 0 0; padding:0 10px 10px 10px; width:852px; } .abouttext { float:left; margin-left:5px; margin-right:10px; margin-top:5px; text-align:left; width:390px; } .repairtext { float:left; margin-left:5px; margin-right:10px; margin-top:10px; text-align:left; width:500px; } .repairtext2 { float:left; margin-left:5px; margin-right:10px; margin-top:10px; text-align:left; width:300px; } /* ---------------------------dyson + sebo pages------------------------------ */ #manvac-blue { float:right; width:564px; height:156px; padding:10px; background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:2px solid #000000; margin-top:4px } #manvac-blue img {float:right;} #manvac-slide { clear:left; float:left; height:180px; margin:4px 0 0 0; overflow:hidden; width:280px; } #manvac-slide img { border: 2px solid #000000; } /* ---------------------------landlords and agencies page------------------------------ */ #agent-slide-topleft { border:2px solid #000000; width:230px; height:283px; float:left; margin-top:4px; } #agent-top-mid-container { float:left; height:285px; margin:4px 0 0 8px; width:337px; } #agent-top-blue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:2px solid #000000; height:180px; padding:0 10px 0 10px; width:332px; } #agent-top-login { float:left; margin:0px; padding:0px; position:relative; margin-top:8px; height:81px; width:342px; background-color:#FFF; border:2px #000 solid; padding: 10px 0 0 10px; } #agent-form-top-purple { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:2px solid #000000; float:right; height:283px; margin:4px 0 0 8px; padding:0 10px 0 10px; width:245px; } body:nth-of-type(1) #agent-form-top-purple select{ margin: -1px 0 0 0; } /* Fix for Chrome and Safari*/ #agent-orange { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:2px solid #000000; float:right; height:384px; margin:8px 0 0; padding:0 10px 0 10px; width:582px; } #agent-rss { background-color:#666666; border:2px solid #000000; color:#FFFFFF; float:left; height:108px; margin:8px 0 0; padding:2px 5px 2px 5px; width:247px; } #agent-rss a { color:white; text-decoration:none; } #agent-rss a:hover { text-decoration:underline; } #agent-blue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:2px solid #000000; float:left; padding: 10px 0 0 10px; margin-top:8px; width:247px; height:250px; } /* ---------------------------prices page------------------------------ */ #priceblue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:no-repeat; float:right; height:235px; margin-top:4px; padding:15px 10px 10px; width:332px; background-color: #FFF; border: 2px solid #000; } #pricepurple { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:no-repeat; float:right; height:230px; width:332px; margin-top:8px; padding:10px; border:2px solid #000000; background-color:#FFFFFF; } #pricepurple #formcontainer { margin-top: 8px; } body:nth-of-type(1) #formcontainer select{ margin: -1px 0 0 0; } /* Fix for Chrome and Safari*/ #pricetable { border-bottom:2px solid #000000; border-left:2px solid #000000; border-right:2px solid #000000; float:left; height:524px; margin-top:4px; width:auto; font-weight:bold; line-height:125%; vertical-align:middle; background-color:#FFFFFF; } #pricetable img { vertical-align:middle; } #pricetable em { font-weight:normal; } .price td { border-top: 1px solid #000000; } /* Added so the top border from prices table to apper on all browsers */ .price { border-collapse:collapse; height:488px; width:508px; border-top:2px solid #000000; } .tdprice { height:36px; margin:5px; padding-left:5px; } #title { background-color:#EF984A; border-bottom:2px solid #000000; padding:10px; } .firefox{ height:52px; } .chrome{ height: 55px; } .odd { background-color:#FDCCA0; } /* ---------------------------contact page------------------------------ */ #contactpurple { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; float:left; height:405px; margin:4px 0 0 0; width:430px; } #contactorange { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; float:right; height:405px; margin:4px 0 0 8px; width:430px; } .googlemap { margin:0 0 0 0; } #contactform { background-image:url(http://www.glotechrepairs.co.uk/images/contactformbg.jpg); background-repeat:no-repeat; float:left; height:385px; margin:8px 0 0; padding:10px; width:306px; } #contactformpage { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/contactpagebg.jpg); background-repeat:no-repeat; border:2px solid black; margin:8px 0 0; padding:10px; width:850px; } #contactgrey { background-image:url(http://www.glotechrepairs.co.uk/images/contactgrey.jpg); background-repeat:no-repeat; float:left; height:222px; padding:10px; width:244px; } #addressbox { background-image:url(http://www.glotechrepairs.co.uk/images/addressbg.jpg); background-repeat:no-repeat; float:right; height:217px; padding:15px 10px 10px; width:584px; } .addresstext { float:left; margin:50px 8px 0 0; width:160px; } #db { background-image:url(http://www.glotechrepairs.co.uk/images/dishwasherrepairsblue.jpg); background-repeat:no-repeat; float:right; height:150px; margin:7px 0 0; padding:10px; width:493px; } /* ---------------------------wordpress news pages------------------------------ */ .clear1 { clear:both; padding:0 0 8px; } #newscontainer { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://www.glotechrepairs.co.uk/images/newsbg.jpg) repeat-y scroll 0 0; margin-top:4px; padding:0; float: left;} .testimonial { width:570px; float:left; margin:15px 0 30px 0; } .left-quote { float:left; background:url(http://www.glotechrepairs.co.uk/images/img-quotes-left.jpg) no-repeat top; width:35px; height:35px; } .testi-text { float:left; text-align:justify; width:470px; padding-left:80px; padding-right:80px; } .right-quote{ float:right; background:url(http://www.glotechrepairs.co.uk/images/img-quotes-right.jpg) no-repeat right bottom; width:35px; height:35px; } blockquote { width: 440px; float: left; margin: 10px; padding: 10px; background-color: #CCFF99; quotes: "\201C" "\201D"; } blockquote:before { content: open-quote; font-weight: bold; } blockquote:after { content: close-quote; font-weight: bold; } #newscontainertest { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://www.glotechrepairs.co.uk/images/newbgtest.jpg) repeat-y scroll 0 0; margin-top:4px; padding:0; } #newsblue { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-position:center top; background-repeat:repeat-x; border-color:-moz-use-text-color black; border-style:none solid; border-width:medium 2px; border-top:2px solid black; float:left; margin:0; padding:20px 10px 10px; width:600px; } #newsbluefeedback { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-position:center top; background-repeat:repeat-x; border-color:-moz-use-text-color black; border: 2px solid #000000; float:left; margin:0; padding:20px 10px 10px; width:852px; } #newsbluetest { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; border-top:2px solid #000000; border-left:2px solid #000000; float:left; margin:0; padding:0px 10px 0px 10px; width:480px; } #newsbluebottom { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; float:left; height:2px; width:624px; } #newsbluebottomfeedback { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; float:left; height:2px; width:876px; } #newsbluebottomtest { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; float:left; height:2px; width:504px; } #sidebar { background-color:white; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-position:center top; background-repeat:repeat-x; border-color:-moz-use-text-color black; border-style:none solid; border-width:medium 2px; border-top:2px solid black; float:right; height:100%; margin:0 0 0 8px; padding:10px; width:220px; } #sidebarbottom { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; float:right; height:2px; width:244px; } #sidebartest { background-color:white; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border-top:2px solid #000000; border-right:2px solid #000000; border-left:2px solid #000000; float:right; height:100%; margin:0; padding:0px 10px 0px 10px; width:340px; } #sidebarbottomtest { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; float:right; height:2px; width:364px; } #sidebar li { margin-left:20px; } .post { margin-bottom:30px; } #posts { background-color:#FFFFFF; float:left; margin-top:25px; } .newsheader { color:#000000; } #poststest { background-color:#FFFFFF; float:right; margin-top:25px; } .post { margin-bottom:30px; } #contactprocess { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:2px solid #000000; margin-top:70px; width:876px; } .black { color:#000000; } /* *************** Site Map ****************** */ .sitemaplist ul { margin-left:20px; float:left; list-style:none;} .sitemaplist li { float:left; width:170px; margin-left:20px;} #sitemapcont { float:left; margin:4px 0 0 0; height:100%; } #sitemapleft { background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; float:left; width:410px; height:450px; } #sitemapmid { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; float:left; margin-left:8px; width:262px; height:450px; } #sitemapright { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; float:left; margin-left:8px; width:410px; height:450px;} #sitemapareas { background-image:url(http://www.glotechrepairs.co.uk/images/purple.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; float:left; width:852px; height:100%; margin-top:8px; } #sitemapnews { background-image:url(http://www.glotechrepairs.co.uk/images/grey.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; float:left; width:852px; height:100%; margin-top:8px; } .sitenews { float:left; margin:8px 8px 0 0; } #bluesitemap { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:2px solid #000000; padding:20px; width:830px; } #primarynav { margin:0 0 0 20px; line-height:125%; } /* ********************* Rescources Page *************************** */ #resources { border:2px solid #000000; width:852px; background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; border:2px solid #000000; background-color:#FFFFFF; padding:0px 10px 10px 10px; margin-top:4px; } .resource-list { margin-left:15px; } .resource-list a { text-transform:capitalize } /* ********************* Job Management System *************************** */ #orange2 { background-color:#FFFFFF; background-image:url(http://www.glotechrepairs.co.uk/images/orange.jpg); background-repeat:repeat-x; border:2px solid #000000; padding:0 10px 10px; text-align:justify; width:850px; } #footer { background-image:url(http://www.glotechrepairs.co.uk/images/footerbg.jpg); background-repeat:repeat-x; height:50px; margin-top:15px; } #footercontent { margin:10px auto 0; text-align:center; width:876px; } #flashlogos { margin:0 0 0 2px; } .indexdropdown { width:220px; } .fieldstyle { margin-bottom:1px; width:100px; } .formstyle { margin-bottom:0; width:164px; } .formstyle2 { margin-bottom:0; width:168px; } .table { background-color:#CC6600; height:100px; width:100px; } #formcontainer { margin: 0 auto; text-align:center; width:250px;} .seolists { float:left; height:300px; margin-top:40px; width:200px; } #arealinks { background-color:#FFFFFF; border:2px solid #000000; font-size:9px; height:20px; margin-top:5px; padding:5px; text-align:center; width:864px; } ul.list { list-style-type:none; margin:0 auto; } ul.list li { display:inline; float:left; margin-right:10px; } input.date { color:#000000; width:150px; } #thumbNav { position: relative; top: 323px; text-align: center; text-indent:-99999px; } #start-stop { text-indent: -9999px; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* Tables styles used for fault codes in news */ table.codes2 { padding: 2px; border-width: 0px; border-spacing: 2px; border-style: solid; border-color: black; background-color: white; } tr.codes1 { border-width: 1px; padding: 2px; border-style: solid; border-color: black; } td.codes{ border-width: 1px; padding: 2px; border-style: solid; border-color: black; } tr.mh { background-color: black; font-size:12px; font-weight:bold; color: white; text-align: center; } tr.alt { border-width: 1px; padding: 2px; border-style: solid; border-color: black; background-color: #FFCCFF; } #thankyoublue { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; margin-top:13px; padding:10px; width: 852px; background-color: #FFFFFF; border: 2px solid #000000; } #bluefaq { background-image:url(http://www.glotechrepairs.co.uk/images/blue.jpg); background-repeat:repeat-x; margin-top:8px; padding:10px; width: 852px; background-color: #FFFFFF; border: 2px solid #000000; font-size:12px; } #faqList li { list-style: none; font-size:12px; } #faqList .question { padding-left: 18px; background: transparent url('http://www.glotechrepairs.co.uk/images/plus.png') left center no-repeat; } #faqList li.simpleFAQShowing .question { background: transparent url('http://www.glotechrepairs.co.uk/images/minus.png') left center no-repeat; } #faqList .simpleFAQHover { color: #060; } #faqList .answer { margin-left: 1em; border: 2px solid #000000; padding: 0.4em; } #facebox { /* overlay is hidden before loading */ display:none; /* standard decorations */ width:400px; border:10px solid #666; /* for modern browsers use semi-transparent color on the border. nice! */ border:10px solid rgba(82, 82, 82, 0.698); /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ -moz-border-radius:8px; -webkit-border-radius:8px; } #facebox div { padding:10px; border:1px solid #3B5998; background-color:#fff; font-family:"lucida grande",tahoma,verdana,arial,sans-serif } #facebox h2 { margin:-11px; margin-bottom:0px; color:#fff; background-color:#6D84B4; padding:5px 10px; border:1px solid #3B5998; font-size:20px; } .left { float:left; } .right { float:right } .boschinfocontain { float:left; margin:8px 0 0 0; } #bosch1 {background-image:url(/http://www.glotechrepairs.co.uk/images/bosch-washingm2.png); height:300px; width:210px; margin-right:12px; float:left; } #bosch2 {background-image:url(/http://www.glotechrepairs.co.uk/images/bosch-oven2.png); height:300px; width:210px; margin-right:12px; float:left; } #bosch3 {background-image:url(/http://www.glotechrepairs.co.uk/images/bosch-dw2.png); height:300px; width:210px; margin-right:12px; float:left; } #bosch4 {background-image:url(/http://www.glotechrepairs.co.uk/images/bosch-ff2.png); height:300px; width:210px; float:right; } .boschheader { color:#FFFFFF; font-size:14px; margin:0; padding:36px 5px 35px 10px; } #oneprodcan { background-image:url(/http://www.glotechrepairs.co.uk/images/canone.png); width:875px; height:300px; } .oneprodheader { color:#FFFFFF; font-size:14px; margin:0; padding:48px 5px 35px 10px; text-align:center; } /** Careers **/ .job-ff {background-image:url(/http://www.glotechrepairs.co.uk/images/careers-ff-eng.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px; float:left; width:820px; height:75px;} .job-gas {background-image:url(/http://www.glotechrepairs.co.uk/images/careers-gas-eng.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px; float:left; width:820px; height:75px;} .job-eng {background-image:url(/http://www.glotechrepairs.co.uk/images/careers-eng.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px; float:left; width:820px; height:75px;} .job-cont {margin-left:65px; margin-top:28px;} .job-cont img { float:right; margin-right:25px;} #jobh { vertical-align:middle; font-size:14px; font-weight:bold; color:#000000; float:left; } /** Prettycss **/ #overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;background:url(/http://www.glotechrepairs.co.uk/images/prettyPopin/popinLeft.gif) bottom left no-repeat}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;background:url(/http://www.glotechrepairs.co.uk/images/prettyPopin/b_close.gif) bottom left no-repeat}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;background:url(/http://www.glotechrepairs.co.uk/images/prettyPopin/popinRight.gif) bottom right no-repeat}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px} /** Competition on Home Page **/ #comp { margin-top:10px; margin-left:auto; margin-right:auto; padding: 10px 0 10px 0; background-color:#FFFFFF; width:810px; border: 2px solid #000000; -moz-border-radius: 20px; -webkit-border-radius: 20px;} #comp_div {position:absolute; top:-5px; left:879px } #compimg { float:left; width:228px; margin-left:10px; } #compinfo { float:left; width:552px; margin-left:20px; } #compinfo h2 { color:#F40000; } #compq { border:dashed #666666 2px; } .comp_text{ font-size:10px; color:black; text-align:left } #comp_bg {position:absolute; width:678px; height:679px; display:none; background-image:url(http://www.glotechrepairs.co.uk/images/wm_comp_lrg.gif); background-repeat: no-repeat; z-index:200; padding: 10px 10px 0 10px;} .comp_terms { margin-left:10px; } #purplecontainerl { float:left; margin:8px 0 0 0; } #loc { background-image:url(/http://www.glotechrepairs.co.uk/images/loc_bg.jpg) ; background-color:#FFFFFF; background-repeat:no-repeat; height:295px; width:872x; border:2px solid #000000; margin: 8px 0 0 0; } #loc-text { margin: 10px 15px 0 15px; } .loc1 {float:left; margin: 6px; font-size:14px; font-weight:bold;} .loc2 {float:left; margin: 3px; font-size:12px;} .loc3 {float:left; margin: 2px; font-size:10px;} .noresize{ resize:none; height:35px } /* Added By Paul */ .post {margin: 0 0 30px 0!important;} .post p{margin: 0 0 10px 0!important;} #posts {margin:10px 0 10px 0!important; width:600px;} #posts h2 {margin: 0 0 0 -5px; color: #6693bc; font-size: 16px; font-weight:bold; text-transform:capitalize; text-decoration:none!important;} #posts h2 a {margin: 0 0 0 0; color: #6693bc; font-weight:bold; text-transform:capitalize;} #posts h2 a:hover {margin: 0 0 0 0; color: #47d6c2; font-weight:bold; text-transform:capitalize;} #posts p:first-letter {text-transform:uppercase;} .postmeta {margin: -10px 0 10px 0; font-weight:bold;} .postmeta a {color: #6693bc;} .postmeta a:hover {color: #d1a0cd;} .pbutton {padding: 5px; color:#fff; background:#6693bc;font-weight:bold; margin: 15px 0 15px 0!important;} .pbutton:hover {padding: 5px; color:#fff; background:#47d6c2;font-weight:bold; margin: 10px 0 10px 0;} .pbutton a {margin: 15px 0 15px 0;} .posttags {display:block; margin: 10px 0 10px 0;} .button {margin: 15px 0 15px 0;} .posttags a {color: #eda04e; font-weight:bold;} .posttags a:hover {color: #f541a4; font-weight:bold;} #searchform {margin: 20px 0 10px 0;} #s {width: 130px; border:1px solid #ccc; padding:3px;} #searchsubmit {width: 75px; color:#fff; background:#eea960;font-weight:bold; margin: 0; border:0; padding: 3px; cursor:pointer;} #searchsubmit:hover {width: 75px; color:#fff; background:#d1a0cd;font-weight:bold; margin: 0; border:0; padding: 3px; cursor:pointer;} .article {margin: 0 0 20px 0;} .sociable {margin: 15px 0 15px 0; background: #f5f5f5; border:1px solid #eee; padding: 10px;} .sociable li:hover{background:#f5f5f5!important;} #sidebar h1 {margin: 5px 0 10px 0;} #sidebar h2 {margin: 5px 0 10px -5px;color: #010101;} .widgettile ul,li {list-style-type:none; margin:0!important;} .widget ul {list-style-type:none; margin:-15px 0 10px 0;} .widget ul ul {list-style-type:none; margin:0 0 0 10px;} .widget li {list-style-type:none; margin:0 0 5px 0;} .widget a {color: #010101;background:#fff; font-size: 13px;} .widget a:hover {color: #eea960;background:#fff; font-size: 13px;} .tagcloud {margin:-10px 0 10px 0;} .tagcloud a {color:#dab2d6; font-weight:bold; padding: 0 5px 5px 0;} .tagcloud a:nth-child(1) {color:#759ec2;} .tagcloud a:nth-child(2) {color:#f552ae;} .tagcloud a:nth-child(3) {color:#eea960;} .tagcloud a:nth-child(4) {color:#dab2d6;} .tagcloud a:nth-child(5) {color:#47d6c2;} .tagcloud a:nth-child(6) {color:#759ec2;} .tagcloud a:nth-child(7) {color:#f552ae;} .tagcloud a:nth-child(8) {color:#eea960;} .tagcloud a:nth-child(9) {color:#47d6c2;} .tagcloud a:nth-child(10) {color:#dab2d6;} .tagcloud a:nth-child(11) {color:#47d6c2;} .tagcloud a:nth-child(12) {color:#759ec2;} .tagcloud a:nth-child(13) {color:#f552ae;} .tagcloud a:nth-child(14) {color:#eea960;} .tagcloud a:nth-child(15) {color:#47d6c2;} .tagcloud a:hover {color:#010101;} img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; }