/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}


img
{
	border-style: none;
}

body {
	font: 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	background-image: url(../images/bgbeeches.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	
}

p {
	font:  1em Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #666666;
	padding: 0px 0px 15px 0px;
	text-align: left;	
	
}




h1 {
	font:  1.6em Arial, Helvetica, sans-serif;
	color: #003180;
	padding: 15px 0px 15px 0px;
	font-weight: bold;
	}

h2 { font:   1.2em Arial, Helvetica, sans-serif;   
	line-height: 1.5em; 
	color: #ebba4e;
	padding: 5px 0px 15px 0px;
	font-weight: bold;
	}	

h3 { font:  1em Arial, Helvetica, sans-serif;   
	line-height: 1.4em; 
	color: #003180;
	padding: 5px 0px 0px 0px;
	}		

h4 { font:   1em Arial, Helvetica, sans-serif;   
	line-height: 1.5em; 
	color: #ebba4e;
	padding: 5px 0px 5px 0px;
	}	
	

h5 { font:  1.1em Arial, Helvetica, sans-serif;   
	line-height: 1.4em; 
	color: #003180;
	padding: 10px 0px 10px 18px;
	font-weight: bold;
	}			
		


/* unvisited link */
a:link {
	color: #003180;
	text-decoration: none;	
} 

/* visited link */
a:visited { 
   color: #003180;
}

/* mouse over link */
a:hover { 
	color: #EBBA4E;
}

/* selected link */
a:active { 
	color: #003180;
	
}


#wrap {
	margin: 7px auto 0px;
	width: 960px;
	height: auto;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	
}

#maincontainer {
	width: 960px;
	height: 570px;
	background-color: #000000;
	background-repeat: repeat;
	color: #FFFFFF;
}







/* TOP IMAGE -------- */
#top {
	margin: 0px auto;
	width: 960px;
	height: 124px;
	text-align: right;
	margin-right: 0px;
	
}



#topleft {
	width: 480px;
	height: 124px;
	margin-right: 0px;
	float: left;	
}

#topleftbottom {
	width: 480px;
	height: 40px;
	margin-right: 0px;
	float: left;	
}



/* MAIN -------- */


#mainimage {
	width: 630px;
	height: 270px;
	float: left;
	padding: 0px 0px 15px 0px;
	
}

#mainmov {
	width: 630px;
	height: 600px;
	float: left;
	padding: 0px 0px 0px 0px;
	
}


#mainnav {
	width: 960px;
	height: 60px;
	color: #ebba4e;
	padding-left: 30px;
	padding-top: 20px;
	background-image: url(../images/mainnavbg.jpg);
	background-repeat: repeat-x;
}


/* unvisited link */
#mainnav a:link {
	color: #FFFFFF;
	text-decoration: none;
} 

/* visited link */
#mainnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

/* mouse over link */
#mainnav a:hover {
	color: #ebba4e;
	text-decoration: none;
}

/* selected link */
#mainnav a:active {
	color: #FFFFFF;
	text-decoration: none;
}
	
	
#mainnav li{
	text-decoration: none;
	display: inline;
}

#mainnav ul{
	font-size: 1em;
	text-decoration: none;
	display: inline;
}

#mainnav ul li{
	display: inline;
	padding-left: 15px;
}




#maincontent {
	width: 630px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 40px;
	
}


#rhscolumn {
	width: 220px;
	float: left;
	padding: 0px 0px 0px 30px;
	margin-top: 0px;
	margin-left: 0px;
	
}


#columnhome {
	width: 630px;
}

#columnhomeleft {
	width: 285px;
	height: auto;
	float: left;
	padding: 0px 30px 0px 0px;
	color: #00CC00;	
}

#columnhomeright {
	width: 285px;
	height: auto;
	float: left;
	padding: 0px 0px 0px 30px;
	color: #00CC00;	
	
}



/* COPYRIGHT -------- */

#smalltext {
	width: 100%;
	padding: 50px 0px 0px 0px;
	font-size: 10px;
	text-align: center;
	color: #666666;
	clear: both;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	height: 150px;
	background-color: #C6DEC8;	
	}
	
#smalltext {
	font-size: 10px;
    text-align: center;
    
	}

#smalltext  a:link {
	font-size: 10px;
	text-align: center;
	color: #666666;
	text-decoration: none;
	}

#smalltext  a:visited { 
	font-size: 10px;
    text-align: center;
    color: #666666;
	text-decoration: none;
	}
	
#smalltext  a:hover { 
	font-size: 10px;
    text-align: center;
     color: #333333;
	}	
	
#smalltext  a:active  { 
	font-size: 10px;
    text-align: center;
    color: #FFFFFF;
	text-decoration: none;
	}			



.paddingleft{
	
	padding-left: 10px;	
}

.paddingright{
	
	padding-right: 10px;	
}

.paddingtop{
	
	padding-top: 40px;	
}


.imagepadding{
	padding-top: 10px;
	padding-bottom: 10px;
}


#map_canvas{
	 width: 630px;
	 height: 350px; 
	 margin-left: 5px; 
	 margin-top: 10px; 
	 border:1px solid #999;
	 padding-bottom: 40px;	
	 
}

.single {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 420px;
	height: 35px;
	background-image: url(../images/input_single.jpg);
	color: #000000;
	display: block;
	background-repeat: no-repeat;
}


.formsingle {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	width: 380px;
	height: 25px;
	color: #333333;
	border: 0px none; 
	background-color: transparent;
}

.blue {
color: #003180;
}

.bordertable {
	border: 0px solid #7f98bf;
	background-color: #FFFFFF;
	background-image: url(../caravansforhire/bg.jpg);
	background-repeat: no-repeat;
}




#rda-container{
	height: 100%;
	width:	100%;
	margin:	2;
	color: #FFFFFF;
}

#rda-featured{
	width: 99%;
	float: left;
	background-color: #FFFFCC;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding-left: 4px;	
	padding-top: 4px;
	padding-bottom:2px;
	margin-bottom: 2px;
	color: #FFFFFF;
}

#rda-normal{
	width: 99%;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	padding-left: 4px;	
	padding-top: 4px;
	padding-bottom:2px;
	margin-bottom: 2px;
	margin-top: 15px;
	color: #FFFFFF;
}

#rda-ordering{
	width: 99%;
	height: 19px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 4px;	
	padding-top: 4px;
	padding-bottom:5px;
	margin-bottom: 2px;
	text-align: right;
	color: #FFFFFF;
}


#photos{
	float: left;
	width: 50%;
}

#rd_thumbnail{
	border: 1px solid;
	padding: 2px;
	border-color: #CCCCCC;
}

.grey{
	color: #666666;
}




/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */

#one {
	text-align: centre;
}

#one a:hover {
	
	text-decoration:none;
	
} /*BG color is a must for IE6*/
#one a.tooltip span {display:none; padding:0px 0px; margin-left:50px; width:130px;}

#one a.tooltip:hover span
{
	display:inline;
	position:absolute;
	background:url('../images/shadow.png');
	border:none;
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 0.9em;
	color: #666666;
	border: none;
	width: 220px;
	padding-left:40px;
	height: 660px;
	padding-top:0px;
	opacity: 1;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: -250px;
	
}


#one h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: left;
}