@charset "UTF-8";

/* // RESET // */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	margin: 0;
	padding: 0;
	color: #000;
}

/* Element/tag selectors */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

/* Anchor */
a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}


/* BgSub (surrounds all divs) */
#bgsub {
	background-color:#F2F2F2;
	background-image:url("/tpl/images/bgsub.gif");
	background-position:center top;
	background-repeat:repeat-x;
}

/* Container (surrounds the other divs) */
#container {
	width: 960px;	
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* Header */
.header {
	height: 176px;
}
.menu {
	
}
		.menu ul{
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 60px 0 0 60px;
			
			
		}
			.menu ul li{
				display: inline;
				list-style-type: none;
				font-size: 12px;
				color: #FFF;
				text-decoration: none;
				padding-right:20px;
				
			}
					.menu ul li a{
						font-size: 15px;
						color: #FFF;
						text-decoration: none;
					}

.logIn {
	height: 80px;
	text-align:left;
	width:200px;
}
		.logIn input {
			width: 182px;
			margin-top: 5px;
			-moz-border-radius:5px 5px 5px 5px;
			border:1px solid #DDDDDD;
			font-size:12px;
			padding:4px;
		}
		.logIn input:hover {
			border:1px solid #185874;
		}
		.logIn .inputC input{
			border:1px solid #185874;
		}
		.logIn .inputS input{
			width: 40px;
			background-color: red;
			cursor: pointer;
		}
		.logIn .linkF input{
			border:1px solid #185874;
		}
		.logIn .linkR input{
			border:1px solid #185874;
		}



.signUp {
	 margin-top: 30px;
}


/* ~~ These are the columns for the layout. ~~ */

#sidebar {
	float: right;
	width: 219px;
	background: #FFF;
	margin: 14px 0 10px 9px;
	border: 1px solid grey;
	-moz-border-radius: 5px;
}
				#sidebar li {
					list-style-type: none;
				}


				#sidebar h4 {
					background:url(/tpl/images/h4img.gif) no-repeat;		
					
					height: 34px;
					color: #333;
					text-align: center;
					padding-top: 6px;
					font-size: 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					
				}
				#sidebar .popular-cities {
					background: url(/tpl/images/uk_map_large.gif) no-repeat;
					background-position: 10px 50px;;
					height: 400px;	
					
				}
				#sidebar .popular-cities ul li{
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size:12px;
				    
				}

						#sidebar .popular-cities ul li a{
							text-decoration: none;
							color: #333333;
							font-weight: bold;							
						}
							#sidebar .popular-cities .special {
							padding-top: 5px;					
						}
						#sidebar .popular-cities .special a{
							
							color: #185874;
							font-size: 14px;						
						}


						#sidebar .quick-links ul {
							margin-bottom: 10px;
						}
						#sidebar .quick-links ul li {
							font-family: Georgia, "Times New Roman", Times, serif;
							font-size:12px;
							padding-left:5px;
						}
											#sidebar .quick-links ul li a{
												text-decoration: none;
												color: #185874;
												font-weight: bold;	
											}
							
							#sidebar .newsletter .{
							    	
							}
							
							
							#sidebar .newsletter img {
								
								
							}

#content {
    margin-top:14px;
	padding: 0;
	width: 730px;
	float: right;
}


#content .col1 {
    float: left;
	width: 360px;
	height: 235px;	
	margin-right: 6px;
	border: 1px solid grey;
	background-color: #FFF;
	-moz-border-radius: 5px;
}
#content .col1 .firstgraphic {
    background: url(/tpl/images/searchGraphic.png) no-repeat;
	width: 128px;
	height: 135px;
	margin: -8px 0 0 240px;;
}
#content .col1 .buttons{
    margin:0 auto;
}
#content select{
	width: 200px;
}
#content .col2 {
    float: left;
	width: 360px;
	height: 235px;
	border: 1px solid grey;
	-moz-border-radius: 5px;
	background-color: #FFF;
}

#content .col2 .secondgraphic {
    background: url(/tpl/images/postGraphic.png) no-repeat;
	width: 128px;
	height: 135px;
	margin: -8px 0 0 240px;;
}

#content .subcolumn {
	-moz-border-radius: 5px;
	border: 1px solid grey;
	margin-top: 10px;
	background-color: #FFF;
	
	
}
#content .subcolumn h3,p {
	font-family:Georgia, "Times New Roman", Times, serif;
}

			.subcolumn .popular h3 { 
			background:url(/tpl/images/search-icon.jpg) no-repeat;
			
			padding-top: 28px;
			background-position: 6px 18px;
			height: 30px;
			
			}
			.subcolumn .browse h3  { 
 			padding-top: 32px;
			background:url(/tpl/images/map-icon.jpg) no-repeat;
			background-position: 6px 12px;
			
			}

					.subcolumn h3 { 
					color: #3c4145;
					padding-left: 49px;
					}
					
					.subcolumn ol li { 
					list-style-type: square;
					list-style-image: url(/tpl/images/arrow.gif);
					list-style-position: inside;
					
					}
					.subcolumn ol li a{ 
					font-size: 12px;
					text-decoration: none;
					color: #06F;
					
					}
					
					.subcolumn .minicol1 { 
					float: left;
					padding-left: 15px;
					width: 225px;
					
					}
					.subcolumn .minicol2 { 
					float: left;
					padding-left: 15px;
					width: 225px;
					
					}
					.subcolumn .minicol3 { 
					float: left;
					padding-left: 15px;
					width: 225px;
					
					}
			.subcolumn .offered, .wanted { 
			padding-top:28px;
	
			}		
					.subcolumn .offered li { 
					display: inline;
					list-style-type: none;
					padding-left: 15px;
					}						

			.subcolumn .wanted span{ 
					font-size: 12px;
					color: #0F0;
					text-decoration: none;
					width:10px;
			
					}		
					.subcolumn .wanted li { 
					display: inline;
					list-style-type: none;
					padding-left: 15px;
					}	


/* Register Page */
#register, #page, #rentPage, #postAd, #myAccount{
    margin-top:14px;
	padding: 0;
	width: 960px;
	border: 1px solid grey;
	-moz-border-radius: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background:#FFF;
}
				#register .left {
					width: 60%;	
					float: left;
				}
				#register .right {
					width: 40%;	
					float: right;
				}
				#register .right .rabitMessage{
					padding-top: 20px;
				}
				
						#register .text input{
						-moz-border-radius:5px 5px 5px 5px;
						border:1px solid #DDDDDD;
						font-size:14px;
						margin:0;
						padding:8px;
						width:300px;	
						margin-bottom: 25px;
						}
						#register .text input:focus{
						border-color: #185874;
						}
						#register .text input:hover{
						border-color: #5694a3;
						}
						#register .text .newsinput input{
						width:30px;
						}
						#register .text .bTnsubmit input{
						width:70px;
						}
						#register .text label{
						float:left;
						line-height:27px;
						margin-right:10px;
						text-align:right;
						width:150px;
						color:#3E434A;
						display:block;
						margin-bottom:3px;	
						}
								#register fieldset {	
								border: none;
								margin: 0;
								}
								#register .bTnsubmit {
								padding-left: 160px;	
								}
  								 #register h3 {
								color: #185874;
								padding-top: 20px;
								background:url(/tpl/images/brdslider.gif) no-repeat;
								background-position: 15px 46px;
								}
								#register h3 .free {
								 color: #C03;	
								}

#postAd  .postAdForm {
	width: 60%;
}

	  #postAd .postLine input{
			  -moz-border-radius:5px 5px 5px 5px;
			  border:1px solid #DDDDDD;
			  font-size:14px;
			  margin:0;
			  padding:8px;
			  width:300px;	
			  margin-bottom: 25px;
			  }
			  #postAd .postLine input:focus{
			  border-color: #185874;
			  }
			  #postAd .postLine input:hover{
			  border-color: #5694a3;
			  }
			  #postAd .postLine .newsinput input{
			  width:30px;
			  }
			  #postAd .postLine .bTnsubmit input{
			  width:70px;
			  }
			  #postAd .postLine label{
			  float:left;
			  line-height:27px;
			  margin-right:10px;
			  text-align:right;
			  width:150px;
			  color:#3E434A;
			  display:block;
			  margin-bottom:3px;	
			  }
			  #postAd .radioRent {
			  float:right;
			  width: 50%;	
			  }
			  #postAd .radioShare {
			  float:left;
			   width: 50%;
			  	
			  }





/* Contact Page */

#contactForm {
	margin-top:14px;
	padding: 0;
	width: 960px;
	border: 1px solid grey;
	-moz-border-radius: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background:#FFF;
	line-height:160%;
	color:#246878;
}
				#contactForm .left {
					width: 50%;	
					float: left;
				}
				#contactForm .right {
					width: 50%;	
					float: right;
				}
	#contactForm .text input, textarea{
						-moz-border-radius:5px 5px 5px 5px;
						border:1px solid #DDDDDD;
						font-size:14px;
						margin:0;
						padding:8px;
						width:300px;	
						margin-bottom: 25px;
						}
						#contactForm .text input:focus textarea:focus {
						border-color: #185874;
						}
						#contactForm .text input:hover, textarea:hover {
						border-color: #5694a3;
						}
						#contactForm .text label{
						color:#246878;
						line-height:27px;
						margin-right:10px;
						text-align:left;
						width:300px;
						font-size:15px;
						display:block;
						margin-bottom:3px;	
						}
						
								#contactForm textarea {	
								height: 180px;
								overflow:auto;
								}
								#contactForm fieldset {	
								border: none;
								margin: 0;
								}
								#contactForm .bTnsubmit {
								padding-left: 160px;	
								}
  								 #contactForm h3 {
								color: #185874;
								padding-top: 20px;
								background:url(/tpl/images/brdslider.gif) no-repeat;
								background-position: 15px 46px;
								}
								 #contactForm .submitCnt {
								
								
								background:url(/tpl/images/sendMyMessage.png) no-repeat;
								width: 200px;
								height: 43px;
								}
								
								#contactForm .contactHelp {
								  padding-top: 80px;
								  font-size: 16px;
								  color: #444;	
								}
								#contactForm .contactHelp img{
								  margin-top: 15px;	
								}
								

/* Rent Page */
								
#rentPage .left{
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	line-height: 140%;
	width: 220px;
	background-color: #C6E5FF;
	border-right: 1px solid grey;
	float:left;	
	
}
				#rentPage .left h3{
					padding: 10px;
					
					-moz-border-radius: 5px;
					background:#8CD321;
					color:#FFF;
					text-shadow: #F00;
				}
				#rentPage .left a {
					text-decoration: none;
				}
				#rentPage .left ul,ol {
					padding-left: 30px;
					padding-bottom:10px;
				}
				#rentPage .left ul,ol li{
					list-style: none;
					font-size:12px;
					font-weight:bold;
				}
						#rentPage .left .subCategories li{
						  padding-left:12px;
						  background: url(../images/arrow.gif) center left no-repeat;
						  
						}
						#rentPage .left h5{
							color: grey;
							font-size:16px;
						}
						#rentPage .left .chooseProperty{
							font-weight: bold;
							color: grey;
						}
						#rentPage .left .chooseBed{
							
						}
						#rentPage .left .chooseAdType{
							
						}
						#rentPage .left .chooseOnly{
							
						}
						#rentPage .left .choosePrice{
							
						}

#rentPage .right{
   	width: 739px;
	float: right;
}
#rentPage .right .advancedSearch{
	
}
#rentPage .right .listings{
   	
	
}
			#rentPage .right .listings ol{
				padding-bottom: 0px;
				padding-left: 0px;
			}
			#rentPage .right .listings ol li{
				border: 1px solid #999;
				height: 117px;
				-moz-border-radius: 5px;
				margin: 10px 3px 0 3px;
			}



#rentPage .right .numbering{
	height: 50px;
	padding: 10px;
}

			#rentPage .right .numbering .prev{
				padding: 4px;
				border: 1px solid grey;
				-moz-border-radius: 3px;
				text-align: center;
				float:left;
				width: 100px;
				
			}
			#rentPage .right .numbering .next{
				padding: 4px;
				border: 1px solid grey;
				-moz-border-radius: 3px;
				text-align: center;
				float:right;
				width: 100px;
				
			}
			#rentPage .right .numbering ol{
				float:left;
				text-align: center;
				padding-bottom: 0px;
				padding-left: 0px;
				margin-left:90px;
				margin-top:10px;
			}
			#rentPage .right .numbering ol li{
				padding: 6px;;
				border: 1px solid  #09F;;
				-moz-border-radius: 3px;
				display: inline;
				background-color:#06F;
				margin-right: 1px;
				
			}
			#rentPage .right .numbering ol li a{
				text-decoration: none;
				
				color:#FFF;
				
				
			}
			




/* ~~ The navigation list styles ~~ */
ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #ADB96E;
	color: #FFF;
}

/* ~~ Separator Shadow ~~ */
.separator {
	background: url(/tpl/images/sepShadow.png) no-repeat;
	width: 884px;
	height: 16px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 5px;
}


/* BreadCrumb */

.inner {
	margin-top: 40px;
	font-size: 28px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}


/* ~~ The footer ~~ */
.bgfootersub {
   background: url(/tpl/images/footerBg.png) repeat-x;
   clear: both; /* this clear property forces the #container to understand where the columns end and contain them */
   position: relative;/* this gives IE6 hasLayout to properly clear */
}
.footer {
	padding: 10px 0;
	margin: 0 auto;
	width:960px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	height: 100px;
	
}
.footer ul {
   float: right;	
   padding-top: 30px;
}
.footer ul li {
	display: inline;
	font-size: 16px;
	padding-right:20px;
	
}

.footer ul li a {
color: #FFF;
text-decoration: none;
}
	
.footer span {
	float: right;
	color: #FFF;
	padding-top: 30px;
}
.footer .last {
    padding-right: 0;	
}
/* ~~ miscellaneous float/clear classes ~~ */
.floatRight {  
	float: right;

}
.floatLeft { 
	float: left;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}