/* Next Six Weeks Theme

Darker "sky" blue:	#0066BB;

*/

body
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 12px;
	background-color: #FCFCFC;	
	color: #0066BB;
	height: 100%;
	margin:0; padding:0;
}

h1 { font-size:16px; font-weight:bold; line-height:30px; margin-bottom:0.5ex; padding:0 2px; }
h2 { font-size:14px; font-weight:bold; line-height:20px; margin-bottom:0.5ex; padding:0 2px; }
h3 { font-size:13px; font-weight:bold; line-height:18px; margin-bottom:0.5ex; padding:0 2px; }
p { margin-top:0; padding:0 2px; }
a { color:#8f0000; text-decoration:none; }

html
{
	height: 100%;
}

div.container
{
	margin:0px auto;
	width:780px;
	background-color: White;
	/* border: solid 1px silver; */
	padding: 0;
}

.StilwellsResultsKeyText
{
	position: relative;
	top: 8px;
}

.StilwellsResultsKeyTextSearchResults
{
	position: relative;
	top: -4px;
}

div.header
{
	background-image: url('./Images/Header.jpg');
	height: 213px;
	text-align: right;
	color: White;
	background-color: #0066BB;
	padding-top: 5px;
	padding-right: 5px;
	position:relative;
}

div.header div.homelink { position:absolute; left:0; top:0px; padding:0; }
div.header div.homelink a { display:block; width:396px; height:112px; text-align:left; }

.masterRHSMenu
{
	width: 176px; 
	float: right;
	height: 100%;
	background-color: #E3EDF6;
}

.ContentWithRHSAds
{
	width: 595px;
}

div.PropertiesNextWeeks
{
	/* height: 200px; */
	width: 780px;
	background-image: url("./images/RHS-shadow.gif");
	background-position: top right;
	background-repeat: repeat-y;
	clear: both;
	border-left: solid 1px silver;
}

.PropertyDivider
{
	height: 1px;
	color: Silver;
	width: 774px;
	position: relative;
	top: -7px;
	left: -4px;
}

.PropertiesNextWeeksBottom
{
	width: 100%;
	height: 9px;
	background-image:url(./Images/bottom-shadow.gif); 
	background-repeat:repeat-x;
	margin-bottom: 45px;
	text-align: right;
}

.Property
{
	float: left;
	padding: 10px;
}
.PropertyImage
{
	display: inline;
	height: 150px;
	overflow: hidden;
}
div.PropertyImage div
{
	height: 150px;
	overflow: hidden;
}

.OutlineMe
{
	border: solid 1px magenta;
}

.StepImage
{
	position: relative;
	top: 8px;
	left: 6px;
}

span.Headline
{
	background-color: #0066BB;
	color: white;
	border-right-style: none;
	border-bottom-style: inset;
	border-top-style: none;
	border-left-style: none;
	border-color: Silver;
	border-width: thin;
	padding: 5px;
	background-image: url("./images/header-bar.gif");
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: bold;
	font-style: italic;
	padding-right: 15px;
	padding-left: 15px;
}
.HomepageHeadline
{
	position: relative;
	left: -3px;
}

div.Footer
{
	clear: both;
	background-color: #0066BB;
	color: White;
	text-align: center;
	font-size: smaller;
	margin-top: 5px;
}
div.Footer a { color:#ffffff; }
a{ text-decoration:none; }

ul.top_menu
{
	text-align:right;
}

ul.top_menu li
{
	display:inline;
	list-style-type:none;
	vertical-align:middle;
	text-align:left;
	font-weight:normal;
}

ul.top_menu li.top_menu_seperator
{
	color:#fff; padding:0px 4px 0px 4px; font-weight:normal;
}

A.top_menu { color:#fff; font-size:10px; }
A.top_menu:visited { color:#fff; }
A.top_menu_selected { color:#f7f0e0; font-size:10px; }
A.top_menu_selected:visited { color:#f7f0e0; }

/* - Bottom menu ... ? - */
div.Footer ul.top_menu
{
	margin:0; padding:0;
	text-align:center;
	width:780px;
}

div.Footer ul.top_menu li
{
	padding:0; margin:0;
	line-height:20px;
	font-size:12px;
}

div.Footer ul.top_menu li.top_menu_seperator { color:White; }

div.Footer ul.top_menu li A { color:#fff; font-size:12px; }
div.Footer ul.top_menu li A:visited { color:#fff; }
div.Footer ul.top_menu li A.top_menu_selected { color:#f7f0e0; }
div.Footer ul.top_menu li A.top_menu_selected:visited { color:#f7f0e0; }

ul.crossSell {height:1.5em;margin:0 auto;list-style-type:none}
ul.crossSell li {display:inline;margin-left:1.5em}

img.topImage 
{
	float:left;
	border:solid 0px red;
}

div.quickSearchPanel 
{
	background-image: url(./Images/search-panel-background.gif); 
	padding: 4px 4px 4px 4px;
	margin:0px 0px 0px 0px;
	border-width:0px;
	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:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.regionSearch
{
	padding-top:5px;
	font-size:10pt;
	background-color:#F7EFE0; 
	font-family: Tahoma; 
	color:#0066BB;
	width: 260px;
}

div.regionSearchHeader
{
	margin-left : 10px;
}

ul.regionSearchList
{
	list-style: none;
	margin-left: 10px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}

ul.regionSearchList li
{
	padding-top: 2px;
	padding-bottom : 2px;
}

ul.regionSearchList a
{
	font-family: Tahoma; 
	color:#0066BB;
	font-size:12px;
}


ul.regionSearchListSmallText
{
	list-style: none;
	margin-left: 2px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}

ul.regionSearchListSmallText li
{
	padding-top: 2px;
	padding-bottom : 3px;
}

ul.regionSearchListSmallText a
{
	font-family: Tahoma; 
	color:#0066BB;
	font-size:10px;
}

.Indented
{
	margin-left: 25px;
	padding-top: 5px;
}

.SearchLHS
{
	width: 190px;
	float: left;
}
.SearchRHS
{
	width: 210px;
	float: right;
}
.Questions
{
	width: 470px;		
}
.HomepageSearchPanel
{
	border: solid #E3EDF6 8px;
	border-top: none;
	width: 500px;
	background-color: White;
	height: 270px;
	padding-bottom: 31px;
}
.HomepageSearchPanelOuterContainer
{
	background-color: #E3EDF6;
	position: relative;
	top: -14px;
}
.Question
{
	font-weight: bold;
	font-style: italic;
}
.AllClear
{
	clear: both;
}
.BottomSearchBox
{
	padding-top: 20px;
}
.Map
{
	float: right;
	width: 258px;
	position: relative;
	text-align: right;

	/* CSS Underscore "hack" thanks to http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack" */
}

select
{
	font-size:10px;
}

.HomepageAdImages
{
	position: relative;
	top: -29px;
	height: 100%;
}

.FloatLeft
{
	float: left;
}

.ArrowsImage
{
	position: relative;
	left: 10px;
	top: 5px;
}

span.itemsXToXOfX{ font-size:12px; color:#666666; line-height:26px; }
div.content a.searchResultsCottageName{ color:#0066BB; font-size:14px; font-weight:bold; line-height:20px; }
a.Upcoming, span.searchResultsLocation1{ color:#0066BB; font-size:12px; line-height:20px; font-weight:bold; }
span.searchResultsLocation2{ color:#0066BB; font-size:12px; line-height:20px; }
span.searchResultsDescription{ color:#666666; font-size:12px; line-height:18px; }
span.searchResultsPriceLo{ color:#0066BB; 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:#0066BB; 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:#0066BB; display:inline-block; margin:2px 4px 2px 4px; font-weight:bold; }
a.pageNav:visited{ color:#0066BB; }
a.pageNav:hover{ background-color:#666666; color:#fff; }
div.navDiv{ margin-bottom:20px; }
div.navDiv a.pageNavDisabled{ color:#b0b0b0; }
.searchResultsCottage IMG { width:150px; }

div.cgdGroupNotice
{
	padding:6px 6px 6px 6px;
	color: #0066BB;
	background-color: #E3EEF7;
	font-size:11px;
}

span.cgdGroupName{ color:#0066BB; font-size:14px; font-weight:bold; line-height:20px; }
span.cgdGroupLocation1{ color:#0066BB; font-size:12px; }
span.cgdGroupLocation2{ color:#0066BB; font-size:12px; font-weight:bold; }

span.cgdCottageName{ color:#0066BB; font-size:14px; font-weight:bold; line-height:20px; }
span.cgdCottageGroupRef{ float:right; clear:both; color:#0066BB; font-size:12px; }
span.cgdGroupImageFootNote{ color:#666666; font-size:10px; text-align:right; }
p.cgdGroupDescription{ line-height:18px; margin-top:4px; padding-top:0px; color:#666666; }
span.cgdGroupFacilitiesHeader{ font-weight:bold; font-size:12px; color:#0066BB; }
ul.cgdGroupFacilities{ margin:0px 0px 20px 0px; }
ul.cgdGroupFacilities li{ list-style-type:none; text-transform:capitalize; padding-bottom:4px; font-size:10px; color:#666666; }
span.cgdCottageDescription{ color:#666666; font-size:12px; line-height:18px; }
span.cgdCottagePriceLo{ color:#0066BB; 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:#0066BB; font-size:12px; font-weight:bold; width:100%; }
span.cgdCottageRef{ font-weight:normal; }
span.cgdCottageEasyBookNotice{ color:#0066BB; 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-color: #8F0000; 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 0px 0px; }

div.error{ padding:10px 10px 10px 10px; color:#f00; font-size:16px; }

hr.ensureWidth{ visibility:hidden; width:520px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-width:0px; }

table.regionalSearchPanel
{
	font-size:10px;
	color:#0066BB;
}

span.requiredField, .error { color:#f00; font-size:9px; font-weight:bold; }

/* ===== Booking Calendar/Journey ===== */
div.BookingCalendar { background-color:#e3edf6; text-align:center; padding:10px }
div.BookingCalendar table table { text-align:center; }
div.BookingCalendar table table caption { color:#0066BB; 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:#6798c7; }
div.BookingCalendar table table td.Me { background-color:#6798c7; } /* #7c9637 */
div.BookingCalendar table table td.Lo { background-color:#6798c7; } /* #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:#0066BB;
	font-size: 15px;
}
h2.booking
{ 
	width:100%; text-transform:uppercase; text-align:center;
	background-color:#e3edf6; color:#0066BB;
	font-size: 15px; line-height: 30px;
}
h3.booking
{ 
	text-align:center; color:#0066BB;
	font-size: 15px; font-weight:normal;
}
p.booking
{
	width:100%; padding:2px;
	background-color:#e3edf6; color:#0066bb;
}

p#bookingConfirmation
{
	padding-left:100px;
	font-size: 14px;
	color: #0066BB;
}
/* ===== 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:#0066bb }
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;
	border-bottom: solid 2px #0066BB;
}
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:#0E76C4; color:#ffffff; }
TABLE.calendar TR TD.avWE { background-color:#0060B6; 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:#E3EDF6; padding:1em; color:#0066BB; }

.title { font-size:120%; font-weight:bold; margin:1em 0 0 0; }
.subtitle { font-size:100%; font-weight:normal; margin:0; }