/* ---------- Body Attributes ---------- */

* html .border-tr { /* IE hack for Image and Box Border Design */
height: 1px;
}

body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
background: white url(/images/background.gif) repeat-x 0px 0px;
margin: 0px 0px 0px 0px;
height: 100%;
/* overflow: auto; */
}

/* ---------- Shared Div Attributes ---------- */

#printBanner {
	display: none;
}

#printFooter {
 	display: none;
}

#overallContainer{
width: 765px;
margin: 0 auto;
height: 100%;
background: white url(/images/overallcontainer-background.png) repeat-y;
}

#topbar{ /* Topbar container */
width: 765px;
height: 225px;
margin: 0 auto;
background: white url(/images/topbar-background.gif) no-repeat;
}

#flashBanner{
width: 753px;
margin: 0 auto;
}

#bodyContainer{ /* Contains middle part of page background with gradient fade */
width: 765px;
margin: 0 auto;
background: transparent url(/images/bodycontainer-background.gif) no-repeat;
}

#bodyContainerBorder{ /* Creates left, right, and bottom grey line/border */
width: 721px;
margin: 0 auto;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}

.leftSidebarContent{
margin: 0;
padding: 0;
}

#rightSidebarContent{
margin: 0;
padding: 0 10px 0 0;
}


#footer{
width: 765px;
margin: 0 auto;
background: transparent url(/images/footer.png) repeat-y;
clear: both;
}

#footerContent{
padding: 10px;
text-align: center;
}

hr{
height: 1px;
color: #d5d5d5;
background-color: #d5d5d5;
border: 0px;
width: 100%;
}

.clear{ /* Used to force background to show through floating DIVs */
clear: both;
}

/* ---------- Home/About Page Specific Div Attributes ---------- */

#leftSidebarHomeAbout { /* Left sidebar used for Home and About pages */
width: 150px; /* Width of photos must be this value, minus 20px, for border design to be even */
float: left;
padding: 0 10px 10px 10px;
/* border: 1px dashed #ff9933; for testing only */
}

#mainHomeAbout{ /* Main column left margin for Home and About pages */
margin: 0 0 0 170px;
padding: 0;
}

#mainContentHomeAbout{ /* Main column width for Home and About pages */
width: 280px;
padding: 0 10px 10px 0;
border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
}

#rightSidebarHomeAbout{ /* Right sidebar used for Home and About pages */
width: 250px;
float: right;
padding: 0;
/* border: 1px dashed #ff9933; for testing only */
}

/* ---------- Contact Page Specific Div Attributes ---------- */

#leftSidebarContact { /* Left sidebar used for Contact pages */
width: 190px; /* Width of photos must be this value, minus 20px, for border design to be even */
float: left;
padding: 0 10px 10px 10px;
/* border: 1px dashed #ff9933; for testing only */
}

#mainContact{ /* Main column left margin for Contact pages (leftSidebar + 20px width) */
margin: 0 0 0 210px;
padding: 0;
}

#mainContentContact{ /* Main column width for Contact pages */
width: 313px;
padding: 0 10px 10px 0;
border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
}

#rightSidebarContact{ /* Right sidebar used for Contact pages */
width: 180px;
float: right;
padding: 0;
/* border: 1px dashed #ff9933; for testing only */
}

/* ---------- Buyers/Sellers/Listings Page Specific Div Attributes ---------- */

#leftSidebarBuyersSellersListings{ /* Left sidebar used for Buyers/Sellers/Listings pages */
width: 135px; /* Width of photos must be this value, minus 20px, for border design to be even */
float: left;
padding: 0 10px 10px 10px;
/* border: 1px dashed #ff9933; for testing only */
}

#mainBuyersSellersListings{ /* Main column left margin for Buyers/Sellers/Listings pages (leftSidebar + 20px width) */
margin: 0 0 0 155px;
padding: 0;
}

#mainContentBuyersSellersListings{ /* Main column width for Buyers/Sellers/Listings pages */
width: 545px;
padding: 0 10px 10px 0;
border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
}

/* ---------- Links Page Specific Div Attributes ---------- */

#leftSidebarLinks{ /* Left sidebar used for Links pages */
width: 330px; /* Width of photos must be this value, minus 20px, for border design to be even */
float: left;
text-align: left;
padding: 0 10px 10px 10px;
}

#mainLinks{ /* Main column left margin for Links pages (leftSidebar + 20px width) */
margin: 0 0 0 350px;
padding: 0;
}

#mainContentLinks{ /* Main column width for Links pages */
width: 330px;
float: right;
text-align: left;
padding: 0 10px 10px 0;
border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
}

/* ---------- Videos Page Specific Div Attributes ---------- */

#mainVideo{ /* Main column left margin for Video pages */
margin: 0 0 0 15px;
padding: 0;
text-align:center;
}


#mainContentVideo{ /* Main column width for Video pages */
	width: 680px;
	border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	text-align:right;
}

.VideoBox {
margin-bottom:0px;
padding-bottom:0px;
}

.VideoBox p{
margin-bottom:10px;
margin-right:5px;
margin-top:10px;	
padding:0 0 0 0;
}

.VideoBox a:visited {
text-decoration: none;
color: #ce0000;
}

.ColumnVideoMain {
text-align:right;
}

.ColumnVideoSecond {
float:left;
text-align:left;
width:320px;
margin-left:5px;
}

.ColumnVideoSecond a:visited{
text-decoration: none;
color: #0a3d7e;
}

#VideoFrames {
width: 320px;
height: 290px;
margin: 0px;
border: none;
scrollbar-face-color:#6f2358;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#e9c0dd;
scrollbar-shadow-color:#6f2358;
scrollbar-highlight-color:#6f2358;
scrollbar-3dlight-color:#d798c4;
scrollbar-darkshadow-color:#d798c4;
}

#VideoFramesD {
width: 160px;
height: 170px;
margin: 0px;
border: none;
scrollbar-face-color:#6f2358;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#e9c0dd;
scrollbar-shadow-color:#6f2358;
scrollbar-highlight-color:#6f2358;
scrollbar-3dlight-color:#d798c4;
scrollbar-darkshadow-color:#d798c4;
}


#VideoFooter {
text-align:center
}

.VideoClip {
margin-bottom:0px;
padding-bottom:0px;
background:#e2e3ec;
}

.VideoLoad {
margin-bottom:0px;
padding-bottom:0px;
background:#e2e3ec;
}

.VideoLoad img {
margin-bottom:0px;
padding-bottom:0px;
background:#e2e3ec;
}

.VideoBody {
margin:0;
background:#e2e3ec;
}

/* ---------- Testimonials Page Specific Div Attributes ---------- */

#mainTestimonials{ /* Main column left margin for Testimonials pages */
margin: 0 0 0 15px;
padding: 0;
}

#mainContentTestimonials{ /* Main column width for Testimonials pages */
width: 680px;
padding: 0 10px 10px 0;
border: 1px solid #ffffff; /* Removing this otherwise useless border creates a gap in Gecko/Firefox */
}

/* ---------- Form Design ---------- */

.formBox{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: #f7f6f9 url(/images/formbox-background.gif) repeat-x;
padding: 10px;
}

.buyerSellerField{
width: 200px;
font-size: 11px;
}

.buyerSellerTextbox{
width: 200px;
height: 120px;
font-size: 11px;
}

.buyerSellerSubmitReset{
width: 50px;
height: 20px;
background-color: #0a3d7e;
font-weight: bold;
font-size: 11px;
color: #ffffff;
border: 1px solid #a5acb2;
}

.contactField{
width: 135px;
font-size: 11px;
}

.contactTextbox{
width: 135px;
height: 80px;
font-size: 11px;
}

.contactSubmitReset{
width: 50px;
height: 20px;
background-color: #0a3d7e;
font-weight: bold;
font-size: 9px;
color: #ffffff;
border: 1px solid #a5acb2;
}

.requiredField{
color: #ce0000;
font-weight: bold;
}

/* ---------- Image and Box Border Design ---------- */

.border-t {background: url(/images/border-top.gif) repeat-x 0 0;}
.border-b {background: url(/images/border-bottom.gif) repeat-x 0 100%;}
.border-l {background: url(/images/border-left.gif) repeat-y 0 0;}
.border-r {background: url(/images/border-right.gif) repeat-y 100% 0;}

.border-bl {background: url(/images/border-bottomleft.gif) no-repeat 0 100%;}
.border-br {background: url(/images/border-bottomright.gif) no-repeat 100% 100%;}
.border-tl {background: url(/images/border-topleft.gif) no-repeat 0 0;}
.border-tr {background: url(/images/border-topright.gif) no-repeat 100% 0; padding: 10px }

.infoBox{
background: #f7f6f9 url(/images/infobox-background.gif) repeat-x;
padding: 10px;
}

/* ---------- Text Attributes ---------- */

.bodyText{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
line-height: 18px;
}

.bodySubheader{
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ce0000;
}

.bodyTitle{
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #ce0000;
}

.smallText{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.alignLeft{
text-align: left;
}

.alignRight{
text-align: right;
}

.alignCenter{
text-align: center;
}

/* ---------- List Attributes ---------- */

ul{
list-style-image: url(/images/list-item.gif);
line-height: 16px;
}

/* ---------- Link Attributes ---------- */

a{
text-decoration: none;
color: #0a3d7e;
}

a:link{
text-decoration: none;
color: #0a3d7e;
}

a:visited{
text-decoration: none;
color: #0a3d7e;
}

a:active{
text-decoration: none;
color: #ce0000;
}

a:hover{
text-decoration: underline;
color: #ce0000;
}


/** listings */

.listing_box_ext {
	border: 1px solid #dedede;
	padding: 8px;
	margin-bottom: 10px;
}

.listing_box_int {
	background: #f7f6f9 url(/images/infobox-background.gif) repeat-x;
	padding: 10px;
}

.listing_image {
	width: 150px;
	float: left;
	border: 1px solid #333333;
	margin: 0 10px 10px 0;
	background-color: #efefef;
}

.listing_info {
	
}

.listing_price {
	float: right;
	font-weight: bold;
	font-size: 14px;
}

.listing_extended_info .row  {
	clear: both;
	margin: 10px 0;
}

.listing_extended_info label , #mortgageCalc label {
	display: block;
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-bottom: 10px;
	
}

.listing_description {
	display: block;
	clear: both;
}

.listing_description a{
	font-weight: bold;
	font-size: 12px;
}
#loginform fieldset{
	margin: 20px 80px;
	padding: 30px;
	border: 1px solid #454545;
}

#loginform fieldset legend{
	font: 14px tahoma;
	font-weight: bold;
	color: #454545;
}

#loginform fieldset .row{
	margin: 5px 0;
}

#loginform fieldset .row label{
	display: block;
	padding-top: 3px;
	font-weight: bold;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

#loginform fieldset .row input{
	border: 1px solid black;
	font: 11px tahoma;
	padding: 1px;
}

#loginform #submitbutton{
	padding: 3px 18px;
	font-weight: bold;
}

/** help */

#help {
	padding: 10px;
	border: 1px solid #454545;
	background-color: white;
	margin: 6px;
}
#help * {
	font: 11px tahoma;
	font-family: tahoma, verdana, arial, sans-serif;
	color: #454545;
}
#help b {font-weight: bold;}
#help h1 {
	font-size: 18px;
	display: block;
	text-align: Center;
	border: 1px solid #454545;
}

#help h2 {
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #454545;
}
#help h3 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	display: block;
}
#help a {
	color: #ca2228;
	text-decoration: underline;
}
#help .note {
	display: block;
	padding: 4px; 
	background-color: #ffffcc;
	border: 1px solid #dedede;
	margin-top: 2px;
}

/** pagination */

#pagination a img{
	border: 0;
}

#emailProperty, #requestViewing, #mortgageCalc {
	background-color: white;
	width: 210px;
	padding: 2px;
	border: 1px solid #dedede;
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -120px;
	z-index: 100;
}

#mortgageCalc {
	width: 400px;
	margin-left: -200px;
}


.boldLabel {
font-weight:bold;
color:#990000;
}

.formField {
width:200px;
font-size:11px;
}

input {
font-size:11px;
}

textarea {
font-size: 11px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#searchBox {
	display: none;
}

#temps {
	display: none;
	
}

.row {
	display: block;
	clear: left;
}

/* Mortgage calculator fields */
#MP {
	border: none;
	font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ce0000;
}

#searchBox {
	width: 170px;
	border: 1px solid #dedede;
	margin: 2px;
	padding: 4px;
	background-color: #ffffcc;
	float: right;
}

/* listings_excerpomail_form */
#listings_excerpomail_form input#excerpomail_email{
	width: 90px;
}

/* Image Gallery specific */
#gallery div.album {
	display:block;
	clear:both;
	text-align:left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#gallery div.album h3 {
	text-align:left;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	margin-bottom:5px;
}
#gallery div.album img {
	margin-right:15px;
	border:0px;
}

#show_gallery h2 {
	font-style:normal;
	font-size:18px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 10px 0px 10px;
	color:#003399;
}
#show_gallery p {
	text-align:left;
	margin:0px 10px 10px 10px;
}
#show_gallery div.photo {
	float:left;
	margin:15px;
}
#show_gallery h2 {
	zz_font-style:normal;
	zz_font-size:16px;
	text-align:left;
	zz_font-family: Verdana, Arial, Helvetica, sans-serif;
	zz_margin:0px;
	zz_color:#000000;
}