﻿html, body { height: 100%; margin: 0px; padding: 0px; background:transparent url('/images/sidebars.jpg') repeat top left; }
body  { font: 62.5% Arial, Helvetica, Verdana, Sans-Serif; /* Resets 1em to 10px */ }

form { margin:0; padding:0; }

.pageholder { position:relative; width:987px; margin:0 auto; }
.page { position:relative; float:left; background-color:White;  }

.clearer { float:left; clear:both; }

.leftholder { float:left; padding:0 0 0 18px; width:310px; }
.centerholder { float:left; padding:0 10px; width:310px; }
.rightholder { float:left; width:310px; }

.bannerholder { position:relative; float:left; margin:0 auto 0px; width:987px; background-color:Black; color:White; }
.supertravellinks { position:absolute; top:10px; left:18px; padding:0; margin:0; width:500px; }
.supertravellinks ul { padding:0 8px 0; margin:0; list-style-type:none; font-size:1.1em; }
.supertravellinks ul li { float:left; padding:0 5px; margin:0; color:White; }
.supertravellinks ul li a { padding:0; margin:0; text-decoration:none; color:white; }
.supertravellinks ul li a:hover { color:#e38015 ; }

.bannerholder .telephonenumber { float:right; padding:15px 30px 0 0; width:250px; }
.bannerholder .telephonenumber p { margin:0; text-align:right; font-size:2em; }
.bannerholder .telephonenumber a { float:right; clear:both; padding:2px 0 0px; margin:0; color:White; font-size:1.2em; text-decoration:underline;  }
.bannerholder .telephonenumber a:hover { color:#e38015 ; }

.bannerholder .logo { float:left; clear:left; margin:0; padding:20px 0 8px 25px;  }
.bannerholder .logo a { text-decoration:none; }
.bannerholder .logo a img { border:none; }

.bannerholder .menuholder { position:relative; float:left; clear:both; padding:0 0 3px; margin:0 10px 0px; width:965px; z-index:1000;  }
.bannerholder .menuholder ul { float:left; padding:5px 0px 0px 19px; margin:0; list-style-type:none; font-size:1.3em; width:955px; }
.bannerholder .menuholder ul li { position:relative; float:left; padding:0 34px 0 0px; color:White; }
.bannerholder .menuholder ul li.lastlistitem { padding:0px; }
.bannerholder .menuholder ul li a { color:White; text-decoration:none; } 
.bannerholder .menuholder ul li a:hover { color:#e38015; }
.bannerholder .menuholder ul li ul { display:none; position:absolute; top:15px; left:-35px; padding:0px 12px 10px 19px; margin:0; width:auto; list-style-type:none; font-size:1em; background-color:Black; filter:alpha(opacity=80); opacity:0.8; z-index:900; }
.bannerholder .menuholder ul li ul li { position:relative; float:left; clear:left; padding:7px 15px 0 15px; margin:5px 0 0 0; width:auto; min-width:240px; }
.bannerholder .menuholder ul li ul li a { padding:0; margin:0; }
.bannerholder .menuholder ul li ul li a:hover { color:#e38015; }
.bannerholder .menuholder ul li:hover ul { display:block; }

/*#exclusivechaletsdropdown { position:absolute; top:18px; left:90px; width:295px; height:80px; background-color:Black; display:none; z-index:100;  filter:alpha(opacity=80); opacity:0.8; }
#exclusivechaletsdropdown ul { padding:0px 12px 0px 19px; margin:0; width:295px; list-style-type:none; font-size:1em;  }
#exclusivechaletsdropdown ul li { float:left; clear:left; padding:7px 0 0 15px; margin:0; width:265px;  }
#exclusivechaletsdropdown ul li a { padding:0; margin:0; }
#exclusivechaletsdropdown ul li a:hover { color:#e38015; }*/

/*#skihoteldropdown { position:absolute; top:19px; left:295px; width:220px; height:60px; background-color:Black; z-index:100; display:none; filter:alpha(opacity=80); opacity:0.8; }
#skihoteldropdown ul { padding:0px 12px 0px 15px; margin:0; width:170px; list-style-type:none; font-size:1em;  }
#skihoteldropdown ul li { float:left; clear:left; padding:7px 0 0 10px; margin:0; width:160px; display:block;  }
#skihoteldropdown ul li a:hover { color:#e38015 ; }*/

.mainimageholder { float:left; padding:12px 0 0 18px; }
#imgholder {  }
#imgholder .bannerbottom { position:relative; width:950px; }
#imgholder .bannerbottom p { position:absolute; top:-25px; padding:5px 5px 3px 15px; margin:0; width:930px; background-color:Black; color:White; font-size:1.5em; filter:alpha(opacity=80); opacity:0.8; }
#imgholder .bannerbottom p.sociallinks { position:absolute; right:0; padding:3px 0 0 0; margin:0; width:300px; background-color:Transparent; }
#imgholder .bannerbottom p.sociallinks span { float:left; padding:4px 2px 0px; }
#imgholder .bannerbottom p.sociallinks img { float:left; padding:0px 0 0 1px;  }
#imgholder a { text-decoration:none; border:none; }
#imgholder a img { border:none; text-decoration:none; }

.centercontentholder { float:left; width:950px; padding:0px 0 0 18px; }
.centercontentholder h1 { padding:25px 0 0; margin:0; font-size:2em; color:#e38015;  }
.centercontentholder p { margin:0; }
.leftcolumnintro { position:relative; float:left; margin:0 13px 0 0; width:308px; height:205px; }
.leftcolumn {  float:left; margin:0 13px 0 0; width:308px; }
.leftcolumn h1 { float:left; padding:0; margin:15px 0 5px; width:300px; font-weight:normal; font-size:1.8em; color:#e38015; letter-spacing:0.02em; }
.leftcolumn p { float:left; margin:0; font-size:1.3em; line-height:1.3em; }
.leftcolumn p.sociallinks { float:right; padding:8px 0 0 0; margin:0; }
.leftcolumn p.sociallinks span { float:left; padding:4px 2px 0px; }
.leftcolumn p.sociallinks img { float:left; padding:0px 0 0 1px;  }
.leftcolumn a { color:black; text-decoration:none; border:none; }
.leftcolumn a:hover { color:#e38015; }
.leftcolumn a img { border:none; }
.leftcolumn p.indent { padding:0 0 0 20px; }
.leftcolumn p.moreinfo { padding:20px 0 0 0px; width:308px; }
.leftcolumn p.moreinfo a { color:Black; text-decoration:underline; }
.leftcolumn img.imgtext { margin:15px 13px 0 0; }

.centercolumn { float:left; width:290px; }
.centercolumn h1 { float:left; padding:0 0 0 5px; margin:15px 0 5px; width:300px; font-weight:normal; font-size:1.7em; color:#e38015; letter-spacing:0.02em; }
.centercolumn p { padding:0 0 0 5px; margin:0; font-size:1.3em; line-height:1.2em; }
.centercolumn a { color:black; text-decoration:none; border:none; }
.centercolumn a:visited { color:black; }
.centercolumn a:hover { color:#e38015; }
.centercolumn a img { border:none; }
.centercolumn img.imgtext { margin:15px 13px 0 0; }
.centercolumn p.indent { padding:0 0 0 20px; }
.centercolumn p.indent2 { padding:37px 0 0 25px; }
.centercolumn p.contacttext { padding:26px 0 0; }
.centercolumn span { float:left; padding:20px 0 0; font-weight:bold; font-size:1.3em; }

.rightcolumn { position:relative; float:right; width:309px; margin:15px 0 0 0; overflow:hidden;  }
.rightcolumn h2 { float:left; padding:2px 0 2px 8px; margin:0 0 5px; width:300px; color:White; font-weight:100; font-size:1.8em; background-color:#f1c085; letter-spacing:0.01em; }
.rightcolumn a { color:Black; text-decoration:none; border:none; }
.rightcolumn a:hover { color:#e38015; }
.rightcolumn a img { border:none; }
.newsandspecialholder { position:relative; width:309px; height:190px; overflow:hidden; }
.newsandspecialholder .newsandspecialholderscroll { position:relative;  }
.rightcolumn .newsandspecialitems { float:left; margin:0px 0 8px;  }
.rightcolumn .newsandspecialitems img { float:left; margin:0 5px 0 0; }
.rightcolumn .newsandspecialitems h3 { float:left; clear:right; width:195px; margin:0; font-weight:100; font-size:1.7em; }
.rightcolumn .newsandspecialitems h3 a { text-decoration:none; color:Black; }
.rightcolumn .newsandspecialitems h3 a.bookearly { color:#fe230e; }
.rightcolumn .newsandspecialitems h3 a.liftpass { color:#0976c9; }
.rightcolumn .newsandspecialitems h3 a.early { color:#33c60f; }
.rightcolumn .newsandspecialitems h3.colourchange { color:#EC3DD5; }
.rightcolumn .newsandspecialitems p { float:left; margin:0; width:195px; font-size:1.2em; }
.rightcolumn p.indent { padding:37px 0 0 25px; margin:0; font-size:1.3em; line-height:1.3em; }
.rightcolumn p.indent2 { padding:0px 0 0 25px; }
.rightcolumn p { padding:0 0 0 5px; margin:0; font-size:1.3em; line-height:1.3em; }
.rightcolumn .noheading { padding:10px 0 0 0; }
.rightcolumn img { padding:0px 0 0 0; }

#topthreenewsandspecials { position:absolute; top:0px; }
#topthreenewsandspecials img.facebookcomp { padding:0 28px 0 25px; margin:0 auto; }
#bottomthreenewsandspecials { position:absolute; top:225px; }

.bottomcontentholder { float:left; position:relative; padding:20px 0 10px 18px; width:950px;  }
.bottomcontentholder .rightcolumn { position:relative; float:right; width:309px; margin:0; overflow:hidden;  }

.chalettitle1 { position:absolute; top:48px; left:26px; color:White;  }
.chalettitle1 h4 {margin:0; font-weight:lighter; font-size:1.3em; }

.chalettitle2 { position:absolute; top:102px; left:348px; color:White;  }
.chalettitle2 h4 { margin:0; font-weight:lighter; font-size:1.3em; }

.chalettitle3 { position:absolute; top:30px; right:152px; color:White;  }
.chalettitle3 h4 { margin:0; width:150px; font-weight:lighter; font-size:1.3em; }
.chalettitle3 p { margin:0; font-size:1.2em; }

.footer { float:left; padding:20px 0 25px 18px; width:950px; }
.footer .sociallogosholder { float:left; width:310px;  }
.footer .sociallogosholder p { float:left; clear:right; padding:0 0 0 5px; margin:0; color:Gray; font-size:1.1em; }
.footer .sociallogosholder .twitterfacebook { float:left; clear:left; padding:0 15px 0 5px; width:300px; }
.footer .sociallogosholder .twitterfacebook a { border:none; text-decoration:none; }
.footer .sociallogosholder a img { float:left; margin:0 5px 0 0; border:none; }

.footer .newsletteremail { float:left; width:310px; margin:0 0 0px 15px }
.footer .newsletteremail p { margin:0 0 2px; color:Gray; font-size:1.1em;  }
.footer .newsletteremail input { width:200px; }

.footer .abtaatol { float:right; width:310px; margin:0 0 0 5px; }
.footer .abtaatol p { margin:0 5px 5px 0; text-align:right; color:Gray; } 
.footer .abtaatol img { float:right; margin:2px 3px 0 5px; }

.awardlist { float:left; margin:5px 0 1px 0; width:820px; color:Gray; }
.awardlist ul { padding:5px 12px 2px 5px; margin:0; list-style-type:none; }
.awardlist ul li { padding:0 10px 0 0; display:inline; }
.awardlist ul li strong { padding:0 5px 0 0; }

.morelinks { float:left; width:780px; color:Gray; }
.morelinks ul { padding:5px 12px 2px 5px; margin:0; list-style-type:none; }
.morelinks ul li { padding:0 10px 0 0; display:inline; }
.morelinks ul li a { color:Gray; text-decoration:none; }

#pricealertinput { position:relative;  }
#pricealertbutton { position:absolute; right:108px; bottom:3px; margin:0; width:18px; background-color:Transparent; border:solid 1px black; }

#p1 { display:block; }
#p2 { display:none; }
#p3 { display:none; }
#p4 { display:none; }

.leftcolumnintro .readmore { position:absolute; bottom:0; float:left; clear:left; width:155px; text-align:left; }
.leftcolumnintro .readmore p { padding:5px 0 0 0; margin:0; width:68px; color:black; }
.leftcolumnintro .readmore a { float:left; padding:7px 2px 0; color:black; font-size:1.1em; text-decoration:none; }
.leftcolumnintro .readmore a#about { text-decoration:underline; }
.leftcolumnintro .readmore a.pagenumbers { margin:0 0 2px; text-decoration:none; color:black; }
.leftcolumnintro .readmore .pagenumberholder { float:left; padding:0 0 0 10px; }
.leftcolumnintro .readmore .pagenumberholder a { clear:none; padding:0 5px 0 0; }

