/* CSS Document */

/* include files */
@import url("footer.css");
@import url("nav.css");
@import url("home.css");
@import url("accommodation.css");
@import url("prices.css");
@import url("chamonix.css");
@import url("weekends.css");
@import url("summer.css");
@import url("service.css");
@import url("transfers.css");
@import url("feedback.css");
@import url("skiing.css");
/* END include files */

@import url("lightbox.css");

/* CSS worked through */

/* default style for elements */
body{ background:#e3e6ee url('/_includes/cssimages/background/background.jpg') top center repeat-x; font-size: 80%; line-height:1.6em; font-family:Helvetica, Arial, sans-serif; color:#222; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{ font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif; font-weight:normal; color:#333;}
h2{ border-bottom:2px solid #ddd;}
a img{ border:0;}

/* styles for laying out the page */
div.left{ float:left; width:50%; margin:0 5% 0 2%;}
div.right{ float:left; width:40%; margin:0;}

/* container for the top images */ 
div.mainpics{ clear:left; margin-left:18px;}
div.mainpics a img
, div.mainpics a img{ display:block; float:left; width:179px; border:1px solid #999; margin:0 0 0 -1px;}

/* container for simple style 3 pics wide */
div.mainpics3{ clear:left; margin-left:18px;}
div.mainpics3 a img
, div.mainpics3 a img{ display:block; float:left; width:239px; border:1px solid #999; margin:0 0 0 -1px;}

/* container for simple style 1 pics wide whole width*/
div.mainpics1{ clear:left; margin-left:px;}
div.mainpics1 a img
, div.mainpics1 a img{ display:block; float:left; width:749px; border:1px solid #999; margin:0 0 0 -1px;}

/* container for simple style 1 pics wide indented*/
div.mainpics2{ clear:left; margin-left:18px;}
div.mainpics2 a img
, div.mainpics2 a img{ display:block; float:left; width:719px; border:0px solid #999; margin:0 0 0 -1px;}



/* styles for elements within the page */
div.block{ clear:left; margin:0; padding:0 0 0em 0; }
a.imgright{ display:block; float:right; padding:0; margin:0 0 10px 10px;}
a.imgleft{ display:block; float:left; padding:0; margin:0 10px 10px 0;}



/* Old CSS */
div.rhsContent{ background:#fff; width:315px; margin:0; padding:20px 0 10px 20px;}

.quote{
font-style:oblique;
text-indent:30px;
background-color:#eee;
background-image:url(../cssimages/common/quote_start.gif);
background-repeat:no-repeat;
padding:8px 15px 20px 20px;
}

#note .quote{
text-indent:0;
background-color:transparent;
background-image:none;
padding:10px;
}

#singlecolumn{
padding:20px ;
}


.quoter{
background-color:#eee;
background-image:url(../cssimages/common/quote_end.gif);
background-position:top right;
background-repeat:no-repeat;
padding:25px 20px 10px 20px;
margin:-55px 0px 0px 0px;
}

#note .quoter{
background-color:transparent;
background-image:none;
padding:35px 10px 10px 10px;
}

.bold{
font-weight:bold;
}

.center{
text-align:center;
}

.clearboth{
clear:both;
}

hr.clear{
height:1px;
width:70%;
border:none;
border-bottom:1px solid #ddd;
clear:both;
margin:2px auto 2px auto;
padding:0;
}

div[id] hr.clear{
margin:10px auto 10px auto;
}

table{
border-collapse:collapse;
margin:10px auto 10px auto;
padding:0;
}

td{
text-align:center;
padding:4px;
border:1px solid #222;
}

table.contactthin td, table.contactwide td, table.newsletter td{
border:none;
}

#wide{
width:100%;
padding:0;
margin:99px 0px 0px 0px;
}


#outer {
background-color:#efefef;
background-image:url(/_includes/cssimages/background/outer_background.gif);
background-repeat:repeat-y;
border:1px solid #9bb2c0;
width:775px; /*must not be more than 792px to fit in all viewports (includes scroll bar calculations).*/
padding:0;
margin:10px auto 0 auto;
}

#top {
background-image:url(/_includes/cssimages/background/outer_background_top.gif);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
padding:0;
margin:0;
}

#header{
background-position:bottom;
background-repeat:no-repeat;
width:769px;
height:90px;
padding:0;
margin:0px auto 0px auto;
}

#header h1{
background-image:url(/_includes/cssimages/header/header_logo.png);
background-repeat:no-repeat;
width:389px;
height:65px;
display:block;
float:left;
text-indent:-9999px;
padding:0;
margin:10px;
}

.fauxbutton{ border:1px solid grey; padding:0.5em 1em; background:url('/images/button.jpg') 0 100% repeat-x; -moz-border-radius:3px; -webkit-border-radius:3px;}

#header #contact{ font-size:0.9em; float:right; clear:right; padding:0; margin:1.5em 1.5em 0 0;}
#header #contact p{ margin:0;}
#header #contact p.fauxbutton a{ color:#03d; font-size:1.3em;}

#nav{
background-image: url(/_includes/cssimages/background/content_background_top.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:0px 0px 11px 0px;
margin:0px 0px 0px -1px;
}

#content{
background-image:url(/_includes/cssimages/background/content_background.gif);
width:749px;
margin:0px 3px 0px 3px;
padding:0px 10px 0px 10px;
overflow:hidden;
}

#contentbottom{
background-image:url(/_includes/cssimages/background/content_background_bottom.gif);
width:769px;
height:10px;
margin:0px 3px 0px 3px;
padding:0px;
overflow:hidden;
}

#content ul#subnav{
border-bottom:1px solid #ddd;
margin:-0.5em 10px 10px 10px;
padding:0px;
overflow:hidden;
}

#content ul#subnav li{
font-weight:bold;
list-style:none;
float:left;
padding:8px;
margin:0px;
}

#content ul#subnav li a{
color:#333;
font-weight:normal;
list-style:none;
text-decoration:none;
float:left;
padding:0px;
margin:0px;
}

#content ul#subnav li a:hover{
text-decoration:underline;
}



div#adbriteAds
{
margin: 0px 0px 0px 20px;
display: none;
}

body.weather #text{}
body.weather #text table{ width:auto; margin:0;}
body.weather #text td{ text-align:left; border:0;}

.extras #text{
width:360px;
float:left;
padding:10px;
margin:0;
clear:both;
}

.extras #note{
background-image:url(/_includes/cssimages/common/320_note.gif);
width:335px;
float:right;
padding:0;
margin:10px 0px 0px 0px;
}

.extras #notefoot{
background-image:url(/_includes/cssimages/common/320_note_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:2px 25px 25px 20px;
margin:0;
}


.extras li{
padding:2px 0px;
}

div.box{
padding:0px;
margin:10px;
}

div.box p.centre{
text-align:center;
}

div.box img{
padding:4px;
margin:0;
border:0;
}

fieldset{
border:1px solid #222222;
margin:10px 100px;
padding:0px 20px;
}

legend{
color:#222;
font-size:1.1em;
font-weight:bold;
}

dt{
float:left;
clear:left;
margin:4px 8px 4px 0px;
}

dd{
float:left;
margin:4px 8px 4px 0px;
}

fieldset p{
clear:both;
}

table.contactthin{
width:65%;
}

table.contactwide{
}

table.newsletter{
width:95%;
}

form td{ text-align:left;}
form label{ float:left; padding:4px 0px 0px 6px; text-align:left;}
form textarea
,form input
,form select{ float:right; margin:0;}

.error{ color:#990000;}
span.error{}
div.errorMessage{ margin:10px 100px; padding:0 20px;}
div.errorMessage p{ margin:0;}

#lblStatus{
color:#990000;
}

#fhide, #shide, #ehide, #ahide, #phide, #thide, #chide{
display:none;
}

.button{
padding:2px 4px;
}

#terms{ border:1px solid #999;}
#terms input
,#terms label{ float:none; line-height:1.4; vertical-align:middle;}
.xplValue{ color:#999;}
.hasValue{ color:#000;}