/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #438231; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	background: url( '../images/abproperties/body_bg.jpg' ) repeat-x #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#wrapper {
	width: 960px;
	margin: 95px auto 0 auto;
}

#footer {
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	letter-spacing: 1px;
	color: #999999;
}

#menu { width: 930px; height: 40px; font-size: 1.3em; font-family: Tahoma, Verdana, sans-serif; line-height: 33px; letter-spacing: 1px; margin-left: 30px; } 
#menu a { float: left; height: 33px; color: #022251; padding: 0 20px 0 20px; margin: 0 5px 0 5px; border: 7px solid #fff; border-width: 7px 7px 0 7px; background: url( '../images/abproperties/menu_bg.jpg' ) repeat-x; }
#menu a.current { background: url( '../images/abproperties/menu_bg_hl.jpg' ) repeat-x; color: #fff; }
#menu a:hover { background: url( '../images/abproperties/menu_bg_hl.jpg' ) repeat-x; color: #fff; text-decoration: none; font-style: italic; }

#pageContent { width: 100%; }
#pageContent #welcome_image { display:block; float: left; width: 582px; height: 221px; background-color: #fff; margin: 20px 0 0 0; }
#pageContent #logo { float: right; width: 300px; height: 81px; margin: 20px 20px 0 0; }
#pageContent #call-us { float: right; width: 300px; height: 54px; margin: 40px 20px 0 0; }
#pageContent #welcome_text { float: left; width: 562px; padding: 10px; background-color: #fff; margin: 10px 0 0 0; }
#pageContent #search_box { float: right; width: 300px; height: 275px; background: url( '../images/abproperties/search_bg.jpg' ) no-repeat; margin: 20px 20px 0 0; }
#pageContent #search_box label { width: 250px; margin: 18px 0 0 23px; }
#pageContent #search_box input { width: 250px; margin: 5px 0 0 23px; }
#pageContent #search_box select { width: 250px; margin: 2px 0 0 23px; }
#pageContent #propertyMapLink { float: right; width: 300px; height: 300px; margin: 20px 20px 0 0; }
#pageContent #rightColumn { float: right; width: 300px; }

#contentWrapper { width: 920px; padding: 10px; margin: 10px 0 0 0; background-color: #fff; }
#propertyWrapper { float: left; width: 562px; padding: 10px; margin: 10px 0 0 0; background-color: #fff; }

#footer { float: left; width: 940px; height: 20px; background-color: #fff; }
#footer p { font-size: 1.1em; color: #999;  }
#footer p a { color: #999; }

.featuredProperty { float: left; width: 200px; height: 200px; background-color: #fff; margin: 10px 20px 0 0; padding: 10px; text-align: center; }
.featuredProperty img { width: 190px; height: 140px; }
.featuredProperty h2 { padding: 0 5px 0 0; font-size: 1.4em; letter-spacing: normal; }
.featuredProperty h3 { padding: 5px 0 5px 0; letter-spacing: normal; }
.featuredProperty a { font-size: 1.2em; }

.propertyList { float: left; width: 562px; padding: 10px; margin: 10px 0 0 0; background-color: #fff; }
.propertyList h2 { float: left; padding: 0; width: 300px; }
.propertyList h3 { float: left; width: 300px; }
.propertyList p { float: left; width: 330px; padding: 10px; }
.propertyList .prop_img { position: relative; float: right; width: 200px; height: 150px; overflow: hidden; }
.propertyList .prop_img img { width: 200px; height: 150px; }
.propertyList .prop_img img.img_overlay{ width: 200px; height: 150px; position: absolute; top: 0; left: 0; }

#main_img { position: relative; top: 0; left: 0; margin-left: 90px; width: 480px; }
#main_img .mainPropImage { width: 480px; }
#main_img .img_overlay { position: absolute; top: 0; left: 0; }

.contactDetails { float: left; width: 300px; font-size: 1.2em; line-height: 18px; padding: 5px 20px 5px 50px; color: #666; }

#backLink { float: right; width: 230px; padding: 10px; background: #EFF8ED; margin-left: 10px; margin-top: 10px; font-size: 11px; line-height: 20px; text-align: center; font-weight: bold; font-size: 14px; }

#propertyLinks { clear: right; float: right; width: 230px; padding: 10px; background: #EFF8ED; margin-left: 10px; margin-top: 10px; }
#propertyLinks .propertyRef { text-align: center; font-size: 1.2em; color: #666; padding: 10px 0 10px 0; font-style: italic; font-weight: bold; letter-spacing: 1px; }
#propertyLinks ul { margin: 0; padding: 0; list-style-type: none; }
#propertyLinks a { float: left; width: 220px; padding: 5px; margin: 2px 0 2px 0; line-height: 24px; font-size: 1.1em; letter-spacing: 1px; }
#propertyLinks a img { padding: 0 10px 0 5px; }


#propertySizes { clear: right; float: right; width: 230px; padding: 10px; background: #EFF8ED; margin-left: 10px; margin-top: 10px; font-size: 11px; line-height: 20px; }
#propertySizes .propertyIntro { text-align: center; font-size: 1.2em; color: #666; padding: 10px 0 10px 0; font-style: italic; font-weight: bold; letter-spacing: 1px; }

.smallPics { width: 640px; text-align: center; margin: 20px 0 0 0; }
.smallPics .smallPropertyPic { width: 150px; height: 100px; margin: 5px 5px 0 5px; }

#progressBar { float: right; width: 230px; text-align: center; margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold; }
#googlemap { float: left; width: 665px; height: 500px; margin: 10px 0 0 10px; border: 1px solid #CCCCCC; font-size: 1.1em; }
#mapLegend { float: right; width: 230px; line-height: 30px; margin: 10px 0 0 0; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#mapLegend .legendItem { float: left; width: 200px; text-align: center; font-size: 1.2em; }
#mapSearch { float: right; width: 230px; line-height: 30px; margin: 10px 0 0 0; border: 1px solid #CCCCCC; background-color: #eeeeee; text-align: center; font-size: 1.1em; }
#mapSearch label { float: left; width: 150px; font-size: 1.0em; font-weight: normal; clear: both; margin: 0 0 0 25px; padding-top: 3px; }
#mapSearch input { float: left; width: 150px; margin: 10px 0 5px 40px; }
#mapSearch input.checkbox { width: auto; margin: 5px 0 5px 0; }
.bubble { text-align: center; }
.bubble h1 { padding: 0; font-size: 1.3em; }
.bubble h2 { padding: 0; font-size: 1.2em; }
.bubble h3 { padding: 0; font-size: 1.1em; }
.bubble img { width: 180px; height: 120px; padding: 5px 0 5px 0; }
.bubble a { color: #225; }

#calculators { width: 400px; margin: 10px 0 0 25px; }
#calculators h1 { font-size: 1.5em; }
#calculators form { margin: 20px 0 0 0; }
#calculators label { float: left; width: 150px; clear: none; margin: 2px 0 2px 10px; }
#calculators input { width: 180px; }
#calculators .radio { width: auto; margin: 3px 0 0 3px; }

#thumbBox { position: absolute; left: 0; top: 0; margin-top: 20px; width: auto; padding: 10px; padding-bottom: 0; background: #CCCCCC; visibility: hidden; z-index: 10; }
#thumbBox .footerbar { font-weight: bold; font-size: 1.3em; letter-spacing: 2px; line-height: 1.1em; color: #000000; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage { background-color: white; }
#thumbBox #thumbImage img { width: 550px; }
#thumbLoading { position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; }

#thumbGallery { width: 660px; margin: 10px auto 0 auto; border: 1px solid #CCCCCC; background-color: #eeeeee; padding: 5px; text-align: center; }
#thumbGallery .galleryThumb img { float: left; width: 100px; height: 65px; margin: 2px 5px 2px 5px; }

form#contact { margin: 0 0 0 50px; }
form#valuation label, form#homesbyemail label, form#propertyEnquiry label { margin: 0 0 0 50px; }
label { font-size: 1.2em; color: #022251; float: left; width: 150px; margin: 0 0 0 30px; }
label.subLabel { text-indent: 20px; }
label span.important {  }
input { float: left; width: 400px; border: 1px solid #999; padding: 2px; background-color: #fff; margin: 0px 0 10px 20px; }
textarea { float: left; width: 400px; background-color: #fff; border: 1px solid #999; padding: 2px; margin: 3px 0 10px 20px; }
select { float: left; width: 400px; border: 1px solid #999; padding: 2px; background-color: #fff; margin: 3px 0 10px 20px; }
input:focus, textarea:focus, select:focus { border: 1px solid #7e0123; }

h1 { padding: 5px 0 0 0; color: #022251; font-size: 1.7em; letter-spacing: 1px; font-weight: normal; font-style: italic; } 
h2 { padding: 30px 0 0 10px; color: #022251; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; }
h3 { padding: 10px 0 0 10px; color: #438231; font-size: 1.2em; letter-spacing: 1px; font-weight: normal; }
h4 { width: 650px; padding: 0 0 0 10px; color: #444; border-bottom: 1px solid #ccc; font-size: 1.2em; letter-spacing: 1px; font-weight: normal; margin: 20px 0 10px 30px; }

p { font-size: 1.2em; line-height: 18px; padding: 5px 20px 5px 20px; color: #666; }
p.propertyPage { padding: 15px 0 0 20px; width: 710px; }
#newsPage ul, #newsPage ol { font-size: 1.2em; margin-left: 50px; margin-top: 10px; }
#newsPage .newsItem { width: 800px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 10px; margin: 10px auto 10px auto; }
ul#priceList { list-style-type: none; font-size: 1.2em; margin: 10px 0 0 20px; }
ul#priceList li { line-height: 20px; }
ul#bulletPoints { list-style-type: square; font-size: 1.2em; padding: 0 0 0 40px; line-height: 20px; color: #666; }
ul.normal { list-style-type: square; font-size: 1.2em; padding: 0 0 0 40px; line-height: 20px; color: #666; }

.smallIndent { padding: 5px 20px 5px 40px; }
.viewProperties { font-weight: bold; color: #61b948; letter-spacing: 1px;}
.viewProperties a { color: #61b948; }

#photoGallery { text-align: center; }
#photoGallery #main_image{ margin:0 auto 40px auto; height:350px; width:500px; }
#photoGallery #main_image img{ margin-bottom:10px; }
#photoGallery .galleria { list-style:none; width:200px; }
#photoGallery .galleria li { display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0; }
#photoGallery .galleria li a { display:none; }
#photoGallery .galleria li div { position:absolute; display:none; top:0; left:180px; }
#photoGallery .galleria li div img { cursor:pointer; }
#photoGallery .galleria li.active div img, .galleria li.active div { display:block; }
#photoGallery .galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
#photoGallery .galleria li .caption { display:block; padding-top:.5em; }
#photoGallery .galleria_wrapper img { width: 400px; }
#photoGallery .propertyGallery { width:702px; margin:0 auto; }
#photoGallery .propertyGallery li { width:68px; height:50px; border:3px double #ccc; margin: 0 2px; background:#000; }
#photoGallery .propertyGallery li div { left:240px}
#photoGallery .propertyGallery li div .caption { font-size: 1.1em; font-style: italic; }
#photoGallery .gallery_nav { padding-bottom:15px; clear:both; font-size: 1.0em; letter-spacing:3px; text-transform:uppercase; }
#photoGallery .caption{ font-style:italic; color:#666; font-size: 1.1em; }
#photoGallery a{ color:#348; text-decoration:none; outline:none; }
#photoGallery a:hover{ color:#67a; }
* html #photoGallery .galleria li div span { width:400px } /* MSIE bug */