/* ---------------------------------------------------------------------------------- */
/*testing*/
/* CSS Document - last updated: 27/05/2008																						

/* UK Caravan Finder																																	
/* Author: blackNwhite (www.blacknwhitedesign.com)																						

/* Media: screen																																		
/
/* ---------------------------------------------------------------------------------- */
/* Main layout properties																														
/* ---------------------------------------------------------------------------------- */

html, body {
height:auto;
	margin:0px;
	padding: 0px;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	background-image: url(../images/bg_grad.gif); background-repeat:repeat-x;
	color: #323232;
}
img {
	border: none;
}
#main_container {
	margin:0 auto;
	width: 950px;
	padding-bottom:20px;	
}
/*--------------------------------------
	Masthead
---------------------------------------*/
#header	{
	margin-top:20px;
	background: url(../images/bg_header.gif) no-repeat;
	height:113px;
	width:950px;
	
}

#logo {
	padding:42px 0 0 22px;
	height:48px;
	width:417px;
	position: relative;
	float:left;
}

#new_prices_image
{
    padding:15px 0 0 145px;
}
/*--------------------------------------
	Navigation
---------------------------------------*/
#nav {
	font-size:100%;
	position:relative;
	float:right;
	height:30px;
	padding:42px 20px 0 0;/* was padding 83 top before new prices line went in.*/
}
	#nav ul {
	list-style: none; 
	padding:0; 
	margin:0;	
	background-color: #40BDC3; 
}
		#nav ul li {
			float: left; 
			text-align: center;  
			height: 30px;
			width:93px;
			background:url(../images/nav_tab.gif);
			margin-right:2px;
	}
		#nav ul li a {
		display: block; 
		padding: 7px 5px 7px 7px;
		font-size:14px;
		color: #fff; 
		text-decoration: none;
	}		
		#nav ul li a:hover{
		color: #4492dd; 
		background:url(../images/nav_tab_on.gif);
	}	
			#nav ul li.active a { 
			color: #4492dd; 
			background:url(../images/nav_tab_on.gif);
			}
			#nav ul li#active  a:hover {}
			#nav ul li.first {border-left: none;
		}

/*--------------------------------------
	Mask
---------------------------------------*/
.mask2 { position:fixed; top:0px; bottom:0px; left:0px; right:0px; }
.mask2 { background:#FF9900; opacity:0.5; filter:alpha(opacity=50); z-index:99;  }
/*--------------------------------------
	General
---------------------------------------*/

#main_body	{
	overflow:auto;
	width:910px; 
	padding:20px;
	background-color:#fff;	
	min-height:400px;
}
#content_area	{
	width:653px;
	position:inherit;
	float:left;
}
#search_area	{
	width:233px;
	position: relative;
	float:right;
}
#footer	{
	padding:20px;
	width:910px;
	height:32px;
	color:#ffffff;
	background:url(../images/bg_footer.png) no-repeat;
}
.footer_txtlinks	{
	float:left;
	position:relative;
	width:600px;
}
.footer_info	{
	float:right;
	position:relative;
	vertical-align: top;
	width:250px;
}
.border_blu {
	border:#016bd1 solid 1px;
}
.search_map	{
	position:relative;
	padding-top:20px;
	margin-left:30px;
	height:312px;
	width:174px;
}
.search_region	{
	padding-top:20px;
	width:233px;
}
.google_ads	{
	width:910px;
	padding:0 20px 20px 20px;
	background-color:#fff;
}

/*--------------------------------------
	Homepage Styles
---------------------------------------*/

#hp_search_pos {
	margin-top:10px;
	background:url(../images/bg_search.png) no-repeat;
	height:81px;
	width:631px;
	padding:10px 15px;
	vertical-align:top;

}
.hp_login
{
    margin:0 auto;
     
   	text-align:center; 
    height:150px; 
    width:300px; 
    position:absolute;
    top:100px;
    left:auto; 
    right:auto;
    background-color:white;
    border: solid 2px blue; 
    z-index:1000;    
}

.login_holder
{
    margin:0 auto;
      
   	text-align:center; 
    height:250px; 
    width:400px; 
    position:absolute;
  
    background-color:white;
    border: solid 2px blue; 
    z-index:1000;   
}

.hp_search_submit {
	width:366px;
	position:relative;
	float:left;
}
.hp_search_btn	{
	position:relative;
	float:left;
	padding:8px 0 0 15px;
}
.features	{
	width:654px;
	height:150px;
	padding-top:10px;
	padding-bottom:20px;	
}
.features_caravan_header	{
	position:relative;
	background:url(../images/bg_header_blu.gif) no-repeat;
	width:654px;
	padding:0 0 0 10px;
	height:34px;
}

.features_caravan_img	{
	width:205px;
	border:#016bd1 solid 2px;
	position:relative;
	float:left;
	margin:5px 0px 20px 3px;
	height:93px;
}

.features_park_header	
{    
	background:url(../images/bg_header_org.gif) no-repeat;
	width:654px;
	padding:0 0 0 10px;
	
	height:34px;
}
.features_park_img	{
	width:205px;
	border:#e17701 solid 2px;
	position:relative;
	float:left;
	margin:5px 0px 0px 3px;
}	
.features_text	{
	width:300px;
	position:relative;
	float:left;
	margin:5px 30px 10px 10px;
}
.more_info {
	padding-top:30px;
	position:relative;
	float:left;
	width:100px;
}
#hp_login	{
	background:url(../images/bg_login.png) no-repeat;
	height:83px;
	width:203px;
	padding:10px 15px;
}

#login_login	{
	background:url(../images/LogInBG.png) no-repeat;	
	padding:10px 35px;
	float:left;
	width:300px;
	height:150px;
}
.login_btn {
	padding:10px 3px 10px 0;
	width:100px;
	height:26px;
	position:relative;
	float:left;
}

.LoginAdvert
{
    background:url(../images/bg_login_advert.png) no-repeat;	
    float:left; 
    height:132px; 
    width:300px; 
    padding:7px 0 0 15px;
    margin-right:10px; 
    margin-left:10px;    
    clear:right;     
}

.signup_btn {
	padding:10px 0px 10px 0;
	width:100px;
	height:26px;
	position:relative;
	float:left;
}
/*--------------------------------------
	Search Results
---------------------------------------*/
.pages	{
	margin-top:20px;
	width:634px; 
	float:left;
	background-color:#e17701;
	padding:5px 10px;
	color:#fff;
	}

.page_amounts_pos	{
	float:left;
	text-align:left;
	width:300px;
}
.page_links_pos	{
	float:right;
	vertical-align:top;
	text-align:right;
	width:300px;
}

.results	{
	width:654px;
	padding-top:0px;
	padding-bottom:10px;	
}

.results_header	{
	background:url(../images/bg_header_blu.gif) no-repeat;
	width:654px;
	padding:0 0 0 10px;
	height:34px;
	margin-top:50px;
}
.results_img	{
	width:171px;
	height:132px;
	border:#016bd1 solid 2px;
	float:left;
	margin:5px 10px 20px 3px;
}	
.results_text	{
	width:620px;
	margin:5px 0px 0px 0px;
	height:100px;	
	overflow: hidden;		
	
}
.results_more_info {
	padding-top:5px;
	float:right;
	width:100px;
}
.results_info_table	{
	width:460px;
}
.search_panel	{
	background:url(../images/bg_search_sml.png) no-repeat;
	height:111px;
	width:213px;
	padding:10px 15px;
}

/*--------------------------------------
	Text styles
---------------------------------------*/

.more_info_div {
	
	
	background-color:#fff;
	width:850px;
	border:solid 2px #016bd1;
	z-index:100;
	position:absolute;  
	top:50px;
	left:50%;
	right:0;
	margin-left:-432.5px;
	padding:15px;
}
 

.van_name	{
	width:400px;
	float:left;
}
.close_window {
	width:200px;
	float:right;
	text-align:right;
}

/*--------------------------------------
	Text styles
---------------------------------------*/

h1	{
	padding:0;
	margin:0;
	color:#016bd1;
	font-family: "Trebuchet MS";
	font-size:20px;
}
h2	{
	padding:0;
	margin:0;
	color:#016bd1;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight:bold;
}
.font_20_blue	{
	color:#016bd1;
	font-family: "Trebuchet MS";
	font-size:20px;
}

.font_18_blue	{
	color:#016bd1;
	font-family: "Trebuchet MS";
	font-size:18px;
	font-weight:bold;
}
.font_16_blue	{
	color:#016bd1;
	font-family: "Trebuchet MS";
	font-size:16px;
	font-weight:bold;
}
.font_white	{
	color:#fff;
}
.font_20_white	{
	color:#fff;
	font-family: "Trebuchet MS";
	font-size:20px;
}
.font_18_white	{
	color:#fff;
	font-family: "Trebuchet MS";
	font-size:18px;
}
.font_org_bold	{
	color:#e17701;
	font-weight:bold;
}
.font_20_org	{
	color:#e17701;
	font-family: "Trebuchet MS";
	font-size:20px;
}
/*--------------------------------------
	Link styles
---------------------------------------*/
a {
	text-decoration:none;
	color:#e17701;
}
a:hover {
	text-decoration:none;
	color:#016bd1;
}
a.link_blu {
	text-decoration:none;
	color:#016bd1;
}
a.link_blu:hover {
	text-decoration:none;
	color:#e17701;
}
a.link_blu_lrg {
	font-family:"Trebuchet MS";
	font-size:16px;
	text-decoration:none;
	color:#016bd1;
}
a.link_blu_lrg:hover {
	text-decoration:none;
	color:#e17701;	
}
a.link_blu_super_lrg {
	font-family:"Trebuchet MS";
	font-size:24px;
	text-decoration:none;
	color:#016bd1;
}
a.link_blu_super_lrg:hover {
	text-decoration:none;
	color:#e17701;	
}
a.link_footer {
	text-decoration:none;
	color:#fff;
}
a.link_footer:hover {
	text-decoration:underline;
	color:#fff;
}
a.link_pages {
	text-decoration:none;
	color:#fff;
}
a.link_pages:hover {
	text-decoration:underline;
	color:#fff;
}
a.link_pages:avtive {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
/*--------------------------------------
	Form styles
---------------------------------------*/
form {
	margin:0px;
}

.hp_search_area	{
	margin-top:10px;
	border:solid 1px #e17701;
	width:366px;
	
}

.search_area	{
	margin-top:10px;
	border:solid 1px #e17701;
	width:200px;
	
}

/*--------------------------------------
	Buttons / Rollovers
---------------------------------------*/
.POWMoreInfo
{   
 background:url("../images/btn_info_org.png") top left no-repeat;
	display:block; 
	width:98px;
	height:25px;

}

.POWMoreInfo:hover
{   
    background:url("../images/btn_info_org_ro.png") top left no-repeat;
	display:block; 
	width:98px;
	height:25px;
}

.COWMoreInfo
{   
 background:url("../images/btn_info_blu.png") top left no-repeat;
	display:block; 
	width:100px;
	height:26px;
}

.COWMoreInfo:hover
{   
    background:url("../images/btn_info_blu_ro.png") top left no-repeat;
	display:block; 
	width:100px;
	height:26px;
}

.LoginButton
{   
 background:url("../images/btn_login_org.png") top left no-repeat;
	display:block; 
	width:100px;
	height:26px;
}

.LoginButton:hover
{   
    background:url("../images/btn_login_org_ro.png") top left no-repeat;
	display:block; 
	width:100px;
	height:26px;
}

.LoginAdvertLink
{   
    background:url("../images/btn_login_blue_org_bg.jpg") top left no-repeat;
	display:block; 
	width:98px;
	height:24px;
	margin-top:5px;
}
.LoginAdvertLink:hover
{
    background:url("../images/btn_login_blue_org_bg_ro.jpg") top left no-repeat;
	display:block; 
	width:98px;
	height:24px;
	margin-top:5px;
}

.SignInButton
{   
 background:url("../images/btn_signup_org.png") top left no-repeat;
	display:block; 
	width:101px;
	height:26px;
}

.SignInButton:hover
{   
    background:url("../images/btn_signup_org_ro.png") top left no-repeat;
	display:block; 
	width:101px;
	height:26px;
}

.SearchButton
{   
 background:url("../images/btn_search_blu.png") top left no-repeat;
	display:block; 
	width:101px;
	height:26px;
}

.SearchButton:hover
{   
    background:url("../images/btn_search_blu_ro.png") top left no-repeat;
	display:block; 
	width:101px;
	height:26px;
}

/*--------------------------------------
	Calendar Styles
---------------------------------------*/
.CalendarHeader
{
    background-color:#e17701;
    color:White;
    
}