/*-- Main body -----------*/

body {background-color:#Fdf7db;
text-align:center;
margin-top:5px;
font-size: 14px;
color: #403f3c;
font-family: Arial, Verdana, Courier, Tahoma;
background-image: url(../img/nhsback2.jpg);
background-repeat: repeat-x;
}
/*-- structure -----------*/

#wrap {width:930px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:10px 10px 10px 10px;
background-color:#FFFFFF;
border:1px solid #AFBB92;}

#header {height:125px;
background-image: url(../img/topcasa7.jpg);
background-repeat: no-repeat;
}

#logo {float:left;
margin-bottom:5px;
}

#header_right {width:490px;
float:right;
text-align:right;}

.head_sun{
float: right;
margin-right: 60px;
margin-bottom: 5px;}

.head_image {width:481px;
height:60px;
margin-left:auto;
margin-bottom:0px;}

#header_right .phone {font-size: 13px;
font-weight: bold;
float: left;
color: #e34301;}

.slogan {
font-size: 13px;
font-weight: normal;
color: #ffffff;
}

.date {
font-size:13px;
margin-top: 2px;
font-weight: normal;
color: #5e95fa;}

/* -- Navigation Top Menu Bar -------*/
/*Adding tab css*/
#navbar {
margin-top: 0;
}
.ddoverlap{
border-bottom: 1px solid #ffffff;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 89% "Arial";
list-style-type: none;
}


.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #ffffff;
background: transparent url('../img/righttab4.gif') 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #ffffff;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:hover{
/*selected tab style*/
color: #ff0000;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: url('../img/righttabselected.gif') no-repeat 100% 0em;
text-decoration: none;}

.ddoverlap li.selected a{ /*selected tab style*/
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: url('../img/righttabselected.gif') no-repeat 100% 0em;
color: #ff6600;}


.ddoverlap li.selected a:hover{
text-decoration: none;

}

/*-- Main content block -----------*/



#left_column {float:left;
width:150px;}

.searchbox {width:140px;
margin-top: 15px;
border: 1px #c6c6c6 solid;
padding-bottom: 5px;
background-image: url(../img/searchback3.jpg);
background-color: #d9f0fe;
background-repeat: repeat-y;}

.searchbox_content {padding: 0px 0px 0px 5px;
}

label.search {
font-size: 16px;
font-family: Arial, Verdana, Courier, Tahoma;
font-weight: bold;
color: #5081cf;}

label.name {font-size: 12px;
color: #330099;
text-align: right;
margin-right: 7px;}

label.findby {font-size: 12px;
color: #330099;
text-align: left;
margin-left: 6px;}

.button {margin-top: 5px;
background-color: #5e95f4;
color: #ffffff;
font-size: 12px;
margin-left: 35px;
font-weight: bold;
font-size: 12px;}

#ref{
margin-left: 5px;
}

div.propid {
font-size: 12px;
color: #ff0000;
background-color: #ffffff;}

.find {margin-top: 5px;
background-color: #5e95f4;
font-size: 12px;
color: #ffffff;
font-size: 12px;
margin-left: 4px;
font-weight: bold;}

#left_column select {width:120px;
margin-bottom:5px;
margin-left: 8px;}

#left_column h2 {margin-bottom: 20px;
margin-top: 20px;}

#left_column label {display:block;
padding-top:2px;}

#news {border: 1px #999999 solid;
padding: 5px;
margin-top: 10px;}

#news h2 {margin-top: 2px;}

#main {float:left;
width:930px;
margin-top: 10px;
margin-right: 5px;}
#centerblock {float:left;
width: 590px;}

div.mainpic img {border:none}

div.swapholder {width:99%;
height:390px;
overflow:hidden}

div.swapholder img {border-bottom:250px #e8ece8 solid;
border-right: 300px #e8ece8 solid;}

/*introtext Holds large image and first 5 image swaps*/
#introtext {float:left;
width:99.5%;
background-color: #fff;
margin-top: -10px;}

#linkbox {float:right;
width:130px;
padding:5px;}

.boxtop {background: url(../img/beine.gif) no-repeat top right;
background-color: #FEF4D0;}

.boxtop div {height: 15px;
background: url(../img/beinw.gif) no-repeat top left;}

.boxcontent {padding: 0px 0px 0px 5px;
background-color: #FEF4D0;}

.boxcontent h2 {font-size:15px;
font-weight:normal;
margin:0px 0px 5px 0px;
color:#535143;}

.boxcontent a {display:block;
color: #535143;}

.boxbottom {background: url(../img/beise.gif) no-repeat bottom right;
background-color: #FEF4D0;}

.boxbottom div {height: 15px;
background: url(../img/beisw.gif) no-repeat bottom left;}

#linkbox_left {float:left;
width:135px;
padding:0px;}

div #linkbox_left .boxcontent h2 {margin-top: 0em;
margin-bottom: 2px;}

#right_column {float:right;
width:320px;
background-color: #fff;
margin-top: -5px;}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

table.title {
border: 0px #e4e4e4 solid;
height: 42px;
margin-top: 6px;}

td.propname {
padding: 0px 5px 0px 10px;
color: #323232;
font-weight: bold;
font-size: 13px;
}

div.title {font-family: Arial, Verdana, Courier, Tahoma;
font-size: 16px;
font-weight: bold;
color: #ff3300;}

a {color: #0000ff;
text-decoration: none;}

a:hover {text-decoration: underline;}

a img {border:none;}

form {margin-top:0px;}

h1 {font-size:22px;
font-weight:normal;
margin-top:0px;
color: #595959;}

h2 {font-size:18px;
font-weight:normal;}

h2.blue {font-weight: bold;
color: #00adef;}

h2.blue a {color:#2586d7;
font-size: 14px;
font-weight: normal;}

h3 {font-size:15px;
font-weight:normal;}

h4 {font-size:14px;
font-weight: bold;
color: #5f5f5f;
margin: 4px 0 4px 10px;

letter-spacing: 1.15px;}

div.checkbox {
background-color: #cccc99;
border: 1px #dadada solid;
padding: 5px;
margin-bottom: 10px;
color: #000000;}

#title {float:left;}

#price {float:right;}

.justadded {padding-bottom:10px;
border:1px solid #CCCCCC;
margin-top: 5px;}

.justadded .image {float:left;
width:100px;}

.justadded .image img {width:100px;
height:80px;}

.justadded .summary {float:right;
width:375px;}

.justadded .summary a {margin-right:15px;}

.justadded .summary h3 {margin-top:0px;
margin-bottom:0px;
font-weight:normal;}

.justadded .innertube{
margin: 0px 25px 0 15px;
}

/*-- Featured Items -------------*/

.featured {padding:5px;
margin-bottom: 5px;}

.featured img {width:220px;
height:165px;
border:1px solid #8d8e26;}

/* --  Buying Guide ------------- */

.article {margin-bottom:15px;}

.article h2, .article h1 {margin-bottom:5px;
margin-top:0px;}

.article h2 {text-decoration:none;
color: #8a871e;}

.article .image {float:left;
width:145px;
margin-top:5px;
padding-top:10px;}

.article .image img {width:135px;
height:100px;
border:1px solid #8a871e;}

.article .description {float:right;
width:350px;}

.article .posted {color:#666666;}

/*-- Footer ---------------*/

#footer {width:940px;
margin-left:auto;
margin-right:auto;
padding-top:10px;

text-align:center;
color: #0033ff;
margin-bottom:40px;}

#footer h2 {font-size:12px;
margin-bottom:5px;
font-weight:bold;
color: #535140;
text-align: center;}

#footer a {font-size:13px;
color: #3333ff;
text-decoration: none;}

a.toplink {
float: right;
margin-right: 50px;}

#footer a:hover {text-decoration: underline;}

#footlinks {color: #796216;
text-align: left;}

#footlinks a {font-size:12px;
color: #796216;
text-decoration: none;}

#footlinks a:hover {text-decoration: underline;}

#footpics {border: 1px #999966 solid;
background-color: #fffced;
margin: 10px;}

#footpics img {width: 280px;
height: 210px;
margin-top: 8px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 8px;}

#footpics h4 {margin-bottom: 0px;
margin-left: 10px;
margin-top: 0px;
color: #585858;}

#minitext {font-size: 11px;
margin-top: 15px;
color: #3f699a;}

#minitext a {font-size: 11px;
text-decoration: none;
color: #3f699a;}

.location_summary {padding:5px;}

/*-- Helper classes -------------------*/

.center {text-align:center;}

.padded {padding:5px;}

.clear {clear:both;}

img.left {
float: left;}

/*Additions for details pages from db*/

#content #mainimage {float: left;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 20px;
}

.price {
font-size: 1.10em;
color: #ff5028;
font-weight: bold;
padding-top: 3px;
margin-top: 3px;}

.orangetext{
color: #ff5028;
font-weight: bold;
margin-left: 10px;
}

.rentprice{
color: #404040;
font-weight: normal;
font-size: 0.9em;
padding: 0 5px 0 10px;}

#rentnotes {
border: 1px #f0f0f0 solid;
padding: 4px;
background-color: #f3f6e1;
margin-top: 5px;}

#rentnotes p {
background-color: #ffffff;
margin-top: 4px;
font-size: 0.85em;
padding: 3px;}

.pricex {

font-size: 0.9em;
color: #5f5f5f;
font-weight: bolder;
}

div.print {
float: right;
margin-right: 15px;
margin-bottom: 8px;}

div.redtext {
font-family: Arial, Verdana;
font-weight: bold;
color: #ff0000;
background-color: #ffffff;
display: block;}

hr.top {
margin-bottom: 0px;
margin-right: 18px;
border: 1px #bbbbbb solid;}

.listname {
font-size: 1em;
color: #ff0099;
font-weight: bold;}

#minipic {height:75px;
width:298px;
overflow:auto;
border:1px #dadada solid;
}
#minipic_new {height:75px;
width:610px;
overflow:auto;
}

#thumbs {width:1600px;
height:55px;
padding:0;
margin:0;
list-style:none;
background-color:#fff;
}

#thumbs img {border: none;}

#minipic img {padding:4px;
width:78px;
height:50px;
float:left}

#minipic_new img {padding:2px;
width:78px;
height:50px;
margin-left: 4px;}

#feature {float: right;}

#maintext {width:345px;
clear: left;
float: left;
margin: 0px;}

#addinfotext {float: right;
width: 345px;
margin: 0px;}

.address {text-align: right;}

#addinfotext img {display: inline-block;
padding: 5px;
float: right;}

#closenav {clear: both;
text-align: center;}

#maindata {clear: both;}

#enquiry {width: 700px;
padding-left: 10px;
clear: left;}

.right {margin:10px 0 5px 10px;
float:right;
padding: 5px;}

.textright {text-align:right;}

.local {
background: #cccc99;
width:290px;
margin-top:13px;

border: 1px #bbbbbb solid;
margin-bottom: 5px;
height: 115px;}

.local h4 {
color: #ffffff;}

.local .image img {
width:120px;
padding: 8px;
float: left;
}

.local .area {
width:180px;}

.local .area a {margin-right:15px;
}

.local .area h3 {margin-top:0px;
margin-bottom:0px;
font-weight:normal;}