/* 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:#908372; 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:#fff;
background-image:url(/_includes/cssimages/header/banner.jpg);
background-repeat:no-repeat;
/*border:1px solid #9bb2c0;*/
width:1000px; /*must not be more than 792px to fit in all viewports (includes scroll bar calculations).*/
margin-left: -500px; 
left: 50%;
position:relative; 
top:0px; 
}

#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{
/*-position:bottom;
background-repeat:no-repeat;
width:117px;
height:31px;
padding:0;
margin:0px auto 0px auto;*/
width:117px; 
margin-left: 373px; 
left: 50%;
position:relative; 
top:23px; 
}
*+ html #header{ top:36px; margin-left: 372px; }

#header h1{
background-image:url(/_includes/cssimages/header/o.gif);
background-repeat:no-repeat;
width:1px;
height:1px;
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;}*/

#header #contact{}
#header #contact p{ width:117px; margin-left: -58px; left: 50%;position:absolute; top:30px; height:31px; z-index:1000;  }
#header #contact p.fauxbutton a{background-image: url(/_includes/cssimages/nav/contact.gif);width:110px;/*117*/ padding-left:7px; height:31px; display:block; color:#fff; font-size:2px; text-decoration:none;}
#header #contact p.fauxbutton a:hover{background-position:0px -31px; text-decoration:none; color:#8d705e;}

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

width:500px; 
margin-left: -99px; 
left: 50%;
position:absolute; 
top:66px; 
}

#content{
background-image:url(/_includes/cssimages/background/white-block-bg.gif);
background-repeat:repeat-y;
background-position:0px 0px;
width:1000px;
margin:410px 0px 0px 0px !important;
padding:10px 0px 0px 0px;
overflow:hidden;
}
*+ html #content{
top:410px !important;
position:relative;
}

#contentbottom{
background-image:url(/_includes/cssimages/background/white-block-bottom.gif);
width:1000px;
height:10px;
margin:0px 0px 0px 0px;
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;}

a:link { color: #ad975a; font-weight:normal; text-decoration: none; }
a:visited { color: #ad975a; font-weight:normal; text-decoration: none; }
a:hover { color: #826a29; font-weight:normal; text-decoration: none; }
a:active { color: #826a29; font-weight:normal; text-decoration: none;  }