/* CSS Document */
/* Westport Top 10 Holiday Park */
/* 02 October 2007 */
/* written by hairyLemon Media Solutions */

body {
text-align:center;
font: 12px/16px Arial, Helvetica, sans-serif;
}
		
/*-------- navigation/left content ---------*/
		
#nav, #rightcol,#accessibility {
display:none;
}

#leftcol {
width: 100%;	
}

/*-------- right content ---------*/
#contentright {
width: 100%;
padding:0px;
margin: 20px 0px 0px 15px;
float:left;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
}

#contentright p, #contentright td  {
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
}

.content p, .content td  {
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
}

.content  a:link, .content  a:visited, .content  a:hover {
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}	

#contentright  a:link, #contentright  a:visited, #contentright  a:hover {
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}	

#contentright h1  {
font: 18px Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
padding: 3px 0px 3px 35px;
margin: 0px;
background-image: url(../images/headerone.gif);
background-position: left;
background-repeat: no-repeat;
text-transform:capitalize;
}

#contentright h2  {
font: 14px Arial, Helvetica, sans-serif;
color: #004287;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px dotted #004287;
text-transform:capitalize;
}

#contentright h3  {
font: 13px Arial, Helvetica, sans-serif;
color: #004287;
font-weight: bold;
padding: 0px 0px 3px 0px;
margin: 0px;
text-transform: uppercase;
}

#contentright h4  {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
font-weight: bold;
padding: 20px 0px 0px 40px;
margin: 0px;
background-image: url(../images/icon_card.gif);
background-position: left;
background-repeat: no-repeat;
}

#contentright h5 {
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: bold;
padding: 5px;
margin: 0px;
text-transform: uppercase;
}

#contentright .image {
border: 7px solid #ffffff;
margin: 10px 0px 0px 10px;
}

#contentright .imagefirst {
border: 7px solid #ffffff;
margin: 20px 0px 0px 10px;
}

#contentright ul{
padding: 10px 0px 0px 10px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
		
#contentright li{
padding: 0px 0px 0px 0px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
list-style-image: url(../images/bullet.gif);
}

.right {
	float:right;
}

#rightcol{
	float:right;
	padding-right:6px;
}

#quickinfo ul{
padding: 10px 0px 0px 10px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
}
		
#quickinfo li{
list-style:square;
padding: 0px 0px 5px 5px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
list-style-image: url(../images/bullet.gif);
}

/*-------- first footer with contact details---------*/	

#footerinfo {
font: 10px Arial, Helvetica, sans-serif;
color: #004287;
background-image: url(../images/contentBg.gif);
background-repeat: repeat-y;
}

#footerinfotxt {
font: 10px Arial, Helvetica, sans-serif;
color: #004287;
padding: 20px 0px;
margin: 0px 0px 0px 210px;
font-weight: bold;
}

#footerinfotxt img {
float:left;
padding:0 20px 10px 0;
}

#footerinfotxt a:link, #footerinfotxt a:visited, #footerinfotxt a:hover {
font: 10px Arial, Helvetica, sans-serif;
color: #004287;
font-weight: bold;
text-decoration: underline;
}		
		
/*-------- footer ---------*/
	
#footer {
clear:both;
width: 980px;
height: 20px;
padding:0px;
margin: 0px 0px 0px 0px;
font: 11px Arial, Helvetica, sans-serif;
background-image: url(../images/footerBg.gif);
background-repeat: repeat-x;
background-position: left;
}


#form {
width: 600px;
padding:0px;
margin: 0px 0px 0px 15px;
float:left;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #000000;
}

#form .image {
border: 7px solid #ffffff;
margin: 10px 0px 0px 10px;
}



#form ul{
padding: 10px 0px 0px 10px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
		
#form li{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;

}	

/*-----accommodation key------*/
#contentright .key {
width:164px;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #fff;
background-color:#004287;
border:7px solid #fff;
margin: 10px 0px 0px 10px;
}

#contentright .keytext{
font: 11px/14px Arial, Helvetica, sans-serif;
color: #fff;
}

#seobuttons {
	margin-bottom:15px;
}

#seobuttons img {
	margin-right:13px;
}

#seobuttons #lastbutton {
	margin-right:0px;
}

#accommodation-selection {
	text-align:center;	
}

#accommodation-selection img {
	padding:5px 30px;	
}

.accommodation-table {
	width:570px;
	border:0;
}