@charset "utf-8";
/* CSS Document houseswopper.com 2009 */

/* FIREFOX AND OTHER SCROLL BAR FIXS */
html {overflow-y: scroll;}
body {margin:0; padding:0; background:#C7F2F8;}

p {font-family:Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C; font-size:12px; margin:0; padding:0; line-height:16px;}
a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#419CBC; font-size:12px; font-weight:400; margin:0; padding:0;}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:500; margin:0; padding:0 0 10px 0;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:16px; font-weight:500; margin:25px 0 10px 0; padding:0; border-bottom:#333 2px solid; }
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px; font-weight:500; margin:0; padding:0 0 10px 0;}

img {border:none;}

span {font-family:Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C; font-size:12px; margin:0; padding:5px;}

/* PAGE CONTAINER */
#container {position: relative; margin: 0px auto; text-align: left; background:#FFF; width: 960px; color: #FF6600; padding:0;}
#container h1 { padding-left:0;}
.homePgStyles h1 {margin:0; padding-left:0;}

#pageHeader { background:url(../images/headers/header.jpg) no-repeat center top; width:960px; height:95px; padding:0; margin-bottom:10px;}
#pageHeaderMenu {padding:0 5px 0 5px; margin:0;}
a.pageHeaderMenu {font-family:Verdana, Arial, Helvetica, sans-serif; color:#2269D4; font-size:11px; margin:0; padding:0; text-decoration:none;}
a.pageHeaderMenu:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#B92FB8; font-size:11px; margin:0; padding:0; text-decoration:none;}
p.pageHeaderMenu {font-family:Verdana, Arial, Helvetica, sans-serif; color:#2269D4; font-size:11px; margin:0; padding:2px 5px 0 5px; text-align:right;}

/* 1 COLUMN */
#oneColumn_container {position:relative; width: 940px; margin-top:10px; padding-left:10px; background:#FFF;} 

/* 2 COLUMN */
#twoColumn_container {position:relative; width: 960px; margin-top:10px;} 
#twoColumn_left {float:left; width:690px; height:auto; display: inline; margin:0; padding:0 10px 0 10px;}
#twoColumn_right {float:left; width:218px; display: inline; margin:0; padding:10px; border-left:#333 2px solid;}

/* 2 COLUMN ALT */
#twoColumnAlt_container {position:relative; width: 960px; margin-top:10px; background-color:#FFF;} 
#twoColumnAlt_left {float:left; width: 220px; display: inline; margin:0; padding-left:10px; background-color:#FFF;}
#twoColumnAlt_right {float:left; width: 700px; display: inline; margin:0; padding:10px; background-color:#FFF;}

/* 3 COLUMN */
#threeColumn_container {position:relative; width: 960px; margin:0; padding:0; background-color:#FFF;} 
#threeColumn_left {float:left; width: 330px; display: inline; margin:0; padding:0 10px 10px 10px; background-color:#FFF;}
#threeColumn_cen {float:left; width: 330px; display: inline; margin:0 10px 0 10px; padding:0 10px 10px 10px; border-left:#333 2px solid;}
#threeColumn_right {float:left; width: 200px; display: inline; margin:0; padding:0 10px 10px 10px; border-left:#333 2px solid;}


/* Homepage Search Box */
#searchBox {position:relative; background: url(../images/homesearch_bg.jpg) no-repeat center top; height:220px; width:960px; margin-top:10px; padding:0; }
#searchBoxInner {position:absolute; top:30px; left:30px; background:#FFF; padding:10px; margin:0; width:600px; height:150px;}
#searchBoxInner h1,h2,h3 {padding:10px; margin:0; border:none;}
.searchBoxField {width: 200px; height:18px;}
#searchBox {padding:0; margin:0;}
#searchBoxForm p {font-size:9px; font-style:italic; margin:0;}

#searchBoxDed {position:relative; background: url(../images/search_swap_bg.jpg) no-repeat center top; height:220px; width:940px; margin-top:10px; padding:0; }
#searchBoxInnerDed {position:absolute; top:30px; left:20px; background:#FFF; padding:10px; margin:0; width:600px; height:150px;}
#searchBoxInnerDed h1,h2,h3 {padding:10px; margin:0; border:none;}
#searchBoxInnerDed li {width:300px; height:28px; font-family:Verdana, Geneva, sans-serif; color:#333; font-size:12px;}
.searchBoxFieldDed {width: 200px; height:18px;}
#searchBoDedx {padding:0; margin:0;}
#searchBoxFormDed p {font-size:9px; font-style:italic; margin:0;}
#searchBoxDed label {width:90px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#browseByMap {float:left; width:200px; background:#FFF; outline:none; border:none;}
#browseByMap ul {list-style:none; margin:0; padding:0; }
#joiningBenefits {float:left; width:450px; margin-left:20px; padding-left:10px;}

.listHorSearch {float:right; width:auto; padding:15px 5px 5px 5px;}
.listHorSearch ul {list-style-type: none; margin:0; padding:0; font-size:10px;}
.listHorSearch li { float: left; padding:0; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-right:2px solid #0092D2;}
.listHorSearch li a {font-size:16px; outline: none; padding:0px 7px 0 7px; margin:0; color:#0092D2; font-weight:300;  text-decoration:none;}
.listHorSearch li a:hover {color:#0092D2; background:none;}

#login {float:right; width:auto; padding:5px; margin:10px 10px 0 0;}

.listHorFooter {width:940px; padding:10px;}
.listHorFooter ul {list-style-type: none; margin:0; padding:0; font-size:10px;}
.listHorFooter li { float: left; padding:5px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-right:1px solid #333;}
.listHorFooter li a {font-size:12px; outline: none; padding:0 5px 0 5px; margin:0; color:#333; font-weight:normal;}
.listHorFooter li a:hover {color:#0092D2; background:none;}

/* Contact Form */
#wrapper {width:375px;margin:0 auto; float:left; border-left:#333 2px solid; padding-left:10px;}
.message {background:#eee; color:#000;display:none;width:375px;padding:10px;}
.contact {text-align:left;}
.contact ul {list-style-type:none; padding:0; margin:0;}
.contact li {list-style-type:none; padding-bottom:10px;}
.contact li.special {display:none;}
.contact input {width:225px;}
.contact textarea {width:225px;}
label { float:left; width:100px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333333; padding:0; margin:0;}

/* Search Results Item */
#searchOptions {width:680px; height:200px; background:#D3FBFE; margin-bottom:10px;}
#searchOptions label {width:200px;}
#topResultsBar {width:680px; height:50px; background:#DCEFEC;}
.item { position:relative; width:920px; height:100px; border:#999 1px solid; padding:10px; margin:10px 0 10px 0;}
.itemLeft {float:left; width:150px; border-right:#CCC 1px solid;}
.itemRight {float:left; width:560px; padding:0 10px 10px 10px;}
.item h2 {padding:0 0 10px 0; margin:0;}
.item p {padding:0; margin:0;}

#joinCon {padding:0; width:690px;}

#joinStatusBar {width:690px;background:#399;}
.listHorJoin { width:690px; background:#2DB01A; padding:5px 0 5px 0; height:18px;}
.listHorJoin ul {list-style-type: none; margin:0; padding:0;}
.listHorJoin p {font-size:14px; color:#FFF;}
.listHorJoin li { float: left; padding:0; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:33%; text-align:center; }

.listHorGen { width:690px; background:#FC0; padding:5px 0 5px 0; height:20px;}
.listHorGen ul {list-style-type: none; margin:0; padding:0;}
.listHorGen p {font-size:12px; color:#333;}
.listHorGen li { float: left; padding:0; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:33%; text-align:center; }

.listHorHmeTitle { width:600px; background:none; padding:5px 0 0 0;}
.listHorHmeTitle ul {list-style-type: none; margin:0; padding:0;}
.listHorHmeTitle p {font-size:12px; color:#333;}
.listHorHmeTitle li {float:left; padding:5px; margin:0; text-decoration:none;}

.postcodeBox { width:680px; height:30px; background:#E2FAFC; padding:5px;}
.postcodeBox ul {list-style-type: none; margin:0; padding:0;}
.postcodeBox p {font-size:12px; color:#333;}
.postcodeBox li {float:left; padding:5px 10px 0 0; margin:0; text-decoration:none;}

.listHorHmeSearch { width:580px; background:none; padding:5px 0 0 0; height:18px;}
.listHorHmeSearch ul {list-style-type: none; margin:0; padding:0;}
.listHorHmeSearch p {font-size:12px; color:#333;}
.listHorHmeSearch li { float: left; padding:5px 5px 5px 10px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }

.moneySaving { width:680px; background:none; padding:5px 0 5px 0;}
.moneySaving ul {list-style-type: none; margin:0; padding:0;}
.moneySaving p {font-size:12px; color:#693;}
.moneySaving li {padding:0; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.contPanTop { width:920px; background:#D5F4FF; padding:5px 10px 5px 10px; height:22px; margin-left:10px;}
.contPanTop ul {list-style-type: none; margin:0; padding:0;}
.contPanTop p {font-size:12px; color:#333;}
.contPanTop li { float: right; padding-left:10px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }

.contPanTopEmail {background:#D5F4FF; padding:5px 0 5px 0; height:22px; margin:0;}
.contPanTopEmail ul {list-style-type: none; margin:0; padding:0;}
.contPanTopEmail p {font-size:12px; color:#333;}
.contPanTopEmail li { float: left; padding-left:10px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }

.addFeature {padding:5px; height:18px;}
.addFeature ul {list-style-type: none; margin:0; padding:0;}
.addFeature p {font-size:12px; color:#333;}
.addFeature li { float: left; padding:5px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; }


.Pagination { background:#C8EEFD; padding:5px 0 5px 0; height:38px; width:940px;}
.Pagination ul {list-style-type: none; margin:0; padding:0;}
.Pagination p {font-size:14px; color:#333;}
.Pagination li { float: left; padding:5px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:136px; text-align:center; }


.keyFeatures {background:none; padding:5px 0 5px 0; height:38px; width:600px; margin-left:20px;}
.keyFeatures ul {list-style-image:url(../images/star.gif); margin:0; padding:0;}
.keyFeatures p {font-size:12px; color:#333;}
.keyFeatures li { float: left; padding:5px 25px 5px 5px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:150px; text-align:left; }

.regFrm {padding:0; margin:0;}
.regFrm h1,h2,h3 {padding:10px 0 10px 0;}
.regFrm label {float: left; width:175px; font-family:Verdana, Geneva, sans-serif; padding-bottom:5px;}
.regFrm br {clear:left;}
.regFrm input, textarea {width: 180px; margin-bottom: 5px;}

#errorBox { border:#F00 2px dashed; padding:10px; margin:10px 0 10px 0; width:auto;}
#errorBox p {color:#F00;}

#greenBox { border:#390 2px dashed; padding:10px; margin:10px 0 10px 0; width:auto;}
#greenBox p {color:#390;}

#greenBoxList {background:#3C0; border:#000 2px solid; padding:10px; }
#greenBoxList h1 {text-align:center; margin:0; padding:0; font-weight:bold;}

#redBoxList {background:#ED4163; border:#000 2px solid; padding:10px; }
#redBoxList h1 {text-align:center; margin:0; padding:0; font-weight:bold;}


#propBigTitle {position:relative; width:940px; height:82px; background:url(../images/prop_details_top.jpg); margin-left:10px; padding-top:10px;}
#propBigTitle h1 {font-size:24px; margin:0; padding:0;}
#propType {position:absolute; right:10px; top:14px; z-index:20000;}
#propBigTitle h1 {margin:0; padding:10px;}
#gallCon {padding:0;}
.mainPic {width:310px; height:230px; background:#FFF;  padding:0;}
.thumbPics { float:left; width:310px; height:240px; background:#FFF; margin:0; padding:0;}
.gallConLeft {float:left; width:310px; height:230px; background:#CCC; margin-right:10px; padding-left:0;}
.gallConRight {float:left; width:310px; height:230px; background:#FFF;}
.gallNav {width:310px; background:#FFF; margin:0; padding:0;}
.gallNav h3 {margin:0; padding:5px 0 0 0;}
.thumbItem { padding:0 5px 5px 5px;}



.managePropertyClass h2 {border-bottom:#333 2px solid; margin:25px 0 10px 0;}
.savePropertyCon {width:920px; padding:10px; margin:5px 0 5px 0; background:#0C3; text-align:right;}
.savePropertyCon a {font-size:14px; color:#000;}

#fileUploadCon {width:920px; height:400px; background:#CCC; padding:10px;}
#fileUploadLeft {float:left; width:380px; padding:10px 0 0 0; margin-right:10px;}
#fileUploadRight {float:left; padding-left:10px; height:400px; border-left:#333 2px solid; width:510px;}

#manThumbHolder {position:relative; width:510px; height:300px; overflow:auto;}
.manThumbCon {float:left; width:490px; height:125px; border-top:#333 1px solid; border-bottom:#333 1px solid; padding:5px 0 5px 0;}
.manThumbLeft {float:left; width:145px;}
.manThumbRight {float:left; width:155px;}

.settingsClass h2 {border-bottom:#333 2px solid; margin:25px 0 10px 0;}


a.button { background: transparent url(../images/grn_but_right.gif) no-repeat scroll top right; color: #333; display: block; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; height: 22px; margin:10px 0 5px 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url(../images/grn_but_span.gif) no-repeat; display: block; line-height: 12px; padding: 4px 0 6px 10px;}
a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span { background-position: bottom left; padding: 5px 0 5px 10px; /* push text down 1px */}

a.blueButton { background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right; color: #333; display: block; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; height: 22px; margin:0 0 5px 0px; padding-right: 10px; /* sliding doors padding */ text-decoration: none;}
a.blueButton span {background: transparent url(../images/bg_button_span.gif) no-repeat; display: block; line-height: 12px; padding: 4px 0 6px 10px;}
a.blueButton:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.blueButton:active span { background-position: bottom left; padding: 5px 0 5px 10px; /* push text down 1px */}


.threadCon { display:block; width:690px; padding:5px; margin-bottom:10px;}
.threadConLeftCol {float:left;}
.threadConCenCol {float:left; padding:5px 0 0 10px; width:150px;}
.threadConRightCol {display:block; float:left; width:435px; padding:10px;}
.mess_divide{height:2px;margin:0px;padding:0;border-top:1px solid #b3b3b3;background:#fff url('../images/header_divide.gif') top center no-repeat;overflow:hidden;}
.msg_divide_bottom{height:1px;margin:0px 0px 0px 245px;background:#ddd;overflow:hidden;}

.featProp {float:left; width:465px;}
.featPropCon {float:left; width:205px; border:#E7FFCE 2px solid; padding:10px 5px 5px 5px; margin-right:5px; margin-bottom:10px;}
.featPropTop { text-align:center;}
.featPropTop p { text-align:center; padding-bottom:5px;}

.messageList { width:700px; padding:5px 0 5px 0; height:20px;}
.messageList ul {list-style-type: none; margin:0; padding:0;}
.messageList p {font-size:12px; color:#333;}
.messageList li { float: left; padding-right:20px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; }

.activateList { width:920px; padding:5px 0 5px 0; height:120px;}
.activateList ul {list-style-type: none; margin:0; padding:0;}
.activateList p {font-size:12px; color:#333;}
.activateList li { float: left; padding-right:20px; margin:0; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; }