/* reset classes */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table, th, td {border-collapse:collapse;border-spacing:0;}

fieldset,img, img a{border:0;}

fieldset {width:100%;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

ul {list-style:none;margin:0;padding:0;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}


a:active, a:focus {outline:0}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}


/* main classes */
body {
	color: #4b4b4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	line-height: 1.5em;
	}
	
ul#nav, 
ul.hidden, 
.needHelp, 
ul#breadcrumb, 
ul.topnav, 
ul.tabHolder, 
div#footer, 
.holidayFinder, 
#map ul, 
h2.homeMainTitle, 
div.paginationWrapper, 
div.showPanel, 
div.button, 
div.searchColLeft, 
div.availabilityPanel, 
div.cottageLinks, 
div.divSlideshowControls2Wrapper, 
div.divSlideshowControls1, 
div#overlayContainer, 
div.listLinks, 
.calendarInfo select, 
.calendarInfo label, 
body.destinationsPage div.tabRightCol, 
body.offersPage div.tabRightCol, 
body.ideasPage div.tabRightCol, 
div.rememberCheck, 
span.privacy, 
div.loginDetails, 
select.showBookings, 
select.yourBookings, 
p.adr span a, 
div.booking-steps h3.left, 
a.back-to-main, 
span.green a, 
ol.order-stage, 
span.lock 				{display:none;}

a {text-decoration:none; color: #32a01d; font-weight: bold; }
h1 a {display:block; width: 700px; color: #547a55; font-size: 2.5em; line-height: 1.6em; border-bottom: 1px solid #4b4b4b; margin-bottom: 10px;}
h2 {color: #32a01d; font-size: 1.8em; font-weight: bold; margin-bottom: 5px;}
h3 {color: #7b7b7b; font-size: 1.4em; font-weight: bold; margin-bottom: 5px;}
h4 {font-size: 1.2em; font-weight: bold; margin: 10px 0 0 0}
h5 {font-weight: bold; padding: 0; margin: 5px 0 0 0}

#content .red {
color:#DD4F0A;
font-weight:bold;
}

div#content p {padding: 6px 0}

div.bookOnline {clear:both;  padding-top: 10px; float:left}
div.bookOnline h3 {float:left; color: #4b4b4b}
div.bookOnline h3 a {color: #4b4b4b}
.bookNo {padding-left: 5px; color: #f65923; font-size: 1.4em; font-weight:bold; float:left} 


div.cottageShortList {clear:both; padding-top:30px;}
div.cottageShortList ul {float:left; font-size: 0.9em; line-height:1.4em;}
div.cottageShortList ul li {float:left; clear:both; width: 220px; padding-top: 10px;}
div.cottageShortList ul img {float:left; border: #a6a6a5 1px solid; margin-top: 5px}
div.cottageShortList ul div {float:left; width: 145px; padding: 0 0 0 11px;}
div#content div.cottageShortList ul p {padding: 0;}

div.homeMapText {float:left; clear:both; padding-top: 30px;}

ul.homeTraffic {
	float:left;
	width: 650px;
	padding-top: 20px;
	}	
	
ul.homeTraffic li {
	float:left;
	margin-right:20px;
	width: 203px;
	height: 237px;
	background: #ffffff;
	} 

ul.homeTraffic li.last {margin-right:0;}

ul.homeTraffic li p {float:left; line-height: 1.2em;}

div.topContent {padding-bottom: 10px}

/********************************/
/* SEARCH RESULTS PAGE ELEMENTS */
/********************************/
div#content p.searchLink {padding-bottom: 25px}

img.propertyImage {float:left; border: #f1f0ef 5px solid; margin: 22px 23px 22px 0;}

div.sortby {float:left; padding:6px 0 6px 15px;}
div.sortby select {float:left}
div.sortby label {color: #fff; float:left; padding: 0 5px 0}

div.searchPriceBlock {float:left; width: 170px; padding: 20px 0 0 20px; height: 92px; border-left: solid 1px #e1e0e0}

span.searchDate {float:left; font-size: 0.9em; padding-right: 7px;}
span.searchNights {float:left; padding-left: 8px;}
span.searchPrice {width: 170px; color: #3f713f; padding-top: 5px; font-weight: bold; float:left; clear: both; font-size: 1.8em;}

div.searchColLeft div.searchForm {width: 200px; }

table.booking {float:left; width:100%; margin: 10px 0 0 0; display:inline}
table.favourites {float:left; width:600px; margin: 10px 0 0 15px; display:inline}
table.search {float:left; width:640px;}

th {color:#fff; font-weight: bold;}
th, td {padding: 8px 15px}
tr.odd td {background: #f1f0ef}
tr.even td {background: #f8f8f8}
th.last, td.last {border-right: none;}

table.search td {position: relative; border-right: none; padding: 8px 0 8px 15px}

th.ref {width: 50px}
th.property {width: 384px}
body.accountFavourites th.property {width: 600px}
th.status {width: 173px}
th.action {width: 113px}

th.bookingStatus {width: 35px}
th.booker {width: 115px}
th.date {width: 150px}
th.party {width: 160px}
th.cottage {width: 250px}
th.details {display:none;}

table td.action {padding-top:25px}

tr.odd img.propertyImage {border: #fff 5px solid}

table span {display:block}
table h4 {margin-top: 7px}

div.tablePropDetails {float:left; width: 236px; padding: 5px 0 10px 0; height: 130px}
table.search div.tablePropDetails {width: 250px; }

div.tablePropDetails h4 {color: #3f713f; font-weight: bold; font-size: 1.4em; margin: 10px 0 5px 0;}
span.sleeps {float:left; padding-right: 10px;}
span.bedrooms {float:left; padding-left: 10px;}
span.changeover {width: 200px}
span.location {float:left; }
span.sleeps, span.code {float:left; padding-right: 10px;}
div.tablePropDetails img {float:left; padding: 3px 0 0 6px}
div#content div.tablePropDetails p {float:left; width: 240px; padding: 9px 0 3px 0}
div.tablePropDetails span b {font-weight: normal; color: #30a21e}
div.tablePropDetails span.dogs {float:left; padding: 0 18px 0 7px;}

span.dates {clear:both; padding-top: 10px;}
span.nights {padding-top: 5px;}
span.noaction {font-weight:bold; width: 100px}

img.imgSlideshowImage {margin: 10px 0}

div.leftColRightPanel {padding-top: 10px}
ul.glanceList {padding-bottom: 10px}

div.imgContent {margin-bottom: 10px}
ul.mainList, ul.mainList li {margin: 20px 0 20px 0}
ul.mainList li {border-bottom: 1px solid #cbcbcb}

div.calendarWrapper {padding-top: 20px}
.booked {color:#dd0000; font-weight: bold; font-size: 1.2em}
.unavailable {color:#ccc; font-weight: bold; font-size: 1.2em}

div.rightTraffic, div.localTraffic {clear:both; padding-top: 20px}

div#content div.rightTraffic p {clear:both; float:left;}

div.leftColRightPanel {padding-top: 20px; clear:both}
div.leftColRightPanel h3 {margin-top: 20px}

div.tabRightCol {padding-top: 20px}

ul.faq-listing li {padding: 10px 0}
div.answer {display:block !important}

div.contactDetailsLeft span {display:block; clear:both;}
div.contactDetailsLeft div.openingHours span.openDays {padding-top: 7px;}

p.adr span {display:block;}

div.contactDetailsRight, div.contactDetailsLeft {float:left}
div.contactDetailsLeft {padding-right: 60px}
body.contactPage div.noTabThinPanel {padding-top: 30px; clear:both}

/************************/
/* BOOKING STYLES       */
/************************/	
div.holiday-summary {clear:both; width: 400px; border-top:#32a01d solid 2px; border-bottom:#32a01d solid 2px; padding: 10px 0;} 
div.holiday-summary h2 {margin-bottom: 10px;} 
dl.booking-summary dt.total {padding-top: 5px;}
dl.booking-summary dt {clear:left;display:block;}
dl.booking-summary dt {color:#6C6C6C;font-weight:bold;}
dl.booking-summary dd {color:#6C6C6C;}
dl.booking-summary dd.total span.grand-total {float:left; color: #ff0000; font-size: 1.6em; font-weight: bold; padding: 5px 0 20px 0}
div.booking-summary-div, div.booking-steps fieldset.full {float:left; clear:both; padding-bottom: 10px;}
dl.booking-summary.last {border-bottom:#32a01d solid 2px; padding-bottom:10px}
span.div {padding-right: 10px}
div.booking-steps h3 {width: 400px; float:left; margin-top: 20px; padding-top: 20px; clear:both; border-top:#32a01d solid 2px;}

/************************/
/* GENERIC FORM STYLES  */
/************************/	
select {font-size: 0.9em;}
label, legend {color: #7e7e7e; font-weight: bold; display:block; padding: 1px 0 3px}
span.error {color: #dd4f0a; display:block; font-size:0.9em;}
span.labelNote {font-weight: normal}
textarea {width: 570px; height: 300px}

input.submit {float:left; clear:both; background-position:left top; margin-top: 20px; cursor:pointer; text-indent:-9999px; border:0;}

input.register {background-image:url(../img/buttons/register.gif); width:114px; height:33px; margin-left: 15px}
input.update {background-image:url(../img/buttons/update.gif); width:144px; height:33px; margin-left: 15px}
input.submitButton {background-image:url(../img/buttons/submit.gif); width:104px; height:33px; }
form.details input.submitButton {background-image:url(../img/buttons/submit.gif); width:104px; height:33px;}
input.login {background-image:url(../img/buttons/login.gif); width:91px; height:33px; }
input.searchBook {background-image:url(../img/buttons/searchBook.gif); width:140px; height:37px; float:none; }
input.searchButton {background-image:url(../img/buttons/search.gif); width:155px; height:41px; margin: 10px 0 0 22px}
input.go {background-image:url(../img/buttons/go.gif); width:35px; height:29px; }

input.submit.on {background-position:left bottom;}


div#slides,
div#slides a,
div#slides img		{position:relative!important;display:block;clear:both;}

div.divSlideshow	{display:block;position:relative!important;clear:both;margin-bottom:20px;padding-bottom:20px}


div.image-panel,
div.backgroundImage		{background-image:none!important}

div.image-panel img		{display:none}

div.map_holder,
div#map_canvas			{height:425px;width:578px;position:relative;float:none;display:block;z-index:500;}

div.map_holder			{height:450px;}


/************************/
/* Property image and at a glance  */
/************************/

div.leftColLeftPanel {}
div.leftColRightPanel {position:absolute;top:20px;right:80px;}



ul.featList,
ul.glanceList,
div.leftColRightPanel ul.featList,
div.leftColRightPanel ul.glanceList {padding-bottom:10px;}

div.leftColRightPanel ul.featList li,
div.leftColRightPanel ul.glanceList li {line-height:1.3;font-size:12px;}

body.searchPage div.tabThinPanel div.leftColRightPanel h3 {font-size:100%}

* html div.leftColRightPanel {top:-20px;}
* + html div.leftColRightPanel {top:40px;}


* + html div#slides img,
* html div#slides img {width:368px;height:276px;display:inline;position:absolute;top:0;left:0}


* + html div#slides,
* html div#slides {height:276px;overflow:hidden;position:relative;display:inline}

* + html div#slides a,
* html div#slides a {display:none}

* + html div#slides img.first_image,
* html div#slides img.first_image,
* + html div#slides a.first_image,
* html div#slides a.first_image {display:block}

* + html div.divSlideshow	{margin-bottom:20px}


div#shortBreaksPop,
div#shortBreaksPopInner
{
    display: none;
}