﻿body {background-image: url(../../images/bg.jpg);background-repeat: repeat-x; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000}
html {padding:0px; margin:0px;}
img {border:none}
h1 {padding:0px 0px 10px 0px; margin:0px; float:left; width:100%; font-size:18px; font-family:helvetica; color:#8744a1;}
p {padding:0px; margin:10px 0px 10px 0px;}
a {text-decoration:none; color:#7f379b}
a:hover {text-decoration:underline}

#wrap {width:980px; margin-right:auto; margin-left:auto;}
#header {width:980px; height:118px; float:left; margin-bottom:15px;}
#logo {width:230px; height:84px; position:relative; left:0px; top:10px; z-index:1}

#nav {width:100%; height:34px; float:right; margin-top:4px; position:relative; top:0px; left:0px; z-index:5}
#nav ul {display:inline; list-style:none; float:right; padding:0px; margin:0px;}
#nav li {list-style:none; display:inline}
#nav a {padding: 7px 18px 10px 18px; background-color:#000000; margin-left:1px; float:left; color:#FFFFFF;text-decoration:none;}
#nav a:hover {background-color:#220f2a}
#nav a.active {background:url(../../images/hover_bg.jpg) repeat-x; border: solid 1px #fff; color:#7f379b;}

.sort {width:99%; height:34px; float:right; position:relative; top:0px; left:0px; border-top:solid 1px #ccc; background:url(../../images/stronger_bg.jpg) repeat-x bottom; padding-left:5px; overflow:hidden;}
.sort ul {display:inline; list-style:none; float:right; padding:0px; margin:0px;}
.sort li {list-style:none; display:inline}
.sort a {padding: 10px 22px 14px 22px; border-left:solid 1px #ccc; margin-left:1px; float:left; color:#000;text-decoration:none;}
.sort a:hover {background-color:#fbfbfb;}
.sort a.active {background:url(../../images/stronger_bg_hover.jpg) repeat-x top; border-left:solid 1px #ccc; color:#7f379b;}

.sorted {width:99%; padding-left:5px; background:#7f379b; height:17px; padding-top:3px; float:right; color:#fff;}
.sorted a {color:#000;}

.pages {width:100%; height:22px; float:right; position:relative; top:0px; left:0px; z-index:5}
.pages ul {display:inline; list-style:none; float:right; padding:0px; margin:0px;}
.pages li {list-style:none; display:inline}
.pages a {padding: 4px 7px 4px 7px; background-color:#fff; margin-left:2px; float:left; color:#000; text-decoration:none; border:solid 1px #ccc;}
.pages a:hover {border:solid 1px #7f379b;}
.pages a.active {background-color:#7f379b; border:solid 1px #7f379b; color:#fff;}
.pages td span {background-color:#7f379b; border:solid 1px #7f379b; color:#fff;padding: 4px 7px 4px 7px; display:inline-block;}
.pages table {padding:0px;margin:0px}
.pages td {padding:0px;margin:0px}

.side_container {width:253px; float:left;}
.side_btt {width:253px; float:left; margin-top:10px;}

.btt {background:url(../../images/buttons_bg.jpg) repeat-x; height:19px; text-align:right; color:#fff; float:left; text-decoration:none; padding-top:5px;}

#banner {width:980px; height:281px; float:left;}
#flash {height:280px; width:726px; background-image:url(../../images/banner.jpg); float:left;}

#search {background:url(../../images/search_bg.jpg) repeat-y; width:253px; height:280px; float:right;}
#search h1 {background:url(../../images/search_head.jpg) no-repeat; width:253px; height:40px; padding:0px; margin:0px; float:left;}
#search span {display:none}
#search table {width:253px; float:left; color:#fff}
#search tr {width:252px; height:39px;border-bottom: dashed 1px #171616; float:left; padding:0px;}
#search td {height:41px;}
#search select {width:138px; height:20px; float:right; outline:none;}
#search ul{display:inline; list-style:none; float:right; padding:0px; margin:0px;}
#search li {list-style:none; display:inline; float:left}
#search a {background:url(../../images/beds_bg.jpg) repeat-x; height:18px; width:22px; color:#fff; float:left; text-align:center; padding-top:4px; text-decoration:none; margin-right:5px;}
#search .button {background:url(../../images/search_button.jpg) no-repeat; width:253px; height:41px; position:relative; bottom:1px; left:0px; border:none; cursor:pointer}

.content {width:980px; float:left; margin-top:15px;}
.inner_content {width:715px; float:right;}
.inner_content h1 {width:705px;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc; margin-bottom:5px; padding-bottom:5px;padding-top:5px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom; padding-left:10px; }
.inner_content li {width:100%}
p.faq {padding:0px; margin:3px 0px 10px 10px; float:left;}
.inner_content a.question  {border-bottom:solid 1px #ccc;border-top:solid 1px #ccc; margin-bottom:5px; padding-bottom:5px;padding-top:5px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom; padding-left:10px; float:left; width:705px; font-size:12px; font-weight:bold;}

.inner_content a:hover.question  { background:none; text-decoration:none;}

.heading {border-bottom:solid 1px #ccc; overflow:hidden; font-size:16px; font-weight:bold; height:30px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom; width:715px; color:#fff; float:left;}
.heading2 {border-bottom:solid 1px #ccc; overflow:hidden; font-size:16px; font-weight:bold; height:30px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom; width:715px; color:#8744a1; float:left;}

.heading_b {width:auto; height:20px; float:left; margin-left:5px; margin-top:5px;}
.price {float:right; height:100%; padding:7px 20px 0px 20px; background-color:#8744a1;}
.bed {width:70px; float:left; vertical-align:middle; height:auto; color:#000; font-size:12px; font-weight:bold; text-align:right; margin-right:10px; border-right:solid 1px #ccc; padding-right:10px; padding-left:10px;}
.bed .number {width:20px; float:left; margin-top:10px;}

.bed2 {width:70px; float:right; vertical-align:middle; height:auto; color:#000; font-size:12px; font-weight:bold; text-align:left; margin-left:10px; border-left:solid 1px #ccc; padding-right:10px; padding-left:10px;}
.bed2 .number {width:20px; float:left; margin-top:10px;}

.property_container {width:713px; border: solid 1px #ccc; float:left;margin-top:10px; margin-bottom:10px;}
.property_container .left {width:219px; padding:10px; float:left;}
.property_container .right {width:450px; float:right; padding:10px; border-left:solid 1px #ccc;}
.property_container h1 {width:450px;background:none; border:none; padding:0px 0px 10px 0px; margin:0px;}
.property_container .right .price {font-size:14px; height:14px; width:100%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#8744a1; padding:0px; margin:0px; background:none; margin-bottom:5px;}
.property_container .right .area {font-size:14px; height:14px; width:100%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#8744a1; padding:0px; margin:0px; background:none; margin-bottom:5px;}
.property_container td {border-right:solid 1px #ccc; width:29%; padding-right:4px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom;}
.picture {width: 219px; float:left;}
.property_container .foot {height:15px; width:705px; float:left; background:#000; color:#fff; padding-left:10px; padding-top:2px;}
.property_container .right a {padding: 7px 15px 7px 15px; border-left:none; margin-left:1px; margin-top:5px; float:left; color:#fff;text-decoration:none; background:#8744a1;}
.property_container .phone {background:url(../../images/phone.jpg); width:188px; min-height:26px; float:right; margin-top:5px;}
.property_container .right a.chat {width:188px; min-height:26px; float:right; margin-top:5px; padding:0px; margin:0px;}

.symbols_container {width:450px; float:left; min-height:41px; margin-bottom:15px;}
.features {width:450px; float:left; padding:20px 0px 0px 0px; border-top:solid 1px #ccc; margin:20px 0px 10px 0px;}
.features ul {margin:0px; padding:0px; }
.features li {width:100px; height:29px; padding:13px 0px 0px 50px; margin:0px 0px 20px 0px; list-style:none; background:left no-repeat; float:left; display:inline;}
.features li.security{background-image:url(../../images/security.jpg);}
.features li.garden{background-image:url(../../images/garden.jpg);}
.features li.hot{background-image:url(../../images/hot.jpg);}
.features li.double{background-image:url(../../images/double.jpg); width:100px; height:35px; padding:7px 0px 0px 50px;}
.features li.wm{background-image:url(../../images/wm.jpg);}
.features li.wp{background-image:url(../../images/washing-point.jpg);}
.features li.doublebeds{background-image:url(../../images/doublebeds.jpg)}
.features li.heating{background-image:url(../../images/heating.jpg)}
.features li.heating_seven{background-image:url(../../images/heating_seven.jpg); width:100px; height:35px; padding:7px 0px 0px 50px;}
.features li.gates{background-image:url(../../images/gates.jpg)}
.features li.parking{background-image:url(../../images/parking.jpg)}

.icons {width:100%; float:left; height:auto; margin-top:10px;}
.icons a {color:#000;} 
.icon {width:auto; text-align:center; height:auto; float:left; margin-right:5px; padding:5px 5px 5px 5px; border-right:solid 1px #ccc; background-color:#fff; border-left:none; color:#000;}
.right  a.icon {width:auto; text-align:center; height:auto; float:left; margin-right:5px; padding:5px 5px 5px 5px; border-right:solid 1px #ccc; background-color:#fff; border-left:none; color:#000;}

.thumbs {width:71px; height:48px; float:left; margin-right:3px; margin-top:5px;}

.inner_banner {width:715px; float:right; margin-bottom:10px;}

.download {width:695px; float:left; text-decoration:none;}
.download a {background:url(../../images/testimonial_bg.jpg) bottom repeat-x; margin-left:-10px; padding:15px 10px 15px 50px; width:655px; float:left; text-decoration:none; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; list-style:inside;}
.download a:hover {background: top none; text-decoration:none;}
.download ul {padding:0px; margin:0px;}
.download li { width:715px; padding:0px; margin-bottom:10px; margin-left:10px; display:inline; float:left; position:relative; top:0px; left:0px;}
.doc_icon {width:35px; height:33px; overflow:visible; position:absolute; top:7px; left:0px; float:left; background:url(../../images/word_icon.gif) no-repeat;}
.pdf_icon {width:35px; height:33px; overflow:visible; position:absolute; top:7px; left:0px; float:left; background:url(../../images/pdf_icon.gif) no-repeat;}
.download_symbol {width:67px; height:43px; overflow:visible; position:absolute; top:1px; right:10px; background:url(../../images/download_symbol.gif) no-repeat;}

.featured_property {width:508px; float:left; border:solid 1px #ccc; position:relative;}
.featured_property .head { background:url(../../images/featured_head.jpg); height:7px; width:510px; float:left; margin-top:-1px; margin-left:-1px;}
.featured_property .foot { background: url(../../images/featured_foot.jpg); height:6px; width:510px; float:left; margin-bottom:-1px; margin-left:-1px;}
.featured_property .image {float:left; margin-left:6px; width:255px; height:181px;}
.featured_property .text {width:235px; float:right; margin-right:5px; }
.featured_property strong {color:#8744a1; font-size:14px;}
.featured_property h1 a{font-size:14px; padding:0px 0px 7px 0px; margin:0px 0px 0px 0px; border-bottom: solid 1px #ccc; text-decoration:none; width:100%; color:#8744a1; float:left;}
.featured_property .more {width:233px; height:24px; float:left; position:absolute; bottom:6px; right:6px;}

.home_shortcut {min-width:208px; height:190px; float:right;}

#footer {height:39px; width:980px; background:url(../../images/footer_bg.jpg) repeat-x; float:left; margin-top:15px; color:#fff;}
#footer .left {background:url(../../images/footer_l.jpg); height:39px; width:7px; float:left;}
#footer .right {background:url(../../images/footer_r.jpg); height:39px; width:6px; float:right;}
#footer .copy {text-align:left; margin-top:13px; float:left; margin-left:10px;}
#footer .links {text-align:right; margin-top:13px; color:#fff; float:right; margin-right:10px;}
#footer .links a{text-align:right; color:#fff; text-decoration:none}

.testimonial {width:100%; float:right;border-bottom:dashed 1px #ccc; padding-bottom:10px; margin-bottom:10px; background:url(../../images/testimonial_bg.jpg) repeat-x bottom;}
.testimonial:hover {background:none}
.testimonial strong {color:#8744a1}

.contact_map {width:387px; height:279px; float:left; border:solid 1px #ccc}
.contact_details {width:313px; float:right; overflow:hidden;}
.contact_details p {padding-left:10px;}
.msg {width:675px; margin:0px; border:dashed 1px #ccc; background: #F3F3F3;padding:20px;text-align:center}
dl {width:715px; margin:0px; padding:30px 0px 20px 0px; float:left; border:dashed 1px #ccc; background: #F3F3F3}
dt {width:159px; text-align:right; padding:3px 10px 0px 0px; float:left; margin-left:10px}
dd {width:170px; padding:0px; margin:0px 0px 10px 0px; float:left; display:inline;}
dt.oneline{clear:left; padding-right:10px;}
dd.oneline{width:322px; float:left;}
dt.summary {width: 200px;clear:left;padding:2px;margin:2px}
dd.summary {width:240px;height:20px;padding: 4px 0px 0px 0px;margin:0px;}

.find {width:80px; margin-left:10px; background:#8744a1; color:#fff}

dt.small {width:100px; float:left;}
dd.small{width:100px; float:left;}
dt.second {width:130px;}
dd.second {padding-right:59px;}

dl.payment {padding-left:60px; width:655px; margin-bottom:5px;}

dd.large {width:527px;}

select {width:322px; float:left;border: solid 1px #999;}
input {border: solid 1px #999; float:left;}
textarea {border: solid 1px #999; float:left;}
.textarea1 {border: solid 1px #999; float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:99%;}

/**********************LIGHTBOX*************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../../data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; height:22px; background-repeat:no-repeat;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.validatorTextDiv {color:White;height:16px;background-color:#d6232f; padding-left:4px; padding-top:0px;vertical-align:top;}
.hideDiv{display:none;visibility:hidden ;}
.showDiv{display:block;visibility:visible ;}
