﻿/* CSS Document */
body { margin: 0px; padding:0px; width:100%; height:100%; background: #FFFFFF url(../images/bg2.gif) repeat-x 0 0;}
div {margin:0px; padding:0px; text-align:left;}
form { margin: 0px; padding: 0px; }
h1,h2,h3,h4 {margin: 0px; padding:0px; z-index:1;}
img {border:0; margin: 0px; padding:0px;}
object {border:0; margin: 0px; padding:0px;}
.b0 {border: 0px; }
ul {display:inline; margin:0px; padding:0px; list-style:none;}
li {list-style:none; list-style-image:url(../images/bullet.gif); list-style-position:inside; margin:0px; padding:0px;}
ol {list-style:none; list-style-image:url(../images/bullet.gif); margin:0px; padding:0px;}
ul.MenuBarHorizontal li {list-style-image:none;}
a span { display:block;width:auto; }
a span img { display:inline}
.inline {display: inline; float: left;}
.fLeft { float: left; }
.fRight { float: right; }

/***************************************************** STRUCTURE *****************************************************/
div#container {width:990px; height:100%; margin:0px auto;}
div#top {display:inline; float:left; clear:both; width:990px; height: 103px; margin: 0px; background: transparent;}
#toplogo{display: inline; float: left; clear:left; width: 346px; height: 103px; background: url(../images/atlantic-logo.gif) no-repeat left top;}
div#center{display:inline; float:left; clear:both; width:990px; height:100%; background: #FFFFFF; margin-top: 20px; position:relative;}
div#leftColumn { display:inline; float:left; clear:left; width:765px; height:100%;}
div#rightColumn {display:inline; float:left; clear:right; width:225px; height:100%; background-color:Transparent; vertical-align: top; }
div#footer{display:inline; float:left; clear:both; width: 100%; height: 88px; background-color: #509cc7; }
div#flags{display:inline; float:left; clear:both; width: 765px; height: 64px; background-color: #ffffff; position:relative; bottom:0px; left:0px; bottom:0px; left:0px; vertical-align:bottom;}

div.footer { margin: 0px auto; width: 990px; padding-top: 5px;}
div.lfooter{display:inline;float:left;clear:left;width:460px; margin: 10px 0px 0px 24px;}
div.rfooter{display:inline;float:left;clear:right;width:500px;text-align:right;margin-top:10px;}
.footDivs { border-bottom: #bfbfbd solid 1px; width: 500px; }
.footDivs2 { border-bottom: #bfbfbd solid 1px; width: 600px; }

#linefl {width: 745px; height: 1px; float: left; background-color: #ededed; }
div.lflags{display:inline;float:left;clear:left;width:180px;}
div.rflags{display:inline;float:right;width:380px; margin: 8px 20px 0px 0px;}
.flagDivs { border-bottom: #bfbfbd solid 1px; width: 400px; }
.flagDivs2 { border-bottom: #bfbfbd solid 1px; width: 380px; }
.agentsonly {display: inline; float: left; width: 180px; height: 45px; vertical-align: bottom;  margin: 19px 0px 0px 10px;}

.banners { margin: 7px 0px 0px 0px;}
.titlesbg {display:inline; float: left; height: 145px; width: 745px;}
.titlesbg2 {display:inline; float: left; height: 40px;}
.titlesin {display:inline; float: left; height: 100px; width: 745px;}
.titlesbg2 {display:inline; float: left; width: 745px; margin-top:26px; padding-left:19px;}
.textalign {margin-top: 26px; margin-left: 19px;}
.searchby {width: 225px; height: 108px; float:left; padding:0px 0px 0px 15px; margin: 0px; background: url(../images/language.jpg) no-repeat top left;}
.flagsby {display:inline; width: 39px; height: 64px; float:left; margin:0px;}
.columns {display: inline; float: left; clear: left; width: 680px; height: auto; padding:0px 0px 0px 20px; margin:0px 0px 50px 0px;}
.columns2 {display: inline; float: left; clear: left; width: 680px; height: auto; padding-right:20px; margin:0px;}
#boximg { display: inline; float: right; width: 270px; height: 320px; padding: 0px; margin: 0px; background: transparent;}
#boximg2 { display: inline; float: right; width: 300px; height: 510px; padding: 0px; margin: 0px; background: url(../images/alfiles.jpg) no-repeat right top;}

#bgtxt {display: inline; float: left; width: 700px; padding: 0; margin:0px; background: url(../images/content/services.jpg) no-repeat left bottom;}
#padtxt {display: inline; float: right; width: 370px;}
#2padtxt2 {padding: 10px; margin: 20px; float: right;}
.rightspace {margin-top: 9px;}

.appraisers{ float: left; height: 85px; width: 225px; padding-top: 3px; background: url(../images/drops-bg.gif) no-repeat bottom left; margin-bottom:10px; } 
.appraisersLinks{ list-style:inside; list-style-image:url(../images/bullet.gif); margin-left:15px; }

.pg-nmbr2 { 
float: left; 
font-weight: lighter; 
padding-left: 18px; 
font-size:0.8em; 
} 

.2nd {display: inline; float: left; padding-top: 50px;}

/***************************************************** TOP NAV *****************************************************/
.top-nav {display:inline; float:right;clear: right; height: 47px; padding-top:51px; position: absolute; z-index:2;}
.searchBody {display:inline; float: left; clear:left; width: 225px; height: 100px; text-align:left; margin-top: 10px; background: url(../images/mls.gif) no-repeat left top;}
div#nav{display:inline; float:left; width:990px; height:53px; position: relative; margin-top:10px;}
div#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:990px; height:53px; position: absolute; top:0px; left:0px;}
div#nav ul li {display:inline; float:left; height:53px; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}
#resoruces {display:inline; float:left; width:700px; height:172px; margin: 0px 0px 30px 30px;}
.res-in {display:inline; width: 182px; height: 180px; float:left; padding: 15px 0px 0px 20px; margin:0;}

/***************************************************** CLIENT LOGIN *****************************************************/
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:29px; height:27px; border:none; display:inline; }
.form { display: inline; height: 15px; float:left; clear: left; margin: 40px 0px 0px 20px; }
.input { display:inline; width: 185px; height: 21px; margin-top: 10px; font-size: 14px/16px; color: #666666; float:left; margin:0px 3px 0px 0px; padding-left:5px;}

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
#featPropDiv { width: 225px; padding: 5px 0px 0px 0px; float: left; background: url(../images/featured.gif) no-repeat left bottom;}
.featuredDiv01 { text-align: left; width: 225px; height: auto; float: left; overflow:hidden; }
.featImgDiv { width: 203px; margin-top:0px; }
.featTextDiv { width: 203px; float:left; height:143px; display:inline; }
.featOptionsDiv { float:left; display: inline; padding: 2px 0px 0px 0px; width:225px;}
.featIMG { width: 203px; height: 143px; border: #ffffff solid 0px; }
.featOptionsClass01 { display: inline; float: right;}
.featOptionsClass02 { display: inline; float: left; padding: 0px 0px 0px 0px; }
.featOptionsClass03 { display: inline; float: left; padding: 0px 0px 0px 0px; }

/***************************************************** FOOTER *****************************************************/
#footerId01 {display:inline; float: left; padding: 17px 0px 10px 10px; width:450px; height:80px;}
.resi_logo {display:inline; float:left; clear:right; width:180px; padding:35px 0px 0px 50px; height:35px;}
.logosmix {display:inline; float:left; clear:right; width:106px; padding:15px 0px 0px 150px; height:63px;}

/***************************************************** TEXT STYLES *****************************************************/
.mainTxt { font: 15px/17px Arial, Helvetica, sans-serif; color: #6d6d6d; text-align: left; line-height: 1.5em ; }
.mainTxt A { color: #6d6d6d; text-decoration:none; }
.mainTxt A:hover { color: #4f4f4f; text-decoration:none; }


#spcs { width: 700px; height: 30px;}

.srvtxt { font: 15px/17px Arial, Helvetica, sans-serif; color: #509cc7; font-weight:  bold; text-align: left;}
.srvtxt A { color: #509cc7; text-decoration:none; }
.srvtxt A:hover { color: #509cc7; text-decoration:none; }


.featText01 { font: 12px/18px Arial, Helvetica, sans-serif; color: #6d6d6d; padding: 10px 10px 0px 15px; }
.featText01 A { color: #509cc7; text-decoration: none; }
.featText01 A:hover { color: #509cc7; text-decoration: underline; }
.footerTxt { font: 14px/16px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; line-height: 1.1em ; }
.footerTxt A { color: #FFFFFF; text-decoration:none; }
.footerTxt A:hover { color: #FFFFFF; text-decoration:underline; }

.right-p { font: 12px/15px Arial, Helvetica, sans-serif; color: #6d6d6d; padding:0 0 0 20px; float:left;}
.right-p A { color: #6d6d6d; text-decoration:none;}
.right-p A:hover { color: #4f4f4f; text-decoration:none;}


.srvtxt01 { font: 12px/14px Arial, Helvetica, sans-serif; color: #6d6d6d;}
.srvtxt01 A { color: #509cc7; text-decoration: none; }
.srvtxt01 A:hover { color: #509cc7; text-decoration: underline; }

.txt12 { font: 12px/14px Arial, Helvetica, sans-serif; color: #6d6d6d; text-align: left; line-height: 12px ; }
.txt12 A { color: #509cc7; text-decoration:none; }
.txt12 A:hover { color: #4f4f4f; text-decoration:none; }

/***************************************************** DROPS STYLES *****************************************************/
.dd { padding: 5px 0px 0px 9px; margin: 0px 0px 3px 0px; float:left; width: 205px;  }
.containDrops { float: left; height: 132px; width: 225px; padding-top: 3px; background: url(../images/drops-bg.gif) no-repeat bottom left; }
.rightTitle { margin: 8px 0px 0px 0px; }
.rightTitle2 { margin: 8px 0px 0px 0px; }
.rightComCont { width: 225px; float: left; display: inline; background: transparent url(../images/drops-bg.gif) no-repeat top left; }
.rightComCont2 { margin-left:0px; width: 225px; height: 300px; float: left; display: inline; background: transparent url(../images/drops-bg.gif) no-repeat top left; }
.rightTitleCont { float: left; width: 225px; }
.rightTitleCont2 { float: left; width: 225px; }

/***************************************************** DROPS SCROLL *****************************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:inherit
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #aaa;*/
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	background-image:url('../images/scroll.gif');
	background-repeat:no-repeat;
	cursor: pointer;
	overflow: hidden;
	height:60px
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	background-image:url('../images/scroll.gif');
	background-repeat:no-repeat;
	background-position:bottom center;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#optContain { float: left; width: 225px; margin: 0px; }
div.tabs > div {margin-top: 3px;}
div.tabs > div h3 {	margin-top: 0;}

UL.tabNavigation { list-style: none;  margin: 0;   padding: 0;}
UL.tabNavigation LI { display: inline;}

#opt1 { float: left; display: inline; }
#opt2 { float: left; display: inline; }

#tab1 { float: left;text-align: left; width: 215px;}
#tab2 { float: left;text-align: left; width: 215px;}

#tab1Cnt { float: left; padding: 0px 5px 0px 15px; height:400px; overflow:hidden;} 
#tab2Cnt { float: left; padding: 0px 5px 0px 15px; height:400px; overflow:auto;}

#newsw {float: left; width: 225px; margin: 0px; background: url(../images/bgnews.gif) repeat-y top left; }

.selling {display: inline; float: left; width: 700px;}
#part1 {float: left; width: 375px;}
#part2 {display: inline; float: right; width: 325px;}

.selling {display: inline; float: left; width: 730px;}
#part1a {float: left; width: 500px;}
#part2a {float: right; width: 230px;}

/*--------------------------------------------------------------*/

.inputFieldClass { width:320px; border:solid 1px #e3ebf1; }
.inputStyle2 { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; float: right; height: 100px; width: 350px; border: #e3ebf1 solid 1px; }
.inputStyle500 { margin: 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; height: 60px; width: 150px; border: #e3ebf1 solid 1px; }
.inputStyleSm { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; border: #e3ebf1 solid 1px; width: 150px; height: 20px; }
.inputStyleLg { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; border: #e3ebf1 solid 1px; width: 350px; height: 20px; }
.inputStyle1 { margin: 0px 0px 0px 0px; font: 12px/16px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; float: right; border: #e3ebf1 solid 1px; width: 350px; height: 20px; }
.inputDivClass1 { width: 320px; float: left; padding: 15px 30px 15px 0px; font-size:12px; }
.inputDivClass5 { width: 520px; float: left; padding: 15px 30px 15px 0px; }
.inputDivClass2 { width: 500px; float: left; height: 130px; }
.inputDivClass3 { width: 500px; float: left; height: 40px; }
.inputDivClass4 { width: 500px; float: left; height: 60px; }
.applyTitles03 { float: left; width: 600px; padding-top: 20px; }
.height30 { height: 45px; }
.rightForm { float: right; width: 350px; }
.boat1 { width: 75px;border: #e3ebf1 solid 1px;  }
.boat2 { width: 110px;border: #e3ebf1 solid 1px;  }
.submitDiv { width: 675px; float: left;text-align:right;padding-right:15px }
