/*--Main Styles--*/

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, blockquote, form, fieldset, input
{
	margin: 0; padding: 0;
}

html
{
	background-color: #E2E7F1;
}

body
{
	background: url(../images/bckgrd_body.gif) left top repeat-y;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	width: 800px;
}

ul, ol { list-style: none; }

a { cursor: pointer; text-decoration: none; }

a:hover { text-decoration: underline;}

img { border: none; }

p { line-height: 1.5em; margin: 0 0 10px 0; }

span.bold { font-weight: bold; }

p.highlight
{
	background-color: #F3F3F3;
	border-top: 1px dotted #5F75A2;
	border-bottom: 1px dotted #5F75A2;
	clear: both;
	font-style: italic;
	padding: 5px;
}

/*--Header--*/

div#header
{
	background: #152648 url(../images/bckgrd_header.gif) left top repeat-x;
	float: left;
	margin: 0 auto 15px auto;
	padding: 10px 0 0 0;
}

div#header div#header_top
{
	height: 5.7em;
}

div#header img
{
	margin: 3px 0 5px 0;
	padding-left: 10px;
}

div#header div#headerlogo
{
	float:left;
}

div#header div.contactfacilities
{
	float: right;
	margin: 0;
	padding: 0;
	width: 490px;
	clear: right;
}

div#header div#headercontact
{
	float: left;
	margin: 0;
	padding: 3px 10px 0 0;
	width: 340px;
}

div#header div#headercontact p
{
	color: #FFF;
	font-size: 12px;
	margin: 0;
	text-align: right;
}

div#header div#headercontact p a
{
	color: #FFF;
	text-decoration: none;
}

div#header div#chatpanel
{
	margin: 0;
	padding: 0;
}

div#header div.empty
{
	clear: both;
}

/*
div#header ul li a
{
	color: #FFF;
	text-decoration: none;
}

div#header ul li a:hover
{
	text-decoration: none;
}

div#header ul#mainnav
{
	background: #4F6192 url(../images/bckgrd_mainnav.gif) left top repeat-x;
	border-top: 1px solid #FFF;
	float: left;
	margin: 0;
	padding: 5px 10px;
	width: 780px;
}

div#header ul#mainnav li
{
	font-size: 12px;
	font-weight: normal;
	margin-right: 12px;
}
*/

span.telnumbertop
{
	font-weight: normal;
	margin: 0 13px 0 3px;
}

span.telnumberbot
{
	font-weight: normal;
	margin: 0 16px 0 3px;
}

div#header ul#auxnav li
{
	float: left;
}

div#header ul#auxnav
{
	float: right;
	margin: 0 0 10px 20px;
	padding: 0 10px 0 0;
	clear:right;
}

div#header ul#auxnav li
{
	font-size: 10px;
	margin-left: 8px;
	text-transform: uppercase;
}

div#header ul#auxnav li a
{
	color: #D5A30D;
}

div#header ul#auxnav li a.offers
{
	background-color: #D5A30D;
	color: #FFF;
	padding: 2px 4px;
}


div#header ul#lang li
{
	float: left;
}

div#header ul#lang
{
	float: right;
	margin: 0 0 10px 0px;
	padding: 0 15px 0 0;
	clear:right;
}

div#header ul#lang li
{
	font-size: 10px;
	margin-left: 8px;
	text-transform: uppercase;
}

div#header ul#lang li a
{
	color: #D5A30D;
}

div#header ul#lang img
{
	padding: 0;
	margin: 0 4px 0 0;
}

/*--Dropdown menus--*/

ul.dropdownnav
{
	background: #4F6192 url(../images/bckgrd_mainnav.gif) left top repeat-x;
	border-top: 1px solid #FFF;
	float: left;
	margin: 0;
	padding: 2px 0 0 2px;
	position: relative;
	width: 798px;
	z-index: 1000;
}

ul.dropdownnav li
{
	background: url(../images/nav_tab_right.gif) 0 50px no-repeat;
	float: left;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

ul.dropdownnav li ul.secondarynav
{
	background: url(../images/nav_dropdown.png) 0 100% no-repeat;
	display: none;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

ul.dropdownnav li ul.tertiarynav
{
	background: url(../images/nav_dropdown.png) 0 100% no-repeat;
	display: none;
	padding: 0;
	z-index: 1000;
}

ul.dropdownnav li:hover
{
	background-position: 100% 0;
}

ul.dropdownnav li:hover a
{
	background: url(../images/nav_tab_left.gif) 0 0 no-repeat;
	color: #385592;
}

ul.dropdownnav li ul.secondarynav li:hover a
{
	color: #385592;
}

ul.dropdownnav li:hover > ul
{	
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 100%;
	width: 200px;
}

ul.dropdownnav li ul.secondarynav li:hover > ul
{	
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	top: -8px;
	left: 100%;
	width: 200px;
}

ul.dropdownnav li a
{
	border-right: 1px solid #778FC3;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 6px 8px;
}

ul.dropdownnav li ul.secondarynav li
{
	background-image: none;
	border: none;
	float: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

ul.dropdownnav li ul.secondarynav li.sleeps
{
	background: url(../images/icon_smallarrow.gif) 96% 30% no-repeat;
}

ul.dropdownnav li ul.secondarynav li a
{
	background-image: none;
	border-bottom: 1px dotted #C8D5F1;
	border-right: none;
	color: #666;
	margin: 8px 16px 8px 12px;
	padding: 0 0 6px 0;
}

ul.dropdownnav li ul.secondarynav li a:hover
{
	color: #385592;
}

ul.dropdownnav li ul.secondarynav li ul.tertiarynav
{
	border-top: 1px solid #778FC3;
	margin: 0 0 0 -1px;
}

ul.dropdownnav li ul.secondarynav li ul.tertiarynav li
{
	background-image: none;
}

ul.dropdownnav li ul.secondarynav li ul.tertiarynav li a
{
	color: #666;
	font-weight: normal;
}

ul.dropdownnav li ul.secondarynav li ul.tertiarynav li a:hover
{
	color: #385592;
}

/*--Main Content--*/

h1
{
	color: #152648;
	clear: both;
	font-size: 32px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 8px 0;
}

h2
{
	border-bottom: 1px solid #708AB3;
	color: #708AB3;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 0 0 5px 0;
}

h2 a
{
	color: #708AB3;
}

h3
{
	color: #999;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

h3.offers
{
	color: #152648;
}

h4
{
	color: #152648;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

h5
{
	color: #152648;
	font-size: 14px;
	margin: 0 0 10px 0;
}

p
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

p span
{
	font-weight: bold;
}

strong
{
	font-weight: bold;
}

blockquote
{
	background: url(../images/quote_open.gif) left top no-repeat;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
}

p.quote
{
	background: url(../images/quote_close.gif) right bottom no-repeat;
}

/*--Extended Footer--*/

div#extendedfooter
{
	border-top: 1px solid #CCC;
	font-size: 10px;
	clear: both;
	padding: 0;
}

div#extendedfooter div#breadcrumb
{
	color: #666;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

div#extendedfooter div#breadcrumb a
{
	color: #666;
	text-decoration: none;
}

div#extendedfooter div#breadcrumb a:hover
{
	text-decoration: underline;
}

div#extendedfooter h5
{
	color: #666;
	font-size: 10px;
	font-weight: bold;	
}

div#extendedfooter div#directory
{
	border-top: 1px dotted #CCC;
	color: #999;
	padding: 10px 0;
}

div#extendedfooter div#directory div.column
{
	float: left;
	margin: 0 3px 0 0;
	width: 130px;
}

div#extendedfooter div#directory div.columnaux
{
	float: left;
	margin: 17px 0 0 0;
	width: 130px;
}

div#extendedfooter div#directory ul
{
	margin-bottom: 8px;
}

div#extendedfooter div#directory h5 a
{
	color: #666;
}

div#extendedfooter div#directory ul li
{
	margin-top: 4px;
}

div#extendedfooter div#directory ul li a
{
	color: #666;
	text-decoration: none;
}

div#extendedfooter div#directory ul li a:hover
{
	text-decoration: underline;
}

div#extendedfooter div#directory ul li a:visited
{
	color: #999;
}

div#extendedfooter div#directory ul li.selected a
{
	color: #152648;
	font-style: italic;
}

div#extendedfooter div#directory ul li.selected a:before
{
	content: "[";
}

div#extendedfooter div#directory ul li.selected a:after
{
	content: "]";
}


/*--Footer--*/

div#footer
{
	border-top: 1px solid #CCC;
	clear: both;
	margin: 10px 0 0 0;
	padding: 30px 0 30px 0;
}

div#footer p
{
	color: #777;
	font-size: 12px;
	margin: 0 0 5px 0;
	text-align: center;
}

div#footer p a
{
	color: #777;
	text-decoration: underline;
}

div#footer p a:hover
{
	color: #555;
}

div#footer img
{
	margin: 0 5px;
	vertical-align: middle;
}

/*--End of Main Styles--*/

/*--Homepage Specific Styles--*/

#introduction
{
	float: left;
	margin: 0 0 0 0;
}

#promopanel
{
	float:left;
	clear:both;
	color: #FFF;
	height: 2em;
	/*border-top: 1px solid #D5A30D;*/
	width: 800px;
	/*margin-top: 10px;*/
	margin-left: 0px;
}

#promopanel .slide
{
	position: absolute;
	background-color: #152648;
	padding: 10px 10px 0 10px;
	width:780px;
	height: 2em;
}

#promopanel .slide h3,
#promopanel .slide h4
{
	float:left;
	margin-right: 20px;
	margin-top: -4px;
}

#promopanel .slide *
{
	color: #D5A30D;
}

#promopanel .slide p
{
	padding: 0;
	margin: 0;
	line-height: 1.4em;
}

#promopanel .slide h4
{
	font-size: 15px;
}

div.webcampanel
{
	background: #3E70D4 url(../images/background-cam.gif) 0 0 repeat-x;
	float: left;	
	padding: 0;
	margin: -15px 0 -3em 0;
	float:right;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

div.webcampanel a
{
	background: url(../images/icon_webcam.gif) 85px 2px no-repeat;
	padding: 8px 50px 8px 10px;
	display: block;
	color: #FFF;
	width: 75px;
	margin: 0;
	font-size: 14px;
}	

div.webcampanel h3
{
	color: #FFF;
	font-size: 14px;
	margin: 0 0 5px 0;
}

div.webcampanel p
{
	line-height: 1.2em;
}

div.webcampanel a
{
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}

div.holder
{
	clear: left;
	float: left;
}

div#Carousel
{
	background: url('../images/loading.gif') 50% 50% no-repeat;
}

div#Carousel div.slide
{
	height: 285px;
	width: 800px;
	padding:0;
	position: absolute;
}

div#Carousel div.slide h2
{
	margin: 0;
	padding: 30px 30px 5px 30px;
	color: #FFF;
	font-size: 30px;
	border: none;
	text-shadow: 2px 2px 4px #333;
}

div#Carousel div.slide p
{
	padding: 0px 30px 5px 30px;
	color: #FFF;
	text-shadow: 1px 1px 2px #333;
}

div#CaroLinks
{
	margin: 286px 0 0 0;
	width: 800px;
}
/*--For 4 options on the carousel
div#CaroLinks div
{
	cursor: pointer;
	float: left;
	color: #152648;
	text-decoration: none;
	padding: 0;
	width: 200px;
	background: url(../images/bckgrd_slide_off.gif) 0 0 repeat-x;
}
--*/

div#CaroLinks div
{
	clear: none;
	cursor: pointer;
	float: left;
	color: #152648;
	text-decoration: none;
	margin: 0 1px 0 0;
	padding: 0;
	width: 199px;
	background: url(../images/bckgrd_slide_off.gif) 0 0 repeat-x;
}

div#CaroLinks div#last
{
	margin: 0;
	width: 200px;
}

div#CaroLinks div.active
{
	background: url(../images/bckgrd_slide_on.gif) 0 0 repeat-x;
}

div#CaroLinks div h3
{
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	margin: 0;
	padding: 5px 10px 0 10px;
	color: #152648;
}

div#CaroLinks div p
{
	line-height: 1.4em;
	padding: 0 10px 0 10px;
	margin: 0;
}

div#CaroLinks div:hover *
{
	color: #3E70D4;
}

div#CaroLinks div:hover h3
{
	text-decoration: underline;
}

div#extraspanel
{
	border-top: 1px solid #CCC;
	float: left;
	margin: 20px auto 0 auto;
	padding: 20px 0;
	width: 800px;
}

div#extraspanel h3
{
	margin: 0 0 10px 0;
}

div#extraspanel ul li
{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
}

div#extraspanel ul li a
{
	color: #192D55;
	text-decoration: none;
}

div#extraspanel div#servicepanel
{
	float: left;
	width: 570px;
}

div#extraspanel div#servicepanel ul
{
	float: left;
	margin-right: 15px;
	width: 260px;
}

div#extraspanel div#servicepanel ul li
{
	margin: 0;
	padding-top: 10px;
}

div#extraspanel div#servicepanel ul li a 
{
	background: url(../images/icon_temp_lrg.gif) 0 0 no-repeat;
	color: #666;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	padding: 0 0 10px 50px;
	text-decoration: none;
}

div#extraspanel div#servicepanel ul li a span
{
	font-size: 14px;
	font-weight: bold;
	color: #152648;
	text-decoration: none;
}

div#extraspanel div#servicepanel ul li a#families_childcare,
div#extraspanel div#servicepanel ul li a#families
{
	background: url(../images/icon_families_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#families_childcare:hover,
div#extraspanel div#servicepanel ul li a#families:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#concierge
{
	background: url(../images/icon_concierge_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#concierge:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#transfers
{
	background: url(../images/icon_transfers_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#transfers:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#offpiste
{
	background: url(../images/icon_offpiste_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#offpiste:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#corporate
{
	background: url(../images/icon_corporate_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#corporate:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#massage
{
	background: url(../images/icon_massage_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#massage:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a#travelinsurance
{
	background: url(../images/icon_travelinsur_but.gif) 0 0 no-repeat;
}

div#extraspanel div#servicepanel ul li a#travelinsurance:hover
{
	background-position: 0 -168px;
}

div#extraspanel div#servicepanel ul li a:hover span
{
	text-decoration: underline;
}

div#extraspanel div#resortpanel
{
	float: left;
	width: 225px;
}

div#extraspanel div#resortpanel ul li
{
	margin: 0;
	padding: 0;
}

div#extraspanel div#resortpanel ul li a
{
	color: #555;
	padding: 5px 0 10px 37px;
	display: block;
}

div#extraspanel div#resortpanel ul li a:hover
{
	text-decoration: underline;
}

div#extraspanel div#resortpanel ul li a#about
{
	background: url(../images/icon_about_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#about:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#skiing
{
	background: url(../images/icon_skiing_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#skiing:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#extra
{
	background: url(../images/icon_extra_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#extra:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#rentals
{
	background: url(../images/icon_rentals_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#rentals:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#travel
{
	background: url(../images/icon_travel_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#travel:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#weather
{
	background: url(../images/icon_restaurant_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#weather:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#schools
{
	background: url(../images/icon_schools_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#schools:hover
{
	background-position: 0 -120px;
}

div#extraspanel div#resortpanel ul li a#offpiste
{
	background: url(../images/icon_offpiste_but.gif) 0 0 no-repeat;
}

div#extraspanel div#resortpanel ul li a#offpiste:hover
{
	background-position: 0 -120px;
}

div#extraspanel h3 a
{
	color: #152648;
}

/*--End of Homepage Specific Styles--*/

/*--Services Styles--*/

div#maincolumn
{
	float: left;
	margin: 0 30px 10px 0;
	width: 540px;
}

div.featurescolumn
{
	float: left;
	margin: 0 0 10px 0;
	width: 230px;
}

div#maincolumn p
{
	margin: 0 0 10px 0;
}

div#maincolumn p a
{
	color: #8091B6;
	text-decoration: underline;
}

div#maincolumn p a:hover
{
	color: #152648;
}

div#maincolumn ul
{
	font-size: 12px;
	line-height: 1.5em;
}

div#mediaholder
{
	margin: 0;
	padding: 0;
}

div#mediaholder img
{
	position: absolute;
}

div#staticholder
{
	margin: 0 0 10px 0;
}

div#mediaholder div.media
{
	background-color: #F6F6F6;
	height: 300px;
	margin: 0; padding: 0;
}

div#mediaholder p
{
	font-size: 12px;
	margin: 0 0 0 5px;
}

div#mediaholder div.media div.a
{
	float: left;
	margin: 10px 10px 0 10px;
	width: 360px;
}

div#mediaholder div.media div.b
{
	float: left;
	margin: 10px 0 0 0;
	width: 130px;
}

div#mediaholder div.media div.b p
{
	font-size: 10px;
	margin: 0 0 6px 0;
}	

div#maincolumn ul.tabs
{
	border-top: 3px solid #8091B6;
	border-bottom: none;
	margin: 0;
}

div#maincolumn ul.tabs li
{
	background: #E3E8F3 url(../images/tab_left_on.gif) 0 100% no-repeat;
	cursor: pointer;
	float: left;
	font-size: 12px;
	margin: 0 2px 0 0;
}

div#maincolumn ul.tabs li span
{
	background: url(../images/tab_right_on.gif) 100% 100% no-repeat;
	color: #333;
	display: block;
	padding: 4px 8px 5px 8px;
}

div#maincolumn ul.tabs li.selected
{
	background: #8091B6 url(../images/tab_left.gif) 0 100% no-repeat;
}

div#maincolumn ul.tabs li.selected span
{
	background: url(../images/tab_right.gif) 100% 100% no-repeat;
	color: #FFF;
}

div#maincolumn ul.contactdetails
{
	list-style-type: square;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

div.featurescolumn ul#options
{
	height: 4.8em;
}

div.featurescolumn ul#options a
{
	color: #333;
	display: block;
	font-size: 12px;
	height: 18px;
	margin: 4px 0;
	padding: 0;
}

div.featurescolumn ul#options a.email
{
	background: url(../images/icon_email_but.gif) left top no-repeat;
	padding: 5px 0 5px 30px;
}

div.featurescolumn ul#options a.email:hover
{
	background-position: 0 -72px;
}

div.featurescolumn ul#options a.enquiry
{
	background: url(../images/icon_enquiry_but.gif) left top no-repeat;
	padding: 5px 0 5px 30px;
}

div.featurescolumn ul#options a.enquiry:hover
{
	background-position: 0 -72px;
}

div.panel
{
	background-color: #e3e8f3;
	border-bottom: 2px solid #8091B6;
	margin: 0 0 20px 0;
	padding: 10px;
	/*zoom: 1;*/
}

div.panel p.topp
{
	font-size: 9px;
}

div.panel#top
{
	margin: 82px 0 20px 0;
}

div.panel h3
{
	background: #8091B6 url(../images/bckgrd_panel_strip.gif) left top repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

div.panel ul
{
	color: #666;
	font-size: 12px;
}

div.panel ul li
{
	margin: 0 0 4px 15px;
	list-style-type: square;
	list-style-position: outside;
}

div.panel ul li span
{
	font-weight: bold;
}

div.panel ol
{
	color: #666;
	font-size: 12px;
}

div.panel ol li
{
	margin: 0 0 8px 22px;
	list-style-type: Decimal;
	list-style-position: outside;
}

div.panel ol li span
{
	font-weight: bold;
}

div.panel ul.summerrental
{
	background-color: #FAF4BA;
	border: 1px solid #F0DE91;
	font-weight: bold;
	padding: 9px 0 2px 0;
}

div.panel ul.summerrental li
{
	list-style-type: none;
}

div.panel a
{
	color: #152648;
}

div.panel p.terms
{
	font-size: 10px;
	font-style: italic;
	margin: 0;
}

div.specialoffers
{
	background-color: #152648;
	margin: 0 0 15px 0;
	padding: 10px 10px 5px 10px;
}

div.specialoffers h4
{
	border-bottom: 1px solid #8091B6;
	color: #FFF;
	padding: 0 0 5px 0;
}

div.specialoffers p
{
	color: #FFF;
	font-size: 12px;
}

div.specialoffers a
{
	color: #FFF;
	text-decoration: underline;
}

div.contactpanel
{
	background: #3E70D4 url(../images/bckgrd_offerspanel.gif) left top repeat-x;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 10px;
}

div.contactpanel p
{
	font-weight: normal;
	margin: 0;
}

div.contactpanel p a
{
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

div.comparepanel
{
	background-color: #E3E8F3;
	border-bottom: 2px solid #8091B6;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 20px 0;
}

div.comparepanel p
{
	font-weight: normal;
	margin: 0;
}

div.comparepanel p a
{
	background: url(../images/icon_compare_but.gif) 8px 8px no-repeat;
	color: #152648;
	display: block;
	font-weight: bold;
	padding: 10px 10px 10px 60px;
}

div.comparepanel p a:hover
{
	background-position: 8px -160px;
}

div#description
{
	clear: both;
	/*column-count: 2;
	column-gap: 1em;*/
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
}

div#description p
{
	color: #333;
	margin-bottom: 8px;
}

div#description p:first-child
{
	font-weight: bold;
}

div.panel table#prices
{
	color: #666;
	font-size: 12px;
	margin: 0 0 8px 0;
}

div.panel table#prices tr td.week
{
	border-bottom: 1px solid #CCC;
	padding: 3px 0 3px 0;
	width: 150px;
}

div.panel table#prices tr td.price
{
	border-bottom: 1px solid #CCC;
	padding: 3px 0 3px 0;	
	width: 60px;
}

div.panel table#prices tr.booked td.price
{
	color: red;
	font-weight: bold;
}

/*-- Slideshow Styles --*/

div.slideshow
{
	background-color: #8091B6;
	color: #FFF;
	font-style: italic;
}

div.slideshow img
{
	position: absolute;
}

div.slideshow ul
{
	background-color: #8091B6;
	position: absolute;
	overflow: hidden;
	padding: 0px;
	right: 0;
}

div.slideshow ul a
{
	background: url(../images/icon_slide_a.gif) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 11px;
	margin: 2px 2px 0 0;
	overflow: hidden;
	width: 12px;
}

div.slideshow ul a.prev
{
	background-image: url(../images/icon_slide_prev.gif);
	width: 14px;
}

div.slideshow ul a.next
{
	background-image: url(../images/icon_slide_next.gif);
	margin-right: 0;
	width: 14px;
}

div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover
{
	background-position: 0 -14px;
}

div.slideshow ul li
{
	float: left;
	list-style: none;
}

/*-- Slideshow Styles --*/

div.media ul
{
	background-color: #8091B6;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	padding: 2px 0 0px 2px;
	right: 0;
	z-index: 10;
}

div.media ul a
{
	background: url(../images/icon_slide_a.gif) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px;
	margin: 0 2px 0 0;
	overflow: hidden;
	width: 12px;
}

div.media ul a.prev
{
	background-image: url(../images/icon_slide_prev.gif);
	width: 14px;
}

div.media ul a.next
{
	background-image: url(../images/icon_slide_next.gif);
	margin-right: 0;
	width: 14px;
}

div.media ul a.active,
div.media ul a.prev:hover,
div.media ul a.next:hover
{
	background-position: 0 -14px;
}

div.media ul li
{
	float: left;
	list-style: none;
}

table.liftpasses
{
	background-color: #E3E8F3;
	border-bottom: 1px solid #8091B6;
	font-size: 12px;
	margin: 0 0 20px 0;
	width: 540px;
}

table.liftpasses thead
{
	background: #8091B6 url(../images/bckgrd_panel_strip.gif) left top repeat-x;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}

table.liftpasses tr td
{
	border-bottom: 1px solid #8091B6;
	padding: 5px;
	text-align: center;
	width: 180px;
}

table.liftpasses tr td.item
{
	font-weight: bold;
	padding: 0 0 0 10px;
	text-align: left;
}

/*-- Chalet Selector SC page --*/

div.chaletselector
{
	background: url(../images/divider.gif) left top no-repeat;
	clear: both;
	margin: 0 0 10px 0;
	padding: 18px 0 0 0;
}

ul.tabs
{
	border-bottom: 3px solid #8091B6;
	clear: both;
	float: left;
	margin: 18px 0;
	padding: 0;
	width: 100%;
}

ul.tabs li
{
	background: #E3E8F3 url(../images/tab_left_up.gif) top left no-repeat;
	cursor: pointer;
	float: left;
	font-size: 12px;
	margin: 0 2px 0 0;
}

ul.tabs li span
{
	background: url(../images/tab_right_up.gif) top right no-repeat;
	color: #333;
	display: block;
	margin: 0;
	padding: 6px 10px 6px 10px;
}

ul.tabs li.selected
{
	background: #8091B6 url(../images/tab_left_up_on.gif) top left no-repeat;
}

ul.tabs li.selected span
{
	background: url(../images/tab_right_up_on.gif) top right no-repeat;
	color: #FFF;
}

ul.tabs h4
{
	clear: both;
}

/*--Special Case Tabs for About Page--*/

div#maincolumn div#about ul#tabs
{
	border-bottom: 3px solid #8091B6;
	clear: both;
	float: left;
	margin: 18px 0;
	padding: 0;
	width: 100%;
}

div#maincolumn div#about ul#tabs li
{
	background: #E3E8F3 url(../images/tab_left_up.gif) top left no-repeat;
	cursor: pointer;
	float: left;
	font-size: 12px;
	margin: 0 2px 0 0;
}

div#maincolumn div#about ul#tabs li span
{
	background: url(../images/tab_right_up.gif) top right no-repeat;
	color: #333;
	display: block;
	margin: 0;
	padding: 6px 10px 6px 10px;
}

div#maincolumn div#about ul#tabs li.selected
{
	background: #8091B6 url(../images/tab_left_up_on.gif) top left no-repeat;
}

div#maincolumn div#about ul#tabs li.selected span
{
	background: url(../images/tab_right_up_on.gif) top right no-repeat;
	color: #FFF;
}

div#maincolumn div#about ul#tabs h4
{
	clear: both;
}

/*--End of Special Case--*/

div.chaletselector div.chalets
{
	clear: both;
	margin: 0;
	padding: 0;
}

div.chaletselector div.chalets img
{
	margin: 0 0 5px 0;
}

div.chaletselector div.chalets div.columnstart
{
	clear: left;
	float: left;
	margin: 0 0 10px 0;
	min-height: 17em;
	width: 188px;
}

div.chaletselector div.chalets div.column
{
	float: left;
	margin: 0 0 10px 16px;
	min-height: 17em;
	width: 188px;
}

div.chaletselector a
{
	color: #152648;
}

/*-- Holiday Services and Resort Styles --*/

html > body div#menucolumn
{
	float: left;
	margin: 0 30px 10px 0;	
	padding: 0;
	width: 230px;
}

div#menucolumn
{
	float: left;
	margin: 0 10px 10px 0;	
	padding: 0;
	width: 230px;
}

div.servicecontent
{
	float: left;
	margin: 0;
	width: 540px;
}

div.servicecontent ul.tabs
{
	list-style-type: none;
	padding: 0;
}

div.servicecontent ul.tabs li
{
	margin: 0 2px 0 0;
}

div.servicecontent ul
{
	font-size: 12px;
	list-style-type: square;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

div.servicecontent ul li
{
	margin: 0 0 5px 0;
}

div.servicecontent a
{
	color: #5F75A2;
	text-decoration: underline;
}

div.servicecontent a:hover
{
	color: #152648;
}

div.servicecontent h3
{
	color: #152648;
	margin: 10px 0;
}

div.servicecontent p
{
	margin: 10px 0 10px 0;
}

div#tabs h4
{
	clear: both;
}

div.desccolumn
{
	float: left;
	width: 350px;
}

div.desccolumnnowidth
{
	float: left;
}

div.featcolumn
{
	background-color: #E3E8F3;
	border-bottom: 2px solid #8091B6;
	float: left;
	margin: 0 0 20px 20px;
	padding: 10px;
	width: 150px;
}

div.featcolumn h4
{
	background: #8091B6 url(../images/bckgrd_panel_strip.gif) left top repeat-x;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

div.featcolumn ul
{
	color: #666;
	font-size: 11px;
}

div.featcolumn ul li span
{
	font-weight: bold;
}

div.featcolumn img
{
	margin: 0 0 8px 10px;
}

div#menucolumn ul li
{
	font-size: 12px;
	margin: 0;
	padding: 4px 0 4px 0;	
}

div#menucolumn ul li a
{
	color: #152648;
	display: block;
	font-weight: bold;
	margin: 0 0 0 4px;
	padding: 10px 0 0 58px;
	width: 170px;
	height: 34px;
}

div#menucolumn ul li.selected
{
	background: url(../images/tab_selected.gif) 0 0 no-repeat;
	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
	width: 240px;
}

div#menucolumn ul li a#aboutsaintefoy
{
	background: url(../images/icon_about_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#aboutsaintefoy:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#skiing
{
	background: url(../images/icon_skiing_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#skiing:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#extraactivities
{
	background: url(../images/icon_extra_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#extraactivities:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#liftpasses
{
	background: url(../images/icon_rentals_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#liftpasses:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#gettingtosaintefoy
{
	background: url(../images/icon_travel_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#gettingtosaintefoy:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#restaurants
{
	background: url(../images/icon_restaurant_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#restaurants:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#families,
div#menucolumn ul li a#families_childcare
{
	background: url(../images/icon_families_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#families:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#concierge
{
	background: url(../images/icon_concierge_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#concierge:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#transfers
{
	background: url(../images/icon_transfers_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#transfers:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#corporatebookings
{
	background: url(../images/icon_corporate_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#corporatebookings:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#massage
{
	background: url(../images/icon_massage_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#massage:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#overview
{
	background: url(../images/icon_overview_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#overview:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#accommodation
{
	background: url(../images/icon_accomm_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#accommodation:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#activities
{
	background: url(../images/icon_activities_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#activities:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#offpiste
{
	background: url(../images/icon_offpiste_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#offpiste:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#insurance
{
	background: url(../images/icon_travelinsur_but.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#insurance:hover
{
	background-position: 0 -168px;
}

div#menucolumn ul li a#skischools
{
	background: url(../images/icon_schools_but_lrg.gif) 0 0 no-repeat;
}

div#menucolumn ul li a#skischools:hover
{
	background-position: 0 -168px;
}

/*-- Platinum Page Styles --*/

div#chaletholder
{
	background: url(../images/divider.gif) left top no-repeat;
	clear: both;
	padding: 18px 0 0 0;
}

div#chaletholder img
{
	margin: 0 0 10px 0;
}

div#chaletholder div.columnstart
{
	float: left;
	padding: 10px 0 0 0;
	width: 254px;
}

div#chaletholder div.column
{
	float: left;
	margin: 0 0 0 19px;
	padding: 10px 0 0 0;
	width: 254px;
}

div#chaletholder h4 a
{
	color: #152648;
}

div.customercomment
{
	background-color: #FCF5E9;
	border-bottom: 3px solid #fadfb0;
	padding: 10px 10px 0 10px;
}

div.customercomment p
{
	margin: 0; padding: 0;
	text-align: right;
}

div.customercomment blockquote
{
	background: url(../images/comment_open.gif) left top no-repeat;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	text-align: left;
}

div.customercomment p.quote
{
	background: url(../images/comment_close.gif) right bottom no-repeat;
	text-align: left;
}

/*-- Enquiry Form Styles --*/

form.enquiryform
{
	margin: 15px 0 0 0;
}

form.enquiryform fieldset
{
	background-color: #E1E7F1;
	border: 1px solid #A1B2D3;
	margin: 0 0 10px 0;
	padding: 10px;
}

form.enquiryform fieldset legend
{
	background: #8091B6 url(../images/bckgrd_panel_strip.gif) left top repeat-x;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 -11px;
	padding: 5px 11px;
	text-transform: uppercase;
	width: 100%;
}

form.enquiryform fieldset label
{
	float: left;
	width: 160px;
}

form.enquiryform fieldset select
{
	width: 150px;
}

form.enquiryform fieldset input#email
{
	width: 250px;
}

form.enquiryform fieldset textarea
{
	width: 400px;
	height: 70px;
}

/*--End of Services Styles--*/

/*--Additional Styles--*/

div.jobdescription
{
	clear: both;
	margin: 0 0 10px 0;
}

div.jobdescription h4
{
	border-bottom: 1px solid #152648;
	color: #152648;
	margin: 0 0 5px 0;
	padding: 0 0 6px 0;
}

div.jobdescription h4 span
{
	color: #F00;
}

div.jobdescription p
{
	margin: 0 0 10px 0;
	width: 540px;
}

div.jobdescription ul
{
	font-size: 12px;
	line-height: 1.4em;
	margin: 0 15px;
}

div.jobdescription ul li
{
	list-style-type: square;
	margin: 5px 0 0 0;
}

div.jobdescription div.jobcolumnstart
{
	float: left;
	width: 260px;
}

div.jobdescription div.jobcolumn
{
	float: left;
	margin: 0 0 0 10px;
	width: 260px;
}

div.backtotop
{
	clear: both;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

div.backtotop a
{
	background: url(../images/icon_backtotop.gif) left top no-repeat;
	color: #152648;
	font-size: 12px;
	padding: 0 0 0 22px;
}

a#wordfile
{
	background: url(../images/icon_wordfile.gif) left top no-repeat;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}

a.pdffile
{
	background: url(../images/icon_pdffile.gif) left top no-repeat;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}

a.excelfile
{
	background: url(../images/icon_excelfile.gif) left top no-repeat;
	font-weight: bold;
	padding: 2px 0 2px 20px;
}

/*-- Rates Page --*/

table.rates
{
	clear: both;
	font-size: 10px;
	margin: 5px 0 10px 0;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

table.rates thead
{
	background: #152648 url(../images/header_table_neige.gif) left top repeat-x;
	color: #FFF;
	font-weight: bold;
}

table.rates#yellowstone thead
{
	background: #111 url(../images/header_table_ys.gif) left top repeat-x;
}

table.rates#platinum thead
{
	background: #6F6F6F url(../images/header_table_plat.gif) left top repeat-x;
}

table.rates tbody
{
	background-color: #EEE;
}

table.rates tr td
{
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 4px;
	width: 65px;
}

table.rates tr td.booked
{
	background: red;
	color: #FFF;
}

table.rates tr.sleeps
{
	background-color: #CCC;
}

table.rates td.low
{
	background-color: #FFFFCC;
}

table.rates td.med
{
	background-color: #FFFF66;
}

table.rates td.high
{
	background-color: #FFCC00;
}

table.rates td.peak
{
	background-color: #FF9900;
}

ol.waystopay
{
	font-size: 12px;
	list-style-type: lower-latin;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
}

ol.waystopay li
{
	margin: 0 0 5px 0;
}

/*-- Links Page --*/

/*div.linkcolumnstart
{
	float: left;
	width: 390px;
}

div.linkcolumn
{
	float: left;
	margin: 0 0 0 20px;
	width: 390px;
}*/

div.link
{
	border-bottom: 1px dotted #CCC;
	margin: 0 0 10px 0;
	padding: 0;
	width: 390px;
	float: left;
}

div.link h4 a,
div.link a
{
	color: #152648;
}

div.link img
{
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #CCC;
}

div.link span
{
	border: 1px solid #CCC;
	float: left;
	margin: 0 10px 0 0;
	height: 82px;
	width: 122px;
}

/*--End of Additional Styles--*/


form#search fieldset
{
	padding: 10px 20px 0 20px;
	border: 1px solid #DDD;
}

form#search fieldset legend
{
	padding: 0 10px;
}

form#search fieldset label
{
	width:140px;
	display: inline;
	float: left;
	text-align: right;
}

form#search
{
	margin-bottom: 15px;
}


form#search fieldset select
{
	margin-left: 10px;
}