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

body {
text-align:center;
}
		
/*-------- puts site in center of browser ---------*/
#frame {
width:980px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
}	
		
/*-------- header ---------*/
#header {
width: 980px;
height: 195px;
padding: 0px;
margin: 0px 0px 0px 0px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}

#header a img {
	margin:12px 24px;
	border:none;
}

a img { border:none; }

/*-------- frame around 2 content areas ---------*/
#contentframe {
width:980px;
margin: 0px auto 0px auto;
padding:0px;
background-image: url(../images/contentBg.gif);
background-repeat: repeat-y;
}					
		
/*-------- navigation/left content ---------*/
		
#nav {
width:193px;
padding:0px;
margin: 0px 0px 0px 0px;
float:left;
}

#nav img{
padding: 0px 0px 0px 20px;
}
		
#nav ul {
width:140px;
padding: 0px 0px 20px 20px;
margin: 0px;
float:left;
font: 14px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

ul#sitemap {
padding: 20px 0px 0px 20px;
}
		
#nav li{
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
font: 14px Arial, Helvetica, sans-serif;
color: #ffffff;
}	

#nav li a:link, #nav li a:visited{
list-style: none;
padding: 7px 0px 0px 5px;
margin: 0px;
background-image: url(../images/navOne.gif);
background-repeat: no-repeat;
background-position: left;
height: 24px;
font: 14px Arial, Helvetica, sans-serif;
color: #ffffff;
width: 129px;
display: block;
text-decoration: none;
font-weight: bold;
}	



#nav li a:hover {
font: 14px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
font-weight: bold;
background-image: url(../images/navHover.gif);
background-repeat: no-repeat;
background-position: left;
}

#nav #book-now-btn a {
	background:url(../images/book-now-btn.png) no-repeat;
	color:#004287;
	text-transform:uppercase;
	padding:15px 25px 15px 25px;
	height:auto;
	width:auto;
	display:inline-block;
	margin:2px 0;
}
#nav #book-now-btn a:hover {
	background-position:0 -47px;
}
		
/*-------- right content ---------*/

.check-btn, .check-btn-inner {
	background:url(../images/check-avail-btn.png) no-repeat;
	padding:8px 10px 10px 55px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
	font-size:12px !important;
	font-weight:bold !important;
}
.check-btn-inner {
	background:url(../images/check-avail-btn-sml.png) no-repeat;
	padding:8px 10px 10px 45px;
	margin-left:10px;
}

td .check-btn-inner, #leftcol .check-btn-inner {
	margin:0;
	width:105px;
}

#contentright {
width: 755px;
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 0px 20px 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;
}

#leftcol{
	width:565px;
}

#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;
	width:755px;
	clear:both;
}

#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;
}

#accessibility {
	display:none;
}