/* Copyright Coastal Caravan Group April c2011 - Contact webmaster @ caravanholidayrentals.co.uk */
/* Coded to W3C Standards by professional website designers */
/* No copy or use of original material without permission */


/* ############## c2012 CARAVAN HOLIDAY RENTALS ##################################### */


/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* ############## BLOCK CONTAINERS ############################################### */
body {
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
background: #FFF url('../images/bg-body.png') 0 0 repeat-x;
color: #333;
}

body.pagelist {
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
background: #FFF url('') 0 0 repeat-x;
color: #333;
}

#page {
width: 960px;
margin: 0px auto 0px auto;
background-color: #FFF;
color: #333;
}

#masthead {
width:960px;
height:250px;
border-bottom:1px solid #FFF;
background: #FFF url('../images/bg-masthead-960.jpg') 0 0 no-repeat;
color: #333;
}

#social {
height:25px;
overflow:hidden;
clear:both;
text-align:left;
padding-left:10px;
background-color:#036;
color:#999;
}

#logo {
margin:16px 0 0 30px;
float:left;
}

#slogan img {
float:right;
width:260px;
height:195px;
}

#navcontainer {
width:960px;
height:30px;
overflow:hidden;
clear:both;
background-color: #C00;
color:#FFF;
}

#contentWide {
font:normal 12px/18px Arial, Helvetica, sans-serif;
width:720px;
margin: 0px auto 0px auto;
background-color: #FFF;
color: #333;
}

#contentDetail {
font:normal 12px/18px Arial, Helvetica, sans-serif;
width:720px;
float:right;
margin: 0px auto 0px auto;
background-color: #FFF;
color: #333;
}

#contentForm
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
width:640px;
margin: 0px auto 0px auto;
background-color: #FFF;
color: #333;
}

#content {
font:normal 12px/18px Arial, Helvetica, sans-serif;
width:680px;
margin: 0 10px 0 20px;
float:right;
background-color: #FFF;
color: #333;
}

#sidebar {
font:normal 11px/17px Arial, Helvetica, sans-serif;
width:220px;
margin:0px 0px 0px 6px ;
padding:10px 4px 10px 4px;
float:left;
text-align:center;
background-color: #F9F9FF;
color: #333;
/* rounded corner */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* box shadow */
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}

#google_ads_frame1 {
margin:0 30px;
}

#googleBnr2 {
float:right;
margin: 10px 30px 10px 10px;
width:300px;
height:260px;
}

#footer {
width:960px;
font:normal 10px/11px Arial, Helvetica, sans-serif;
text-align:center;
clear:both;
height:80px;
margin:3px 0px 2px 0px;
padding:8px 0px 0px 0px;
background: transparent url("../images/bg-footer.gif") bottom center no-repeat;
color:#CCC;
}

#fancybox-content #trialMembership {
border:10px solid #333;
text-align:center;
}

#policy {
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
color:#999;
}

/* ############### TEXT STYLES #################################################### */
h1 {
font:italic 1.8em Georgia, "Times New Roman", Times, serif;
margin:20px 0 15px 0;
background-color: transparent;
color: #C00;
}

h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 8px 0;
background-color: transparent;
color: #666;
}

h3 {
font:normal 15px Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 4px 0;
background-color: transparent;
color: #069;
}

h4 {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
margin:4px 0 4px 0;
background-color: transparent;
color: #333;
}


p {
margin:4px 0 20px 0;
background-color: transparent;
color: #333;
}

.imgRight {float:right;}
.imgLeft {float:left;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.note, #policy {
font-size:80%; color:gray;
}

.price {color:#C00;}

#sidebar ul {
list-style:circle;
margin-left:16px;
margin-bottom:24px;
}

#content ul, content ol {
list-style:circle;
margin-left:16px;
margin-bottom:24px;
}

th {
text-align:left;
padding:4px;
background-color:#C00;
color:#FFF;
}

.printOnly {
position:absolute;
top:-3000px; left:-3000px;
}

/* ############## LINK STYLES ############################################### */
a:link, a:visited {color:#036; text-decoration:underline;}
a:hover {color:#C00; text-decoration:none;}

#footer a:link, #footer a:visited {color:#CCC; text-decoration:underline;}
#footer a:hover {color:#0CC; text-decoration:none;}


/* ############## MENU STYLES ############################################### */

#navlist {
padding:6px 10px 0px 0px;
text-align:center;
}

#navlist li {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
display:inline;
padding:0px 5px;
border-right:1px solid #EEE;
background-color: transparent;
color:#FFF;
}

#navlist li a:link, #navlist li a:visited {
text-decoration:none;
background-color: transparent;
color:#FFF;
}

#navlist li a:hover {
text-decoration:underline;
background-color: transparent;
color:#FC0;
}


#subnav {
margin:8px;
text-align:right;
}

#subnav a:link, #subnav a:visited {
text-decoration:none;
background-color: transparent;
color:#BBB;
}

#subnav a:hover {
text-decoration:underline;
background-color: transparent;
color:#FC3;
}

.sbList {
text-align:left;
}

/* ############## SEARCH RESULT STYLES ################################# */


table.tblSearchResults {

}

.tblSearchResults tr td {
padding-bottom:12px;
border-bottom:1px solid #DDD;
vertical-align:top;
}

.pages {
margin:6px 4px;
text-align:right;
font-weight:bold;
font-size:120%;
background-color: #F6F6F6;
}

.vanThumb {
border:1px solid #DDD; padding:5px;
}

/* ############## ADVERT PREVIEW ######## */
#placeholder {
padding:18px 4px 8px 4px;
border:1px solid #DDD;
background-color:#F6F6F6;
color:#C00;
}

.adTable td {
padding:5px 5px 12px 5px;
vertical-align:top;
background-color:#FFF;
color:#444;
}

.adPriceBox {
width:90%;
padding:4px;
margin:15px auto;
border:1px solid #CCC;
background-color:#F9F9F9;
color:#333;
}

.special {
width:660px;
padding:4px;
margin:15px auto;
border:1px solid #CCC;
background-color:#F9F9F9;
color:#333;
}

.adFeatures, #adContactBox {
width:300px;
margin:0 auto;
}

#contentWide .adFeatures td, #contentDetail .adFeatures td {
padding:3px;
vertical-align:top;
border:1px solid #CCC;
background-color:#F6F6F6;
color:#444;
}

#adContactBox {
width:282px;
margin:0 auto;
padding:5px;
border:1px solid #CCC;
background-color:#F6F6F6;
background:#F6F6F6 url(/images/icon-calendar.gif) right top no-repeat;
color:#444;
}

#adContactBox ul {
margin-left:30px;
}