@import "reset.css";
@import "forms.css";

body { background-color: #fff; color: Black; font: 11px /normal Verdana, Helvetica, sans-serif; text-align: center; line-height:1.5em; }

a,a:link,a:visited { color: #fff; }
a:hover { color: #ff8100; }

a.button1, a.button1:visited { padding: 1px 8px; border: solid 1px #fff; background-color: #ff8100; color: #fff; font-weight: bold; font-style: italic; }
a.button1:hover { background-color: #ff0c00; color: #fff; }

a.goback { float: right; padding: 5px; font-size: 92%; font-style: italic; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { padding-bottom: 1em; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

.label { color: #ff8100; }

/* Titles */

h3 { margin-bottom: .5em; font-size: 15px; }

#logo { float: left; }
#logo a, #logo a:visited { color: #ff8100; }
#logo a:hover { color: #fff; }
#logo img { display: block; }

#outline { clear: right; float: right; margin-top: 72px; font-size: 18px; }

h1.wide{ background:#FF8100; font-size:18px; font-weight:bold; color:#000; padding:4px 12px; margin:0; }

h2.boxTitle { margin-bottom: 15px; text-align: center; }

h2.section { position: relative; height: 25px; background-color: #ff8100; color: #fff; }
h2.section span { padding: 1px 8px; background-color: #000; font-size: 20px; line-height: 25px; text-align: center; text-transform: uppercase; }
h2.section img { position: absolute; top: 0; left: 50px; padding: 0 3px; background-color: #000; }

ul.paging { clear: both; float: right; margin-bottom: 1em; }
ul.paging li { display: inline; }
ul.paging li a.prev, ul.paging li a.next { color: #ff8100; }
ul.paging li a.prev:hover, ul.paging li a.next:hover { text-decoration: underline; }



/* Layout
==============================================================================================  */

#container { width: 758px; margin: 12px auto 0; background: #000 url(../images/box1-right.gif) top right repeat-y; color: #fff; text-align: left; }
#content { padding-right: 8px; }
#header { padding: 17px 25px 0; background: transparent url(../images/box1-tr.gif) top right no-repeat; height:130px; }
#content .sidebar { float: left; width: 256px; }
#content .mainbar { float: left; width: 490px; margin-left: -1px; }
#content .inner { padding: 15px 20px; }
#footer { clear: both; width: 100%; background: #fff url(../images/box1-bottom.png) top left no-repeat; color: #000; }
* html #header { height: 1px; }

div.datarow { clear: both; width: 100%; border-top: solid 1px #ff8100; }
#queryBar { clear: both; padding: 2em 20px 0 50px; }

/* GALLERY */
.a-rounded{ background:url("../images/rounds/a-round.gif") no-repeat; width:320px; height:240px; float:left; margin:10px; padding:11px; _margin-left:5px; }
.b-rounded{ background:url("../images/rounds/b-round.gif") no-repeat; width:354px; height:240px; float:left; margin:10px 0; padding:11px; }

.b-rounded-top{ background:url("../images/rounds/b-round-top.gif") no-repeat top left; width:376px; float:left; margin:10px 0; padding-top:11px; }
.b-rounded-bottom{ background:url("../images/rounds/b-round-bottom.gif") no-repeat bottom left; width:354px; float:left; padding:11px; }
.b-rounded-middle{ background:url("../images/rounds/b-round-middle.gif") repeat-y; width:376px; float:left; }

.c-rounded{ background:url("../images/rounds/c-round.gif") no-repeat; width:320px; height:189px; float:left; margin:0 0 10px 10px; padding:11px; _margin-left:5px; }

.c-rounded-top{ background:url("../images/rounds/c-round-top.gif") no-repeat; width:342px; float:left; margin-left:10px; padding-top:11px; _margin-left:5px; }
.c-rounded-bottom{ background:url("../images/rounds/c-round-bottom.gif") no-repeat left bottom; width:320px; float:left; padding:0 11px; }
.c-rounded-middle{ background:url("../images/rounds/c-round-middle.gif") repeat-y; width:342px; float:left; }

.d-rounded{ background:url("../images/rounds/d-round.gif") no-repeat; width:355px; height:189px; float:left; margin:0 0 10px 10px; padding:11px; }

#largepic{ border:1px solid #FF8200; }
img.hoverme{ border:1px solid #FF8200; }

.b-rounded-middle h1{ font-size:32px; font-family:Arial, sans-serif; padding:0 0 6px 0; }
.b-rounded-middle h2{ font-size:20px; font-family:Arial, sans-serif; padding:6px 0 14px 0; }
.d-rounded-middle h3{ font-size:20px; font-family:Arial, sans-serif; padding:0 0 0 0; color:#ff8100; }
.d-rounded-middle h3 em{ color:#fff; font-style:normal; }

.d-rounded table.space{ width:180px; margin-bottom:8px; }
.d-rounded table.space label{ margin-right:6px; }
.d-rounded table.space td{ vertical-align:top; }
.d-rounded form input{ width:100%; }

ul.description{ margin:0; padding:0; width:60px; float:left; }
ul.description li{ margin:0 0 10px 0; padding:0; list-style:none; }
ul.description li.bedrooms{ background:url("../images/icons/bedrooms.gif") no-repeat right center; }
ul.description li.bathrooms{ background:url("../images/icons/bathrooms.gif") no-repeat right center; }
ul.description li.reception{ background:url("../images/icons/sofa.gif") no-repeat right center; }
ul.description li.park{ background:url("../images/icons/trees.gif") no-repeat right center; }
ul.description li.car{ background:url("../images/icons/car.gif") no-repeat right center; }
.b-rounded-bottom p{ padding-left:100px; text-align:justify; }

dl.gal{ margin:0; padding:0; }
dl.gal dd{ margin:0 0 12px 0; padding:0; float:left; width:98px; height:86px; }
dl.gal dd.middle{ margin:0 12px 12px 12px; }
dl.gal dd a{ display:block; width:96px; height:84px; border:1px solid #ff8100; }
dl.gal dd a img{ margin:0; padding:0; }

ul.utils{ margin:0 16px 0 0; padding:0; list-style:none; width:150px; float:left; }
ul.utils li{ margin:0 0 8px 0; padding:0; line-height:36px; padding-left:40px; }
ul.utils li#map{ background:url("../images/buttons/map.gif") no-repeat; }
ul.utils li#pdf{ background:url("../images/buttons/pdf.gif") no-repeat; }
ul.utils li#fplan{ background:url("../images/buttons/floorplan.gif") no-repeat; }
ul.utils li#gal{ background:url("../images/buttons/gallery.gif") no-repeat; }
ul.utils li#tour{ background:url("../images/buttons/tour.gif") no-repeat; }

/* Masthead */
#masthead{ border-bottom:1px solid #FF8200; width:750px;height:252px; clear:right; }

/* Boxes */
dl.box{ background:url("../images/box.gif") no-repeat; width:236px; height:253px; float:left; margin:10px; _margin:10px 7px; }
dl.box.middle{ margin:10px 0; }
dl.box dt{ padding:12px 12px 6px 12px; }
dl.box dd{ padding:6px 12px; }
dl.box dd p{ font-size:11px; line-height:normal; }
dl.box dd p span{ font-size:14px; }
a.button-arrow{ background:url("../images/arrow.gif") no-repeat top right; line-height:32px; font-size:18px; color:#ff8200; padding-right:38px; display:block; text-align:right; }

/* side nav */
dl.sidenav{ padding:10px; margin:0; width:236px; }
dl.sidenav dt{ padding:8px 12px; margin:0; background:#FF8200 50% 0 url("../images/box.gif") no-repeat; line-height:22px; font-weight:bold; text-transform:uppercase; font-size:16px; font-family:Century Gothic, Verdana, Arial, sans-serif; color:#ff8102; font-weight:bold; }
dl.sidenav dt em{ font-style:normal; font-weight:normal; color:#fff; }
dl.sidenav dd{ padding:0 12px; margin:0; background:url("../images/rounded-bg.gif") repeat-x; line-height:34px; border-left:1px solid #FF8200; border-right:1px solid #FF8200; border-bottom:1px solid #FF8200; }
dl.sidenav dd.last{ border:none; padding:0; }
dl.sidenav dd.last img{ display:block; line-height:normal; }

/* gray rounded */
div.gray-middle{ background:url("../images/gray-middle.gif") repeat-y; width:482px; float:left; margin-top:10px; }
div.gray-bottom{ background:url("../images/gray-bottom.gif") no-repeat left bottom; width:482px; float:left; }
div.gray-top{ background:url("../images/gray-top.gif") no-repeat left top; width:482px; float:left; }

/* RSS */
#rss{ width:750px; float:left; border-top:1px solid #ff8200; }
#rss p{ width:380px; float:left; padding:6px 10px; }
#rss p a{ color:#ff8200; }
#rss ul{ float:right; }
#rss ul li{ float:left; background: url("../images/rss-small.gif") no-repeat left center; padding-left:26px; line-height:33px; margin:0 10px 0 16px; }
#rss ul li a{  }

/* Navigation */

#navbar { clear: both; width: 750px; background:url("../images/nav-bg.gif") repeat-x; float:left; text-align:center; }

#nav { padding-left:6px; _padding-left:0px; }
#nav li { margin-left: 7px; font-weight: bold; text-transform: uppercase; padding-right:8px; background:url("../images/nav-dsp.gif") no-repeat top right; float:left; }
#nav li a{font-size:11px; line-height:35px; }
#nav li.last{background:none; }
#nav li a, #nav li a:visited {}
#nav li a:hover, #nav li a.on { color: #ff8100; }


#subnav li { padding-left: 9px; background: url(../images/bullet1.gif) top left no-repeat; font-size: 14px; font-weight: bold; }
#subnav li a, #subnav li a:visited {}
#subnav li a#on { color: #ff8100; }


/* Tables */

table { font-size: 1em; }
table td { vertical-align: top; }
table h3 { margin: 0; }

table.tableA td img.preview { border: solid 1px #fe8100; }
table.tableA td { padding: 0 10px 5px 0; }


/* Quick Search */

/*#quickSearch table { margin-bottom: 1em; }*/
#quickSearch input#maxprice, #quickSearch input#bedrooms, .frm input{ width: 70px; border:0; }
#quickSearch input#rental, #quickSearch input#sales, #quickSearch input#commercial  { border:0; }


/* Banners */

div.banner img { display: block; }


/* Welcome */
/* width: 122px; */
#welcome h2.section span { min-width: 109px;float:left; }
#welcome .subbar { float: left; clear:both; }
#welcome .subbar .inner { padding: 15px 12px; }
#welcome .body { margin-left:110px; }
#welcome .body .inner { padding: 15px; }

.space input{margin-bottom:2px;}

/* Product module */

.product h2 { font-size: 18px; font-weight: normal; }
.product h2.forsale { float: right; color: #ff8100; }
.product h3.price { margin-bottom: 3px; font-size: 18px; }

.product ul.params li { width: 40px; padding: .5em 28px .5em 0; background-position: center right; background-repeat: no-repeat; text-align: center;  }
.product ul.params li.param1 { background-image: url(../images/icon-bed.png); }
.product ul.params li.param2 { background-image: url(../images/icon-bathroom.png); }
.product ul.params li.param3 { background-image: url(../images/icon-sofa.png); }
.product ul.params li.param4 { background-image: url(../images/icon-park.png); }
.product ul.params li.param5 { background-image: url(../images/icon-car.png); }

.product .desc { text-align: justify; }

#product, #products { clear: both; }

#product .barA { float: left; width: 320px; margin-right: 20px; }
#product .barB { float: left; width: 90px; }
#product .barC { float: right; width: 245px; }

#product dl.visuals img { display: block; float: left; }
#product dl.visuals dd { float: left; }

#product ul.controls { clear: both; width: 100%; padding-top: 2em; text-align: center; }
#product ul.controls li { display: inline; line-height: 220%; }
#product ul.controls li a { margin: 0 5px; }

li.product { clear: both; padding: 15px 20px 0; border-top: solid 1px #ff8100; }
li.product .barA { float: left; width: 260px; margin-right: 15px; }
li.product .barB { float: left; width: 90px; }
li.product .barC { float: right; width: 340px; }
* html li.product { height: 1px; }


/* Book a viewing */

#bookAViewing { width: 195px; margin: 30px 0; }
#bookAViewing form input.text { width: 146px; }
#bookAViewing form table th { width: 49px; }


/* Address */

div#address { margin-left: 120px; }


/* Links */

#links li { float: left; width: 50%; margin-bottom: 5px; }
#links li h3 { margin-bottom: 0; }
#links li img { float: left; margin-right: 5px; border: solid 1px #ff8101; }


/* Testimonials */

#testimonials li { margin-bottom: 1em; }
#testimonials h3 { margin-bottom: 0; color: #ff8100; }


/* Footer */

#footer { padding-top: 5px; font-size: 92%; }
#footer p { padding: 0 15px 0 5px; }
#copy-statement { float: right; }

a{ outline:none; }