/* CSS Document */
#header {
	background-color:#FFFFFF;
	width:100%;
	min-width:610px;
	height:100px;
	vertical-align:middle;
}
#content {
	background-color:#FFFFFF;
	position:relative;
	height:auto;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:9px;
}
#navigation {
	height:27px;
	position:relative;
	width:100%;
	background-color:#FFFFFF;
	background-image:url(../images/nav_bg.gif);
}
#login {
	float:right;
	position:relative;
	display:inline;
}
img {
	display:inline;
}
hr {
	background-color:#000000;
	height:1px;
	border-bottom:0px;
}
body {
	margin: 9px;
	margin-top:0px;
	background-color:#F0F6F9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
a {
	text-decoration:underline;
	color:#333333;
}
a:hover {
	text-decoration:none;
	color:#333333;
}
div.hrlower {
	width:100%;
	height:1px;
	border-top: 1px solid #000;
	border-bottom: 4px solid #F0F6F9;
	line-height: 5px;
}
div.hrupper {
	width:100%;
	height:1px;
	border-bottom: 1px solid #000;
	border-top: 4px solid #F0F6F9;
	line-height: 5px;
}
div.hrprofile {
	margin-top:10px;
	width:465px;
	height:1px;
	border-top: 1px solid #B0E0E6;
	border-bottom: 4px solid #F0F6F9;
	line-height: 5px;
}
div.hrprofilelower {
	width:465px;
	height:1px;
	border-bottom: 1px solid #B0E0E6;
	border-top: 4px solid #F0F6F9;
	line-height: 5px;
}

table {
	border:solid 1px #E2EDF2;
	width:90%;
}
th {
	font-weight:normal;
	text-align:left;
	background-color:#EDF6FA;
}

.failed {
	color:#FF0000;
}

#rest {
	float:left;
	position:relative;
	height: 27px;
	width: 656px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0;
}

#rest ul#menu	{
	width:656px;
	height:27px;
	background: transparent url(../images/nav_full.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#menu2	{
	width:105px;
	height:27px;
	background: transparent url(../images/nav_login.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}	

ul#menu li, ul#menu2 li {
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style:none;
	top: 0px;
	line-height:0px;
	font-size:1px;
	float:left;
}
ul#menu li, ul#menu a {
	height: 27px;
	width:131px;
	display: block;
	margin: 0px;
	padding: 0px;
}
ul#menu2 li, ul#menu2 a {
	height: 27px;
	width:105px;
	display: block;
	margin: 0px;
	padding: 0px;
}
ul#menu li a, ul#menu2 li a {
	text-indent: -9999px;
	text-decoration: none;
}

#iwanttobuy		{left: 0px; }
#iwanttorent	{left: 131px; }
#iwanttosell	{left: 262px; }
#iwanttolet		{left: 393px; }
#letushelpyou	{left: 524px; }
#login			{left: 0px; }

#iwanttobuy a:hover	{background: transparent url(../images/nav_full.gif) 0px -27px no-repeat;}
#iwanttorent a:hover {background: transparent url(../images/nav_full.gif) -131px -27px no-repeat;}
#iwanttosell a:hover {background: transparent url(../images/nav_full.gif) -262px -27px no-repeat;}
#iwanttolet a:hover {background: transparent url(../images/nav_full.gif) -393px -27px no-repeat;}
#letushelpyou a:hover {background: transparent url(../images/nav_full.gif) -524px -27px no-repeat;}
#login a:hover {background: transparent url(../images/nav_login.gif) 0px -27px no-repeat;}

body#iwanttobuypage #iwanttobuy	{background: transparent url(../images/nav_full.gif) 0px -27px no-repeat;}
body#iwanttorentpage #iwanttorent {background: transparent url(../images/nav_full.gif) -131px -27px no-repeat;}
body#iwanttosellpage #iwanttosell {background: transparent url(../images/nav_full.gif) -262px -27px no-repeat;}
body#iwanttoletpage #iwanttolet {background: transparent url(../images/nav_full.gif) -393px -27px no-repeat;}
body#letushelpyoupage #letushelpyou {background: transparent url(../images/nav_full.gif) -524px -27px no-repeat;}
body#loginpage #login {background: transparent url(../images/nav_login.gif) 0px -27px no-repeat;}

#footer {
	text-align:center;
	clear:both;
}

#searchContainer {
	float:left;
	width:340px;
}
div.subnav {
	float:left;
	width:150px;
}
div.searchbox {
	width:340px;
	border: solid 1px #B0E0E6;
	background-color:#EDF6FA;
	margin-top:10px;
	padding:0px;
}
div.adbox {
	width:200px;
	height:210px;
	border: solid 1px #B0E0E6;
	background-color:#EDF6FA;
	margin-top:10px;
	margin-right:10px;
	padding:0px;
	float:left;
	overflow:scroll;
}
div.buybox {
	width:450px;
	border: solid 1px #B0E0E6;
	background-color:#EDF6FA;
	margin-top:10px;
	padding-left:10px;
}
div.picBox {
	width:450px;
	height:320px;
	border: solid 1px #B0E0E6;
	background-color:#EDF6FA;
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
}
div.miniPicBox {
	width:100px;
	height:75px;
	border: solid 1px #B0E0E6;
	background-color:#EDF6FA;
	margin-top:10px;
	float:left;
	margin-right:10px;
}
div.blackline {
	float:left;
	margin-left: 20px;
	position:relative;
	width:1px;
	height:265px;
	background-color:#E0E0DF;
}
#homePageContent {
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:20px;
	max-width:45%;
}
div.subcontent {
	position:relative;
	float:left;
	margin-top:10px;
	margin-left:20px;
	max-width:65%;
}
.floatcontainer:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
} 
.floatcontainer {
	margin-right:10px;
	display: inline-table; 
	padding-right:10px;
}  /* Mark Hadley's fix for IE Mac */  

/* Hides from IE Mac \*/ 
* html .floatcontainer {
	height: 1%;
} 
.floatcontainer {
	display:block;
} /* End Hack */ 

.floatcontainer2:after { 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden; 
} 
.floatcontainer2 {
	display: inline-table;
}  /* Mark Hadley's fix for IE Mac */  

/* Hides from IE Mac \*/ 
* html .floatcontainer2 {
	height: 1%;
} 
.floatcontainer2 {
	display:block;
} /* End Hack */ 

.floatcontainer div.icon   { margin: 3px; }
.floatcontainer div.icon a { 
	display: block;
	height:auto;
	width: 147px !important;
	width: 150px; 
	vertical-align: middle;
	text-align:center; 
	background-color:#EDF6FA;
	text-decoration : none;
	border: 1px solid #E0E0DF;
	padding: 2px 5px 1px 5px;
}

.floatcontainer div.icon a:link    {  color : #000000;  }
.floatcontainer div.icon a:hover   { 
	color : #000000; 
	background-color: #CCEDF9;  
	border: 1px solid #E0E0DF;
	padding: 2px 5px 1px 5px;
}
.floatcontainer div.icon a:active  {  color : #000000;  }
.floatcontainer div.icon a:visited {  color : #000000;  }

.floatcontainer div.icon img { margin-top: 13px; }
.floatcontainer div.icon span { display: block; padding-top: 3px;}

.boxleftstep {
	display: block;
	height:auto;
	width: 147px !important;
	width: 150px; 
	vertical-align: middle;
	text-align:center; 
	background-color:#EDF6FA;
	text-decoration : none;
	border: 1px solid #E0E0DF;
	margin-top:10px;
	padding: 2px 5px 1px 5px;
}
.greyText {
	color:#999999;
}


div.row { 
	overflow:hidden; 
	zoom:1;
	width:510px;
}

div.row2 { 
	overflow:hidden; 
	zoom:1;
	width:340px;
	background-color:#EDF6FA;
}

div.row span.label {
  float: left;
  width: 120px;
  padding:2px;
  text-align: right;
  }
  
div.row2 span.label {
  float: left;
  width: 100px;
  padding:2px;
  padding-left:5px;
  text-align: left;
  }

div.row span.formw {
	border:0px;
  float: right;
  width: 370px;
  padding:2px;
  text-align: left;
  z-index:7;
  }
  
div.row span.formhome {
	border:0px;
  float: right;
  width: 150px;
  padding:2px;
  text-align: left;
  z-index:7;
  }
 
 div.inforow { 
	overflow:hidden; 
	zoom:1;
	width:450px;
	background-color:#EDF6FA;
} 
  div.inforow span.info {
  float: left;
  width: 340px;
  text-align: left;
  }

div.inforow span.picture {
	border:0px;
	padding-top:7px;
	padding-right:5px;
  float: right;
  width: 100px;
  text-align: left;
  z-index:7;
  }
  
div.defaultrow { 
	overflow:hidden; 
	zoom:1;
	width:465px;
	background-color:#EDF6FA;
} 
  div.defaultrow span.left {
  float: left;
  width: 220px;
  text-align: left;
   margin:0px;
   padding-left:5px;
  }

div.defaultrow span.right {
  border:0px;
  padding-top:7px;
  padding-right:5px;
  float: right;
  width: 200px;
  text-align: right;
  margin:0px;
  z-index:7;
  }
  
div.defaultrow span.right2 {
  border:0px;
  padding-top:7px;
  padding-right:5px;
  float: right;
  width: 200px;
  text-align: left;
  margin:0px;
  z-index:7;
  }

input, textarea, select {
	border:solid 1px #BCE9F9;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #000000;
}

.button2 {
	border:solid 1px #E2EDF2;
	background-color:#BCE9F9;
	font-weight:bold;
}


div.row3 { 
	overflow:hidden; 
	zoom:1;
	width:465px;
	background-color:#EDF6FA;
}
div.row3 span.formw {
  border:0px;
  float: right;
  width: 220px;
  padding:2px;
  text-align: left;
  z-index:7;
}
  
div.row3 span.label {
  float: left;
  width: 220px;
  padding:2px;
  padding-left:5px;
  text-align: left;
}

div.defaultrowhome { 
	overflow:hidden; 
	zoom:1;
	width:330px;
	background-color:#EDF6FA;
} 
  div.defaultrowhome span.left {
  float: left;
  width: 140px;
  text-align: left;
   margin:0px;
   padding-left:5px;
  }

div.defaultrowhome span.right {
  border:0px;
  padding-top:7px;
  padding-right:5px;
  float: right;
  width: 140px;
  text-align: right;
  margin:0px;
  z-index:7;
  }
