/* CSS Document */

body {margin:0; padding:0; background:url(../images/background.gif) repeat-x top left #FFF; color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

/* ------------ Layout ------------- */

#wrapper {width:820px; margin: 0px auto; padding:0;}
.form {margin:0; padding:0;}
.clear {clear:both; margin:0; padding:0; font-size:0px;}
#maincolumn {width:750px; margin:15px 0 0 0; padding:40px 43px 0 27px; background:url(../images/maincontentbg.gif) no-repeat top left; height:auto; font-size:12px;}
#maincolumn p {margin:0 0 15px 0; padding:0;}


/* ------------ Header ------------- */

#header {width:800px; height:99px; margin:0; padding:0 10px 0 10px;}
#awards { width:520px; height:33px; margin:0; padding:66px 0 0 0; float:right; background:url(../images/awards_logos.gif) no-repeat bottom right; text-align:left;}

ul#headercontact {margin:0; padding:0; list-style:none; width:520px;}
ul#headercontact li {float:left; margin:0; padding:0 24px 0 0;}


/* ------------ H Tags ------------- */

h1 {padding:0; margin:0;}
h1#whitehillpark a {display:block; background:url(../images/whitehill_park_logo.gif) no-repeat top left; height:99px; width:280px; text-indent: -900em; margin:0; padding:0; float:left;}

h2 {padding:0; margin:0 0 25px 0;}
h2#welcome {display:block; background:url(../images/titles/welcome_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#caravans {display:block; background:url(../images/titles/caravans_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#touring {display:block; background:url(../images/titles/touring_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#lodges {display:block; background:url(../images/titles/lodges_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#localarea {display:block; background:url(../images/titles/localarea_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#facilities {display:block; background:url(../images/titles/facilities_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#tariff {display:block; background:url(../images/titles/tariff_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#contact {display:block; background:url(../images/titles/contact_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#offers {display:block; background:url(../images/titles/offers_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#news {display:block; background:url(../images/titles/news_title.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#attractions {display:block; background:url(../images/titles/attractions_titles.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em; margin:15px 0 15px 0;}
h2#whatson {display:block; background:url(../images/titles/whatson_titles.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em; margin:15px 0 15px 0;}
h2#booknow {display:block; background:url(../images/titles/booknow.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}
h2#payBalance {display:block; background:url(../images/titles/baybalance.gif) no-repeat top left; height:23px; width:452px; text-indent: -900em;}



h3 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:100;}
h3#lightgreen {color:#8CA41C;}
h3#darkgreen {color:#006875;}

h4 {font-size:12px; font-weight:bold; margin:5px 0 0 0; padding:0; color:#8CA41C;}
h4#attractions {font-size:12px; font-weight:bold; margin:0; padding:0; color:#8CA41C;}


/* ------------ Promo Banner ------------- */

#promobanner {width:820px; height:203px; margin:0; padding:0;}

/* ------------ Navigation ------------- */

#navigation {margin:0; padding:0 10px 0 10px; color:#FFF; width:800px; font-size:13px; font-weight:100; text-align:center;}

#navigation a:link { color:#FFF; text-decoration:none;}
#navigation a:visited { color:#FFF; text-decoration:none;}
#navigation a:active { color:#FFF; text-decoration:none;}
#navigation a:hover { color:#FFF; text-decoration:underline;}

/* ------------ Footer ------------- */

#footer {margin:15px 0 0 0; padding:15px 10px 0 10px; color:#FFF; width:800px; font-size:10px; background:url(../images/footer_bg.gif) repeat-x top; height:14px;}
.createanet {width:250px; float:right; margin:0; padding:0; text-align:right;}
.copryright { width:550px; float:left; margin:0; padding:0;}

#footer a:link { color:#FFF; text-decoration:none;}
#footer a:visited { color:#FFF; text-decoration:none;}
#footer a:active { color:#FFF; text-decoration:none;}
#footer a:hover { color:#FFF; text-decoration:underline;}

/* ------------ Right Column ------------- */

#rightcolumn {width:452px; margin:0; padding:0; float:right; font-size:12px; line-height:18px;}
#rightcolumn p {margin:0 0 15px 0; padding:0;}

#lodgespanel {width:220px; float:right; background-color:#A3B649; margin:15px 0 0 0; padding:0; color:#FFFFFF;}
#accommodationpanel {width:220px; float:left; background-color:#006875; margin:15px 0 0 0; padding:0; color:#FFFFFF;}
.titleheaders {height:21px; margin:0; padding:4px 0 0 7px;}
.bottompanel {margin:0; padding:7px; font-size:11px; line-height:normal; height:110px;}

ul.bottompanellist {margin:0; padding:0; list-style:none; font-weight:bold;}
ul.bottompanellist li {margin:0 0 5px 0; padding:0 0 0 13px; background:url(../images/point_drkgreen.gif) no-repeat top left;}

ul.bottompanellist2 {margin:0; padding:0; list-style:none; font-weight:bold;}
ul.bottompanellist2 li {margin:0 0 5px 0; padding:0 0 0 13px; background:url(../images/point_lightgreen.gif) no-repeat top left;}

.bottompanellist a:link { color:#FFF; text-decoration:none;}
.bottompanellist a:visited { color:#FFF; text-decoration:none;}
.bottompanellist a:active { color:#FFF; text-decoration:none;}
.bottompanellist a:hover { color:#FFF; text-decoration:underline;}

.bottompanellist2 a:link { color:#FFF; text-decoration:none;}
.bottompanellist2 a:visited { color:#FFF; text-decoration:none;}
.bottompanellist2 a:active { color:#FFF; text-decoration:none;}
.bottompanellist2 a:hover { color:#FFF; text-decoration:underline;}


/* ------------ Left Column ------------- */

#leftcolumn {width:271px; margin:0; padding:0; float:left;}
#leftcolumn p { margin:0 0 10px 0; padding:0;}

#tariffpromo {width:174px; float:right; margin:0 0 25px 0; padding:0 0 0 10px;}

#tariffpromo a:link { color:#8CA41C; text-decoration:none; font-weight:bold;}
#tariffpromo a:visited { color:#8CA41C; text-decoration:none;}
#tariffpromo a:active { color:#8CA41C; text-decoration:none;}
#tariffpromo a:hover { color:#8CA41C; text-decoration:underline;}

#directionspromo {width:174px; float:right; margin:0 0 25px 0; padding:0 0 0 10px;}

#directionspromo a:link { color:#006875; text-decoration:none; font-weight:bold;}
#directionspromo a:visited { color:#006875; text-decoration:none;}
#directionspromo a:active { color:#006875; text-decoration:none;}
#directionspromo a:hover { color:#006875; text-decoration:underline;}

.sidepictures { margin:0 0 30px 0; padding:0;}
.promoleafs {width:87px; float:left; margin:0; padding:0;}

/* ------------ Enquiries ------------- */

.form {margin:0; padding:0;}

ul.error { margin:0 0 7px 0; padding:0; list-style:none; }
ul.error li { margin:0; padding:0 0 0 16px; background:url(../images/error.gif) no-repeat 0px 2px; }

ul.success {margin:0 0 15px 0; padding:0; list-style:none;}
ul.success li {margin:0; padding:0; color:#0B8F16;}

.enquirytable {text-align:left;width:452px; margin:0;}
.enquirytable  td {text-align:left; padding:0 0 3px 0;}
.enquirytable  .col1 {width:130px;}
.enquirytable  .col2 {width:322px;}

.enquirytable input, select, textarea {text-align:left; width:312px; font-size:12px;}
.checkboxwidth {width:auto;}
.form input, .form select { width: 100%; }

/* ------------ Directions ------------- */

.directions {width:251px; margin:0; padding:12px; color:#FFF; background-color:#8CA41C; clear:both;}

ul.mapdetails {margin:0 0 7px 0; padding:0; list-style:none;}
ul.mapdetails li {float:left; margin:0 0 20px 0; padding:6px 0 0 27px; background:url(../images/small_leaf.jpg) no-repeat top left; height:21px;}

.mapdetails a:link, a:visited {color:#666; text-decoration:none;}
.mapdetails a:active { color:#666; text-decoration:none;}
.mapdetails a:hover { color:#666; text-decoration:underline;}


/* ------------ Special Offers ------------- */

.offerspic {float:left; width:116px; margin:0; padding:15px 0 0 17px; background:url(../images/offers_bg.gif) no-repeat top left; height:126px; }
.offersdescription {width:309px; float:right; padding:0; margin:0 0 20px 0;}
.offerswrapper {width:452px; margin:0; padding:0; background:url(../images/splitline.gif) repeat-x bottom left;}

.offersdescription a:link  { color:#006875; text-decoration:none; font-weight:bold;}
.offersdescription a:visited { color:#006875; text-decoration:none;}
.offersdescription a:active { color:#006875; text-decoration:none;}
.offersdescription a:hover { color:#006875; text-decoration:underline;}

/* ------------ Latest News ------------- */

.date {font-size:11px; font-weight:bold; margin:0; padding:0;}

.paging {font-size:11px; font-weight:bold; margin:0; padding:0; text-align:right;}
.paging a:link, .paging a:visited, .paging a:active { color:#666; text-decoration:none; font-weight:bold;}
.paging a:hover { color:#006875; text-decoration:underline;}

/* ------------ Attractions ------------- */


.attractionswrapper {width:452px; margin:0; padding:10px 0 0 0; background:url(../images/splitline.gif) repeat-x bottom left;}

.attractionspic {float:left; width:75px; margin:0; padding:0;}
.attractionsdecrip {width:357px; float:right; padding:0; margin:0 0 10px 0;}

.attractionsdecrip p {font-size:11px;}

.attractionsdecrip a:link  { color:#006875; text-decoration:none; font-size:11px;}
.attractionsdecrip a:visited { color:#006875; text-decoration:none;}
.attractionsdecrip a:active { color:#006875; text-decoration:none;}
.attractionsdecrip a:hover { color:#006875; text-decoration:underline;}


ul.list2{ list-style:none; margin:0 0 10px 0; padding:0; border-bottom:1px dashed #666; }
ul.list2 li{
margin:0 0 5px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
}
ul.list2 li a{ color:#8A7534; }
ul.list2 li a:hover{ text-decoration:none; }


/* ------------ Caravan Table ------------- */

.caravantable {text-align:left;width:750px; margin:10px 0 15px 0; clear:both; font-size:12px;}
.caravantable  td {text-align:center; padding:4px 0 4px 0;}
.caravantable  .col1 {width:146px; background-color:#006875; color:#FFF; padding-left:3px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; text-align:left;  height:15px;}
.caravantable  .col2 {width:71px; background-color:#006875; color:#FFF; padding-left:3px; text-align:center; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF;  height:18px;}
.caravantable  .col3 {width:146px; text-align:left}


/* ------------ Facitilies List ------------- */

.facilitieslist {margin:0; padding:0; list-style:none;}
.facilitieslist li { background:url(../images/bullet_point.gif) no-repeat top left; margin:0; padding:0 0 0 15px;}

/* ------------ PDF Downloads ------------- */

.pdflist {margin:0; padding:0; list-style:none;}
.pdflist li { background:url(../images/pdf_icon.gif) no-repeat top left; margin:0; padding:4px 0 0 25px; height:20px;}
.pdflist li a {color:#006875;text-decoration:none; }
.pdflist li a:hover {color:#006875; text-decoration:underline; }


/* ------------ Tariff Table ------------- */

.tarifftable {text-align:left;width:750px; margin:10px 0 15px 0;}
.tarifftable  td {text-align:center; padding:4px 0 4px 0;}
.tarifftable  .col1 {width:146px; background-color:#006875; color:#FFF; padding-left:3px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; text-align:left;  height:15px;}
.tarifftable  .col2 {width:71px; background-color:#006875; color:#FFF; padding-left:3px; text-align:center; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF;  height:18px;}
.tarifftable  .col3 {width:146px; text-align:left}


/* ------------ Touring Table ------------- */

.touringtable {text-align:left;width:750px; margin:10px 0 15px 0;}
.touringtable  td {text-align:center; padding:4px 0 4px 0;}
.touringtable .col1 {width:182px; background-color:#006875; color:#FFF; padding-left:3px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF;  height:15px;}
.touringtable  .col2 {width:204px; background-color:#006875; color:#FFF; padding-left:3px; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF;  height:18px;}
.touringtable  .col3 {width:146px; text-align:left}