/*
URI:	www.catered-chalet-holidays.co.uk
Date:	27 April 07
Author:	Matt Branthwaite
*/

@import url(base.css);
@import url(footer.css);

/*
----------------------------------------------------------------
	S T R U C T U R E
---------------------------------------------------------------- */

#home-container {
	width: 615px;
	padding: 15px 0 0;
	margin: 0;
	height: 1%;
	background: transparent url("images/home/container-bg.png") left top repeat-y;
	}
/*	
#home-container a {
	color: #c89038;
	text-decoration: none;
	background-color: transparent;
	}
	
#home-container a:hover {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	}
*/
	
#content {
	float: left;
	width: 398px;
	padding: 0 0 0 15px;
	display: inline;
	overflow: hidden;
	/*background-color: #00CC33;*/
	}

#sidebar {
	float: right;
	width: 167px;
	font-size: 0.9em;
	padding-right: 10px;
	display: inline;
	overflow: hidden;
	/*background-color: #CCCC00;*/
	}
	
#home-container-end {
	clear: both;
	}
	
.h-divider hr {
	display: none;
	}
/*
.h-divider {
	height: 1px;
	background-color: #ccc;
	margin: 15px 0;
	}
*/

#home-container input,
#home-container select {
	font-size: 0.9em;
	}
	
/*
----------------------------------------------------------------
	H E A D E R S
---------------------------------------------------------------- */

.section-header {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 0;
	margin: 0;
	background-color: #fff;
	}
	
#content .section-header {
	width: 403px;
	line-height: 40px;
	height: 40px;
	font-size: 18px;
	margin-bottom: 5px;
	}
	
#sidebar .section-header {
	width: 171px;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	}

.section-header span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	}
	
#header-home-welcome span, #header-home-recommendations span, #header-home-offers span, #header-home-dates span, #header-latest-news span, #header-about-resort span, #header-home-late-deals span, #header-home-popular-resorts span, #header-home-enewsletter span, #header-home-holiday-extras span { background-image: url("images/headings-home.gif"); background-repeat: no-repeat; }

/* Measurements for heading imagae-replacement 
	
	The distance from the top to the...
		welcome = 0
		recommendations = 40px
		next four weeks = 80px
		special offers = 120px
		latest ski news = 160px
		about us = 200px
		popular resorts = 240px
		late deals = 280px
		e-newsletter = 320px
		holiday extras = 360px
*/

#header-home-welcome span { background-position: 0 0; }
#header-home-recommendations span { background-position: 0 -40px; }
#header-home-offers span { background-position: 0 -120px; }
#header-home-dates span { background-position: 0 -80px; }
#header-latest-news span { background-position: 0 -160px; }
#header-about-resort span { background-position: 0 -200px; }

#header-home-late-deals span { background-position: 0 -280px; }
#header-home-popular-resorts span { background-position: 0 -240px; }
#header-home-enewsletter span { background-position: 0 -320px; }
#header-home-holiday-extras span { background-position: 0 -360px; }

/*#header-home-short-breaks span { background-position: 0 0; }
#header-home-superior-chalets span { background-position: 0 0; }
#header-home-summer span { background-position: 0 0; }*/



/*
----------------------------------------------------------------
	M O D U L E S   -   B A S E
---------------------------------------------------------------- */

/* BASE */
.mod {
	clear: left;
	_height: 1%;
	margin: 0 0 18px;
	padding: 0;
	background-color: #fff;
	}
	
.mod form {
	margin: 0;
	padding: 0;
	}
	
.mod fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

.mod legend {
	display: none;
	}
		
/*
----------------------------------------------------------------
	W E L C O M E
---------------------------------------------------------------- */
	
#content #header-home-welcome {
 	float: left;
	width: 135px;
	}
	
#mod-welcome p {
	margin: 0 0 5px;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	}
	
/*
----------------------------------------------------------------
	R E C O M M E N D A T I O N S
---------------------------------------------------------------- */

#mod-recommendations { clear: left; }
#mod-recommendations ol { list-style: none; margin: 0 0 1px 0; padding: 0; float: left; }
#mod-recommendations li { position: relative; list-style: none; margin: 0px 0px 9px 3px; padding: 0 0 0; float: left; display: inline; width: 96px; background: #fff url("images/home/recommendation-top.png") left top no-repeat; _height: 1%; }
#mod-recommendations li.new-row { margin-left: 0; clear: left; float: left; }
/* base styling - will effect spaces font */	
#mod-recommendations li a { display: block; float: left; color: #000; margin-top: 46px; padding: 0 4px 8px 2px; text-align: center; width: 90px; line-height: 13px; background: transparent url("images/home/recommendation-bottom.gif") left bottom no-repeat; border: none; }
#mod-recommendations li a:hover { text-decoration: none; background: transparent url("images/home/recommendation-bottom-hover.gif") left bottom no-repeat; }
/* resort thumb */
#mod-recommendations li a img { display: block;	margin: 3px auto 3px auto; width: 50px; height: 37px; padding: 2px; border: 1px solid #ccc; }
/* depart date */	
#mod-recommendations li a em { position: absolute; left: 2px; width: 90px; top: 18px; display: block; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 90%; color: #fff; background-color: #1e7abd; }
/* resort name */
#mod-recommendations li a span.ski-resort { position: absolute; display: block; width: 90px; height: 14px; line-height: 14px; overflow: hidden; left: 2px; top: 30px; font-weight: bold; font-size: 110%; color: #fff; background-color: #1e7abd; }
/* price */
#mod-recommendations li a strong { font-size: 16px; font-weight: bold; color: #ca1515; line-height: 19px; }
#mod-recommendations li a:hover strong { text-decoration: underline; }
	
/*
----------------------------------------------------------------
	D A T E S
---------------------------------------------------------------- */

#dates-table-wrapper {
	background: transparent url('images/home/dates-top.png') left top no-repeat;
	padding: 16px 0 0 0;
	}

#dates-table {
	width: 392px;
	margin: 0 4px 0 2px;
	}

#dates-table td,
#dates-table th {
	padding: 2px 5px;
	}
	
#dates-table th.resort-col-head,
#dates-table th.resort-col {
	text-align: left;
	}
	
#dates-table th.resort-col {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	}
	
#dates-table td {
	text-align: center;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	}
	
#dates-table td a {
	color: #ca1515;
	font-weight: bold;
	text-decoration: underline;
	}
	
#dates-table th.date-col-head,
#dates-table th.resort-col-head {
	color: #fff;
	background-color: #1e7abd;
	}

#dates-table th.date-col-head {
	border-left: 1px solid #fff;
	color: #fff;
	background-color: #1e7abd;
	}
	
#dates-table th.date-col-head em {
	display: block;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	}
	
#mod-dates form {
	margin: 0;
	padding: 0;
	background: transparent url("images/home/dates-bottom.png") left bottom repeat-y;
	}

#mod-dates fieldset {
	position: relative;
	border: 0;
	padding: 0 10px 10px;
	margin: 0;
	}

#mod-dates fieldset legend {
	display: block;
	padding: 0;
	margin: 10px 0;
	text-indent: 0;
	font-weight: bold;
	}
	
#mod-dates label {
	display: none;
	}
	
#cmbAvail {
	width: 128px;
	}

#cmbResort {
	width: 158px;
	}
	
/*
----------------------------------------------------------------
	O F F E R S
---------------------------------------------------------------- */

#module-offers ol {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #ccc;
	}
	
#module-offers ol li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 14px;
	border-bottom: 1px dotted #ccc;
	}
	
#module-offers ol li a {
	display: block;
	padding: 7px 10px 7px 10px;
	/*color: #000;*/
	/*background: #fff url('images/home/special-offer.gif') left 5px no-repeat;*/
	border: none;
	}
	
#module-offers ol li a:hover {
	background-color: #eee;
	}
	
#module-offers p.mod-footer {
	margin: 0;
	padding: 6px;
	font-size: 10px;
	line-height: 14px;
	/*color: #fff;
	background: #382a20 url("images/home/wood-bg.jpg") left top repeat-y;*/
	}
	

	
#module-offers p.mod-footer a:hover {
	/*color: #fff;*/
	}
	
/*
----------------------------------------------------------------
	N E W S   A N D   A B O U T   S E C T I O N S
---------------------------------------------------------------- */
	
#module-latest-news h2,
#module-about-resort h2,
#module-latest-news h3,
#module-about-resort h3 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
#module-latest-news h4,
#module-about-resort h4 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	}

	
/*
----------------------------------------------------------------
	S I D E B A R   M O D U L E S
---------------------------------------------------------------- */
	
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#sidebar li {
	list-style: none;
	padding: 0;
	margin: 0;
	}

	
/* HOLIDAY EXTRAS */
#mod-popular-resorts ul {
	margin: 5px 0 0;
	}

#mod-popular-resorts li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #ccc;
	height: 19px;
	}	

#mod-popular-resorts li.first {
	border-top: 1px solid #ccc;
	}
	
#mod-popular-resorts li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 11px;
	width: 140px; /* 167 - 27 = 140px */
	padding: 4px 0 4px 27px;
	z-index: 1;
	border: none;
	}
	
#mod-popular-resorts li a:hover {
	background-color: #eee;
	}

#mod-popular-resorts img {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 2;
	}
	
#mod-popular-resorts p {
	clear: both;
	margin: 5px 0 0;
	}
	
/* HOLIDAY EXTRAS */
#mod-holiday-extras ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
	}	
	
#mod-holiday-extras li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#mod-holiday-extras li a {
	display: block;
	padding: 6px 5px 6px 50px;
	margin: 0;
	border-bottom: solid 1px #ccc;
	line-height: 12px;
	}
	
#mod-holiday-extras li a:hover {
	background-color: #eee;
	}	

#mod-holiday-extras li.first a {
	border-top: solid 1px #ccc;
	}

#he-insurance a {
	background: transparent url("../images/home/img-he-si.png") 0 50% no-repeat;
	}

#he-car-hire a {
	background: transparent url("../images/home/img-he-ch.png") 0 50% no-repeat;
	}

#he-airport-parking a {
	background: transparent url("../images/home/img-he-ap.png") 0 50% no-repeat;
	}

#he-airport-transfers a {
	background: transparent url("../images/home/img-he-at.png") 0 50% no-repeat;
	}

#he-airport-hotels a {
	background: transparent url("../images/home/img-he-ah.png") 0 50% no-repeat;
	}

#he-airport-lounges a {
	background: transparent url("../images/home/img-he-al.png") 0 50% no-repeat;
	}
	
#mod-short-breaks,
#mod-summer,
#mod-superior,
#mod-late-deals-ad,
#mod-newsletter {
	}
	
#mod-short-breaks a img,
#mod-summer a img,
#mod-superior a img,
#mod-late-deals-ad a img {
	display: block;
	margin: 4px auto 4px auto;
	padding: 3px;
	border: 1px solid #ccc;
	}
	
#mod-short-breaks a:hover img,
#mod-summer a:hover img,
#mod-superior a:hover img,
#mod-late-deals-ad a:hover img {
	padding: 1px;
	border: 3px solid #ccc;
	}
	
#mod-short-breaks p,
#mod-summer p,
#mod-superior p,
#mod-late-deals-ad p {
	margin: 0;
	line-height: 1.3em;
	}
	
#mod-newsletter form p {
	margin: 0;
	}
	
#mod-newsletter form label {
	display: block;
	padding-bottom: 2px;
	font-weight: bold;
	}
	
#mod-newsletter form input#email {
	margin-bottom: 5px;
	width: 145px;
	}
	
/* Update on Thu 29 May 08 by Matt Branthwaite */

p.terms { color: #666; font-size: 11px; text-align: center; margin: 0 0 6px;  }