body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote {margin:0;padding:0;} 
img, fieldset {border: none;}
body {background: #fbfbfb url(../img/body_bg.png) center top repeat-y;font: normal 75%/1 arial, helvetica, sans-serif;margin: 0;text-align: center;}
html>body {font-size: 12px;}
h1 {font: bold 24px/36px arial, helvetica, sans-serif;margin: 0 0 15px 0;}
h2 {color: #0074c7;font: bold 24px/32px arial, helvetica, sans-serif;margin: 0 0 12px 0;}
h3 {font: bold 16px/18px arial, helvetica, sans-serif;margin: 0 0 12px 0;}
h4 {font: bold 12px/18px arial, helvetica, sans-serif;margin: 0 0 4px 0;}
p, ul, ol {font: normal 12px/16px arial, helvetica, sans-serif;margin: 0 0 15px 0;}
ul {list-style-type: disc;margin: 0 0 18px 36px;}
ul ul {font-size: 11px;line-height: 18px;list-style-type: disc;margin: 0 0 6px 36px;}
ul li {margin: 0 0 6px 0;}
ol {margin: 0 0 18px 36px;}
ol li {margin: 0 0 9px 0;}
hr {border: 0;color: #ccc;background-color: #ccc;height: 1px;width: 75%;text-align: center;margin: 0 auto 18px auto;}
a, .link {color: #0074c7;}
.link {
	cursor: pointer;
}
a:hover {color:#f96400;}
input {font: normal 11px/1 arial, helvetica, sans-serif;padding: 3px;float: left;}
textarea {font: normal 11px/15px arial, helvetica, sans-serif;height: 80px;overflow:auto;padding: 3px;float: left;}
select {font: normal 11px/1 arial, helvetica, sans-serif;padding:0;float: left;}
.tac {text-align: center;}
.clear {clear: both;}
.hide {display:none;}
.show {display:block;}
#wrapper {background: #fff;margin: 0 auto;text-align: left;width: 858px;}

/************************************
	HEADER
************************************/
#header {height: 175px; background: url(../img/vans.png) 100% 13px no-repeat;position: relative;margin: 0 0 16px 0;}
#header h1 {text-indent:-9999em;margin: 0;height: 0;line-height:0;}
#skiplinks {display: none;margin: 0;height: 0;line-height:0;}
#logo {position: absolute; top:0; left:0;}

#navigation {list-style: none; margin: 0;position: absolute; top: 148px; left: 0;height: 27px;width: 100%;background:url(../img/navigation_bg.png) 100% 0 no-repeat}
#navigation li {display: block; float: left;height: 27px;margin: 0;text-indent:-9999em;}
#navigation li a {display:block; border:none; overflow:hidden; background:url(../img/navigation.png) no-repeat; height:27px;}
#navigation li#home a {width: 80px;background-position: 0 0;}
#navigation li#book-online a {width: 122px;background-position: -80px 0;}
#navigation li#destinations a {width: 124px;background-position: -202px 0;}
#navigation li#faqs a {width: 76px;background-position: -326px 0;}
#navigation li#contact a {width: 94px;background-position: -402px 0;}
#navigation li#home a:hover,
#navigation li#home a.active {background-position: 0 -27px;}
#navigation li#book-online a:hover,
#navigation li#book-online a.active {background-position: -80px -27px;}
#navigation li#destinations a:hover,
#navigation li#destinations a.active {background-position: -202px -27px;}
#navigation li#faqs a:hover,
#navigation li#faqs a.active {background-position: -326px -27px;}
#navigation li#contact a:hover,
#navigation li#contact a.active {background-position: -402px -27px;}

/************************************
	CONTENT
************************************/
#content {overflow: hidden;margin: 0 0 12px 0;}
#col1 {float: left;width: 547px; margin: 0 15px 0 0;}
#col2 {float: left;width:296px;}
.inner {padding: 0 16px;}
#flash-banner {width: 547px; height:289px; margin: 0 0 15px 0;}
.home h4 {font: italic bold 14px/18px arial, helvetica, sans-serif;margin: 0 0 12px 0;}
.home p {font: normal 13px/16px arial, helvetica, sans-serif;margin: 0 0 15px 0;}
#gat-list {background: #0074c7; width: 405px; color:#fff;}
#gat-list p {text-indent: -9999em; height: 40px; margin: 0; background: url(../img/book_list_header.png) left top no-repeat;}
#gat-list ul {margin: 0; padding: 3px 0 15px 16px; background: url(../img/book_list_footer.png) left bottom no-repeat;}
#gat-list ul li {list-style: none; font: bold 14px/18px arial, helvetica, sans-serif;padding: 0 0 0 12px; background: url(../img/ico_bullet.gif) 0 .5em no-repeat;}

/************************************
	QUICK QUOTE
************************************/
#quick-quote {min-height: 289px;width: 296px; background: #e5e5e5 url(../img/quick_quote_base_bg.png) bottom left no-repeat; margin: 0 0 16px 0;}
#quick-quote fieldset {padding: 48px 0 7px 15px;background: url(../img/quick_quote_legend_bg.png) 0 0 no-repeat;margin: 0;}
#quick-quote legend {display: none;}
#quick-quote p {margin: 0 0 12px 0;overflow: hidden; font: normal 11px/18px arial, helvetica, sans-serif;display:block;}
.booking-title {width: 76px; text-align: left;display: block;float: left;margin: 0;font-weight: bold;}
#quick-quote input.btn {margin: 4px 0 0 80px;}
#quick-quote input.radio {float: none;}
input.radio {float: none;}

.hidden {opacity: 0;position: absolute;}
.visible {opacity: 1;}
button.calendar {background: #e5e5e5 url(../img/calendar-icon.gif);border: 0;cursor: pointer;float: left;height: 20px;margin-right: 6px;width: 20px;}
button.calendar:hover,
button.calendar.active {background-position: 0 20px;}
div.calendar {background: url(../img/calendar.png);height: 195px;padding: 0 6px;text-align: center;width: 147px;}	
div.calendar * {margin: 0;padding: 0;}	
div.calendar div {background: none !important;height: 185px;overflow: hidden;padding-top: 10px;position: relative;width: 147px;}	
div.calendar caption {color: #333;font: normal 12px/16px Arial, Helvetica, sans-serif;padding-top: 6px;text-align: center;width: 100%;}
div.calendar caption a {cursor: pointer;display: block;height: 12px;overflow: hidden;position: absolute;text-indent: -100px;top: 17px;width: 11px;border: none;}
div.calendar caption a.prev {background-image: url(../img/calendar-prev.gif);left: 0;border: none;}
div.calendar caption a.next {background-image: url(../img/calendar-next.gif);right: 0;border: none;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px;position: relative;text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: #fff;border: 0;border-collapse: collapse;border-spacing: 0;cursor: default;margin: 0 auto;overflow: hidden;width: 147px;}
div.calendar td,div.calendar th {border: 0;color: #0597DB;font: normal 12px Arial, Helvetica, sans-serif;height: 21px;text-align: center;width: 21px;}
div.calendar td {background: url(../img/calendar-td.gif);color: #fff;font-size: 11px;}
div.calendar td.invalid {color: #999;}
div.calendar td.valid {background: url(../img/calendar-valid.gif);color: #0597DB;cursor: pointer;}
div.calendar td.hilite {background: url(../img/calendar-hilite.gif);}
div.calendar td.inactive {background: url(../img/calendar-td.gif) 0 100%;color: #fff;}
div.calendar td.active,div.calendar td.hover {background: url(../img/calendar-valid.gif) 0 100%;color: #fff;cursor: pointer;}

/************************************
	BOOKING FORMS
************************************/

.your-transfer {padding: 20px 20px 8px 20px; background: #e5e5e5;overflow: auto;margin: 0 0 15px 0;}
.your-transfer .header {border-bottom: 1px solid #fff;overflow: hidden; padding: 1px 0;margin: 0 0 8px 0;}
.your-transfer .sub-header {overflow: hidden;}
.your-transfer h4 {margin: 0 0 8px 0;}
h4.date, h4.cost {float: right;}

.your-transfer .details {overflow: hidden;}
.your-transfer table {margin: 0 20px 12px 40px;border-collapse: collapse;font: normal 11px/1 arial, helvetica, sans-serif;}
.tbl-details {float:right;margin: 0 20px;}
.your-transfer th, .your-transfer td {padding: 6px;}
tr.price th, tr.price td {border-top: 1px solid #ccc;border-bottom: 3px double #ccc;font: bold 12px/1 arial, helvetica, sans-serif;}
tr.price td {font-weight: bold;}

.booking-form {background: #e5e5e5;margin: 0 0 15px 0;}
.booking-form fieldset {margin: 0;}
.booking-form p, .your-transfer p {margin: 0 0 12px 0;overflow: hidden; font: normal 11px/18px arial, helvetica, sans-serif;}
.booking-form label {float: left; width: 150px;margin: 0 8px 0 0;text-align: right;font-weight: bold;line-height: 22px;}
.booking-form span {float: left;width: 150px; text-align:right; margin: 0 8px 0 0;display: block;font-weight: bold;}
.booking-form label.radio-label {float: none; display: inline; width:auto;font-weight: normal;}
.booking-form input, .booking-form textarea {width: 260px}
.booking-form input.radio {float: none;width:auto;}
input.btn {font: normal 12px/16px arial, helvetica, sans-serif;padding: 0 6px;width: 80px;}

.booking-form em {color: #f00;}
.booking-form em.copy-text {text-decoration: underline; font-weight: normal; cursor:pointer;display: none;color:#000;}

.booking-form input.checkbox {float: none;width:auto;margin-left: 158px;}
.booking-form label.checkbox-label {float: none; display: inline; width:auto;font-weight: bold;}

#transfer-options fieldset, #ski-pass-form fieldset {padding: 20px 20px 8px 20px;}
#transfer-options p {clear: both;float: none;}
#transfer-options label {width: 150px; text-align: right;display: block;float: left;margin: 0 8px 0 0;font-weight: bold;}
#transfer-options label.radio-label {float: none; display: inline; width:auto;font-weight: normal;}

#transfer-details p {clear: both;}
#transfer-details span.errorMessage, #ski-pass-form span.errorMessage 
{
		width:260px;
		margin-left:158px;
		text-align:left;
}

.details-split table {width: 400px;}
.details-split table th {width: 40%;}
.details-split td.multiline {line-height: 15px;}

#btnSubmit {margin: 4px 0 0 158px;}
#btnNext {float: right;}
#btnPrevious {float: left;}

.details-split {border-bottom: 1px dashed #fff;margin: 0 0 12px 0;overflow: auto;}

#confirm {text-decoration: underline;display: inline;width: auto;margin: 0;float: none;}
#terms {height: 140px; overflow: auto;margin: 0 0 12px 0;background: #fff;padding: 8px;}
#terms li {font: normal 11px/18px arial, helvetica, sans-serif;}

/************************************
	SIDE BANNERS
************************************/
.side-banner {width: 296px; height: 109px; margin: 0 0 12px 0;text-indent: -9999em;position: relative;}
.side-banner * {margin: 0; padding: 0; height: 0;line-height: 0;}
.side-banner a {display: block;width: 296px; height: 109px;overflow:hidden;position: absolute;top:0;left:0;}
#bike-transfers {background: url(../img/mountain-bike-transfers.png) no-repeat;}
#ski-hire {background: url(../img/chamonix-ski-hire.png) no-repeat;}
#lift-pass {background: url(../img/chamonix-ski-pass.png) no-repeat;}
#ice-and-orange {background: url(../img/ice-and-orange-chamonix.png) no-repeat;}
#environmental-policy {background: url(../img/environmental-policy.png) no-repeat;}

/************************************
	FAQS
************************************/
#faq-links {float: right;margin: 10px 4px 0 0;display:none;}
#faq-list h3 {color: #f96600;padding: 0 0 0 12px; background: url(../img/ico_bullet_faq.gif) 0 .5em no-repeat;}
#faq-list h4, #faq-list .answer {padding: 0 0 0 12px;}
#faq-list h4 a {color: #000; text-decoration: none;display:block;}
#faq-list h4 a:hover {text-decoration: underline;}
.answer {margin: 0 0 8px;}
.answer ul {list-style-type: lower-roman;}

/************************************
	GOOGLE MAPS
************************************/
#map {width: 547px; height: 290px; margin: 0 0 15px 0;display: none;}
#map p {font: normal 11px/15px arial, helvetica, sans-serif;text-align: center;}
#map-links-container {width: 296px; height: 290px; background: url(../img/ski_transfer_destinations.png) no-repeat;margin: 0 0 15px 0;}
#map-links {padding: 40px 0 0 18px;}
#map-links p {margin: 0 0 5px 0;}
#map-links ul {list-style: none; margin: 0; padding: 0;}
#map-links li {margin: 0 0 12px 0;}

/************************************
	CONTACT PAGE
************************************/
#contact-form {overflow: hidden;}
#contact-form p.input {overflow: hidden;margin: 0;}
#contact-form label {float: left;width: 114px;display: block;line-height: 22px;}
#contact-form p.input input, #contact-form p.input textarea {width: 330px;margin: 0 0 6px 0;}
#contact-form textarea {height: 120px;}
#contact-form #btnSend {clear: both;display: block;float: none;margin: 18px auto;font: normal 12px/16px arial, helvetica, sans-serif;padding: 0 6px;}
#contact-form p.input .red {border: 1px solid #f00;}
#contact-form em {color: #f00;}

.errorMessage {color: #f00;margin: 0 0 6px 114px;font-size: 0.8em;float: left;}
p.sent {color:#f96600;}

/************************************
	FOOTER
************************************/
#footer {border-top: 1px solid #ccc; clear: both; text-align: center; padding: 15px 0;}
#footer ul {list-style: none;margin: 0 0 6px 0;font: normal 11px/1 arial, helvetica, sans-serif;padding:0;}
#footer ul li {display: inline; border-right: 1px solid #0074c7; margin: 0; padding: 0;}
#footer ul li.end {border: none;}
#footer ul li a {margin: 0 6px;border: none; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer ul.internal li {border-color: #000; }
#footer ul.internal li a {color: #000; font-weight: bold;}
#footer p {margin: 20px 0 8px;font: bold 11px/1 arial, helvetica, sans-serif;}

/************************************
	Notifications area - used to show form errors in affiliate login, and "you are logged out" messages
************************************/
.ErrorMessage {
background-color:#F9ECEC;
background-image:url(../img/smallError.gif);
border:1px solid #FCC9C9;
color:red;
}

.InfoMessage
{
	border: 1px solid #6a6;
	color: green;
	background: #d7fbd7 url(../img/smallInfo.gif) 3px 2px no-repeat;
}


.InfoMessage, .ErrorMessage {
background-position:3px 2px;
background-repeat:no-repeat;
clear:both;
font-weight:bold;
margin-bottom:3px;
margin-top:10px;
min-height:15px;
padding:3px 3px 3px 23px;
width:auto;
}

#logoutBar {
margin-top:-10px;
margin-bottom:13px;
}