@CHARSET "utf-8"; html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px solid #FFFFFF;outline: 0;font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit; vertical-align:baseline;} pre{background: #FFFFFF; text-align: left; font-family: courier; font-size: 12px; color: black;} div.clear{clear: both;} body{background: #F3F3F3;line-height: 1.35; color: #4B4B4B;font-family: Arial; height: 100%;text-align: center;} body div#body{margin:0 auto;width:1000px;background:#FFFFFF;text-align: left;border-right:3px solid #E1E1E1; border-bottom:3px solid #E1E1E1;border-left:3px solid #E1E1E1;padding-bottom:10px;margin-bottom:15px;} div#header{width: 980px;margin-left: 10px;} div#header div#logo a{text-decoration: none;float: left;width: 458px;height: 66px;font-size: 0px;text-align: right;background: url(img/sprite.png)-5px 0px;display: block;color: #FFFFFF;} div#header div#searchbox{float: right;right: 0px;width: 393px;height: 50px;padding-top: 20px;padding-left: 20px;background:url(img/sprite.png)-470px 0px;} div#header div#searchbox fieldset{float: left;width: 155px;margin-bottom: 0px;} div#header div#searchbox fieldset legend{color: #FFFFFF;font-weight: bold;padding-bottom: 2px;} div#header div#searchbox fieldset div{float: left; background: url(img/sprite.png)-830px -75px; width: 147px; height: 20px; border: 0; padding: 4px 0 0 0px; } div#header div#searchbox fieldset input.text{background: transparent;border: 0px;width: 143px; padding: 0 2px;} div#header div#searchbox form input.submit{background: url(img/sprite.png)-750px -75px;border: 0px;width: 54px;height: 26px;margin-top: 23px;cursor: pointer;font-size:0px} div#header div#topbar{clear: both;width: 980px;height: 17px;background: url(img/sprite.png)0 -135px;} div#main{width: 980px;margin: 0 10px;background: #3A77C1;} div#main div#bulk{height: 100%;background: #FFFFFF;padding: 10px 10px 0px 10px;margin: 0 10px;border: 1px solid #FFFFFF;} div#main div#bulk ul#nav{width: 935px;height: 35px;background: url(img/sprite.png)0 -165px;} div#main div#bulk ul#nav li{padding: 6px 0px 5px 0px;float: left;padding-left: 25px;list-style: none;} div#main div#bulk ul#nav li a{color: #B3B3B3;font-size: 13px;font-weight: bold;text-decoration: none;} div#main div#bulk ul#nav li a:hover{ color: #316099;} div#main div#bulk ul#nav li a#on{color: #3A77C1;} div#main div#bulk p#breadcrumb{ color: #316099;font-weight: bold;width: 920px;font-size: 12px;padding: 5px 0px;height: 20px;} div#main div#bulk p#breadcrumb a{color: #316099;} div#main div#bulk div#content{width: 745px;float: right;padding-bottom: 20px;border-left: 1px solid #CCCCCC;padding-left: 20px;} div#main div#bulk div#content h1{color: #3A77C1;font-size: 22px;padding-bottom: 0px;font-weight: bold; border-bottom: 1px solid #3a77c1;margin-top:-10px;} div#main div#bulk div#content p, div#main div#bulk div#content address, div#main div#bulk div#content li {font-size: 12px; margin: 0px 0px 3px 0px;font-style: normal;} div#main div#bulk div#content p.justify{text-align: justify;} div#main div#bulk div#content a{color: #3A77C1;} div#main div#bulk div#content a.noline{text-decoration: none;} div#main div#bulk div#content a.external{color: #008000;} div#main div#bulk div#content strong{color: #F2A91B;font-weight: bold;} div#main div#bulk div#content ol{font-weight: bold;padding-left: 25px;} div#main div#bulk div#content ol ol{font-weight: normal;} div#main div#bulk div#content h2, div#main div#bulk div#content .heading{ color: #3A77C1;font-size: 18px;font-weight: bold;margin: 10px 0px 0px 0px;padding: 0px;} div#main div#bulk div#content h3, div#main div#bulk div#content .subheading{border-top:1px #3A77C1 solid;padding:2px 8px;width:auto;background:#F3F3F3;display:block;color:#3A77C1;font-size:16px;font-weight:bold;margin: 0px;} div#main div#bulk div#content span.icon_tel{ height: 15px;padding-left: 15px;background:url(img/sprite.png)-585px -75px;} div#main div#bulk div#content span.icon_email{ height: 14px;padding-left: 15px;background:url(img/email.jpg) no-repeat left 2px center;} div#main div#bulk div#content span.icon_web{height: 15px;padding-left: 15px;background:url(img/sprite.png)-585px -95px;} div#main div#bulk div#content p.matching{background: #F6F6F6;margin-top: 10px;padding: 7px;display: block;} div#main div#bulk div#content div#map{float: right;width: 100%; height: 280px; background: #FFFFFF;border: 1px solid #979797;margin: 5px 0px 5px 10px;} div#main div#bulk div#content ul#paging{} div#main div#bulk div#content ul#paging li{float: left;list-style: none;} div#main div#bulk div#content ul#paging li a{display: block;border: 1px solid #ADADAD;padding: 4px 10px;margin-right: 10px;text-decoration: none;} div#main div#bulk div#content ul#paging li a:hover{background: #F3F3F3;} div#main div#bulk div#content ul#paging li a#true{background: #F0F0F0;} div#main div#bulk div#content .blue{color: #3A77C1;} div#main div#bulk div#content .grey{color: #4B4B4B;} div#main div#bulk div#content div#index-left{width: 506px;float: left;} div#main div#bulk div#content div#viewpoint{margin-top: 10px;margin-bottom: 10px;width: 506px;height: 239px;background:url(img/index.jpg)0px 0px;} div#main div#bulk div#content div#index-left div#text{ float: right;width: 340px;} div#main div#bulk div#content div#index-left div#text p{text-align: justify;} div#main div#bulk div#content div#index-left div#twodudes{float: left;width: 147px;height: 224px;background:url(img/index.jpg)-510px 0px;} div#main div#bulk div#content div#spotlight{margin-top: 10px;padding: 5px 0px 2px 0px;float: right;width: 215px;border-top: 1px #3A77C1 solid;background: #EDEDED;} div#main div#bulk div#content div#spotlight p{font-weight: bold;height: 90px;padding-left: 5px;} div#main div#bulk div#content div#spotlight p a{color: #4B4B4B;text-decoration: none;} div#main div#bulk div#content div#spotlight span{width: 100px;height: 70px;margin-right: 5px;float: left;} div#main div#bulk div#content div#spotlight span.builders1{background:url(img/index.jpg)0px -240px;} div#main div#bulk div#content div#spotlight span.builders2{ background:url(img/index.jpg)-100px -240px;} div#main div#bulk div#content div#spotlight span.interior{background:url(img/index.jpg)-200px -240px;} div#main div#bulk div#content div#spotlight span.designer{background:url(img/index.jpg)-300px -240px;} div#main div#bulk div#content div#spotlight span.diy1{background:url(img/index.jpg)-400px -240px;} div#main div#bulk div#content div#spotlight span.diy2{background:url(img/index.jpg)-500px -240px;} div#main div#bulk div#content div#spotlight span.kitchens1{ background:url(img/index.jpg)0px -310px;} div#main div#bulk div#content div#spotlight span.kitchens2{background:url(img/index.jpg)-100px -310px;} div#main div#bulk div#content div#spotlight span.about1{background:url(img/index.jpg)-200px -310px;} div#main div#bulk div#content div#spotlight span.about2{ background:url(img/index.jpg)-300px -310px;} div#main div#bulk div#content div.directory{clear: both;display: block;} div#main div#bulk div#content div.directory ul{width: auto;} div#main div#bulk div#content div.directory ul li{font-size: 12px;display: block;float: left;width: 140px;height: 22px;padding: 1px 3px 0px 0px;} div#main div#bulk div#content div.directory ul li.index{width: 240px;} div#main div#bulk div#content div.directory ul li.county{height: 15px;} div#main div#bulk div#content div.directory ul li.town{height: 22px;} div#main div#bulk div#content div.directory ul li a{ color: #3A77C1;} div#main div#bulk div#content div.directory div.clear{ height: 10px;} div#main div#bulk div#content div.bizlisting span#special{font-size:13px !important; background-color:#ebf4ff;padding:6px 2%;width:96%;float:left} div#main div#bulk div#content div.bizlisting{border-right: 1px #ADADAD solid;border-bottom: 1px #ADADAD solid;border-left: 1px #ADADAD solid;margin-top: 10px;margin-bottom: 10px;padding-bottom: 8px;} div#main div#bulk div#content div.bizlisting p.subheading{margin-top: 0px;} div#main div#bulk div#content div.bizlisting p.subheading a{color: #3A77C1;text-decoration: none;} div#main div#bulk div#content div.bizlisting address{padding-top: 8px;padding-left: 8px;float: left;} div#main div#bulk div#content div.bizlisting ul{float: right;padding-top: 8px;padding-right: 8px;text-align: right;list-style: none;} div#main div#bulk div#content div.bizlisting ul li{display: list-item;} div#main div#bulk div#content div.bizlisting ul span.rating{ background: url(img/sprite.png) -475px -100px;margin-top: 2px;margin-left: 10px;float: left;width: 60px;height: 11px;} div#main div#bulk div#content div.bizlisting p.detials span.rating span{ background: url(img/sprite.png) -540px -100px; width: 12px; height: 11px; float: left;} div#main div#bulk div#content div#bizinfo div#blurb{display: block; min-height: 320px;} div#main div#bulk div#content div#bizinfo h2{font-size: 16px;} div#main div#bulk div#content div#bizinfo p.social img{float:left;margin:0px 6px 0 0} div#main div#bulk div#content div#bizinfo p.social a{float:left;margin-right:10px} div#main div#bulk div#content div#bizinfo span#special{font-size:13px !important; background-color:#ebf4ff;padding:6px 2%;width:96%;float:left} div#main div#bulk div#content div#bizinfo span#special img{float:left; margin:5px 8px 0 0} div#main div#bulk div#content div#bizinfo address{padding-bottom: 10px;width:33%;float:left} div#main div#bulk div#content div#bizinfo ul.Elists{overflo:hidden;width:100%;list-style: outside none none;} div#main div#bulk div#content div#bizinfo ul.Elists li{float:left} div#main div#bulk div#content div#bizinfo ul.Elists li span{background-color:#f09e00;border: 1px solid #f09e00;color: #fff; cursor: pointer; float: left;margin: 10px 10px 10px 0;padding: 5px 20px;} div#main div#bulk div#content div#bizinfo #options span{width:45%;float:left;font-size:13px;} div#main div#bulk div#content div#bizinfo ul#additionalInfo{margin-left:30px} div#main div#bulk div#content div#bizinfo ul#additionalInfo li{line-height:22px;} div#main div#bulk div#content div.review{ padding-bottom: 10px;} div#main div#bulk div#content div.review div.stars{padding-top: 15px;float: left;width: 160px;} div#main div#bulk div#content div.review div.stars div.text{float: left;width: 55px;display: block;padding: 0px;margin: 0px;font-size: 12px;height: 18px;} div#main div#bulk div#content div.review div.stars div.grey{width: 70px;float: left;background: url(img/sprite.png) -475px -80px;height: 18px;} div#main div#bulk div#content div.review div.stars div.grey span{ background:url(img/sprite.png) -550px -80px; width: 14px; height: 18px; float: left;} div#main div#bulk div#content div.review div.text{float: left;width: 500px;} div#main div#bulk div#content div.review div.text p.heading{font-size: 16px;} div#main div#bulk div#content div.review div.text p.text{margin: 5px 0px 5px 0px;text-align: justify;} div#main div#bulk div#content div.review div.text p.user{color: #FEA803;font-weight: bold;padding: 0px;margin: 0px;} div#main div#bulk div#side-content{float: left;width: 165px;background: #FFFFFF;} div#main div#bulk div#side-content p.title{font-size: 12px;font-weight: bold;color: #F2A91B;padding-bottom: 5px;} div#main div#bulk div#side-content ul{list-style: none;} div#main div#bulk div#side-content ul li{ font-size: 12px; background:url(img/sprite.png)-0px -72px;padding-left: 15px;padding-bottom: 5px;} div#main div#bulk div#side-content ul li a{color: #3A77C1;text-decoration: none;display: block;} div#main div#bulk div#side-content ul li a:hover{text-decoration: underline;} div#footer{ clear: both; padding-top: 8px;width: 980px;height: 17px;margin-left: 10px;background: #3A77C1 url(img/sprite.png)0 -110px;} div#footer p{font-size: 10px;color: #FFFFFF;text-align: center;} div#footer p a{color: #FFFFFF;} div#main div#bulk div#content div#wrap{ padding-bottom: 15px;} div#main div#bulk div#content div#wrap p{margin: 0px;padding: 0px;} div#main div#bulk div#content div#wrap div.address {float: left;width: 500px;} div#main div#bulk div#content div#wrap div.address p.heading a{ font-size: 16px;} div#main div#bulk div#content div#wrap div.address p.desc{margin: 0px 0px 3px 0px;} div#main div#bulk div#content div#wrap div.address p.desc a{ color: #000000; text-decoration: none;} div#main div#bulk div#content div#wrap div.address p.desc a.host{ color: #008000; text-decoration: underline;} div#main div#bulk div#content div#wrap div.addressmore {text-align: right;float: right;width: 150px;padding-top: 10px;} div#main div#bulk div#content div#wrap div.clear{ height: 5px;} #quotation{ font-size: 12px;zoom: 1;margin: 0 0 10px;display: block;position: relative;background: #FFF;height: 200px; border-top: 1px solid #3a77c1;border-right: 1px solid #adadad;border-bottom: 1px solid #adadad;border-left: 1px solid #adadad;} #quotation:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; } #quotation h2{font-size: 18px;line-height: 26px;margin: 0 !important;height: 26px;font-weight: 700;text-indent: 35px;background: #f3f3f3 url('/img/sprite.png') -948px 0 no-repeat;width: 100%;} #quotation p{line-height: 1.4em;width: 100%;margin: 10px 10px 0 10px !important;height: 38px;width: 520px;font-size:1.1em;} #quotation .thankyou{text-align:left;line-height:2em;font-size:1.2em;} #quotation form{zoom: 1;margin: 0;color: #fea803;height: 134px;} #quotation form:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} #quotation .error { color: red; } #quotation input.error,#quotation textarea.error,#quotation select.error { border: 1px solid red; background: #FFEFF0; } #quotation label.error { display: none !important; } #quotation .valid { color: green; } #quotation input.valid,#quotation textarea.valid,#quotation select.valid { border: 1px solid green; background: #E0EFE3 } #quotation .img{position: absolute;right: 0;top: 0;width: 180px;height: 200px;text-align: right;} #quotation ul{float: left;position: relative; margin: 0 0 0 10px; list-style:none;font-weight: 700;} #quotation li{margin: 8px 0 !important;width: 266px;} #quotation label{display: inline-block;width: 60px;float: left;} #quotation input,#quotation textarea,#quotation select{font-size: 1em;font-family: Arial; margin: 0;border:1px solid #AAA;background:-moz-linear-gradient(top, #FFF, #EEE);background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');-moz-border-radius: 2px;border-radius: 2px;} #quotation input{height: 1.4em;width: 180px;} #quotation textarea{height: 38px;} #quotation textarea,#quotation select{width: 200px;} #quotation .btn{cursor: pointer;display: block;float: right;border:1px solid #AAA;background: -moz-linear-gradient(top, #FFF, #EEE);background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');box-shadow: 2px 2px 2px rgba(0,0,0,0.2);color: #3477C5;height: 26px;width: 150px;font-size: 1.2em;font-weight: 700;} #contact label{width:150px;font-size:13px;font-weight:normal;vertical-align:top;display:inline-table;line-height:21px} #contact input[type="text"]{height:23px;margin-top:10px;width:200px;border:1px solid silver} #contact textarea{margin-top:10px;border:1px solid silver} .cookieButton{color:#1a1a1a;background-color: #fff;padding:2px 5px;webkit-border-radius: 5px;-moz-border-radius:5px; border-radius: 5px; border: 1px solid #ccc;text-decoration: none !important;} .cookieButton:hover{text-decoration: none;} .cookieWarningBox a{text-decoration: underline;} .cookieWarningBox a:hover{text-decoration: none;} div#main div#bulk div#content div.bizlisting ul.Elists li.attr{clear:both} div#main div#bulk div#content div.bizlisting ul.Elists li.lists span{border:1px solid #f09e00;color:#fff;background-color:#f09e00;padding:2px 0; margin: 3px 0;float:right;clear:right;cursor:pointer; width:150px;text-align:center;} #popup_window{padding: 10px;background: #267E8A;cursor: pointer;color: #FCFCFC;margin: 200px 0px 0px 200px;} .popup-overlay { width: 100%; height: 100%; position: fixed; background: rgba(196, 196, 196, .85); top: 0; left: 100%; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .overlay .popup-overlay { opacity: 0.5; left: 0} .popup { position: fixed; top: 7%; left: 50%; z-index: -9999; } .popup .popup-body { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); opacity: 0; min-height: 150px; max-height: 650px; width: 600px; margin-left: -300px; padding: 20px; overflow-y:auto;overflow-x:hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; position: relative; -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); box-shadow: 1px 2px 3px 1px rgb(185, 185, 185); text-align: center; border: 1px solid #e9e9e9;} .popup.visible, .popup.transitioning {z-index: 9999;} .popup.visible .popup-body { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .popup-content h2{background-color:#5091dd; color:#fff !important;text-align:left;padding:7px 0 7px 10px;font-size:21px !important} .popup-content h3{text-align:left;color:#5091dd !important;border-bottom:1px solid #ccc; font-size:18px !important;padding:2px 0 4px 0;font-weight:normal !important;background:none !important} .PopupP img{margin:0 0 5px 5px; float:right} .PopupP{text-align:justify;overflow:hidden;line-height: 20px; margin: 10px 0 !important;} div#ycpt img{float:left} div#ycpt{height:1px;} ::-webkit-input-placeholder {font-size:0} :-moz-placeholder { font-size:0} ::-moz-placeholder {font-size:0} .qform {min-height:45px;} .qform h3{color:#f2a91b !important;margin:10px 0 5px;font-size:18px;background:none !important;padding:2px 0 !important} .qform p{ font-size:13px;} #f-content #Qtop-section{padding:0px !important} #Qfooter-section{display: none !important;} .qform #f-content #Qmain-section{padding:0 !important} #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_last_name::before, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_email::before, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_phone::before, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_phone2::before, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_post_code::before{height:30px !important} #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_last_name svg, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_email svg, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_phone svg, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_phone2 svg, #f-content #Qmain-section form ul.f-table > ul.f-text-input.f_post_code svg{top:8px !important; height:18px !important} #f-content #Qmain-section form ul.f-table > ul.f-text-input .field .input{height:32px !important} #f-content #Qmain-section form ul.f-table > ul.f-text-input .field textarea.input{height:64px !important} #f-content .row form ul li.space{margin-bottom:6px !important} .qform #spotlight{background:none !important} #f-content .row .field input, #f-content .row .field input[type="*"], #f-content .row .field textarea, #f-content .row .field select{font-size:14px !important} #f-content #email-msg.uk-confirmation, #f-content #sms-msg.uk-confirmation{display:none !important} #f-content #Qmain-section .contractors h1{display:none !important} #f-content #Qmain-section .contractors h1 + p{display:none !important} #f-content #Qmain-section .contractors p{font-size:13px !important} #f-content #Qmain-section .contractors ul.contractor-list{display:none !important} #f-content #Qmain-section .contractors .wrap-btn input[type="submit"]{background:#2A96D4 !important} #f-content #Qmain-section form ul.f-table .full-width-field.long_description::before{height:62px !important} .qform #f-content{width:100% !important} #f-content input[type="submit"], #f-content input.uploadbtn[type="button"]{line-height:30px !important} #content #f-content .submit-btn input.active_btn[type="submit"]{background:#ffab07 !important;border:1px solid #e89900 !important} #content #f-content .submit-btn input.active_btn[type="submit"]:hover {background:#e89900 !important} .qform ::-webkit-input-placeholder{font-size:15px !important} .qform ::-moz-placeholder{ font-size:15px !important} .qform ::-moz-placeholder{font-size:15px !important} .qform :-ms-input-placeholder{font-size:15px !important} .mobOnly, p.pmbTxt{visibility: hidden; display:none} .dskOnly{visibility: visible;} /*---------------------------------------------------------------- Media Queries 480px ----------------------------------------------------------------*/ @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { } @media handheld, screen and (max-width: 575px) { html,body { -webkit-text-size-adjust:none;background:none } body{margin:0;font-size:62.5%;width:100%;} .mobOnly, p.pmbTxt{display:block !important; visibility: visible;} .dskOnly{visibility: hidden; display:none !important} input{ -webkit-appearance: none; border-radius: 0;} ::-webkit-input-placeholder {font-size:15px} :-moz-placeholder { font-size:15px} ::-moz-placeholder {font-size:15px} :-ms-input-placeholder { font-size:15px} p.pmbTxt { color: #444;font-size:14px !important; line-height: 20px; text-align: justify;padding:10px 5px} div#main div#bulk div#content a{text-decoration:none} body div#body{border:none;width:100%;padding-bottom:0} div#header{margin:0;width:100%} div#header div#logo a{background:none;width:auto; height:auto} div#header div#searchbox{background:#366cad;width:96%;padding:15px 2%} div#main{width:100%;background:#fff;margin:0} div#main div#bulk{margin:0; padding:10px 0} div#main div#bulk p#breadcrumb{width:100%;margin:0 0 10px 0;height:auto;float:left} div#main div#bulk p#breadcrumb a{text-decoration:none} div#main div#bulk div#content{width:100%;padding:0;border:none;} div#main div#bulk div#content h1{color:#fea300;border-bottom:3px solid #dedede} div#footer{width:100%;background:#dedede;margin:0;height:auto;padding:10px 0; } div#footer p, div#footer p a{color:#366cad;text-decoration:none;font-size:14px;padding:0 10px;line-height:22px} div#header div#searchbox fieldset legend label{display:none;} div#header div#searchbox fieldset div{background:none;width:92%;height:35px;} div#header div#searchbox fieldset input.text{background:#fff;width:98%;padding:8px 2% 12px} div#header div#searchbox fieldset{width:40%;} div#header div#searchbox form input.submit{border: 0 none; cursor: pointer;height: 34px;margin-top: 8px;width: 62px; background:#fea300;color:#fff;font-weight:bold;font-size:13px;-webkit-appearance: none;} div#main div#bulk div#content h2.indexh2Mb{color:#fea300;font-weight:normal;font-size:22px;} .tabContainers{display:none} div#main div#bulk div#content h3.tabs{cursor: pointer;background:#366cad;border-top:1px solid #4e7cb2;border-bottom:1px solid #2b588d;color:#ffffff;font-weight:normal;padding:10px 0 10px 15%;font-size:18px;line-height:30px} div#main div#bulk div#content div.directory h3#Building{background-image:url(/img/construction.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Contractors{background-image:url(/img/contractors.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Home{background-image:url(/img/home.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Materials{background-image:url(/img/materials.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Professional{background-image:url(/img/professional.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Services{background-image:url(/img/services.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory ul.tabContainers li{width:95%; height:auto;padding:5px 3px 5px 0; list-style: disc inside;margin-left:10px;font-size:16px;display:list-item} div#main div#bulk div#content div.directory ul.tabContainers li a{text-decoration:none; padding:0 3%;font-size:16px; } div#main div#bulk div#content div#wrap div.address{width:100%;} div#main div#bulk div#content div#wrap div.addressmore{display:none} div#main div#bulk div#content div#wrap div.address p.desc a.host{text-decoration:none;} div#main div#bulk div#content h2, div#main div#bulk div#content .mobBorderBottom{border-bottom:2px solid #dedede} div#main div#bulk div#content div.directory ul li.county, div#main div#bulk div#content div.directory ul li.town{display:list-item;width:44%;margin:0 0 0 5%;height:auto;font-size:14px;padding:5px 3px 5px 0} div#main div#bulk div#content div.bizlisting{border:none;background:#f3f3f3;border-top:1px solid #dedede;border-bottom:1px solid #dedede } div#main div#bulk div#content div.bizlisting address{font-size:14px;} div#main div#bulk div#content div.bizlisting ul{display:none;} div#main div#bulk div#content h3, div#main div#bulk div#content div.bizlisting .subheading{border:none;font-weight:normal;font-size:18px;padding:6px 8px 0} div#main div#bulk div#content div.bizlisting a.listArrow{background:url(/img/bluearrow.png) no-repeat center right;width:45px;height:47px;float:right;margin-top:5px;} div#main div#bulk div#content div#map{width:94%;margin:0 3% 15px 3%;height:200px} div#main div#bulk div#content div#bizinfo address{font-size:14px;} div#main div#bulk div#content div#bizinfo div#blurb{height:auto} div#main div#bulk div#content p{font-size:14px; line-height:22px;text-align:justify } div#main div#bulk div#content ol li{font-size:13px;line-height:22px;text-align:justify} div#main div#bulk div#content ol{padding-left:20px;} div#main div#bulk div#side-content, div#main div#bulk div#content div#index-left, div#main div#bulk div#content div#spotlight{visibility: hidden; display:none} .popup-overlay { width: 100%; height: 100%; position: fixed; background: rgba(196, 196, 196, .85); top: 0; left: 100%; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .overlay .popup-overlay { opacity: 0; left: 0} .popup { position: relative; top: auto; left: auto; display:none;z-index:9999 } .popup .popup-body {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0; border: 1px solid #e9e9e9; box-shadow: none; margin-left: 0; max-height: unset; max-height: auto; max-height: none; overflow-x: hidden; overflow-y: auto; padding: 20px 2%; position: relative; text-align: center; margin-top:130px; transition: opacity 0.2s ease-out 0s; width: 94%; opacity:1} .popup.visible, .popup.transitioning {z-index: 9999;} .popup.visible .popup-body { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .popup-content h2{background-color:#3a77c1; color:#fff !important;text-align:left;padding:7px 0 7px 10px;font-size:21px !important} .popup-content h3{text-align:left;color:#3a77c1 !important;border-bottom:1px solid #ccc; font-size:18px !important;padding-bottom:4px;font-weight:normal} .PopupP img{margin:0 0 5px 5px; float:right} .PopupP{text-align:justify;overflow:hidden} #payment span, #offer , div.about ul.Elists li span{font-size:14px;} .videot{width:97% !important} div#blurb ul.Elists li{width:50%} div#blurb ul.Elists li span{width:95%; text-align:center;padding:10px 0 !important} div#blurb div#image{display:none;} p.CklImg a{color:#5091dd; border:1px solid #ccc; padding:5px 15px;margin-left:2%; background-color:#f7f7f7} ul.Mbbcon{float:none !important;clear:both;width:98%} } /*-------------------------------- Orientation Landscape ---------------------------------*/ @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { } @media handheld, screen and (max-width: 730px) { html,body { -webkit-text-size-adjust:none;background:none } body{margin:0;font-size:62.5%;width:100%;} .mobOnly, p.pmbTxt{display:block !important; visibility: visible;} .dskOnly{visibility: hidden; display:none !important} input{ -webkit-appearance: none; border-radius: 0;} ::-webkit-input-placeholder {font-size:15px} :-moz-placeholder { font-size:15px} ::-moz-placeholder {font-size:15px} :-ms-input-placeholder { font-size:15px} p.pmbTxt { color: #444;font-size:14px !important; line-height: 20px; text-align: justify;padding:10px 5px} div#main div#bulk div#content a{text-decoration:none} body div#body{border:none;width:100%;padding-bottom:0} div#header{margin:0;width:100%} div#header div#logo a{background:none;width:auto; height:auto} div#header div#searchbox{background:#366cad;width:96%;padding:15px 2%} div#main{width:100%;background:#fff;margin:0} div#main div#bulk{margin:0; padding:10px 0} div#main div#bulk p#breadcrumb{width:100%;margin:0 0 10px 0;height:auto;float:left} div#main div#bulk p#breadcrumb a{text-decoration:none} div#main div#bulk div#content{width:100%;padding:0;border:none;} div#main div#bulk div#content h1{color:#fea300;border-bottom:3px solid #dedede} div#footer{width:100%;background:#dedede;margin:0;height:auto;padding:10px 0; } div#footer p, div#footer p a{color:#366cad;text-decoration:none;font-size:14px;padding:0 10px;line-height:22px} div#header div#searchbox fieldset legend label{display:none;} div#header div#searchbox fieldset div{background:none;width:92%;height:35px;} div#header div#searchbox fieldset input.text{background:#fff;width:98%;padding:8px 2% 12px} div#header div#searchbox fieldset{width:40%;} div#header div#searchbox form input.submit{border: 0 none; cursor: pointer;height: 34px;margin-top: 8px;width: 62px; background:#fea300;color:#fff;font-weight:bold;font-size:13px;-webkit-appearance: none;} div#main div#bulk div#content h2.indexh2Mb{color:#fea300;font-weight:normal;font-size:22px;} .tabContainers{display:none} div#main div#bulk div#content h3.tabs{cursor: pointer;background:#366cad;border-top:1px solid #4e7cb2;border-bottom:1px solid #2b588d;color:#ffffff;font-weight:normal;padding:10px 0 10px 15%;font-size:18px;line-height:30px} div#main div#bulk div#content div.directory h3#Building{background-image:url(/img/construction.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Contractors{background-image:url(/img/contractors.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Home{background-image:url(/img/home.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Materials{background-image:url(/img/materials.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Professional{background-image:url(/img/professional.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory h3#Services{background-image:url(/img/services.jpg),url(/img/downarrow.jpg);background-repeat:no-repeat;background-position:left 1% center, right 1% center} div#main div#bulk div#content div.directory ul.tabContainers li{width:95%; height:auto;padding:5px 3px 5px 0; list-style: disc inside;margin-left:10px;font-size:16px;display:list-item} div#main div#bulk div#content div.directory ul.tabContainers li a{text-decoration:none; padding:0 3%;font-size:16px; } div#main div#bulk div#content div#wrap div.address{width:100%;} div#main div#bulk div#content div#wrap div.addressmore{display:none} div#main div#bulk div#content div#wrap div.address p.desc a.host{text-decoration:none;} div#main div#bulk div#content h2, div#main div#bulk div#content .mobBorderBottom{border-bottom:2px solid #dedede} div#main div#bulk div#content div.directory ul li.county, div#main div#bulk div#content div.directory ul li.town{display:list-item;width:44%;margin:0 0 0 5%;height:auto;font-size:14px;padding:5px 3px 5px 0} div#main div#bulk div#content div.bizlisting{border:none;background:#f3f3f3;border-top:1px solid #dedede;border-bottom:1px solid #dedede } div#main div#bulk div#content div.bizlisting address{font-size:14px;} div#main div#bulk div#content div.bizlisting ul{display:none;} div#main div#bulk div#content h3, div#main div#bulk div#content div.bizlisting .subheading{border:none;font-weight:normal;font-size:18px;padding:6px 8px 0} div#main div#bulk div#content div.bizlisting a.listArrow{background:url(/img/bluearrow.png) no-repeat center right;width:45px;height:47px;float:right;margin-top:5px;} div#main div#bulk div#content div#map{width:94%;margin:0 3% 15px 3%;height:200px} div#main div#bulk div#content div#bizinfo address{font-size:14px;} div#main div#bulk div#content div#bizinfo div#blurb{height:auto} div#main div#bulk div#content p{font-size:14px; line-height:22px;text-align:justify } div#main div#bulk div#content ol li{font-size:13px;line-height:22px;text-align:justify} div#main div#bulk div#content ol{padding-left:20px;} div#main div#bulk div#side-content, div#main div#bulk div#content div#index-left, div#main div#bulk div#content div#spotlight{visibility: hidden; display:none} .popup-overlay { width: 100%; height: 100%; position: fixed; background: rgba(196, 196, 196, .85); top: 0; left: 100%; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .overlay .popup-overlay { opacity: 0; left: 0} .popup { position: relative; top: auto; left: auto; display:none;z-index:9999 } .popup .popup-body {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) repeat scroll 0 0; border: 1px solid #e9e9e9; box-shadow: none; margin-left: 0; max-height: unset; max-height: auto; max-height: none; overflow-x: hidden; overflow-y: auto; padding: 20px 2%; position: relative; text-align: center; margin-top:130px; transition: opacity 0.2s ease-out 0s; width: 94%; opacity:1} .popup.visible, .popup.transitioning {z-index: 9999;} .popup.visible .popup-body { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .popup-content h2{background-color:#3a77c1; color:#fff !important;text-align:left;padding:7px 0 7px 10px;font-size:21px !important} .popup-content h3{text-align:left;color:#3a77c1 !important;border-bottom:1px solid #ccc; font-size:18px !important;padding-bottom:4px;font-weight:normal} .PopupP img{margin:0 0 5px 5px; float:right} .PopupP{text-align:justify;overflow:hidden} #payment span, #offer , div.about ul.Elists li span{font-size:14px;} .videot{width:97% !important} div#blurb ul.Elists li{width:50%} div#blurb ul.Elists li span{width:95%; text-align:center;padding:10px 0 !important} div#blurb div#image{display:none;} p.CklImg a{color:#5091dd; border:1px solid #ccc; padding:5px 15px;margin-left:2%; background-color:#f7f7f7} ul.Mbbcon{float:none !important;clear:both;width:98%} } /*-------------------------------- iPad ------------------------------------------------*/ @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { } @media handheld, screen and (min-device-width : 768px) and (max-device-width : 1024px) { }