﻿body { background: url( '../Images/TopBG.jpg' ); background-repeat: repeat-x; background-color: #E2FBD3; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; }

a{ text-decoration:underline; color:#66BF17; font-weight:bold }

h1{ font-size:16px; font-weight:bold; margin-bottom:20px;}
h2{ font-size:13px; color:#66BF17; font-weight:bold;}
h3{ font-size:12px; color:#66BF17; font-weight:bold;}

ul {margin-left:20px;}
ul ul {margin-left:35px;}

.siteColor{ color:#66BF17; font-weight:bold}

.breadcrumb{ position:absolute; right:20px; top:0}
.breadcrumb a{ color:#66BF17}

/* Pager */
.pager{ float:right; vertical-align:top}
.currentPage { color:#000; font-weight:bold}
.pageLink { color:#66BF17; font-weight:bold; text-decoration:underline; }
.pageNavImage { border:solid 1px #000}
.pagerResults{padding:0 10px;}

/* Global */
#container{  margin:0 auto; width:975px; display:block; text-align:center}
#content{ padding:0 15px; background-color:#FFF; width:957px; position:relative; text-align:left}
#rightContent{ float:left; width:280px; margin-left:10px;  }
#footer{ font-size:10px;}

/* Header */
#header {position:relative; width:975px; font-weight:bold; height:222px;background: url( '../Images/Header.jpg' ); background-repeat:no-repeat; color:#66BF17 }
#headermenu{ position:absolute; top:10px; right:10px; text-align:right}
#headermenu a{ color:#66BF17; text-decoration:none}
#menu{ position:absolute; bottom:10px; right:10px}
#menu a{ text-decoration:none; margin-right:15px; color:#FFF; }
#menu a:hover{ text-decoration:underline; color:#66BF17 }
.checkout{ position:absolute; left:270px; bottom:10px; cursor:hand; cursor:pointer}

/* Account */
.success div { display:inline; margin-top:100px;  }
div.accountSection { font-size:11px; background-image:url('../Images/SectionBackground.jpg'); background-repeat:repeat-y; color:#000;clear:left; background-color:#68BF18; padding:5px; border:solid 1px #000; width:650px;}
div.accountSection table.form tr td.labelColumn, table.form tr td.labelColumn{ text-align:right; width:190px; padding-right:10px; vertical-align:top}

/* Homepage */
#homepage{background-image: url('../Images/HomePageBG.jpg'); background-repeat:no-repeat; width:987px; height:372px; left:-15px; position:relative}
#aboutHomepage{ width:300px; float:left; margin-right:18px; padding:10px;  }
#sellerHomepage{ width:280px; color:#FFF; float:right; margin-right:18px; text-align:center;padding-left:28px; padding-top:55px;}
#buyerHomepage{ width:280px; color:#FFF; float:right; text-align:center;padding-left:28px;padding-top:55px;}
#aboutHomepage input, 
#sellerHomepage input, 
#buyerHomepage input { width:150px;}
.homePageForm{ text-align:left; margin-left:20px; }
.field{ margin-bottom:2px; }

/* My Houses */
fieldset.house  { width:440px; float:left; line-height:16px}
fieldset.house .button {font-size:10px; padding:2.5px; cursor: pointer; }
fieldset.house a.button {font-size:10px;  padding:2px; } 
div.housesection { font-size:11px; background-image:url('../Images/SectionBackground.jpg'); background-repeat:repeat-y; color:#000;clear:left; background-color:#68BF18; padding:5px; border:solid 1px #000; border-top:none;}
div.housesection table.form tr td.labelColumn, table.form tr td.labelColumn{ width:150px; text-align:right; padding-right:10px; vertical-align:top}
table.checkboxlist{ width:430px;}
table.checkboxlist tbody tr td { width:220px;}
div.housesection table.checkboxlist label {display:block; float:left; width:160px;  text-align:right; clear:left; margin-right:5px;}
div.housesection table.checkboxlist input {display:block; float:left;}
.successOverride{ width:938px;  background: #CBF9B0; color: #67C018; font-weight:bold; border:1px solid #67C018; padding:5px; }
.errorOverride{ width:938px;  background: #FBE3E4; color: #D12F19; font-weight:bold; border:1px solid #FBC2C4; padding:5px; }
.successOverride span, .errorOverride span{ float:left; width:600px; padding-top:5px; }
.successOverride img, .errorOverride img{  float:left; margin-right:5px; }
.divHeader{ border-collapse:collapse; padding: 4px; background-color: #66BF17; color: #FFF; font-weight: bold; border:solid 1px #000; }

/* Image Upload */
.imageUploadPanel input{ display:block}
.mainPhoto { float: left; width:300px; text-align:center; border: 1px solid #999999; background-color: #CBF9B0; padding: 5px; margin-right:15px; }
.mainPhoto img{border: 1px solid #999999 !important; margin:0 auto}
.photos{ float:left; padding-right:20px; }
.photos .button{ width:100%; padding:1px; font-size:10px; margin-bottom:3px; }
.photoUpload{border: 1px solid #999999; background-color: #CBF9B0; padding:5px; width:202px;}

/* Properties */
.propertiesContainer{}

/* Property */
.actionPanel{width:100px; float:left; background: #CBF9B0; font-weight:bold; border:1px solid #67C018; position:absolute; right:30px; padding:10px; text-align:center;}

/* Contact Us */
div.contactUsSection {width:940px; float:left; font-size:11px; background-image:url('../Images/SectionBackground.jpg'); background-repeat:repeat-y; color:#000;clear:left; background-color:#68BF18; padding:5px; border:solid 1px #000;}
div.contactUsSection table.form tr td.labelColumn, table.form tr td.labelColumn{ text-align:right; width:70px; padding-right:10px; vertical-align:top}

/* Right Content Control */
.randomHouses {    }
.contactARealtor { border:solid 1px #000 !important; }
.randomHouses img{  border: solid 1px #000; }
.randomHouse{ clear:both; font-size:10px;background-color: #F5F5F5;padding: 3px; border: solid 1px #000; width:276px;}
.randomHouseInformation{ margin-bottom:10px;}
.lookingFor{ padding:5px; background-color:#63BC16; border:1px solid #000; font-style:italic; color:#FFF; font-weight:bold;  }
.randomHouses hr { border:none; height:1px; padding:0; background-color:#000}
.imageDisplay{ border:solid 1px #000;}

/* Discount */
div.discount { font-size:11px; background-image:url('../Images/SectionBackground.jpg'); background-repeat:repeat-y; color:#000;clear:left; background-color:#68BF18; padding:5px; border:solid 1px #000;}
div.discount table tr td.labelColumn, div.discount table tr td.labelColumn{ text-align:right; width:130px; padding-right:10px; vertical-align:top}

/* Register */
.popUp{ background-color:#FFF; color:#000; border:solid 1px #000; padding:5px;}

/* Sample Houses */
.sampleHouses tbody tr td{ vertical-align:top}

/* Swapping Properties  */
.swapHouse{clear:both; font-size:10px;background-color: #F5F5F5;padding: 3px; border: solid 1px #000; width:302px;}
.swapHouse .lookingFor{ height:50px;}

/* Posts */
.posts { padding:0 15px; background-color:#FFF; width:957px; position:relative; text-align:left }
.posts .post img, .arhivePosts .post img { border:solid 1px #000 !important; float:left; margin-right:5px; margin-bottom:5px}