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,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border:none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
pre{text-align: left;font-family: monospace;}
form legend{font-weight: bold; font-size: 14px;}
small{font-size: 10px;}
small.red{font-size: 10px;color: red;}
p{color:#5b5b5b}
b { line-height: 1.5; }
a { text-decoration: none;border: none; color: #006e87;font-weight:bold}
a:hover{text-decoration: underline;}
body {width: 100%;font-family: Arial, Helvetica; font-size: 12px;color:#5b5b5b}
.headerBack{background-color: #008197;height:112px}
.mainHeader{ background: url(../images/headerbg.jpg) repeat-x left top;height:112px}
.header{width:1000px;margin:0 auto; height:112px;}
.logo{float: left;}
.headerPH{float: right;color:#fff; padding-top:10px}
.headerPH h1{font-size: 47px;font-weight:normal}
.headerPH span{color:#a5ccd5;font-size:24px}
.breadCrumb{color:#a4cbd4; font-size:14px;float: left;padding-top:10px}
.breadCrumb a{color:#a4cbd4}
.container{width: 1000px; margin: 0 auto;}
#map-canvas{width: 998px; height:400px;border:1px solid #d5d5d5}
.content{width: 650px; float: left;}
.content p {line-height: 20px; margin-top: 15px;text-align:justify}
.sidebar{width: 325px; float: right;}
.AreaListing .img { float: left;margin: 17px 15px 0;}
.AreaListing .img img {background-color: #e5e6e8;border: 6px solid #e5e6e8; height: 100px; width: 134px;}
.blueheading {color: #006e87;font-size: 19px;font-weight: bold; text-decoration: none;}
.AreaListing {border: 1px solid #d5d5d5; margin-top: 20px; min-height: 150px; overflow: hidden; width: 100%;}
.ListingTop, .ListingBot {width: 100%;margin-bottom:7px}
.AreaListing .desc {float: left; margin: 13px 0; width: 455px; text-align: left;}
.locationDes {padding-right: 15px;margin-left:177px;text-align: left;}
.locationDes img {margin-top: 4px;}
.AreaListing .links { background-color: #f7f7f7; float: left; height: 50px; margin-top: 5px; width: 100%;}
.AreaListing .links span { float: left; margin: 6px 1px 5px 15px; font-size:15px;line-height: 38px;color:#006e87;text-align: left;}
.links form fieldset { float: left;}
.links form{float: right;}
.links .Shortlist, .links .Viewing, .links .Price, .frmButtons .Shortlist, .frmButtons .Viewing, .frmButtons .Price, .frmButtons .Call {
background: rgba(0, 0, 0, 0);
border: medium none; color: #696969; cursor: pointer; float: left;font-family: Arial;font-size: 12px; font-weight: bold; margin: 15px 10px; padding-left: 15px;}
.links .Price, .frmButtons .Price {background:rgba(0, 0, 0, 0);}
.links .Viewing, .frmButtons .Viewing { background:rgba(0, 0, 0, 0);}
.AreaListing .desc p {font-size: 12px;line-height: 20px !important; margin-top: 10px !important;text-align: justify;color:#5b5b5b}
.blueTopBar{background-color:#006e87;color:#a5ccd5; padding:0 10px;height:50px}
.blueTopBar h2{line-height: 36px; padding:12px 0;font-size:26px;text-align: left;}
.blueTopBar h2.H2L{float:left;width:705px}
.blueTopBar h2.H2R{float:left;}
#contact .padIn { background-color: #eef5fb; border: thin solid #e1e1e1;}
#contactform { padding: 8px;}
.inTeresT {line-height: 30px;margin-left:5px; }
.nnB{margin-left:5px;}
.nnB p{margin-bottom:5px;}
#contactform label { color: #006e87; display: inline-table; line-height: 1.5; padding: 13px 5px 0 0; text-align: right; width: 130px;float:left;font-size:15px;margin-bottom:10px;}
.fields { color: #696969;font-family: arial;font-size: 13px;height: 30px;margin-bottom: 10px; padding: 5px; width: 160px;float:right}
#contact h2 { color: #5b5b5b; font-size: 16px; padding: 20px 0 0px 12px;}
#contactform input[type="submit"] { color: #444444; height: 24px; margin:6px 0 15px 67px; width: 80px;}
.formBottom{background-color: #006e87;color:#a2cbd4;text-align: center;padding: 15px 0; font-size:24px;}
.sideLinks ul li{list-style-type: decimal;float: left;margin: 5px 0 0 30px;color:#006e87;font-size:14px;font-weight: normal;clear:both}
.sideLinks a{float: left;margin-left: 10px;font-weight: normal;}
.sideLinks ul li a{float: none;}
.sideLinks h2{margin:20px 0 10px 10px;float: left;}
label.image{color:#006e87;float:left;font-size:15px;margin:5px 0 7px 12px}
input#s{background:none;margin-left:12px;background:url(../images/searchbg.jpg) no-repeat left top; width:271px;height:30px;float:left;border:none;}
input#sbut{background:none;float:left;width:30px;height:30px;background:url(../images/search.jpg) no-repeat left top;border:none;font-size:0px;}
.footer{background:url(../images/footerbg.jpg) repeat-x left top;height:88px;width:100%;float:left;margin-top:15px;}
#footer_resize{width:1000px;margin:0 auto;background:url(../images/footerLogo.jpg) no-repeat left top 8px;height:88px}
.footerright{float:right;margin-top:20px;line-height:24px;float:right;}
.footerright a{margin-left:20px;font-size:12px;color:#fff;float:right;font-weight:normal}
#footer_resize p{margin-top:52px;color:#fff;text-align:left}
.greenheading {border-bottom: 1px solid #d5d5d5; color: #006e87;font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 10px;float:left;width:100%}
.innerLeft {min-height: 550px; padding: 0;width:100%;}
.innerLeft p {font-size: 14px;}
h3.headings { color: #222222; font-size: 18px; font-weight: bold; line-height: 20px;margin-top:15px;display:inline-table;}
.NearestFacility {float: left; margin: 15px 0; min-height: 150px; width: 390px;}
.transport {margin: 3px 0 10px 2px;}
.transport li, ul.services li, ul.search li {line-height:22px;background: url("../images/bullet2.png") no-repeat scroll 0 8px; font-size: 14px; padding-left: 15px; text-align: left;}
.frmButtons { background-color: #f7f7f7; border: 1px solid #d5d5d5; float: left; height: 105px; margin: 15px 0; padding: 10px 0; width: 200px;}
.frmButtons .Shortlist, .frmButtons .Viewing, .frmButtons .Price{ font-weight:normal;color:#006e87;font-size:18px;margin: 5px 15px; padding-left: 20px;background:#f7f7f7 url("../images/bullet2.png") no-repeat scroll 0 8px;}
ul.services {float: left; margin: 10px 3px 0 0; width: 190px;}
ul.services li.ttl {background: none;font-weight: bold; padding: 0 0 3px; text-align: left;}
#contactus fieldset {padding: 0 0 15px 10px;}
#contactus label {display: inline-table;font-size: 14px;width: 175px;}
#contactus .text { border: 1px solid #d5d5d5;color: #696969;padding: 7px;width: 460px;border-radius:5px}
#contactus p {height: 140px; margin-top: 20px;vertical-align: top;}
#contactus textarea { color: #696969;border: 1px solid #d5d5d5;width: 460px;border-radius:5px;padding: 7px;}
#contactus p label { position: relative; top: -105px;}
#contactus .button{color:#fff; border:none;float:right;background:none;background-color:#006e87; padding:10px;border-radius:5px;margin-top:20px}
.BUBBLETEXT h1{font-size:18px;}
.content ul.Static{margin:15px 0 15px 20px}
.content ul.Static li{line-height: 22px;list-style: outside none disc; margin: 7px 0 0; padding: 0 0 0 5px;}
.ad-gallery {width: 660px;margin-top:15px;}
.ad-gallery .ad-image-wrapper {width: 100%; background: #f7f7f7; height: 300px;margin-bottom: 10px; position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute; left: 0;top: 0; width: 25%;height: 100%; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png);
width: 30px; height: 30px;display: none;position: absolute;top: 47%;left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden;top: 0;left: 0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left; width: 100%; z-index: 2;background: url(../images/opa75.png);color: #000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png'); }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.ad-gallery .ad-nav {width: 100%;position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0; height: 100%;z-index: 10; }
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {cursor: pointer;left: 0px;width: 21px; display: block; background: url(../images/left-arrow.jpg) 0px 20px no-repeat; }
.ad-gallery .ad-forward {cursor: pointer;display: block;right: 0px; width: 21px; background: url(../images/right-arrow.jpg) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 600px;margin:0 28px;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left;padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block;background-color: #ccc;margin:0 1px;width:78px;height:64px;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #616161;}
.ad-preloads { position: absolute; left: -9000px; top: -9000px;}
.Overlay, .swipe, .MobOnly{display:none;}
::-webkit-input-placeholder {color: #FFF; }
:-moz-placeholder { color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder { color: #fff;}
/*----------------------------------------------------------------
Media Queries
----------------------------------------------------------------*/
@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 Queries 575px
---------------------------------------------------------------- */
@media handheld, screen and (max-width: 575px) {
html,body { -webkit-text-size-adjust:none; }
body{margin:0;font-size:62.5%; /* 1em = 10px */}
.headerPH span, .blueTopBar h2.H2R, .AreaListing .desc p, .ListingBot, .AreaListing .links span, .sideLinks ul, .sideLinks h2, #contact .MQListFrm label, #contact .formBottom, #contact, .MQList p.inTeresT, #gallery,
fieldset.schedule, a.HHome, .dskOnly, #contactus label{display:none}
.Overlay, .MobOnly{display:block;}
.container{width:100%;overflow:hidden; }
.header{width: 98%; padding:0 1%;overflow:hidden; }
.content p{font-size:1.2em}
.logo a img{width:160px !important; height:40px !important; margin-top:3px}
.headerPH h1{font-size:1.8em;color:#fff !important}
.mainHeader{height:77px; background-position:left top -35px;}
.breadCrumb{padding:15px 4px 0 4px;}
#map-canvas{height:250px; width:94%; margin:0 auto;}
.blueTopBar{height:auto;float:left;width:100%}
.blueTopBar h2.H2L{width:100%}
.blueTopBar h2{font-size:1.8em}
.content{width:100%}
.links form{float:right;margin-left:11%}
.AreaListing .desc{float:left;display:inline-table;width:53%;padding:left:10px}
.blueheading{font-size:1.8em;line-height:26px;margin-top:20px;float:left}
.AreaListing .img{margin:10px 5px 0}
.Shortlist, .Viewing, .Price{background-color:#006e87 !important;color:#fff !important;border-radius:5px;padding:7px 10px !important;margin:5px 10px !important}
.AreaListing .links{height:40px;}
#footer_resize{width:100%}
.sidebar {float: none;width: 100%;}
.sideLinks h2.POSSearch{display:block}
.sideLinks{margin-top:-20px}
#contact {position:absolute; top:77px}
#contact .MQListFrm input{float:left;width:99%}
#contactform input[type="submit"]{margin:6px 0 15px 0;width:30%;float:right;background:none;border:none;background-color:#006e87 !important;color:#fff !important;border-radius:5px;font-size: 1.4em;height: auto;padding:5px 0}
a#quote{position:absolute;top:77px}
.nnB p a{font-size:1.3em}
.swipe {overflow: hidden;visibility: hidden;position: relative;display:block;margin-top:10px;text-align:center;margin-bottom:10px}
.swipe-wrap {overflow: hidden; position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
#position{list-style: none outside none; margin: 0 0 10px 0;padding: 0;text-align: center;}
#position li{border-radius: 10px 10px 10px 10px;cursor: pointer;display: inline-block; height: 8px;margin: 0 2px;width: 8px;border:1px solid #ccc;}
#position li.on{background-color: #1293DC; background-image: -moz-linear-gradient(center top , #1293DC, #0F6297);}
.NearestFacility, .transport{width:auto;font-size:1.4em}
.frmButtons{border:none;background:none;margin:0 0 0 3%; padding:0; height:65px;width:auto}
.frmButtons fieldset{float:left}
ul.services{margin:10px 3px 0 10px}
#footer_resize{background:none;}
#footer_resize p.MobOnly{margin:9px 0 0 0;text-align:center;font-size:1.2em;float:left;width:100%}
a.fooTop{float:none;}
.footerright{text-align:center;}
.footer{background:url(../images/headerbg.jpg) repeat-x left top;height:112px;}
#contactus textarea, #contactus .text{width:97%}
.AreaListing .img img{border:none;}
::-webkit-input-placeholder {color: #999 !important; }
:-moz-placeholder { color: #999 !important;}
::-moz-placeholder {color: #999 !important;}
:-ms-input-placeholder { color: #999 !important;}
}
/*----------------------------------------------------------------
Media Queries 730px
----------------------------------------------------------------*/
@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; }
body{margin:0;font-size:62.5%; /* 1em = 10px */}
.headerPH span, .blueTopBar h2.H2R, .AreaListing .desc p, .ListingBot, .AreaListing .links span, .sideLinks ul, .sideLinks h2, #contact .MQListFrm label, #contact .formBottom, #contact, .MQList p.inTeresT, #gallery,
fieldset.schedule, a.HHome, .dskOnly, #contactus label{display:none}
.Overlay, .MobOnly{display:block;}
.container{width:100%;overflow:hidden; }
.header{width: 98%; padding:0 1%;overflow:hidden; }
.content p{font-size:1.2em}
.logo a img{width:200px !important; height:40px !important; margin-top:3px}
.headerPH h1{font-size:1.8em}
.mainHeader{height:77px; background-position:left top -35px;}
.breadCrumb{padding:15px 4px 0 4px;}
#map-canvas{height:250px; width:94%; margin:0 auto;}
.blueTopBar{height:auto;float:left;width:100%}
.blueTopBar h2.H2L{width:100%}
.blueTopBar h2{font-size:1.8em}
.content{width:100%}
.links form{float:right;margin-left:11%}
.AreaListing .desc{float:left;display:inline-table;width:53%;padding:left:10px}
.blueheading{font-size:1.8em;line-height:26px;margin-top:20px;float:left}
.AreaListing .img{margin:10px 5px 0}
.Shortlist, .Viewing, .Price{background-color:#006e87 !important;color:#fff !important;border-radius:5px;padding:7px 10px !important;margin:5px 10px !important}
.AreaListing .links{height:40px;}
#footer_resize{width:100%}
.sidebar {float: none;width: 100%;}
.sideLinks h2.POSSearch{display:block}
.sideLinks{margin-top:-20px}
#contact {position:absolute; top:77px}
#contact .MQListFrm input{float:left;width:99%}
#contactform input[type="submit"]{margin:6px 0 15px 0;width:30%;float:right;background:none;border:none;background-color:#006e87 !important;color:#fff !important;border-radius:5px;font-size: 1.4em;height: auto;padding:5px 0}
a#quote{position:absolute;top:77px}
.nnB p a{font-size:1.3em}
.swipe {overflow: hidden;visibility: hidden;position: relative;display:block;margin-top:10px;text-align:center;margin-bottom:10px}
.swipe-wrap {overflow: hidden; position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
#position{list-style: none outside none; margin: 0 0 10px 0;padding: 0;text-align: center;}
#position li{border-radius: 10px 10px 10px 10px;cursor: pointer;display: inline-block; height: 8px;margin: 0 2px;width: 8px;border:1px solid #ccc;}
#position li.on{background-color: #1293DC; background-image: -moz-linear-gradient(center top , #1293DC, #0F6297);}
.NearestFacility, .transport{width:auto;font-size:1.4em}
.frmButtons{border:none;background:none;margin:0 0 0 3%; padding:0; height:65px;width:auto}
.frmButtons fieldset{float:left}
ul.services{margin:10px 3px 0 10px}
#footer_resize{background:none;}
#footer_resize p.MobOnly{margin:9px 0 0 0;text-align:center;font-size:1.2em;float:left;width:100%}
a.fooTop{float:none;}
.footerright{text-align:center;}
.footer{background:url(../images/headerbg.jpg) repeat-x left top;height:112px;}
#contactus textarea, #contactus .text{width:97%}
::-webkit-input-placeholder {color: #999 !important; }
:-moz-placeholder { color: #999 !important;}
::-moz-placeholder {color: #999 !important;}
:-ms-input-placeholder { color: #999 !important;}
}