/* CSS Document */

/**************************
HTML
**************************/
#Container { background: #fff url(/Image/BannerBG.jpg) 0 0 repeat-x; }
.contentWrap { padding: 0px; background: none #FFF ; }
#mainContainer { width: 1026px; margin: 0 auto; /*** Centers the design ***/ min-height: 649px; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ }
* html #mainContainer { height: 649px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ }

.outer { margin-top: 649px; /*** We need to add some space for our top menu ***/ }

/**************************
RIGHT
**************************/
.Right {width: 1026px; padding:20px 0px 0px 0px; margin:0; float:left; }

.RightFloatLeft { width:753px; float:left}
.RightFloatRight { width:233px; float:left; padding: 15px 20px 0 20px; }

.Boxes { background:#f0efef; padding:10px; }
.BoxesLeft { width: 218px; float:left; padding: 0 10px 0 0; }
.BoxesMid { width: 228px; float:left; padding: 0 10px 0 10px; }
.BoxesRight { width: 228px; float:left; padding: 0 0px 0 10px; }

.Boxes h2 { font-size:13px; margin:0; padding:0; top:0; left:0; height:auto; line-height: 1.6em; font-weight:bold;   }
.Boxes h3 { font-size:12px; margin:0; padding:0; top:0; left:0; height:auto; line-height: 1.6em; font-weight:bold;   }

#BottomClear { background: none #FFF;  }

a.Submit { width: 228px; height:27px; text-align:center; display:block; padding:8px 0 0 0; margin:0; margin: 0px; border:none; background: url(/Image/SearchButtBG.jpg) 0 0 repeat-x; color:#fff; font-weight: bold; font-size: 13px; }
a.Submit:hover { border: 0px none; color:#efefef; }

div.scrollable { position:relative; overflow:hidden; width: 228px; height:213px; margin:0; padding: 0 0 0px 0;   }

#thumbs { position:absolute; width:20000em; clear:both; }
#thumbs div { float:left; width:208px; height:193px; overflow:hidden; padding:10px; color:#555;cursor:pointer; background:#f7f7f6; }
#thumbs div.hover { background:#fff; color:#000; }
#thumbs div.active { background-color:#fff; cursor:default; }
#thumbs img { border:none;}
#thumbs a { border:none;}

a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:18px; background:url(/Image/left.png) no-repeat; float:left; cursor:pointer; border:0; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; border:0; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(/Image/right.png); float:left; }

.navi { width:132px; height:20px; float:left; margin-left:60px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Image/navigator.png) 0 0 no-repeat; display:block; font-size:1px;	border:0 ; }
.navi a:hover { background-position:0 -8px; border:0 ;} 
.navi a.active { background-position:0 -16px; }

.ReadAllAdvice { text-align: center;  }


.MapPopUp {top:0px; left:0px; position: absolute; display: none; z-index: 99999; border-collapse: collapse; width:370px; height:auto; }
.MapPopUpInner { width:330px; height:auto; background:#FFFFFF; border: 10px solid #dddcdc; padding:10px 10px 10px 10px; color:#000; }
.MapPopUpInnerTip { margin: 0 0 0 270px; width:20px; height:20px; display:block; background: url(/Image/Tip.png) 0 0 no-repeat; }

.HousePopUp {top:0px; left:0px; position: absolute; display: none; z-index: 99999; border-collapse: collapse; width:260px; height:auto; }
.HousePopUpInner { width:220px; height:auto; background:#FFFFFF; border: 10px solid #dddcdc; padding:10px 10px 10px 10px; color:#000; }
.HousePopUpInnerTip { margin: 0 0 0 170px; width:20px; height:20px; display:block; background: url(/Image/Tip.png) 0 0 no-repeat; }

.HouseTitle { font-weight:bold; color:#1f407e; }

.FrontRequestHold {width: 242px; padding:0px 0px 0px 0px; margin:0; background: none; color:#000; font-size: 11px;}
.FrontRequestHold h5 {color: #000; border:none; padding:0 0 10px 0; margin:0; font-weight: bold; font-size: 13px;}

.FrontRequestHold a {color:#1f407e; font-weight:normal; text-decoration:none; border-bottom: 1px #fff dotted; }
.FrontRequestHold a:hover {color:#f7ae3f; border-bottom: #f7ae3f dotted 1px; }

.FrontRequestHold .imagehold a { border:none 0 ; }



/**************************
TOP BANNERS
**************************/
#Top { float: right; width: 1026px; height: 649px; padding: 0px; margin: -649px 0 0 -1026px; /*** Move the left column so it takes the positon as a top menu ***/ }
* html #Top { position: relative;  /*** IE needs this  ***/ }


/**************************
INDEX NEWS
**************************/
#NewsContainer { width:1026px; height:273px; background:url(/Image/News.jpg) 0 0 no-repeat; clear:both; }
#NewsHold { width:782px; float:left; }
	.NewsTop { height:38px; width:762px; color:#FFFFFF; font-size:16px; padding-top:17px;padding-left:20px;  }
	.NewsBottom {  width:782px; color:#FFFFFF; }
		.NewsBottom a { color:#f7ae3f; text-decoration:underline; }
		.NewsBottom a:hover { color:#FFFFFF; }
		.NewsBottom a.Title { font-size:14px; text-decoration:none; }
	.NewsArticle { width:221px; height:210px; padding:4px 5px 0 26px;font-size:11px; float:left;  line-height:1.5em;}
	
#NewsletterHold { width:244px; float:left; }
	#NewsletterHold .NewsTop {width:244px;padding-left:0px;}
	#NewsletterHold .NewsBottom {  width:244px; height:218px; }