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



body {background-color: #Fdf7db;
text-align:center;
margin-top:5px;
font-size: 13px;
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:160px;}

#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: 14px;
font-weight: bold;
float: left;
color: #ff6633;
margin-top: 10px;}

.slogan {
font-size: 14px;
font-weight: normal;
margin-top: 4px;
color: #7cac34;
letter-spacing: 1px;}

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


/* -- Navigation Top Menu Bar -------*/

/*Adding tab css*/
.ddoverlap{
border-bottom: 1px solid #ffffff;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% "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/image4.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 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 -----------*/

#content {margin-top:5px;}

div.headline0 {
font-size: 1.4em;
color: #ffffff;
margin-top: 4px;
font-weight: bold;
margin-bottom: 4px;
background-color: #99cc33;
padding-left: 4px;}

div.headline1 {
font-size: 1.4em;
color: #ffffff;
margin-top: 4px;
font-weight: bold;
margin-bottom: 4px;
background-color: #cc33cc;
padding-left: 4px;}
div.headline2 {
font-size: 1.4em;
color: #ffffff;
margin-top: 4px;
font-weight: bold;
margin-bottom: 4px;
background-color: #0060e7;
padding-left: 4px;}
div.headline3 {
font-size: 1.4em;
color: #ffffff;
margin-top: 4px;
font-weight: bold;
margin-bottom: 4px;
background-color: #00aa6e;
padding-left: 4px;}
div.webcontent img {
border: none;}
div.headline-error {
font-size: 1.4em;
color: #ffffff;
margin-top: 4px;
font-weight: bold;
margin-bottom: 4px;
background-color: #ff3300;
padding-left: 4px;}

div.subheadline {
line-height: 1.75em;
color: #666600;}

#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: 15px;
font-family: Arial, Verdana, Courier, Tahoma;
font-weight: bold;
color: #5081cf;
margin-top: 3px;
margin-right: 3px;
padding-left: 5px;}

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;}


#ref{
margin-left: 5px;}

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

#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;}

#pricelink {
}

#pricelink ul li {
margin-left: 0px;
list-style-type: square;
color: #2186d6;
}

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

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

#main {float:right;
width:767px;
margin-top: 12px;}

#centerblock {float:left;
width:500px;
background-color: transparent;
}

#mainfeature {float:left;
width:370px;
height:340px;
}

#content-text {float:left;
width:496px;}

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

.boxtop {background: #ffffff 
}

.boxtop div {height: 15px;
}

.boxcontent {padding: 0px 0px 0px 5px;
background-color: transparent;
height: 260px;
}

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

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

.boxbottom {background: #FFFFFF;
}

.boxbottom div {height: 5px;
}

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

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

#right_column {float:right;
line-height:1.2em;

width:250px;}

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

div.right_title {
font-size:1.25em;
letter-spacing:1.4px;
font-weight:700;
background-color:#fff;
margin-top:0.5em;
color: #ff6633;
margin-bottom: 0.5em;}
div.display-block {
float:left;
width:100%;
height:132px;
background-color:#ebf9e2;
margin:8px 0 5px;
}

div.display-block-big {
float:left;
width:99%;
height:165px;
margin:8px 0 5px;
}

div.block-title {
height:14px;
font-size:1em;
font-weight:700;
margin-top:2px;
margin-left:2px;
overflow:hidden;
}

div.thumbpic {
width:95%;
height:108px;
float:left;
overflow:hidden;
background-image:url(../development/testcasa2b.jpg);
background-repeat:no-repeat;
margin-top:5px;
}

div.spec {
width:44%;
height:113px;
float:right;
background-color:#fff;
margin:0 0 2px;
}

div.spec p {
margin-left:auto;
margin-top:2px;
line-height:1.3em;
padding-left:8px;
}


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

a:hover {text-decoration: underline;}

a img {border:none;}

form {margin-top:0px;}


form .button {
border: none; 
padding: 2px 8px;
font-size: 1em;
color: #ffffff;
font-weight: bold;
margin-left: 2em;
margin-top: 1em;
background-color: #339966;}
form .button:hover {
    border: none;
    background: url('../img/button2.jpg') no-repeat top left;
    padding: 2px 8px;
    color: #fff;
font-weight: bold;
}

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

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

h2.blue {font-weight: bold;
color: #639cef;
margin-bottom: 0px;
}
h2.green {font-weight: bold;
margin-bottom: 0px;
color: #336633;}
h2.orange {font-weight: bold;
color: #ff6633;
margin-bottom: 0px;
}

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

h2.orange a {color: #ff6633;
font-size: 14px;
font-weight: normal;}

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

#title {float:left;}

#price {float:right;}

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

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

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

.justadded .summary {float:right;
width:375px;
text-align: left;
margin-left: 12px;}

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

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

.justadded table {
border: 1px #DFDFDF solid;
}

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

.featured {padding:5px;
margin-bottom: 5px;
background-color: #fffce5;
float: left;
clear: both;}

div .picblock {
width: 225px;
height: 160px;
float: left;
}

.featured img {

margin: 5px 0px 0px 0px;
}


div .specblock{
background-color: #fff;
float: left;
clear: left;
width: 225px;
margin-top: 5px;
margin-bottom: 5px;}

div .specblock strong{
font-weight: bold;
color: #336633;}


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

.article {margin-bottom:15px;}

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

.article h2 {text-decoration:none;
color: #0097f5;}

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

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

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

.article .image2 img {width:140px;
height:102px;
border: 1px #c1c1c1 solid}

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

.article .posted {color:#666666;}



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

#footer {width:940px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
text-align:center;
color: #330099;
margin-bottom:40px;}

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

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

#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;}

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


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

.location_summary {padding:5px;}

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

.center {text-align:center;}

.padded {padding:5px;}

.clear {clear:both;}

/*Additions for details pages from db*/

.keytext {
color: #0c21ab;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
margin-top: 0px;
}


.price {
float: right;
font-size: 1.15em;
color: #2a802a;
font-weight: bolder;}
#minipic {
clear: both;
width: 690px;
margin-top: 2px;}

#minipic img {
padding: 0px;
padding-right: 5px;
width: 60px;
height: 45px;
padding-bottom: 5px;
padding-top: 5px;}

#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;
}

.redtext{
color: #FB0000;
}

.child {
position:relative;
height:16px;
width: 135px;
font-size: 12px;
top: -21px;
color: #ffffff;

}

.two {margin: 0px;
background: red;
overflow: hidden;
float: left;
}

#searchbox{
background-color: #ebf9e2;
margin-top: 14px;}
.detail-button,.viewall-button {
border:none;
float:right;
}