/*
Summary: 	Page Structure
Website:	Resort Websites
Author: 	Matthew Branthwaite (matthewbranthwaite.co.uk)
Created: 	2006-10-06
Updated:	2008-12-08
*/


/* = Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* = Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
label { cursor: pointer; }


/*
----------------------------------------------------------------
	= B A S E   S T Y L E S
---------------------------------------------------------------- */

body { margin: 0 auto; padding: 0; text-align: center; font: 70% Verdana, Sans-serif; color: #000; }

/* headings - colors in resortname.css */
h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: bold; }
h1 { font-size: 1.8em; margin: 0 0 1ex; }
h2 { font-size: 1.3em; margin: 1.6ex 0 1ex; }
h3 { font-size: 1.1em; margin: 1ex 0 0.6ex; }
h4, h5, h6 { font-size: 1em; margin: 1em 0 0.6ex; }

/* links - colors in resortname.css */
a { text-decoration: underline; outline: none; /* Gets rid of Firefox's dotted borders */ }
a:hover { text-decoration: underline; }
a:visited:hover { }
a:visited {}
a img { vertical-align: text-bottom; }
	
/* html declarations */
p, ul, ol, dl, table { font-size: 1em; line-height: 1.4em; }
p { margin: 0 0 1em; line-height: 135%; }
p small { color: #909090; font-size: 90%; line-height: 120%; }
strong { font-weight: bold; font-style: normal; }
em { font-style: italic; }
img { border: 0; }
ul, ol { margin: 0.5ex 0 1em; padding: 0; }
li { padding: 0; margin: 0 0 0.1em 30px; }
ul li { list-style: square; }
dl { margin: 1em 0; padding: 0; }
dt { font-weight: bold; margin: 0 0 0.1em 0; padding: 0; }
dd { margin: 0 0 1em 0; }
dd ul li { margin-left: 20px; }
input, textarea, select { font: normal 11px Verdana, Sans-serif; }
table { border-collapse: collapse; margin: 0; }
td, th { vertical-align: top; padding: 0; line-height: 135%; }
address { margin: 1ex 0; font-style: normal; }
blockquote { margin: 0; padding: 2px 0 10px 35px; background: transparent url("/shared/css/images/quotes.png") left top no-repeat; }
blockquote p { font-family: Georgia, serif; font-style: italic; font-size: 1.1em; line-height: 1.4em; margin: 0 0 0.5ex; }
blockquote cite { font-family: Arial, sans-serif; font-style: normal; font-size: 0.9em; color: #8a8a8a; }
hr { display: none; }
.section-divider hr { display: none; }
.section-divider { margin: 20px 0; height: 1px; background-color: #ccc; overflow: hidden; }
.cb { clear: both; }
.fr { float: right; }
.legal-list { list-style: lower-roman; }
.phone-number { display: block; font-weight: bold; }

/*
----------------------------------------------------------------
	= P A G E   S T R U C T U R E
---------------------------------------------------------------- */
#container { clear: both; margin: 0 auto 0 auto; padding: 0; width: 760px; text-align: left; background: #fff url('/i/css/images/style/container-bg.png') left top repeat-y; }
#container #sidebar { float: left; width: 158px; padding: 60px 0 20px 0; margin: 0; font-size: 0.9em; line-height: 12px; background: transparent url('/i/css/images/style/chalet-finder.png') left top no-repeat; }
#container #content { float: right; width: 560px; overflow:hidden; padding: 15px 0 20px 0; margin: 0 20px 0 0; display: inline; }
#container #content-end { clear: both; }
	
/* for the ski - optimised pgs */
#container #container-end { clear: both; }
	
/* 2   C O L   L A Y O U T  */
#two-col-layout { margin-top: 20px; }
#two-col-layout .mod { position: relative; float: left; width: 163px; /* box = 270 (1 + 10 + 163 + 95 + 1) */ padding: 0 95px 0 10px; margin: 0 20px 20px 0; border: 1px solid #d6d6d6; }
#two-col-layout .mod img { position: absolute; right: 2px; top: 2px; }
#two-col-layout .mod a { display: block; }
	
/* take the right margin off the last mod on every row */
#two-col-layout #car-hire-mod,
#two-col-layout #airport-parking-mod,
#two-col-layout #airport-lounges-mod,
#two-col-layout #lift-passes-mod,
#two-col-layout #resort-transfers-mod { margin-right: 0; }

/* determine the height of the boxes */
#ski-insurance-mod,
#car-hire-mod,
#airport-transfers-mod,
#airport-parking-mod,
#airport-hotels-mod,
#airport-lounges-mod { height: 114px; }

#ski-schools-mod,
#lift-passes-mod,
#equipment-hire-mod,
#resort-transfers-mod { height: 114px; }




/*
----------------------------------------------------------------
	= S I D E B A R   S E A R C H
---------------------------------------------------------------- */

/*  search - all styles will be inherited from the home.css apart from below */
#container #sidebar .mod { padding: 10px 10px 0px 10px; }
#module-search input { vertical-align: middle; }
#container #sidebar #module-search input.textfield,
#container #sidebar #module-search select { width: 130px; margin: 0; }
#container #sidebar #module-search input.submit-btn { width: 80px; font-weight: bold; }
#container #sidebar #module-search legend,
#module-search br { display: none; }
#container #sidebar #module-search label { display: block; margin: 0 0 3px 0; padding: 0; line-height: normal; font-weight: bold; }
#container #sidebar #module-search p { margin: 0 0 5px 0; padding: 0; line-height: 14px; }
	
	
	

/*
----------------------------------------------------------------
	= S I D E B A R   M O D U L E S   -   new-pages.css
---------------------------------------------------------------- */
/*#container #sidebar p { margin: 4px 10px 0; }*/
.sidebar-mod { padding: 10px; }
ul.sidebar-jump-links { list-style: none; padding: 0; margin: 0; }
ul.sidebar-jump-links li { list-style: none; margin: 0 0 0.2em 0;  }
	

	


/*
----------------------------------------------------------------
	= F A Qs
---------------------------------------------------------------- */
#faq-list dd { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
#faq-list dt { font-size: 12px; background: transparent url("/shared/css/images/faqs-q.png") 1px 13px no-repeat; padding: 10px 0 6px 20px; }
#faq-list dd { background: transparent url("/shared/css/images/faqs-a.png") 1px 3px no-repeat; margin-left: 0; padding-left: 20px; }




/*
----------------------------------------------------------------
	= E N Q U I R Y   F O R M
---------------------------------------------------------------- */	

/*#enquiry { clear: both; color: #3d3d3d; margin: 15px 0px 10px; }
#enquiry fieldset br { display: none; }
#enquiry fieldset h3 { clear: both; display: block; margin: 10px 0 0 0; padding: 5px 10px; border-bottom: solid 2px #fff;  }
#enquiry fieldset h3 em { font-size: 10px; color: #fff; font-style: normal; font-weight: normal; }
#enquiry fieldset legend { display: none; }
#enquiry fieldset .mod { margin: 0; line-height: 24px; padding: 5px 10px 5px 15px; border-bottom: solid 2px #fff;  }
* html #enquiry fieldset .mod { _height: 1%; }
#enquiry fieldset .mod-bg { border-bottom: solid 2px #fff; }
#enquiry fieldset label { position: relative; padding: 5px 0; line-height: 15px; }		
#enquiry fieldset .double label { position: static; display: block; float: left; width: 130px; }
#enquiry fieldset .double .txt { width: 300px; }
#enquiry fieldset .block label { display: block; margin: 0 0 2px 0; }
#enquiry fieldset .float { width: auto; float: left; margin: 0 20px 0 0; }
#enquiry fieldset .float label { display: block; margin: 0 0 2px 0; padding: 0; }*/


/* New Enquiry Form */

#enquiry #sidebar h3 { color: #181818; background: none; }

div.enqform { margin-bottom: 18px; }
div.enqform h3 { display: block; margin: 0; padding: 7px 20px; border-bottom: 1px solid #fff; line-height: 18px; font-size: 11px; font-weight: bold; background-color: #327EBB; color: #fff; }
div.enqform table.form-table { margin: 0; width: 100%; }
div.enqform table.form-table th,
div.enqform table.form-table td { line-height: 18px; text-align: left; padding: 7px 5px 7px 10px; background-color: #f1f1f1; border-bottom: 1px solid #fff; }
div.enqform table.form-table th { vertical-align: top; width: 132px; padding-left: 20px; padding-top: 8px; }
div.enqform table.form-table input.txt,
div.enqform table.form-table textarea.txt { width: 95%;}
div.enqform table.form-table select { width: 150px;}
div.enqform table.form-table select,
div.enqform table.form-table input { margin-right: 6px; }
div.enqform table.form-table td label { margin: 0 14px 0 0; }
div.enqform table.form-table label span.required { float: left; margin-left: -14px; color: #c60000; font-weight: bold; }
div.enqform table.form-table div.extra-info { padding-top: 6px; }
div.enqform table.form-table .hint { padding-top: 6px; color: #6d6d6d; font-size: 10px; }

div.enqform tr#fm-anti-spam #spnCaptcha { display: block; margin-bottom: 6px; }
div.enqform tr#fm-anti-spam a { font-size: 10px; cursor: pointer; }

input#btnSubmit { font-size: 13px; }
input#txtmaxbudget { width: 70px; }
img#imgMainPhoto,
input#btnReset { display: none; }


div#sidebar p.phone-number,
div#sidebar p.open-today { display: none; }
div#opening-times table { width: 120px; margin-bottom: 18px; }
div#opening-times table td, div#opening-times table th { padding: 3px 10px 1px 0; border-bottom: 1px dotted #bbb; }
div#opening-times table td { text-align: right; padding-right: 0;}
	
/*
----------------------------------------------------------------
	C O N T E N T   H E A D
---------------------------------------------------------------- */

#content-head { height: 110px; background-position: right center; background-repeat: no-repeat; background-color: #000; border-bottom:1px solid #56564A; position: relative; z-index: 0; }
#content-head h1 { position: relative; z-index: 3; font-size: 20px; line-height: 79px; color: #fff; padding: 0 10px; }
#content-head ul { position: absolute; bottom: -1px; left: 10px; z-index: 4; height: 32px; list-style: none; margin: 0; padding: 0; }
#content-head li { float: left; height: 32px; list-style: none; margin: 0; padding: 0; background: url("/shared/css/images/content-tab-divider.png") top left no-repeat; }
#content-head li a { height:32px; padding: 0 9px; font-family: Arial, Sans-serif; font-weight: bold; line-height: 32px; color: #000; float: left; background: url("/shared/css/images/content-tabs-bg.png") top; display: inline; margin: 0 0 0 2px; text-decoration: none; }
#content-head li.first { background:none; }
#content-head li.first a { background-position: left top; border-left: 0; margin: 0; }
#content-head li.last a { background-position: right top; border-right: 0; }
#content-head li a:hover,
#content-head li a.on { text-decoration: none; background-position: bottom; }
#content-head li.first a.on,
#content-head li.first a:hover { background-position: left bottom; }
#content-head li.last a.on,
#content-head li.last a:hover { background-position: bottom right; }
#content-head li a.off,
#content-head li a:hover.off { background-position: top; color: #999; cursor: default; }
#content-head li.first a.off,
#content-head li.first a.off:hover { background-position: left top; }
#content-head li.last a.off,
#content-head li.last a.off:hover { background-position: right top; }
#content-head-overlay { position: absolute; height: 100%; right: 10px; bottom: 0; z-index: 1; text-align: left; }
#content-head-overlay img { width: 200px; height: 100%; }
	
/* content head specific images */
.content-head-about { background: url("/i/css/images/content/about.jpg") left top no-repeat; }
.content-head-apres-ski { background: url("/i/css/images/content/apres-ski.jpg") left top no-repeat; }
.content-head-equipment-hire { background: url("/i/css/images/content/equipment-hire.jpg") left top no-repeat; }
.content-head-photos { background: url("/i/css/images/content/photos.jpg") left top no-repeat; }
.content-head-maps { background: url("/i/css/images/content/maps.jpg") left top no-repeat; }
.content-head-webcams { background: url("/i/css/images/content/webcams.jpg") left top no-repeat; }
.content-head-tours { background: url("/i/css/images/content/tours.jpg") left top no-repeat; }
.content-head-resort-services { background: url("/i/css/images/content/resort-services.jpg") left top no-repeat; }
.content-head-lift-passes { background: url("/i/css/images/content/lift-passes.jpg") left top no-repeat; }
.content-head-ski-schools { background: url("/i/css/images/content/ski-schools.jpg") left top no-repeat; }
.content-head-equipment-hire { background: url("/i/css/images/content/equipment-hire.jpg") left top no-repeat; }



/*
----------------------------------------------------------------
	= P R I C I N G   T A B L E
---------------------------------------------------------------- */

#price-table { border-top: solid 1px #fff; border-left: solid 1px #fff; width: 100%; }
#price-table th,
#price-table td { border-bottom: solid 1px #fff; border-right: solid 1px #fff; padding: 5px 10px; background-color: #dfdfdf; }
#price-table th.head { background-color: #000; color: #fff; text-align: center; }
#price-table td { text-align: center; }
	
	
	
	
/*
----------------------------------------------------------------
	= P H O T O S
---------------------------------------------------------------- */

/*  
	Structure for 4 photos floating
	img + margin + img + margin + img + margin + img = 130 + 10 + 130 + 10 + 130 + 10 + 130
	
	img = 130 (1 + 4 + 120 + 4 + 1)
*/
	
#photos ul { list-style: none; margin: 0; padding: 0; }
#photos li { list-style: none; margin: 0 10px 10px 0; padding: 0; float: left; }
#photos li a { float: left; width: 120px; padding: 4px; background: #f5f4f6; border: 1px solid #d6d6d6; text-align: center; cursor: pointer; }
#photos li a:hover { background-color: #d6d6d6; }

#photos li a .photo { display: block; width: 120px; height: 120px; text-align: center; margin-bottom: 5px; }
#photos li a .caption { display: block; height: 38px; text-align: center; vertical-align: middle; padding: 0 2px 0; margin: 0; font-size: 10px; }
#photos li a span { display: block; }
#photos li a .photo img { text-align: center; }
#photos li.last { margin-right: 0; }
#photos li.first { clear: both; }


/* New photos - not lightbox */
div.gallery { padding-top: 10px; }
div.gallery ul,
div.gallery li { list-style: none; margin: 0; padding: 0; }
div.gallery p.main-photo { float: left; width: 410px; }
div.gallery p.main-photo img { border: 1px solid #ccc; padding: 3px;}
div.gallery ul.thumbnails { float: right; width: 150px; }
div.gallery ul.thumbnails li { float: left; margin: 0 0 4px 4px;}
div.gallery ul.thumbnails li a { float: left; padding: 3px; border: 1px solid #ccc;}
div.gallery ul.thumbnails li a img { width: 60px; height: 45px; }
div.gallery ul.thumbnails li a:hover { border: solid 1px #666; }
div.gallery ul.thumbnails li a.selected { background-color: #cc0000; }
div.gallery ul.thumbnails li a.selected:hover { border: solid 1px #ccc; }
	
	
	
/*
----------------------------------------------------------------
	= V I R T U A L   T O U R S   and   W E B C A M S
---------------------------------------------------------------- */

.ipix-holder { margin: 10px auto 10px auto; text-align: center; width: 500px; background:#f5f4f6; border: 1px solid #d6d6d6; padding: 0 5px 5px; }
.webcam-holder { margin: 10px auto 10px auto; text-align: center; background:#f5f4f6; border: 1px solid #d6d6d6; padding: 0 5px 5px; }

/*  
	Structure for 3 photos floating
	img + margin + img + margin + img = 180 + 10 + 180 + 10 + 180
	
	img = 180 (1 + 4 + 170 + 4 + 1)
*/
	
#tours ul,
#webcams ul { list-style: none; margin: 0; padding: 0; }

#tours li,
#webcams li { list-style: none; margin: 0 0 10px 10px; padding: 0; float: left; }
	
#tours li a,
#webcams li a { position: relative; float: left; width: 170px; padding: 4px; background: #f5f4f6; border: 1px solid #d6d6d6; text-align: center; }

#tours li a:hover,
#webcams li a:hover { background-color: #d6d6d6; }
	
#webcams li a span { display: block; }
	
#tours li a img,
#webcams li a img { display: block; padding-bottom: 5px; z-index: 2; }
	
#tours li a .caption,
#webcams li a .caption { display: block; font-size: 10px; height: 34px; padding: 0 5px 5px; }
	
#webcams li a div.view-webcam { position: absolute; width: 170px; height: 16px; top: 4px; left: 4px; background: url("/shared/css/images/view-webcam.png") left top no-repeat; z-index: 5; }
	
#tours li.first,
#webcams li.first { margin-left: 0; }
	
	
	
/*
----------------------------------------------------------------
	= E N T R Y
---------------------------------------------------------------- */
.entry { clear: both; margin: 1.5em 0 1em 0; /*border-bottom: 1px solid #e1e3e5; padding-bottom: 0.5em;*/ }
.entry-wrap { float: right; width: 420px; }
.entry h3 { margin-top: 0; }
.entry .thumb { border: 1px solid #ccc; float: left; padding: 3px; margin: 0 15px 0 0; }

/*
----------------------------------------------------------------
	= R E S O R T   L I S T I N G S
---------------------------------------------------------------- */
ol.resort-listings,
ol.resort-listings li { list-style: none; margin: 0; padding: 0;}
ol.resort-listings { border-top: 1px solid #ccc; margin: 20px 0; }
ol.resort-listings li.vcard { position: relative; padding: 15px 0 10px 140px; min-height: 100px; border-bottom: 1px solid #ccc; }
ol.resort-listings li.vcard.first { border-top: 0; }
ol.resort-listings li.vcard.over { background-color: #eee; cursor: pointer; }
ol.resort-listings li.vcard h3 { margin: 0; }
ol.resort-listings li.vcard img.logo { position: absolute; top: 15px; left: 0; border: 1px solid #ccc; padding: 3px; }
ol.resort-listings li.vcard dl { position: relative; }
ol.resort-listings li.vcard dl.contact dt { position: absolute; left: 0; font-weight: bold; }
ol.resort-listings li.vcard dl.contact dd { padding-left: 75px; margin: 0; }



/* Microformats */

ol.service-listings, ol.service-listings li.vcard { list-style: none; margin: 0; padding: 0; }
ol.service-listings { border-top: 1px solid #ccc; margin-bottom: 18px; }
ol.service-listings li.vcard { clear: both; padding: 10px 0 10px 140px; border-bottom: 1px solid #ccc; }
ol.service-listings li.vcard h3 img.logo { position: absolute; margin: -4px 0 0 -140px; width: 110px; height: 90px; border: 1px solid #ccc; padding: 3px; background-color: #fff; }
ol.service-listings li.vcard dl dt { clear: left; float: left; width: 85px; margin: 0; line-height: 18px; }
ol.service-listings li.vcard dl dd { margin: 0; line-height: 18px; }
	
	
/*
----------------------------------------------------------------
	= L I F T    P A S S E S
---------------------------------------------------------------- */
	
.lift-passes { border-collapse: collapse; width: 554px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 10px auto 10px auto; padding: 0; }
.lift-passes td,
.lift-passes th { padding: 3px 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: right; }
.lift-passes th { text-align: left; }
.lift-passes th.head { text-align: center; background-color: #eee; }
.lift-passes th em { display: block; font-style: normal; font-size: 10px; font-weight: normal; }



/*
----------------------------------------------------------------
	= R E S O R T    S T A T S
---------------------------------------------------------------- */

#resort-stats { float: right; width: 214px; margin: 10px 0 15px 20px; }
#resort-stats h2 { font-size: 11px; text-align: center; margin: 5px 0 4px; padding: 0; float: left; width: 200px; }
#resort-stats dl { margin: 0 0 5px 0; padding: 0; float: left; background-color: #fff; font-size: 10px; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
#resort-stats dt { clear: both; font-size: 10px; width: 110px; float: left; border-top: solid 1px #ccc; margin: 0; padding: 5px 3px 5px 4px; font-weight: normal; text-align: right; color: #666; }
#resort-stats dd { font-size: 10px; width: 88px; float: left; border-top: solid 1px #ccc; margin: 0; padding: 5px 4px 5px 3px; color: #000; }


/*
----------------------------------------------------------------
	= DISPLAY TABLE
---------------------------------------------------------------- */	

table.display-table { width: 100%; margin: 0 0 25px; background-color: #fff; }
table.display-table td { padding: 7px 5px; border-bottom: 1px solid #ccc; line-height: 18px; }
table.display-table td img { vertical-align: middle; }
table.display-table thead td { background-color: #eee; font-weight: bold; border-bottom: 3px double #aaa; border-top: 1px solid #aaa;}
table.display-table tr.alt { background-color: #e3eaf9; }
table.display-table tr.over { cursor: pointer; background-color: #bfd8f8; }

td.c-pricing { width: 180px; padding-right: 0; }
td.c-avail { width: 120px; }
a.price-now { font-size: 16px; font-weight: bold; color: #c60000; text-decoration: none; }
div.price-includes { font-size: 10px; color: #515151; }
div.c-avail-date { font-weight: bold; }
div.c-avail-spaces span { padding: 1px 3px; background-color: #e5f2fa; border: 1px solid #89a3b2; }

div.search-deals-intro { float: right; width: 240px; padding: 10px 10px 10px 30px; background: transparent url(/shared/css/images/blue-intro-bubble.gif) right 0 no-repeat; }
div.search-deals-intro h2, div.search-deals-intro h3 { padding: 0; margin: 0; color: #111; }
div.search-deals-intro p { margin: 0; padding: 10px 0 0;}
div.search-deals-intro div.cb { position: absolute; height: 15px; width: 280px; margin-left: -30px; background: transparent url(/shared/css/images/blue-intro-bubble.gif) right bottom no-repeat; }

div.search-deals {width: 270px; color: #fff;  background: #8d0000 url(/shared/css/images/find-a-deal-box.gif) 0 0 no-repeat; padding: 40px 0 20px; margin: 0 0 10px 0; }
div.search-deals ul, div.search-deals li { list-style: none; margin: 0; padding: 0; }
div.search-deals fieldset legend { display: none; }
div.search-deals li { padding: 3px 0;}
div.search-deals li,
div.search-deals li label,
div.search-deals li select,
div.search-deals li select option { font-size: 11px; font-weight: bold; }
div.search-deals li .label { float: left; width: 100px; margin-right: 10px; text-align: right; }
div.search-deals li select { width: 140px; }
div.search-deals div.submit-search-deals { margin-left: 110px; }

h3.matches-found { padding: 15px 0 3px; margin-bottom: 6px; border-bottom: 1px solid #ccc; }

ul.results-nav, ul.results-nav li { list-style: none; margin: 0; padding: 0; }
ul.results-nav { margin-bottom: 5px;}
ul.results-nav a { text-decoration: none; }
ul.results-nav li { font-size: 10px; font-weight: bold; color: #666; line-height: 22px; }
ul.results-nav li.week-nav { float: right; }
ul.results-nav li.sort-by { }