﻿/*
Style Sheet for Cottages Direct theme.

Green			rgb(124,150,55)		#7c9637
Pale Green		rgb(232,236,219)	#e8ecdb
Biege			rgb(247,240,224)	#f7f0e0
Grey			rgb(102,102,102)	#666666
Burgundy		rgb{143,0,0)		#8f0000

Booking Calendar Colours
HighSeason		rgb(103,152,199)	#6798c7
MedSeason		rgb(124,150,55)		#7c9637
LowSeason		rgb(209,165,35)		#d1a523
Unavailable		rgb(143,0,0)		#8f0000

*/

body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 12px;
}


h1 { font-size:16px; font-weight:bold; color:#666666; line-height:30px; margin-bottom:0.5ex; padding:0 2px; } /* searchResultsTitle */
h2 { color:#7c9637; font-size:14px; font-weight:bold; line-height:20px; margin-bottom:0.5ex; padding:0 2px; } /* searchResultsCottageName */
h3 { font-size:13px; font-weight:bold; color:#666666; line-height:18px; margin-bottom:0.5ex; padding:0 2px; }
p { margin-top:0; padding:0 2px; }
a { color:#8f0000; text-decoration:none; }

div.container
{
	margin:0 auto;
	width:780px;
}

div.content
{
	color:#666666;
	/*padding:4px 2px 4px 2px;*/
	padding:4px 0;
	border:solid 0 red;
}

div.content a { text-decoration: underline; }

ul.top_menu
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	background-color:#31767E;
	color:#fff;
	width:780px;
}

ul.top_menu li
{
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:inline;
	list-style-type:none;
	vertical-align:middle;
	text-align:left;
	line-height:20px;
	font-weight:normal;
	font-size:12px;
}

ul.top_menu li.top_menu_seperator
{
	padding:0 4px 0 4px; font-weight:normal;
}

ul.top_menu li A { color:#fff; font-size:12px; }
ul.top_menu li A:visited { color:#fff; }
ul.top_menu li A.top_menu_selected { color:#f7f0e0; }
ul.top_menu li A.top_menu_selected:visited { color:#f7f0e0; }


.StilwellsResultsKeyText
{
	line-height:20px;
}


img.topImage 
{
	float:left;
	border:solid 0 red;
}

div.quickSearchPanel 
{
	background-image: url(Images\\search-panel-background.gif); 
	padding: 4px 4px 4px 4px;
	margin:0 0 0 0;
	border-width:0;
	height: 186px;
	width: 250px; 
	color:#fff;
	float:right;
}

div.quickSearchFields
{
	border:dashed 1px #fff;
	padding:4px 4px 4px 4px;
}

h5.quickSearchTitle
{
	font-size:14px;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

div.regionSearch
{
	padding:5px 0;
	font-size:10pt;
	background-color:#F7EFE0; 
	font-family:Tahoma; 
	color:#7C9637;
	width:258px;
}

div.regionSearchHeader
{
	margin-left : 10px;
}

ul.regionSearchList
{
	list-style: none;
	margin-left: 10px;
	padding-left:0;
	padding-top:0;
	margin-top:0;
}

ul.regionSearchList li
{
	padding-top: 2px;
	padding-bottom : 2px;
}

ul.regionSearchList a
{
	font-family: Tahoma; 
	color:#7C9637;
	font-size:12px;
}


ul.regionSearchListSmallText
{
	list-style: none;
	margin-left: 2px;
	padding-left:0;
	padding-top:0;
	margin-top:0;
}

ul.regionSearchListSmallText li
{
	padding-top: 2px;
	padding-bottom : 3px;
}

ul.regionSearchListSmallText a
{
	font-family: Tahoma; 
	color:#7C9637;
	font-size:10px;
}



select, input, textarea
{
	font-size:10px;
	font-family:Tahoma, Verdana, Sans-Serif;
}

span.searchResultsTitle{ font-size:16px; font-weight:bold; color:#666666; line-height:30px; }
span.itemsXToXOfX{ font-size:12px; color:#666666; line-height:26px; }
div.content a.searchResultsCottageName{ color:#7c9637; font-size:14px; font-weight:bold; line-height:20px; text-decoration:none; }
span.searchResultsLocation1{ color:#7c9637; font-size:12px; line-height:20px; font-weight:bold; }
span.searchResultsLocation2{ color:#7c9637; font-size:12px; line-height:20px; }
span.searchResultsDescription{ color:#666666; font-size:12px; line-height:18px; }
span.searchResultsPriceLo{ color:#7c9637; font-size:14px; font-weight:bold; }
span.searchResultsPriceHiLoSep{ color:#666666; font-size:16px; }
span.searchResultsPriceHi{ color:#8f0000; font-size:14px; font-weight:bold; }
table.searchResultsPriceAndIcons{ color:#7c9637; font-size:12px; font-weight:bold; width:100%; }
a.searchResultsMoreInfo{ float:right; }
td.searchResultsBorderRight{ background-image:url(Images\\RHS-shadow.gif); background-repeat:repeat-y; width:9px; }
td.searchResultsBorderBottom{ background-image:url(Images\\Bottom-shadow.gif); background-repeat:repeat-x; height:20px; }
td.searchResultsBorderBottomRight{ background-image:url(Images\\Corner-shadow.gif); background-repeat:no-repeat; width:9px; height:9px; }

span.resultsPageNav{ color:#666666; font-weight:bold; font-size:12px; }
a.pageNav{ color:#7c9637; display:inline-block; margin:2px 4px 2px 4px; font-weight:bold; }
a.pageNav:visited{ color:#7c9637; }
a.pageNav:hover{ background-color:#666666; color:#fff; }
div.navDiv{ margin-bottom:20px; text-align:center; }
div.navDiv a.pageNavDisabled{ color:#b0b0b0; }

div.PagingNavigator{ margin-bottom:20px; text-align:center; font-size:12px; }
div.PagingNavigator a{ color:#7c9637; display:inline-block; margin:2px 4px 2px 4px; font-weight:bold; text-decoration:none; }
div.PagingNavigator a:visited{ color:#7c9637; }
div.PagingNavigator a:hover{ background-color:#666666; color:#fff; }
div.PagingNavigator a.pageNavDisabled{ color:#b0b0b0; }
div.PagingNavigator a.pageNavDisabled:visited{ color:#b0b0b0; }
div.PagingNavigator a.pageNavDisabled:hover{ color:#b0b0b0; }
div.PagingNavigator div.PagingNavigator_PageXOfX
{
	font-weight:bold;
	color:#666666; font-weight:bold; 
	padding-bottom:6px;
}

.searchResultsCottage IMG { width:150px; }

div.cgdGroupNotice
{
	padding:6px 6px 6px 6px;
	color: #7c9637;
	background-color: #e8ecdb;
	font-size:11px;
}

h1.cgdGroupName{ color:#7c9637; font-size:14px; font-weight:bold; line-height:20px; margin:0; }
h2 span.cgdGroupLocation1{ color:#7c9637; font-size:12px; }
h2 span.cgdGroupLocation2{ color:#7c9637; font-size:12px; font-weight:bold; }

span.cgdCottageName{ color:#7c9637; font-size:14px; font-weight:bold; line-height:20px; }
span.cgdCottageGroupRef{ float:right; clear:both; color:#7c9637; font-size:12px; }
span.cgdGroupImageFootNote{ color:#666666; font-size:10px; text-align:right; }
p.cgdGroupDescription{ line-height:18px; margin-top:4px; padding-top:0; }
span.cgdGroupFacilitiesHeader{ font-weight:bold; font-size:12px; color:#7c9637; }
ul.cgdGroupFacilities{ margin:0 0 20px 0; }
ul.cgdGroupFacilities li{ list-style-type:none; text-transform:capitalize; padding-bottom:4px; font-size:10px; }
span.cgdCottageDescription{ color:#666666; font-size:12px; line-height:18px; }
span.cgdCottagePriceLo{ color:#7c9637; font-size:14px; font-weight:bold; }
span.cgdCottagePriceHiLoSep{ color:#666666; font-size:16px; font-weight:bold }
span.cgdCottagePriceHi{ color:#8f0000; font-size:14px; font-weight:bold; }
table.cgdCottagePriceAndIcons{ color:#7c9637; font-size:12px; font-weight:bold; width:100%; }
span.cgdCottageRef{ font-weight:normal; }
span.cgdCottageEasyBookNotice{ color:#7c9637; font-size:11px; font-weight:bold; }
td.cgdCottageBorderRight{ background-image:url(Images\\RHS-shadow.gif); background-repeat:repeat-y; width:9px; }
td.cgdCottageBorderBottom{ background-image:url(Images\\Bottom-shadow.gif); background-repeat:repeat-x; height:20px; }
td.cgdCottageBorderBottomRight{ background-image:url(Images\\Corner-shadow.gif); background-repeat:no-repeat; width:9px; height:9px; }
table.cdgCottagePriceCircle{ float:right;}
table.cdgCottagePriceCircle tr td{ background-image:url(Images\\red-circle.gif); width:77px; height:76px; color:#fff; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; }

img.resultsKey{ float:left; margin:4px 4px 0 0; }

div.error{ padding:10px 10px 10px 10px; color:#f00; font-size:16px; }

hr.ensureWidth{ visibility:hidden; width:522px; padding:0 0 0 0; margin:0 0 0 0; border-width:0; }

table.regionalSearchPanel
{
	font-size:10px;
	color:#7c9637;
}

span.requiredField, .error { color:#f00; font-size:9px; font-weight:bold; }

td.masterRHSMenu{ background-color:#f7f0e0; }
.rhsMenuImageLink { margin-bottom:2px; }
.rhsMenuImageLink img { margin-bottom:2px; }

/* ===== Booking Calendar/Journey ===== */
div.BookingCalendar { background-color:#e8ecdb; text-align:center; padding:10px }
div.BookingCalendar table table { text-align:center; }
div.BookingCalendar table table caption { color:#7c9637; font-size:15px; font-weight:bold; }
div.BookingCalendar table table th.changeOverDay { background-color:#8f0000; color:#ffffff; }
div.BookingCalendar table table td a { color:#ffffff; text-decoration:none; }
div.BookingCalendar table table td.dayBasis a { color:#8f0000; }
div.BookingCalendar table table td.Hi { background-color:#7c9637; } /* #6798c7 */
div.BookingCalendar table table td.Me { background-color:#7c9637; }
div.BookingCalendar table table td.Lo { background-color:#7c9637; } /* #d1a523 */
div.BookingCalendar table table td.Un { background-color:#8f0000; }
div.BookingCalendar table table td.Un a { text-decoration: line-through; }

table.BookingCalendarLegend { margin: 0 auto; }

h1.booking
{ 
	color:#7c9637;
	font-size: 15px;
}
h2.booking
{ 
	width:100%; text-transform:uppercase; text-align:center;
	background-color:#e8ecdb; color:#7c9637;
	font-size: 15px; line-height: 30px;
}
h3.booking
{ 
	text-align:center; color:#7c9637;
	font-size: 15px; font-weight:normal;
}
p.booking
{
	width:100%; padding:2px;
	background-color:#e8ecdb; color:#7c9637;
}

p#bookingConfirmation
{
	padding-left:100px;
	font-size: 14px;
	color: #7c9637;
}
/* ===== Form validation ===== */
input.invalid, select.invalid, textarea.invalid { background-color:#fdd; }

/* ===== Pricing ===== */
table#amountDue { color:#8f0000; font-size:12px; font-weight:bold; margin:15px; }
table#amountDue caption, table#amountDue th { text-align:left; padding-right:15px }
table#amountDue tr.percentage { color:#666666 }
table#amountDue tr.totalPayable { font-size:14px; }

/* ===== Input box sizes ===== */
input.tny { width:2em; margin-right:10px; }
input.sm, select.sm { width:70px; margin-right:10px; }
input.med, select.med { width:145px; }
input.lrg, select.lrg { width:320px; }

.highlight { color:#8f0000; }
/* ===== Terms and Conditions (Booking Journey) ===== */
.TandC { font-size:10px; }
.TandC H3 { margin-bottom:0; clear:both; }
DL { margin-top:0; padding:0 2px; }
DT { font-weight:bold; float:left; clear:left; width:100px; }
DD { float:left; width:75% }
DD UL LI { list-style-type:none; }

/* ===== IFRAME ===== */
DIV#iframeHeader 
{
	width:100%; height:100px;
	background-color:#f7f0e0;
	border-bottom: solid 2px #7c9637;
}
DIV#iframeHeader TABLE
{
	height: 60px;
	float:right; 
	margin: 20px;
}
DIV#iframeHeader A.removeFrame
{
	display: block; height:19px;
	padding-left: 22px;
	background-image: url(Images\\OwnersWebsite\\remove-frame.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#8F0000;
}
DIV#iframeHeader H1 A
{
	text-indent:-1000px;
	background-image: url(Images\\OwnersWebsite\\logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:326px; height:100px;
	float:left; margin: 0 0 0 20px;
}

/* ===== Owner's Calendar ===== */
TABLE.calendar { border-collapse:collapse; }
TABLE.calendar TD, TABLE.calendar TH { border:1px solid #ffffff; text-align:center; padding:2px; background-color:#e5e5e5; }
TABLE.calendar THEAD TH { background-color:#ffffff; }
TABLE.calendar TBODY TH { font-weight:normal; text-align:right; }
TABLE.calendar TR.altRow TD, TABLE.calendar TR.altRow TH { background-color:#cccccc; }
TABLE.calendar TH.changeOverDay, DIV.legend DIV.changeOverDay { background-color:#8f0000; color:#ffffff; }
/* av=Available; un=Unavailable/Booked; */
TABLE.calendar TR TD.av, DIV.legend DIV.av { background-color:#93A445; color:#ffffff; }
TABLE.calendar TR TD.avWE { background-color:#768230; color:#ffffff; }
TABLE.calendar TR TD.un, DIV.legend DIV.un { background-color:#C93D44; color:#ffffff; }
TABLE.calendar TR TD.unWE { background-color:#C91A1B; color:#ffffff; }
TABLE.calendar TR TD.dayBasis, P.dayBasis { color:#8f0000; }

DIV.legend DIV { float:left; line-height:20px; }
DIV.legend DIV.colour { width:1.5em; text-align:center; font-weight:bold; }
DIV.legend DIV.caption { padding-left:0.5em; padding-right:3em; }
DIV.legend DIV.notSet { background-color:#cccccc; }

DIV.highlight { background-color:#e8ecdb; padding:1em; color:#666666; }

.title { font-size:120%; font-weight:bold; color:#93A445; margin:1em 0 0 0; }
.subtitle { font-size:100%; font-weight:normal; color:#93A445; margin:0; }

