/* CSS Document */

/* Main */
 * {
margin: 0;
padding: 0;
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
} 

body {
	margin:auto;
	padding: 0;
	color: #4c4c4c;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../images/body_bg.gif) repeat-y center 0;
}


p {
	line-height:1.3em;
	padding:10px 0px 0px 0px;
	font-size:0.9em;
	color:#000;
	margin-bottom:10px;
}

#content ul {
	line-height:1.3em;
	padding:10px 0px 0px 15px;
	font-size:0.9em;
	color:#000;
	margin-bottom:10px;
	list-style-type:square;
}


h2 {
	line-height:1.3em;
	padding:7px 0px 0px 0px;
	font-size:1.1em;
	color:#000;
	margin-bottom:10px;
}

.table { 	font-size:0.8em; 
color:#000;

}

.stats{font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:13px;padding: 7px;
font-weight:bold; 	border: 1px dashed #CCCCCC;}

.statsother{font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:13px;padding: 7px;
font-weight:bold; 	border: 1px dashed #CCCCCC; background: #E5E5E5;}


.listPanel {	border: 1px dashed #CCCCCC;
				background: #FDFDFD;							
				padding: 15px;
				margin-bottom: 10px; 
				font-family: Georgia;
				line-height:19px;
				}
				
.appPanel 	{	border: 1px dashed #CCCCCC;
				background: #FDFDFD;							
				padding: 15px;
				margin-bottom: 10px; 
				font-family: Georgia;
				line-height:17px;
				font-size:12px;
				}				

.little {	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.appTitle {	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
}

.price {	font-family: Georgia, Verdana, Tahoma, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}


img { border: none;}

.img_border_right {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left:8px;
}

.img_border_left {
border: 1px solid #ccc;
padding: 4px;
float:left;
margin-right:8px;
}

.hide {display: none;}

.clear{
clear: left;
}


a{text-decoration:none;color:#369}
a:hover{text-decoration:underline;color:#039}




#wrapper {
	text-align: left;
	margin:auto;
	padding: 0 0 0 0px;
	width: 823px;
	height: 100%;
	border: 0;	
	z-index:1;
	position:relative;
}



#banner {
	margin: 0px 0px 0px 22px; /*-27*/
	height: 228px;
	float: none;
	background: url(../images/banner.gif) no-repeat center 0;
	z-index: -2;
	width: 782px;
}

#content {
	width: 555px;
	float: right;
	padding-top:14px;
	padding-left:15px;
	background-image:url(../images/cup_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
	}
	
#footer { 
	width: 823px; 
	margin: 0px 0px 0px 0px; 
	margin-left: 2px;
	height: 60px;
	background:  url(../images/footer_bg.gif) no-repeat center 0;
}

#wrapper > #footer { 
	
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	clear: both;
	padding-top: 1px;	
	height:60px;		
}

#footer p{ 	
margin: 10px 0px 0px 50px;  
text-align:left;
font: normal 0.7em arial, verdana, helvetica;
color:#fff;
}

#footer .xhtml{ 
margin: -12px 5px 0px 0px; 
float:right; 
display:inline;
}

#footer .css{ 
margin: -12px 0px 0px 0px; 
float:right;
}


#sidebar {
	width: 208px;
	float: left;
	padding-left:25px;
	padding-top:10px;
	}
	
#contactAdvert {
	width: 176px;
	float: left;
	padding-left:25px;
	padding-top:0px;
	background-color:#F4F4F4;
	border-right: 7px solid #4C4C4C;
	height:323px;
	}
	
#contactAdvert img {
	width: 150px;
	}
	
		
#mainNavWrapper {
	margin-top:0px;
	width:208px;
	padding-top:0px;
	background:  url(images/nav-holder-top.png) no-repeat top;
}
#mainNavWrapper div.navMid {
	padding-bottom:0px;
	background: #4C4C4C url(images/nav-holder-bottom.png) no-repeat bottom;
}
ul#mainNav {
	list-style-type:none;
	margin:0px 7px 0px 0px;
	background: #002A8F url(images/nav-holder-bg.png) top no-repeat;
}
ul#mainNav li {
	display:block;
	float:none;
}
ul#mainNav li a {
	float:none;
	display:block;
	font-size:14px;
	margin:0 0 0px 0;
	padding:9px 0 0px 39px;
	height:26px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url('../images/nav_bg.jpg') no-repeat left;
}
ul#mainNav li a:hover {
	background: url('../images/nav_bg_over.jpg') no-repeat left;
	color:#fff;

}
ul#mainNav li.current_page_item a {
	background: #141417 url('../images/nav_bg_on.gif') no-repeat left;
	color:#fff;
	border-top: 0px solid #000;
}
ul#mainNav li.expanded a {
	background: #141417 url('images/nav-bullet3.png') no-repeat left;
} 
ul#mainNav li.current_page_item ul {
	background: #141417;
	padding:5px 0;
	margin:-1px 0 0 0;
	border-bottom:1px solid #fff;
}
ul#mainNav li.expanded ul li a {
	font-size:12px;
	margin-bottom:1px;
	padding:4px 0 4px 40px;
	border:none;
	color:#fff;
	background: url('images/nav-bullet4.png') no-repeat left;

}
ul#mainNav li.expanded ul li a:hover, ul#mainNav li.expanded ul li.current_page_item a {
	color:#f1f1f1;
	background: #000 url('images/nav-bullet4.png') no-repeat left;

}



/****** BOOKING FORM ******/

fieldset.bookingForm {	border: #002A8F 1px solid; font-size:0.9em; margin-bottom: 15px;}

fieldset.bookingForm legend {	font-weight:bolder;
								margin:5px;
								padding:5px;}

fieldset.bookingForm label {	margin:0px;
							    padding-top:3px;
							    width:135px;
							    text-align:right;
							    float:left;
							    font-size:90%;}

#landlord {	margin:5px 0px 5px 12px;}

#timeSlot {	width: 150px;}

#bookingDate { border: #002A8F 1px solid; width: 210px;}

.bookingInput2 {	margin:1px 0px 5px 12px;}		
					    
.bookingInput {		margin:1px 0px 5px 12px;
					width: 300px;
					border: #002A8F 1px solid;
					font-size:0.9em;}

.bookingInput:focus {background-color:#F7F8FB;}

/****** END BOOKING FORM ******/