/* CSS Document */

/*****************************************************
	Ski America CSS Layout
	Author: Matthew Branthwaite
	Date 19/06/06
*****************************************************/

@import url(/includes/footer.css);

body {
	background: #fff;
	font: normal 11px Verdana, sans-serif;
	color: #3D3D3D;
	}

html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, table, th, td, caption  {
	margin: 0; padding: 0px; border: 0px; text-decoration: none; list-style: none;
	}

table, th, td, caption {
	text-align: left;
	}
	
a.link {
	padding-left: 14px;
	background: transparent url(../images/accommodation/link-off.gif) 0px 2px no-repeat;
	}
a.link:hover {
	background: transparent url(../images/accommodation/link-on.gif) 0px 2px no-repeat;
	}
	
a.email {
	padding-left: 14px;
	background: url(./layout/email-link-off.gif) 0 3px no-repeat;
	}
a.email:hover {
	background: url(./layout/email-link-on.gif) 0 3px no-repeat;
	}
	
h2 {
	font: bold 14px Verdana, sans-serif;
	color: #0089B7;
	margin: 12px 0px 6px 0px;
	background: none;
	}
	
hr {
	clear: right;
	margin: 20px 0px 20px 0px;
	display: none;
	}
	

/*****************************************************
	LAYOUT
*****************************************************/

#content-wrapper {
	top: 0px;
	left: 0px;
	display: block;
	width: 615px;
	background: #fff;
	}
	
#output {
	margin: 10px;
	}

#content-wrapper h1 {
	margin: 25px 0px 10px 0px;
	}
	
#content-wrapper h1 span {
	padding: 5px;
	background: url(./images/heading-bg.gif) 0 0 repeat;
	font: bold 20px Verdana, sans-serif;
	color: #1d1d1d;
	line-height: 25pt;
	}
	
#content-wrapper a {
	color: #9b0707;
	}
	
#content-wrapper a img{
	border: 3px solid;
	}

#content-wrapper a:hover {
	color: #ef1414;
	text-decoration: underline;
	}

#content-wrapper p.p1 {
	line-height: 15px;
	}

#content-wrapper p.p2 {
	padding-top: 10px;
	line-height: 15px;
	}
	
#breadcrumb {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 615px;
	height: 20px;
	line-height: 20px;
	background: url(../images/graphics/dottedline_100px_horiz.gif) repeat-x 5px 100%;
	}

#breadcrumb ul {
	list-style: none;
	}

#breadcrumb li {
	padding: 0px;
	margin: 0px;
	display: inline;
	margin-right: 20px;
	}
	
#breadcrumb li.last {
	margin-right: 0px;
	}

#breadcrumb li a {
	font: normal 10px Verdana, sans-serif;
	color: #999;
	}

p.top {
	float: right;
	}

img.fr {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #3d3d3d;
	}
	
/*****************************************************
	HOME
*****************************************************/


#main-col {
	float: left;
	width: 360px;
	}

#side-col {
	float: left;
	width: 250px;
	margin-top: -2px;
	}
	

/* main col bgs */
#home-welcome, #home-accommodation, #home-offers {
	display: block;
	width: 320px;
	margin: 0px 10px 15px 10px;
	padding: 0px 10px 0px 10px;
	}
#home-welcome {
	background: url(./layout/home/home-welcome-bg.png) 0 0 no-repeat;
	}
#home-accommodation {
	background: url(./layout/home/home-accommodation-bg.png) 0 0 no-repeat;
	}
#home-offers {
	background: url(./layout/home/home-offers-bg.png) 0 0 no-repeat;
	}
#home-welcome p, #home-accommodation p, #home-offers p {
	padding-bottom: 8px;
	}
	
/* welcome skiier img */
#home {
	width: 615px;
	height: 22px;
	display: block;
	background: transparent url(./layout/home/welcome-skiier.png) 276px 0 no-repeat;
	}

/* main col headings */	
#home-welcome h1 span, #home-accommodation h2, #home-offers h2 {
	font: bold 12px Verdana, sans-serif;
	color: #1d1d1d;
	background: none;
	padding: 0px;
	margin: 0px;
	}
#home-welcome h1 {
	margin: 0px;
	background: none;
	padding: 4px 0px 0px 0px;
	}
#home-accommodation h2, #home-offers h2 {
	position: inherit;
	padding: 11px 0px 0px 5px;
	}
#home-welcome h2, #home-offers h3 {
	font: bold 15px Verdana, sans-serif;
	color: #0089b7;
	padding: 0px 0px 10px 0px;
	}
#home-accommodation h3#canada, #home-accommodation h3#usa {
	font: bold 15px Verdana, sans-serif;
	line-height: 30px;
	color: #0089b7;
	padding-left: 35px;
	}
#home-accommodation h3#canada {	
	background: url(./layout/home/canada-30px.png) 0 0 no-repeat;
	}
#home-accommodation h3#usa {	
	background: url(./layout/home/usa-30px.png) 0 0 no-repeat;
	}
	
#home-offers label, #home-offers legend {
	display: none;
	}
#home-offers select {
	width: 180px;
	}
	
	
/* side col bg */
#home-snow-alert,
#home-specialist,
#home-newsletter,
#home-he  {
	position: relative;
	background: url(./layout/home/pod-body-bg.png) 7px 0 repeat-y;
	margin-bottom: 15px;
	}
#home-snow-alert .foot,
#home-specialist .foot,
#home-newsletter .foot,
#home-he .foot {
	background: url(./layout/home/pod-foot-bg.png) 7px 0 repeat-y;
	height: 10px;
	padding: 0px;
	margin: 0px;
	clear: right;
	}
#home-snow-alert h2,
#home-specialist h2,
#home-newsletter h2,
#home-he h2 {
	background: #000 url(./layout/home/pod-head-bg.png) 0px 0 repeat-y;
	height: 25px;
	padding: 15px 10px 0px 7px;
	margin: 0px 0px 0px 7px;
	}
#home-snow-alert h2 span,
#home-specialist h2 span,
#home-newsletter h2 span,
#home-he h2 span {
	font: bold 12px Verdana, sans-serif;
	color: #fff;
	}
#home-snow-alert p,
#home-specialist p,
#home-newsletter p,
#home-he p {
	padding: 0px 0px 6px 0px;
	font: normal 10px Verdana, sans-serif;
	line-height: 16px;
	}
#home-specialist p span.phone-number,
#home-specialist p span.sales-name {
	font-weight: bold;
	}
#home-snow-alert .body,
#home-specialist .body,
#home-newsletter .body {
	margin-left: 10px;
	width: 225px;
	padding: 0px 5px 0px 5px;
	}
	
/* anna pic box */
#home-specialist .pic-box {
	width: 96px;
	float: right;
	margin-left: 5px;
	padding: 0;
	}

#home-specialist .pic-box img {
	padding: 0;
	margin: 0;
	border: 0;
	}
#home-specialist .pic-box .pic-head {
	background: url(./layout/home/pic-head-bg.png) 0 0 no-repeat;
	height: 3px;
	padding: 0px;
	margin: 0px;
	}
#home-specialist .pic-box .pic-body {
	background: url(./layout/home/pic-body-bg.png) 0 0 repeat-y;
	padding: 0px 3px;
	margin: 0;
	}
#home-specialist .pic-box .pic-foot {
	background: url(./layout/home/pic-foot-bg.png) 0 0 no-repeat;
	height: 3px;
	padding: 0;
	margin: 0;
	}
	
/* ski hol extras */
#home-he .body {
	margin-left: 10px;
	width: 235px;
	padding: 1px;
	}
#home-he ul {
	margin: 0px;
	padding: 0px;
	}
#home-he li {
	list-style: none;
	}
#home-he li a {
	display: block;
	width: 218px;
	height: 22px;
	line-height: 22px;
	padding-left: 15px;
	background: url(./layout/home/he-link-bg.png) 0 -22px repeat-x;
	}
#home-he li a:hover {
	background: url(./layout/home/he-link-bg.png) 0 0px repeat-x;
	}


	
/*****************************************************
	ACCOMMODATION PAGE
*****************************************************/
	
#accom-canada {
	float: left;
	width: 308px;
	background: transparent url(../images/accommodation/bg-canada.gif) 0 0 repeat-y;
	}

#accom-usa {
	float: left;
	width: 307px;
	background: transparent url(../images/accommodation/bg-usa.gif) 0px 0px repeat-y;
	}

#accom-canada .output {
	padding: 0px 8px 0px 10px;
	}

#accom-usa .output {
	padding: 0px 10px 0px 8px;
	}
	
#accom-canada h2 {
	width: 293px;
	height: 30px;
	padding: 20px 0px 0px 15px;
	margin: 0px;
	background: #000 url(../images/accommodation/h2-canada.jpg) 0 0 no-repeat;
	}

#accom-usa h2 {
	width: 294px;
	height: 30px;
	padding: 20px 0px 0px 13px;
	margin: 0px;
	background: #000 url(../images/accommodation/h2-usa.jpg) 0 0 no-repeat;
	}

#accom-canada h2 span, #accom-usa h2 span {
	font: bold 12px Verdana, sans-serif;
	color: #fff;
	}
	
#accom-canada .footer {
	width: 308px;
	height: 12px;
	background: url(../images/accommodation/footer-canada.gif) 0 0 no-repeat;
	}
	
#accom-usa .footer {
	width: 307px;
	height: 12px;
	background: url(../images/accommodation/footer-usa.gif) 0 0 no-repeat;
	}

#cc-canada, #h-canada, #sc-canada, #cc-usa, #h-usa, #sc-usa {
	clear: right;
	padding: 10px;
	background: transparent url(../images/graphics/dottedline_100px_horiz.gif) 10px 100% repeat-x;
	}
	
#cc-canada p, #h-canada p, #sc-canada p, #cc-usa p, #h-usa p, #sc-usa p {
	padding-top: 8px;
	}

#cc-canada img, #h-canada img, #sc-canada img, #cc-usa img, #h-usa img, #sc-usa img {
	float: right;
	margin-left: 5px;
	}
	
#cc-canada h3, #h-canada h3, #sc-canada h3, #cc-usa h3, #h-usa h3, #sc-usa h3 {
	font: bold 14px Verdana, sans-serif;
	color: #000;
	}
	
/*****************************************************
	HOLIDAY EXTRAS PAGE and INSURANCE
*****************************************************/	
	
#insurance, #car-hire, #airport-parking, #airport-hotels, #airport-lounges,
#single-insurance, #annual-insurance {
	float: left;
	width: 305px;
	margin-top: 5px;
	background: transparent url(./layout/hol-extras-bg.gif) 0 0 repeat-y;
	}
	
#insurance h2, #car-hire h2, #airport-parking h2, #airport-hotels h2, #airport-lounges h2,
#single-insurance h2, #annual-insurance h2 {
	width: 275px;
	height: 29px;
	padding: 16px 10px 0px 20px;
	margin: 0px;
	background: #000 url(./layout/h2-bg.jpg) 0px 0 no-repeat;
	}
	
#insurance h2 span, #car-hire h2 span, #airport-parking h2 span, #airport-hotels h2 span, #airport-lounges h2 span,
#single-insurance h2 span, #annual-insurance h2 span {
	font: bold 12px Verdana, sans-serif;
	color: #fff;
	}
	
#insurance .output, #car-hire .output, #airport-parking .output, #airport-hotels .output, #airport-lounges .output,
#single-insurance .output, #annual-insurance .output {
	margin: 0px 5px 0px 10px;
	padding: 0px 10px 12px 10px;
	}

#insurance .footer, #car-hire .footer, #airport-parking .footer, #airport-hotels .footer, #airport-lounges .footer,
#single-insurance .footer, #annual-insurance .footer {
	clear: both;
	height: 12px;
	background: transparent url(./layout/hol-extras-footer.jpg) 0px 100% no-repeat;
	}

#insurance img, #car-hire img, #airport-parking img, #airport-hotels img, #airport-lounges img,
#single-insurance .img, #annual-insurance .img {
	float: right;
	margin-left: 5px;
	}
	
#insurance p, #car-hire p, #airport-parking p, #airport-hotels p, #airport-lounges p,
#single-insurance p, #annual-insurance p {
	line-height: 14px;
	}
	
/* return every nw row on the same level */
#insurance .p2, #car-hire .p2, #airport-parking .p2, #airport-hotels .p2, #airport-lounges .p2,
#single-insurance .p2, #annual-insurance .p2 {
	clear: right;
	}
	
.legal {
	padding: 10px 10px 0px 10px;
	font: normal 10px Verdana, sans-serif;
	}

/*****************************************************
	SKI INSURANCE
*****************************************************/

#page-nav {
	display: none;
	}
	
#page-header .p1 {
	font: bold 12px Verdana, sans-serif;
	color: #0089B7;
	line-height: 18px;
	}

#page-header .p2 {
	margin: 10px 0px 10px 0px;
	}
	
#page-nav, #policy-prices-single, #policy-notes, #cover-summary, #winter-cover-summary, #policy-details  {
	clear: both;
	padding-top: 10px;
	}
	
#page-nav h2, #policy-prices-single h2, #policy-notes h2, #cover-summary h2, #winter-cover-summary h2, #policy-details h2  {
	font: bold 14px Verdana, sans-serif;
	color: #0089B7;
	margin-bottom: 10px;
	}

#policy-prices-single table, #cover-summary table, #winter-cover-summary table  {
	width: 555px;
	margin: 10px 0px 10px 20px;
	border-collapse: collapse;
	}
/* black th */
#policy-prices-single th#a1, #policy-prices-single th#a2, #policy-prices-single th#a3, #policy-prices-single th#a4, #policy-prices-single th#a5, #policy-prices-single th#a6,
#cover-summary th#b1, #cover-summary th#b2, #cover-summary th#b3,
#winter-cover-summary th#c1, #winter-cover-summary th#c2, #winter-cover-summary th#c3 {
	background: #000;
	color: #fff;
	}
	
#policy-prices-single th, #cover-summary th, #winter-cover-summary th  {
	padding: 4px;
	background: #ddd;
	border: 1px solid white; /* 'cellspacing' */
	}
	
#policy-prices-single td, #cover-summary td, #winter-cover-summary td {
	padding: 4px 4px 4px 12px;
	background: #ddd;
	font: normal 12px Verdana, sans-serif;
	border: 1px solid white; /* 'cellspacing' */
	}

#policy-prices-single td.td2, #cover-summary td.td2, #winter-cover-summary td.td2 {
	background: #eee;
	font: normal 11px Verdana, sans-serif;
	}
	
#policy-notes ol {
	margin-left: 30px;
	}

#policy-notes li {
	list-style: decimal;
	margin-bottom: 12px;
	font: bold 11px Verdana, sans-serif;
	}

#policy-notes li p {
	font: normal 11px Verdana, sans-serif;
	margin-top: 2px;
	}
	
#policy-details h3 {
	float: left;
	font: bold 11px Verdana, sans-serif;
	display: inline;
	}

#policy-details p {
	display: block;
	margin-bottom: 10px;
	}

#policy-prices-single caption, #cover-summary caption, #winter-cover-summary caption  {
	display: none;
	}
	
p.top {
	margin-top: 10px;
	}
	

/*****************************************************
	CONTACT US
*****************************************************/

#enquiry-form {
	margin-top: 5px;
	}
	
#enquiry-form td {
	padding: 5px;
	}
	
	
address {
	text-align: center;
	font: normal 10px Verdana, sans-serif;
	margin: 0px;
	padding: 0pc;
	}

address span {
	padding-right: 8px;
	}
	
address span.head {
	font-style: italic;
	}

address span.company-name {
	font-weight: bold;
	}
	
address span.city {
	text-transform: uppercase;
	}
	
address span.postcode {
	padding-right: 0px;
	}

address br {
	float: left;
	}
	
/*****************************************************
	BOOK WITH CONFIDENCE
*****************************************************/

#book-with-confidence {
	background: #fff;
	}

#book-with-confidence h2 {
	padding-left: 22px;
	margin-top: 20px;
	background: url(./layout/tick.gif) 0 -1px no-repeat;
	}

#book-with-confidence blockquote {
	background: #f0f0f0;
	padding: 5px;
	color: #0089b7;
	margin: 0px 15px 18px 15px;
	}
	
#book-with-confidence blockquote.q1 {
	width: 353px;
	}

#book-with-confidence p {
	padding-bottom: 8px;
	line-height: 15px;
	}
	
#book-with-confidence blockquote p {
	padding: 0px;
	line-height: 18px;
	}

#book-with-confidence blockquote span.quote-name {
	color: #5d5d5d;
	padding-left: 10px;
	}

#resort-specialist {
	float: right;
	width: 192px;
	margin: -28px 0px 10px 10px;
	background: #fff url(./layout/resort-specialist-body.gif) 0 0 repeat-y;
	}
	
#resort-specialist .head {
	background: #fff url(./layout/resort-specialist-head.gif) 0 0 no-repeat;
	height: 6px;
	width: 192px;
	}
	
#resort-specialist .foot {
	background: #fff url(./layout/resort-specialist-foot.gif) 0 0 no-repeat;
	height: 6px;
	width: 192px;
	}

#resort-specialist .body {
	margin: 0px 6px 0px 6px;
	}

#resort-specialist img {
	margin-bottom: 5px;
	}
	
#resort-specialist p {
	padding-bottom: 5px;
	line-height: 13px;
	font: normal 10px Verdana, sans-serif;
	}
	
#resort-specialist span.phone {
	font-weight: bold;
	}
	
#resort-specialist span.sales-name {
	font-weight: bold;
	}
	

	

	


.clear {
	clear: both;
	}