/* GLOBAL CSS CHANGE MAJORITY OF COLOURS BELOW ****************************************************************/ 

body {background-color:#fff}

p, TR, TD, ul, li{color:#000}

a:link, a:visited, a:hover{color:#2A3B83}

a:hover{color:#acacac}

h1, h2, h3, h4{font-weight:bold; color:#000}

div#header h1{color:#000}

div#header h2{color:#000}

div#topnav{border-bottom:1px solid #2A3B83}

div#topnav a{color:#2A3B83}

div#topnav a:hover{color:#acacac}

div#regions{color:#000;}

div#regions a:link, div#regions a:visited, div#regions a:hover{color:blue}

div#regions a:hover{color:#acacac}

div#instruction{background-color:#999}

div#extra{background-color:#ccc}

div#footer{color:#000}

div#container{background-color:#fff;}

div#content-res h1.h1{color:#000}

div#content-res h2.h2{color:#2A3B83}

div#content-res h2.intro{color:#000}

div#searchbox-suggest{border:1px solid #000}

div#searchbox-left{border:1px solid #000}

div#searchbox-right{border:1px solid #000}

div#searchbox-base{border:1px solid #000}

div#searchbox-left input.search{ color:#fff; background-color:#cfcfcf}

div#searchbox-right input.button{color:#fff; background-color:#cfcfcf}

div#searchbox-base input.button{ color:#fff; background-color:#cfcfcf}

div#hardlinks h3{color:#000}

#hardlinks a:link, #hardlinks a:visited, #hardlinks a:hover{color:#2A3B83}

#hardlinks a:hover{color:#acacac}

div#show-res{background-color:#2A3B83; color:#fff}

div.ftrack{background-color:#fff; border:1px solid #333}

img.border {border:1px solid #2A3B83;}

/* GLOBAL CSS CHANGE MAJORITY OF COLOURS ABOVE ****************************************************************/ 

html, body{margin:0; padding:0}

body{font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;}

p{margin:5px 0px}

a:link, a:visited, a:hover{font-size:12px; text-decoration:underline}

a:hover{text-decoration:none}

h2{font-size:12px}

fieldset{padding:0; margin:0; border:none}

fieldset ul{list-style-type:none}

fieldset ul li{float:left; clear:left; padding:5px 3px 10px 10px}

label{float:left; display:block}

legend {font-size:14px; font-weight:bold; color:#000}

/* MAIN LAYOUT DIVS ===================================================================================== */

div#header{width:auto; text-align:center; border-top:1px solid #ccc;}

div#header img{padding:10px; text-align:center;}

div#header h1{font-size:18px; padding:5px 5px; text-align:center}

div#header h2{font-size:14px; padding:5px 5px; text-align:center}

div#topnav{width:auto; text-align:center; padding:5px 0 15px 0;}

div#topnav ul{list-style-type:none; margin:0; padding:0}

div#topnav ul li{display:inline}

div#topnav a{padding:0 5px; text-decoration:none}

div#topnav a:hover{ text-decoration:underline}

div#regions{clear:both; width:550px; margin:10px 0; text-align:center}

div#regions ul li{display:inline; padding:3px 5px}

div#regions h2{font-weight:bold; padding:5px 0}

div#regions a:link, div#regions a:visited, div#regions a:hover{font-size:12px; text-decoration:underline}

div#regions a:hover{text-decoration:none}

div#instruction{float:left; width:170px; padding:10px 5px}

div#extra{float:left; clear:left; width:170px; padding:10px 5px}

div#footer{clear:both; width:100%; text-align:center}

div#footer p{margin:0; padding:5px 10px}

div#container{width:550px; margin:0 auto; text-align:left}

div#content-res{float:left; width:550px; padding:0px}

div#content-res p{line-height:1.4}

div#content-res h1.h1{; padding:5px 0px; font-size:16px; font-weight:bold}

div#content-res h1 span{text-decoration:underline}

div#content-res h2.h2{padding:5px 0px; font-size:14px; font-weight:bold}

div#content-res h2.intro{padding:5px 0px; margin:10px 0; font-size:12px; font-weight:bold; text-align:center}

/* LAYOUT BOXES ===================================================================================== */

img.submit{float:right; padding:0 0 15px 0}

div.box{float:left; width:550px; padding:5px 0px}

div.boxa{float:left; width:550px; padding:5px 0px; text-align:right; margin:0 0 20px 0}

div.boxb{float:left; width:550px; padding:5px 0px; text-align:right; margin:0}

div.boxd{float:left; width:550px; padding:0px; text-align:right; margin:0;}

div.boxe{position:relative; float:left; width:549px; padding:3px 0px 5px 0px; margin:5px 0; text-align:center; font-size:12px; border:1px solid #2A3B83; color:#000;}

/* REGION SEARCH BOXES ===================================================================================== */

div#searchbox-suggest{ width:390px; background:url(../row2/images/wl-lines.gif) top left repeat-x; padding:5px; margin:0 50px 5px 0}

div#searchbox-left{width:390px; background:url(../row2/images/wl-lines.gif) top left repeat-x; padding:5px; margin-bottom:5px}

div#searchbox-right{width:390px; background:url(../row2/images/wl-lines.gif) top left repeat-x; padding:5px; margin-bottom:5px}

div#searchbox-base{ width:390px; background:url(../row2/images/wl-lines.gif) top left repeat-x; padding:5px}

div#searchbox-left input{width:180px; font-size:12px}

div#searchbox-right select{width:180px; font-size:12px}

div#searchbox-base select{width:180px; font-size:12px;}

div#searchbox-left input.search{ font-size:12px;  font-weight:bold; padding:3px;  width:70px}

div#searchbox-right input.button{font-size:12px; font-weight:bold; padding:3px}

div#searchbox-base input.button{ font-size:12px;  font-weight:bold; padding:3px}

/* QUCIK LINKS ON REGION PAGE ===================================================================================== */

div#hardlinks{position:relative; float:left; width:500px; margin:10px 0}

div#hardlinks h3{padding:0px; margin:10px 0 0 0px; font-size:14px; font-weight:bold}

#hardlinks ul{margin:10px 0 0 15px; padding:0; padding:0;}

#hardlinks li{width:180px; float:left; padding:3px 0 0 15px; list-style:disc; list-style-position:inside;}

#hardlinks a:link, #hardlinks a:visited, #hardlinks a:hover{font-size:12px; text-decoration:underline; padding:0px}

#hardlinks a:hover{text-decoration:none}

.pad1{padding:0 5px 0 0}

/* SEARCH AGAIN BOX ON REGION/RESULTS PAGE===================================================================================== */

div#search-again{position:relative; float:left; width:548px; background:url(../row2/images/rfade.jpg) #000 0px 0px repeat-x; margin:0; padding:5px 0}

div#search-again{border-bottom:1px solid #2A3B83;border-right:1px solid #2A3B83;border-left:1px solid #2A3B83;}

div#search-again input.inputbox{width:200px; font-size:13px}

div#search-again label{padding:5px 5px 0 100px; font-size:14px; font-weight:bold; color:#000}

/* OTHER OFFICES NEAR BOX ON RESULTS PAGE===================================================================================== */

#morelocations{border:1px solid #2A3B83}

#morelocations span{color:#000}

div#morelocations a:link, div#morelocations a:visited, div#morelocations a:hover{color:#2A3B83}

div#morelocations a:hover{color:#acacac}

#morelocations{position:relative; float:left; width:548px; background:url(../row2/images/wl-lines.gif) top left repeat-x; padding-bottom:15px}

#morelocations h2{font-size:14px; margin:0; padding:5px; font-weight:bold; color:#2A3B83}

#morelocations ul{list-style:none; margin-left:15px}

#morelocations li{padding:0px; float:left; width:130px}

div#morelocations a:link, div#morelocations a:visited, div#morelocations a:hover{font-size:12px; text-decoration:underline; padding:0px}

div#morelocations li a:focus, div#morelocations li a:hover{text-decoration:none}

/* RESULTS BOX UNDER GOOGEL MAP ===================================================================================== */

div#show-res{position:relative; float:left; width:550px; font-size:14px; font-weight:bold; margin-bottom:5px}

div#show-res p{padding:0px 10px}

div#suggest{position:relative; float:left; width:500px; padding:0 0 15px 0px}

div#suggest ul{margin:5px 0px 5px 35px}

div#suggest h4{font-weight:bold; font-size:14px; margin-bottom:15px}

div#suggest h3.dots{font-size:26px; font-weight:bold; background:url(../row2/images/dot-w.gif) bottom left repeat-x; padding:5px 0 5px 0; font-style:italic; margin:15px 0 5px 0}

/* IMAGE MAP ROLL OVERS ===================================================================================== */

#dhtmltooltip{position:absolute; left:-300px; width:150px; border:1px solid black; padding:2px; background-color:#fff; visibility:hidden; z-index:100}

#dhtmlpointer{position:absolute; left:-300px; z-index:101; visibility:hidden}

/* FAST TRACK & GOOGLE MAP ===================================================================================== */

div.map-holder{margin:0 auto; text-align:center;}

div.holder{margin:0 auto;}

div.ftrack{position:relative; float:left; width:180px; text-align:left; margin:5px 0 10px 10px}

div.ftrack-txt{position:relative; float:left; width:220px; padding:10px 30px 10px 10px; text-align:left;}

div.form-results{padding:5px 0 10px 8px;}

div#info {text-align:left;padding:10px}

/* BREADCRUMB ===================================================================================== */

div#breadcrumb {position:relative;float:left;width:540px;padding:5px 0px;text-align:left; }

div#breadcrumb a:link, div#breadcrumb a:visited, div#breadcrumb a:hover {color:#2A3B83;}

div#breadcrumb a:hover {color:#acacac; text-decoration: none}

div#breadcrumb td {color:#000}

div#footer a{text-decoration:none;color:#2A3B83; cursor:text;}

/* BC CSS ADJUST MAIN COLOURS HERE ******************************************************************************************/ 

.bc-wrapper{width:548px; background-color:#efefef; border:1px solid #000; position:relative; float:left; margin:0 0 15px 0; background:url(../row2/images/bc-line.gif) #000 top left repeat-y; padding:0}

.location{background-color:#acacac; border-bottom:1px solid #000}

.location h2{color:#000}

.location span{color:#000}

.location a.address{color:#fff}

.location a:hover{color:#2A3B83;}

.number{position:absolute; top:3px; left:490px; text-align:center; padding:2px; font-weight:bold; font-size:12px; background-color:#fff; color:#2A3B83; border:1px solid #000}

.map a{color:#2A3B83}

.description{color:#000}

.description a:link{color:#2A3B83}

.description p{line-height:18px; padding:0; color:#000}

.price{color:#333}

.availability{border:1px solid #2A3B83; color:#000}

.pricing{border:1px solid #2A3B83; color:#000}

.select-property{background-color:#000; border-top:1px solid #000}

.addtolist{background-color:#2A3B83}

.addtolist p{color:#fff}

.icons{background-color:#acacac; border-top:1px solid #000}

.button{color:#fff; background-color:#2A3B83}

.icons{position:relative; float:left; width:548px; margin:0; padding:0; background-color:#fff;}

.viewing{position:relative; float:left; padding:8px 5px 8px 30px; background:url(../row2/images/calendar.gif) #fff 3px 3px no-repeat}

.photo{position:relative; float:left; padding:8px 5px 8px 34px; background:url(../row2/images/photo.gif) #fff 0px 3px no-repeat}

.vtour{position:relative; float:left; padding:8px 5px 8px 30px; background:url(../row2/images/vtour.gif) #fff 0px 3px no-repeat}

.virtual{position:relative; float:left; padding:8px 0px 8px 30px; background:url(../row2/images/virtual.gif) #fff 0px 3px no-repeat}

/* BC CSS LAYOUT BELOW ******************************************************************************************/ 

.location{position:relative; float:left; width:548px; margin:0; padding:5px 0}

.location h2{font-weight:bold; padding-left:10px; font-size:16px}

.location span{font-size:12px}

.location a.address{ font-size:14px; padding:0; text-decoration:none}

.location a:hover{font-size:14px; padding:0; text-decoration:none}

.map{position:relative; float:right; margin:0; padding:10px 15px 5px 5px; font-weight:bold; font-size:12px}

.image{position:relative; float:left; width:100px; margin:0; padding:5px 15px 5px 15px}

.image img{padding:0 5px 5px 0}

.description{position:relative; float:left; width:320px; margin:0; padding:5px 5px 0 20px}

.description a:link{text-decoration:underline; font-weight:bold}

.description a:hover{text-decoration:none}

.price{position:relative; float:left; width:355px; margin:0; padding:5px 0 0 20px}

.radius{position:relative; float:left; width:355px; margin:0; padding:3px 0 5px 20px; font-weight:bold}

.availability{position:relative; float:left; width:180px; margin:3px 0 0 55px; padding:3px; font-size:12px; text-align:center}

.pricing{position:relative; float:left; width:200px; margin:3px 0 0 15px; padding:3px; font-size:12px; text-align:center}

.select-property{position:relative; float:left; width:510px; padding:0; margin:0; height:32px}

.clear{clear:both}

.addtolist{position:relative; float:right; width:125px; padding-left:3px}

.addtolist p{padding:8px 0 8px 27px; margin:0; font-weight:bold; font-size:12px;}

input.select{position:absolute; top:6px; left:3px}

/* PAGINATION CSS ===================================================================================== */

.paginationstyle{width:580px; padding:2px 0; text-align:right}

.paginationstyle a{padding:0 5px; text-decoration:none; border:1px solid #2A3B83; color:#2A3B83; background-color:#fff}

.paginationstyle a:hover{color:#fff; background-color:#2A3B83}

div#gallerypaginate{position:relative; float:left; width:550px}

div#gallerypaginate a{text-decoration:none}

div#gallerypaginate span{padding:0 5px; text-decoration:none; border:1px solid #2A3B83; color:#2A3B83; background-color:#fff}

div#gallerypaginate span.selected{color:#fff; background-color:#2A3B83}

.paginationstyle-b{width:550px; padding:2px 0; text-align:left}

.paginationstyle-b a{padding:0 5px; text-decoration:none; border:1px solid #2A3B83; color:#2A3B83; background-color:#fff}

.paginationstyle-b a:hover{color:#fff; background-color:#2A3B83}

/* RANDOM CSS ===================================================================================== */

.button{font-size:14px; font-weight:bold; padding:3px}

div#boxright{position:relative; float:right}

h1.results{margin:10px 0; font-size:14px; color:#000}

span.head{font-weight:bold; color:#000; padding-bottom:3px;}

h1.oops{margin:10px 0; font-size:14px; font-style:italic}

span.big{font-size:20px}

/* HTML FIX ===================================================================================== */
/* Use this to clear divs with floats inside instead of using a clearing div */
.clear:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.clear{display:inline-block}

/* Hides from IE-mac \*/
* html .clear{height:1%}

.clear{display:block}

/* End hide from IE-mac */



/*Style for new continue box*/

div.continuebox {position:relative; float:left; width:548px; padding:0px; background-color:#2A3B83; color:#fff}

div.continuebox h2 { color:#fff; padding:8px 10px; font-size:12px;}

div.continuebox input.button {position:absolute; top:2.5px; left:440px; width:100px; height:25px; background-color:#fff; color:#2A3B83}