/** BASIC */

html, body {
	height: 100%;
}



/** HEADER */

#header {
	width: 778px;
	height: 192px;
	margin: 0 auto;
	background: url(../images/site/homepage02.jpg) no-repeat;
}

#logo { position: absolute; left: -10000px;}
#slogan { position: absolute; left: -10000px;}

/** MAIN MENU */

#mainmenu {
	padding: 74px 0px 0px 266px;
}

#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#mainmenu ul li {
	display: inline;
}

#mainmenu a {
	float: left;
}

#mainmenu1 {}
#mainmenu2 {}
#mainmenu3 {}
#mainmenu4 {}

.btnForm{
	padding-left:5px;
	padding-right:5px;
}
.btnPad {padding:1px;}
.searchFormPad {margin-top:2px;padding:1px;}
.vbar {
	display: block;
	float: left;
	width: 1px;
	height: 31px;
	margin: 0px 8px;
	background: url(../images/site/homepage03.gif) no-repeat;
}

/** CONTENT */

#content-index {
	width: 778px;
	margin: -30px auto 0px auto;
}

#content {
	width: 778px;
	margin: 30px auto 0px auto;
}

#left {
	float: left;
	width: 248px;
}

#right {
	float: left;
	width: 530px;
	background: url(../images/site/homepage08.gif) repeat-y 10px top;
}

#center-box {
	float: left;
	width: 770px;
	margin-top:60px;
}


.mailbox{margin-left:31px;}

#box5 {}
#box5 h2 {font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#box5 p {font: 14px/150% Tahoma, Verdana, Arial, Helvetica, sans-serif;}


/** FOOTER */

#footer {
	width: 778px;
	margin: 10px auto 30px auto;
}

#footer p {
	margin: 0px 18px 0px 32px;
	padding: 15px;
	background: url(../images/site/homepage10.gif) repeat-x;
}

/** 2-COLUMN LAYOUT */

.two-col {
	padding: 30px 0px 0px 35px;
}

.two-col .colA {
	float: left;
	width: 460px;
	margin-right: 20px;
}

.two-col .colB {
	float: left;
	width: 215px;
}

/** BOXES */

#box1 {
	padding: 0px 10px 0px 31px;
}


#box5 {
	padding: 20px 0px 0px 40px;
}
#box5 dl {
}

#box5 dt {
	float: left;
	clear: left;
	margin-right: 10px;
}

#box5 dd {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 12px 0px;
}

#box5 dd.lined {
	background: url(../images/site/homepage10.gif) repeat-x left bottom;
}

#box6 p {
	margin-left: 68px;
}

#box7 {
	padding: 0px 0px 0px 40px;
}

#box8 {
	padding: 0px 18px 20px 32px;
}

/* MESSAGE CONTAINERS */
#warning-container{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #FFFF99 url('../images/site/alert.gif') no-repeat 5px 8px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}
#message-container{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #fff url('../images/site/about-sm.gif') no-repeat 5px 10px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}



.flag-container{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #CBDEED url('../images/site/flag_yellow.gif') no-repeat 5px 8px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}


.warning-container{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #FFFF99 url('../images/site/alert.gif') no-repeat 5px 8px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}
.message-container{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333; 
	background: #fff url('../images/site/about-sm.gif') no-repeat 5px 10px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}

.warning-container-admin{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: red; 
	background: url('../images/site/alert.gif') no-repeat 5px 8px;
	border:solid red 1px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}
.message-container-admin{
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	background: url('../images/site/about-sm.gif') no-repeat 5px 10px;
	border:solid #4288BF 1px;
	margin: 10px 0px 10px 0px;
	padding:10px 5px 8px 28px;
}


/* ROUNDED CORNERS */
#AdminBox1 #InfoHeader1, #AdminBox1 .topCorners * {background:#EFEFEF;color:#4288BF}
#AdminBox1 #AdminBoxTable, #AdminBox1 .bottomCorners * {background: #fff;}

#AdminBox2 #InfoHeader2, #AdminBox2 .topCorners * {background:#EFEFEF;color:#4288BF}
#AdminBox2 #AdminBoxTable, #AdminBox2 .bottomCorners * {background: #fff;}

#AdminBox3 #InfoHeader3, #AdminBox3 .topCorners * {background:#EFEFEF;color:#4288BF}
#AdminBox3 #AdminBoxTable, #AdminBox3 .bottomCorners * {background: #fff;}


#InfoHeader1, #InfoHeader2, #InfoHeader3 {height:20px;}
#InfoHeader1 div, #InfoHeader2 div, #InfoHeader3 div {
	font-family:Verdana, Arial;
	font-weight:bold;
	margin: -2px 0 -3px;
	color:#4288BF;
}
.boxHolder{
	background-color:#fff;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4288BF; 
	padding:12px;
}

#AdminBoxTable,#InfoHeader1,#InfoHeader2,#InfoHeader3 {padding:4px 10px;margin:0;font-family:Verdana, Arial;}
div>#InfoHeader {height:auto;min-height:20px;padding:4px 10px 0;}
.topCorners, .bottomCorners{display:block; height:5px; overflow:hidden; padding:0;}
.topCorners *, .bottomCorners *{display: block; height: 1px; overflow: hidden; padding:0; line-height:1px; font-size:1px;}
.l1{margin: 0 5px}
.l2{margin: 0 3px}
.l3{margin: 0 2px}
.l4{margin: 0 1px; height: 2px}


#SearchBox #SearchHeader, #SearchBox .SearchtopCorners * {background:#000;color:#ccc}
#SearchBox #AdminBoxTable, #SearchBox .SearchbottomCorners * {background: #fff;}
#SearchHeader {height:16px;}
#SearchHeader div {
	font-family:Verdana, Arial;
	font-weight:bold;
	margin: -2px 0 -3px;
	color:#fff;
}
.SearchboxHolder{
	background-color:#fff;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #4288BF; 
	padding:15px;
}
.SearchboxHolder td{
	color:#4288BF;
	font-size:12px;
}
.SearchboxHolder th{
	color:#fff;
	background-color:#000;
	text-align:left;
	font-size:12px;
	padding:4px;
	font-weight:bold;
}
.SearchboxHolder a{
	color:#4288BF;
}
.SearchboxHolder th a{
	color:#fff;
}
#AdminBoxTable,#SearchHeader{padding:4px 10px;margin:0;font-family:Verdana, Arial;}
div>#SearchHeader {height:auto;min-height:20px;padding:4px 10px 0;}
.SearchtopCorners, .SearchbottomCorners{display:block; height:5px; overflow:hidden; padding:0;}
.SearchtopCorners *, .SearchbottomCorners *{display: block; height: 1px; overflow: hidden; padding:0; line-height:1px; font-size:1px;}
.sl1{margin: 0 5px}
.sl2{margin: 0 3px}
.sl3{margin: 0 2px}
.sl4{margin: 0 1px; height: 2px}

#AgentDetail{
	background: #000;
	padding:12px;
	margin:0px;
	font:12px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#CC9900;
}
#AgentDetail a{
	color:#CC9900;
}
.SearchResults{
	clear:right;
	background-color:#fff;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	padding:15px;
}
.SearchResults p{
	width:500px;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	padding:0 0 0 15px;
}
.SearchResults td{
	color:#000;
	font-size:11px;
}
.SearchResults th{
	color:#fff;
	background-color:#000;
	text-align:left;
	font-size:12px;
	padding:4px;
}
.SearchResults a{
	color:#4288BF;
}
#SearchResults2, #SearchResults4{
	/*background: url(../images/site/orange-left-corner.gif) top left no-repeat;*/
}
#SearchResults3, #SearchResults5{
	/*background: url(../images/site/gray-right-corner.gif) bottom right no-repeat;*/
}
.ItemResults{
	margin:0px;
	background-color:#fff;
	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
}
.ItemResults p{

	font: 11px/14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	padding:0 0 0 15px;
}
.ItemResults td{
	color:#000;
	font-size:11px;
}
.ItemResults th{
	color:#fff;
	background-color:#000;
	text-align:left;
	font-size:12px;
	padding:4px;
}
.ItemResults a{
	color:#4288BF;
}

.searchMessage{width:100%;text-align:center;padding-top:40px;height:250px;font-weight:bold;}
.searchCommunityIcon{line-height:16px;padding-left:18px;padding-bottom:2px;background: url(../images/site/view.gif) top left no-repeat;}
.searchAgentIcon{line-height:16px;padding-left:18px;padding-bottom:2px;background: url(../images/site/agent-white.gif) top left no-repeat;}

.AgentIcon{line-height:16px;padding-left:18px;padding-bottom:2px;background: url(../images/site/agent-white.gif) top left no-repeat;}
.ManagerIcon{line-height:16px;padding-left:18px;padding-bottom:2px;background: url(../images/site/businessman.gif) top left no-repeat;}

.FlagIcon{line-height:16px;padding-left:18px;padding-bottom:2px;background: url(../images/site/alert.gif) top left no-repeat;}
.listBoxSuspend{background-color:#FFFFCC;}
.listBoxWarn{background-color:#DAF17A;}

.excel {padding:16px;}

#sign-up a {width:420px;height:30px;display:block;margin:12px 0px;padding:10px 10px 10px 50px;color:#333;text-decoration:none;background-color:#AED5EC;border:solid #fff 2px;}
#sign-up a:hover {border:solid #3E83BB 2px;}

#sign-up-overview {width:420px;display:block;margin:12px 0px;padding:10px 10px 10px 50px;color:#333;text-decoration:none;background-color:#AED5EC;border:solid #fff 2px;}
#sign-up-overview p {margin:0;}

.agent{background: url(../images/site/agent.gif) top left no-repeat;}
.agentbroker{background: url(../images/site/agentbroker.gif) top left no-repeat;}
.broker{background: url(../images/site/broker.gif) top left no-repeat;}


#consumer {background:#fff;padding:20px;margin:30px 0 0 25px;color:#333;}
#consumer h3 {width:500px;margin-bottom:10px;}
#consumer p {width:500px;line-height:160%;margin-bottom:0;}
#consumer .consumerButton {float:right;margin:0 0 0 0;padding:0;}
#consumer .consumerButton a {text-indent: -9999px;border: none;display: block;padding: 0;width: 180px;height: 40px;background: url(../images/site/search_now.gif) 0 -40px no-repeat;text-decoration:none;}
#consumer .consumerButton a:hover {background-position: 0 0;text-decoration:none;}


#broker {background:#CCE4F2;padding:20px;margin:30px 0 0 25px;color:#333;}
#broker h3 {width:500px;margin-bottom:10px;}
#broker p {width:500px;line-height:160%;margin-bottom:0;}
#broker .brokerButton {float:right;margin:0 0 0 0;padding:0;}
#broker .brokerButton a {text-indent: -9999px;border: none;display: block;padding: 0;width: 180px;height: 40px;background: url(../images/site/learn_more.gif) 0 -40px no-repeat;text-decoration:none;}
#broker .brokerButton a:hover {background-position: 0 0;text-decoration:none;}


.goBack {background:#CCE4F2 url(../images/site/bg-goback.gif);padding:10px 10px 15px 10px;color:#333;font-weight:bold;margin:15px 0;}
.goBack p {width:350px;margin:0;}
.goBack .goBackBtn {float:right;}