@charset "UTF-8";
/* CSS Document */

/* updated 16th Dec 2009 */
/* remember to change the CSS date stamp in main config file whenever this stylesheet is updated to force a new copy be loaded overriding the users browser cache copy */

/* @group common  /  generic */
body { margin: 0px; background: #00417d url(../img/bg.gif) repeat-x top; font: 13px arial, tahoma, verdana; color: #001f3d }
img { border: 0px }
/*table { float: left }*/
p.top_of_page {text-align: right; margin: 20px 0; width: 100%;}
/* @end */



/* @group main layout */
#content { width: 854px; padding: 20px 20px 20px 26px; background-color: #ffffff }
#base {background: #ffffff url(../img/base_bg.gif) no-repeat bottom left; padding: 20px 20px 50px 26px; position: relative; width: 854px;}
#base form {left: 370px; position: absolute; top: 25px;}
#footer { width: 830px; padding: 0px 35px 30px 35px; color: #ffffff }
#navigation {float: left; width: 204px; padding-right: 20px;}

#page { width: 100%; height: 100%; text-align: center; margin-left: auto; margin-right: auto; background: url(../img/page_bg.gif) repeat-y center }

#page2 { width: 900px; margin-right: auto; margin-left: auto; padding: 0px 23px 0px 23px; background: url(../img/page2_bg.gif) no-repeat top center }

#page2 div { text-align: left }

#page3 div {overflow: hidden;} /* float: left  */

#header {background: url(/img/header_bg.jpg) no-repeat bottom left; height: 271px; position: relative; width: 900px;}
#footer div { float: left } /* #content div */
#content { float: left }
	
#header_logo {height: 88px; left: 23px; position: absolute; top: 16px; width: 231px; }
#header_tag	{height: 37px; left: 296px; position: absolute; top: 42px; width: 160px; }
#header_contact {position: absolute; right: 33px; text-align: right; top: 40px; width: 271px;}
#header_contact_phone { float: right !important; width: 225px; height: 29px; padding-bottom: 17px }
#header_contact_hours { float: right !important; width: 271px; height: 10px; padding-bottom: 11px  }
#header_contact_email { float: right !important; width: 135px; height: 15px }

#content_main	{float: right; padding: 0px 20px 20px 20px; position: relative; width: 590px;}

/*body#book_holidays_online #content_main {padding: 0 0 20px 0; width: 630px;}*/

/* following used when there is no left nave eg on /book_holidays_online.html */
.no_left_nav {position: relative;}
.no_left_nav #content_main {width: 800px;}
.no_left_nav #navigation {width: 700px;}

/* @end */



/* @group common text and links */
p {margin-top: 0px; margin-bottom: 15px }
.lower_content p.heading_text {text-align: center; font: 0.95em "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;}
.special_offer p, td.offer_text p {font-family: "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;}
p.notice {font-size: 1.2em; font-weight: bold; text-align: center;}

h1 {  margin: 0px; font: bold 24px arial, tahoma, verdana; color: #ff7e00 } /* float: left; */
h2 {margin: 0px; font: bold 20px arial, tahoma, verdana; color: #0091d1 } /* flota: left; */
h3 {margin: 10px 0px 0px 0px; font: bold 13px arial, tahoma, verdana; color: #001f3d } /* float: left; */
h3 a { font: bold 18px arial, tahoma, verdana; color: #ff7e00 }
h4 {  width: 100%; margin: 0px; font: bold 14px arial, tahoma, verdana; color: #0091d1 } /* float: left; */
h5 { float: left; width: 100%; margin: 0px; font: bold 13px arial, tahoma, verdana; color: #0091d1 }

.h1_teampage { color: #0091d1 !important; font-weight: normal !important }
.h1_teampage strong { color: #00284e; font-weight: bold !important }

#content_main h1 {color: #1f7fc8; font: bold 1.5em arial, tahoma, verdana; margin: 0 0 0.7em;}
#content_main h2 {color: #1f7fc8; font-size: 1.4em; margin: 2em 0 0.3em;}
#content_main h3 {color: #000; font: bold 1.1em arial, tahoma verdana; margin: 1.6em 0 0.2em;}
#content_main h4 {color: #000; font: bold 1em arial, tahoma verdana; margin: 1.6em 0 0.2em;}

/*#content_main h2 {margin: 40px 0 0;}*/

blockquote {background-color: #FEFFD4; border: 1px solid #cacaca; margin: 1em 20px 2em; padding: 10px;}
blockquote:before {content: open-quote; height:0px;}
blockquote:after {content: close-quote; height:50px; margin:-50px 0px 0px 500px;}
blockquote:before, blockquote:after {color: #ADADA2; display: block; font-size: 5em; width: 50px;} /*color: #85B8E3;*/
blockquote p {padding-left: 50px; padding-right: 50px;}

#home_col_a .contact_tel {font-size: 0.8em;}

/* links */
a { text-decoration: none }
a:hover {text-decoration: underline }

#content_main a:link, #content_main a:visited, #home_main a:link, #home_main a:visited {color: #1f7fc8;}
#content_main a:hover	 { text-decoration: underline;}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

/* lists */
ul {  } /* float: left */
dl {margin: 1em 0;}
dl dt {font-weight: bolder; margin: 8px 0 0;}
dl dd {margin-left: 20px;}
.lower_content.footnote p {color: #494949; font-size: 0.7em;}

a.topofpage-link {display: block; margin: 2em 0; text-align: right; font: 0.9em "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;} /* not really used anymore */
a.twitter_link {display: block; height: 27px; margin: 0 auto; width: 160px;}

.book_skihire_link {background: #D2E5F4; border: 2px solid #5191D1; float: left; font-size: 1.4em; margin: 5px 20px 20px 0; padding: 10px; text-align: center; width: 180px;}
.book_skihire_link a {display: block; font-weight: bold;}

table.facts_table {margin: 0 0 20px; width: 100%;}
table.facts_table th {font-weight: bold;}
.map_thumbnails {overflow: hidden; width: 100%;}
.map_thumbnails a {display: block; float: left; font-size: 0.9em; margin: 20px 40px 20px 0; text-align: center; width: 200px;}
.map_thumbnails a span {display: block;}
.map_thumbnails img {height: 200px; width: 200px;}
/* @end */


/* @group side nav */
.navsep {margin-bottom: 9px} 
.navsep img {height: 22px; width: 204px;}
#navigation ul, #navigation ul li {list-style-type: none; margin: 0; padding: 0;}
#navigation ul {background-color: #fff; margin: 0 0 18px;}
#navigation ul li {background: url(/images/buttons/but_back-bot.gif) no-repeat 0 100%; font-size: 0.9em; margin-bottom: 4px; padding: 0 0 4px; width: 204px;} /*  */
#navigation ul li a {background: url(/images/buttons/but_back-top.gif) no-repeat 0 0; display: block; font-weight: bold; padding: 3px 8px 0 15px; width: 181px;} /* IE width: 204px; */

#navigation ul a {color: #1f7fc8; font-family: "Arial Rounded MT Bold", Tahoma, Arial, Helvetica, Geneva, sans-serif; font-weight: bold;}
#navigation ul a:hover {color: #204B6D; text-decoration: none;}

/* sidenav when at bottom of page ie not at side anymore */
.no_left_nav #navigation ul li {float: left;}
/* @end */



/* @group homepage */
.homebanners a {display: block; margin: 0 0 8px;}
.homebanners a img {height: 100px; width: 286px;}
.homebanners a#snowandrock_banner img {height: 73px;}

#home_main	{ width: 630px }
#home_col_a	 {float: left; margin-right: 10px; width: 324px;}
#home_col_b {float: right; width: 286px;}
.special_offer {position: relative; padding: 5px 11px; border: 1px dashed #1f7fc8; margin-top: 11px; width: 300px;}
/*.special_offer_img  {float: left; width: 83px; padding-right: 13px }
.special_offer_img img { margin-bottom: 13px }*/
.special_offer_desc { float: right; width: 195px; padding-right: 4px }
.special_offer_desc h2 { font: bold 18px arial, tahoma, verdana; color: #1f7fc8; margin-bottom: 5px }
.special_offer p.last_item {margin-bottom: 0;}	

.special_offer a.get_info_link {bottom: 5px; position: absolute; right: 5px;}

img.special_offer_main_image {display: block; float: left; margin: 0 8px 42px 0;}
			
.offers_listing { width: 324px; border: 0px; margin-top: 10px; background-color: #f2f8fd }
.offer_text	 {border-bottom: 1px dashed #1f7fc8; padding: 8px 0 20px; position: relative;}
.offer_text a.offers_text_link {bottom: 3px; position: absolute; right: 0;}

.offer_text h3, offer_text p {background-color: #f2f8fd; margin: 0;}

.offer_text h3 {margin: 0px !important; padding: 0 10px 0 7px;  border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;  }
.offer_text p {margin: 0; padding: 0 0 0 7px;}

.offer_price {border-bottom: 1px dashed #1f7fc8; padding: 5px; text-align: center;}			
.offer_price a {color: #81d400; font-weight: bold; background-color: #f2f8fd }



.homepod { margin-bottom: 10px }

.lower_content {clear: both; padding-top: 40px; width: 630px;}

/* @end */



/* @group misc */
.right { float: right !important }

.yellowbg { background-color: #ffefbf }
.green { color: #81d400 }
.ltblue { color: #0091d1 }

.normal { font-weight: normal !important }

.no_margin { margin: 0px !important }

.aff_link {font: bold 14px arial, tahoma, verdana }
.snowsafe_link {font-size: 1.2em; font-weight: bolder;}
.snowsafe_link strong {display: block; font-size: 1.3em;}
table.resort_links {float: none; margin: 1em auto; width: 450px;}

.security_image {display: block; margin: 1em auto 0;}
.date_of_birth_container input {background: #D2E5F4; border: 1px solid #D2E5F4; width: 10px;}
.date_of_birth_container label {color: #D2E5F4; font-size: 0.6em;}

img.holiday_photo {display: block; margin: 20px auto;}
/* @end */


/* @group form */
#ski_holiday_enquiry {background: #D2E5F4; border: 2px solid #1f7fc8; margin: 20px 0 40px; font-family: "Trebuchet MS", Verdana, Arial;}
#content_main #ski_holiday_enquiry h2 {background: #1f7fc8; color: #fff; font-size: 0.9em; letter-spacing: 1px; margin: 0; padding: 2px 5px; text-transform: uppercase;}
#form_table {padding: 10px;}
.row {margin: 5px 10px 10px; overflow: hidden;}
.row input#customer_name, .row input#airport, .row input#preferred_resort, .row input#customer_email, .row input#customer_telephone, .row textarea {width: 300px;}
.row label, .selected_offer span.label_span {  float:left; width:170px; text-align:right; margin-right:3px; font-size: 11px }
div.selected_offer_details {color: #787F86; font-size: 0.8em; width: 300px;}
/* @end */
	

/*#content_main p { width: 590px }*/

/* @group error styles */
.error_container {margin: 0.875em 50px; color: #fb4227;}
.errorheading {font-size: 12pt; color: #fb4227; display: block; margin-bottom: 20px;}
ul.error_list {font-size: 10pt; color: #fb4227; text-align: left; margin: 1em 20px 1.5em 20px; padding: 0;}
ul.error_list li {margin: 0; padding: 0; color: #fb4227;}
/* @end */


/* @group various page specific styles */
body#all_inclusive_ski_weekends #content_main img {margin: 1em 0 2em;}
table.prices_table {border-collapse: collapse; font-size: 0.95em; font-weight: bold; margin-bottom: 1em;}
table.prices_table td {padding: 3px 10px 3px 3px;}

#main_offers_page .offer_text {margin: 0 0 20px;}
#content_main a.avail_link, #home_col_a a.avail_link {background: url(/images/icons/pdf_icon.png) no-repeat 0 0; color: #fb4227; display: block; font-size: 1em; font-weight: bold; padding: 0 0 10px 50px;}
#content_main a.avail_link {margin: 10px 80px 20px 37px; }
#home_col_a a.avail_link {margin: 10px 5px;}
a.avail_link em {color: #333; display: block; font-size: 0.8em; font-style: normal; font-weight: normal;}

.page_nav {background: #D2E5F4; float: right; margin: 0 0 20px 20px; width: 200px;}
#content_main .page_nav h3 {background: #003C74; color: #fff; font-size: 1.1em; margin: 0; padding: 3px 0; text-align: center;}
.page_nav ul {padding-left: 30px;}
.page_nav ul li {margin: 5px 0;}

.page_image {margin: 20px auto; text-align: center;}
.page_image img {display: block; margin: 0 auto;}
.page_image span {color: #242430; display: block; font-size: 0.8em; padding: 3px 0 0; text-align: center;}

.transfers_inner {width: 270px;}
.transfers_euro {float: left; margin-right: 50px;}
.transfers_world a {border: 1px solid #E1E5E9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; font-weight: bold; padding: 5px 0; text-align: center; width: 250px;}
#content_main .transfers_world a:link, #content_main .transfers_world a:visited {background-color: #65CBF4;  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65CBF4), to(#1a82f7)); background-image: -webkit-linear-gradient(top, #65CBF4, #1a82f7); background-image: -moz-linear-gradient(top, #65CBF4, #1a82f7); background-image: -ms-linear-gradient(top, #65CBF4, #1a82f7); background-image: -o-linear-gradient(top, #65CBF4, #1a82f7); color: #fff;}
/* @end */


/* @group new reviews styles */
.review {border-bottom: 1px solid #B6C6CA; clear: both; margin: 0 auto 10px; padding-bottom: 5px; width: 590px;}
#content_main .review h4 {background: #11aee8; color: #fff; margin: 0 0 10px; padding: 3px 4px; position: relative;}
#content_main #ski_info_resort_reviews form h4 {margin: 2em 0 0;}
#content_main .review p {line-height: 1.3em;}

a.addreview_button {background: url(/images/buttons/add_review.png) no-repeat 0 0; display: block; height: 24px; width: 114px;}
a.addreview_button:hover {background-position: 0 -25px;}
a.addreview_button span {left: -3000px; position: absolute;}
.button_top {float: right; margin: 0 0 20px;}
.button_mid {margin: 1em auto;}
.star_ratings div, .review h4 div {background-repeat: no-repeat; height: 10px; width: 60px;}
.star_ratings div {background-image: url(/images/ski_resorts/rating_stars-blue.png);}
.review h4 div {background-image: url(/images/ski_resorts/rating_stars-white.png); position: absolute; right: 10px; top: 5px;}
.star_ratings div span, .review h4 div span {left: -3000px; position: absolute;}
.stars_05 {background-position: 0 -10px;}
.stars_10 {background-position: 0 -20px;}
.stars_15 {background-position: 0 -30px;}
.stars_20 {background-position: 0 -40px;}
.stars_25 {background-position: 0 -50px;} 
.stars_30 {background-position: 0 -60px;} 
.stars_35 {background-position: 0 -70px;} 
.stars_40 {background-position: 0 -80px;}
.stars_45 {background-position: 0 -90px;}
.stars_50 {background-position: 0 -100px;}



/* @end */



