/* Template Styles */

body { font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: url(../i/body_bg.jpg); }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }

#master { width: 940px; margin: 0 auto; padding: 0 10px; background: url(../i/master_bg.jpg) repeat-y;  }

#header { position: relative; width: 100%; }

#mainNav { width: 840px; height: 60px; margin: 40px 0 35px 100px; }
#mainNav .mainNavLeft { float: left; width: 10px; height: 100%; background: url(../i/mainNav_left.png); }
.browserIE6 #mainNav .mainNavLeft { background: url(../i/mainNav_left_IE6.gif); }
#mainNav .mainNavRight { float: left; width: 830px; height: 100%; background: url(../i/mainNav_bg.png); }
.browserIE6 #mainNav .mainNavRight { background: #9a141b; }
#mainNav UL { float: right; display: inline; margin: 18px 32px 18px 0;  }
#mainNav UL LI { float: left; display: inline; margin: 0 8px;  }
#mainNav A { display: block; height: 24px; text-indent: -10000em; background: url(../i/mainNav.png); }
.browserIE6 #mainNav A { background-image: url(../i/mainNav_IE6.gif); }

#mainNav .home { margin-right: 15px; }
#mainNav .home A { width: 22px; height: 22px; background: url(../i/homeIcon.gif); }
#mainNav .home A:hover,
#mainNav .home A.selected { background-position: 0 -22px; }
#mainNav .accommodation A { width: 134px; background-position: 0 0; }
#mainNav .accommodation A:hover,
#mainNav .accommodation A.selected { background-position: 0 -24px; }
#mainNav .winter A { width: 55px; background-position: -149px 0; }
#mainNav .winter A:hover,
#mainNav .winter A.selected { background-position: -149px -24px; }
#mainNav .summer A { width: 69px; background-position: -217px 0; }
#mainNav .summer A:hover,
#mainNav .summer A.selected { background-position: -217px -24px; }
#mainNav .barRestaurant A { width: 121px; background-position: -300px 0; }
#mainNav .barRestaurant A:hover,
#mainNav .barRestaurant A.selected { background-position: -300px -24px; }
#mainNav .healthSpa A { width: 86px; background-position: -440px 0; }
#mainNav .healthSpa A:hover,
#mainNav .healthSpa A.selected { background-position: -440px -24px; }
#mainNav .specialOffers A { width: 110px; background-position: -541px 0; }
#mainNav .specialOffers A:hover,
#mainNav .specialOffers A.selected { background-position: -541px -24px; }
#mainNav .contact A { width: 64px; background-position: -670px 0; }
#mainNav .contact A:hover,
#mainNav .contact A.selected { background-position: -670px -24px; }

#languageFlags { position: absolute; top: 193px; right: 38px; }
#languageFlags LI { float: left; display: inline; margin-left: 11px; }
#languageFlags LI A { display: block; width: 31px; height: 22px; text-indent: -10000em; background: url(../i/languageFlags.png); }
.browserIE6 #languageFlags LI A { background-image: url(../i/languageFlags_IE6.gif); }

#languageFlags .english A { background-position: 0 0; }
#languageFlags .english A:hover,
#languageFlags .english A.selected { background-position: 0 -22px; }
#languageFlags .french A { background-position: -42px 0; }
#languageFlags .french A:hover,
#languageFlags .french A.selected { background-position: -42px -22px; }
#languageFlags .dutch A { background-position: -84px 0; }
#languageFlags .dutch A:hover,
#languageFlags .dutch A.selected { background-position: -84px -22px; }
#languageFlags .german A { background-position: -126px 0; }
#languageFlags .german A:hover,
#languageFlags .german A.selected { background-position: -126px -22px; }
#languageFlags .italian A { background-position: -167px 0; }
#languageFlags .italian A:hover,
#languageFlags .italian A.selected { background-position: -167px -22px; }

#main { padding: 0 34px; background: url(../i/main_middle.gif) repeat-y 34px 0; }
#main .top { height: 40px; padding: 0 35px; background: url(../i/main_top.gif) no-repeat; }
#main .middle {  }
#main .bottom { width: 802px; overflow: hidden; padding: 20px 35px 35px; background: url(../i/main_bottom.gif) no-repeat 0 100%; }
 
#footer { height: 65px; padding-top: 40px; }
#footerNav { height: 44px; }
#footerNav .footerNavLeft { float: left; width: 811px; height: 100%; padding-left: 40px; background: url(../i/footerNav_bg.png); }
.browserIE6 #footerNav .footerNavLeft { background: #9a141b; }
#footerNav .footerNavRight { float: left; width: 44px; height: 100%; background: url(../i/footerNav_right.png); }
.browserIE6 #footerNav .footerNavRight { background: url(../i/footerNav_right_IE6.gif); } #footerNav UL {  }
#footerNav UL LI { display: inline; margin: 0 3px; line-height: 40px; font-size: 1.2em; color: #ffffff;  }
#footerNav A { margin-right: 4px; font-weight: bold; color: #ffffff; text-decoration: none; }
#footerNav A:hover { text-decoration: underline; }

/* Common Styles */

H1 { font: 1.8em/43px Verdana, Arial, sans-serif; color: #ffffff; letter-spacing: 2px; }
H2 { margin: 0 0 15px; font: bold 1.6em/1em Arial, sans-serif; color: #9a141b; letter-spacing: 1px; }
H3 { margin: 15px 0; font: bold 1.4em/1em Arial, sans-serif; color: #9a141b; }
H4 { margin: 10px 0; font: bold 1.3em/1em Arial, sans-serif; color: #9a141b; }
P { margin: 10px 0; font-size: 1.4em; line-height: 1.6em; color: #727272; }
P.intro { font-size: 1.7em; font-weight: bold; line-height: 1.3em; color: #717171; }
A { color: #144a9a; text-decoration: underline; }
A.definition { text-decoration: none; border-bottom: 1px dotted #144a9a; }
A:hover { color: #507fc5; }
#main UL { margin: 15px 0; font-size: 1.4em; color: #727272; }
#main UL LI { margin: 8px 0 8px 15px; list-style-type: disc; }
#main UL LI UL { font-size: 1em; }
#main UL LI UL LI { list-style-type: none; }
#main TABLE { width: 100%; margin: 15px 0; font-size: 1.3em; line-height: 21px; color: #ffffff; }
#main TABLE THEAD TH { padding-bottom: 5px; color: #7f7f7f; font-weight: bold; font-size: 1.1em; background: url(../i/TH.gif) repeat-x 0 100%;}
#main TABLE TBODY TR { color: #7f7f7f;  background: url(../i/TR_odd.gif) repeat-x 0 100%; }
#main TABLE TBODY TR.odd { color: #ffffff; background: url(../i/TR_even.gif) repeat-x 0 100%; }
#main TABLE TD, 
#main TABLE TH { height: 21px; padding: 0 15px 2px; }

.hr { width: 100%; height: 1px; margin: 20px 0; line-height: 0; overflow: hidden; background: #9a141b; }

H1.baseCamp { padding-left: 95px; background: url(../i/baseCamp.gif) no-repeat 0 8px; }

.accommotationInfo { display: none; width: 802px; padding: 20px 0 0; }
.accommotationInfo .information { float: left; display: inline; width: 582px; margin-right: 20px; }
.accommotationInfo .floorplan { float: left; width: 200px; margin-top: 10px; }
.accommotationInfo .information P.intro { margin: 10px 0; }
.accommotationInfo .rates { float: left; display: inline; width: 226px; margin-right: 30px; }
#main .accommotationInfo .rates TABLE { margin: 0; }
#main .accommotationInfo .rates P { font-size: 1.2em; line-height: 1.3em; }
.accommotationInfo .gallery { float: left; display: inline; width: 290px; }
#main TABLE.accomodationTable THEAD TH { padding-bottom: 12px; font-size: 0.9em; line-height: 1.2em; }
#main TABLE.accomodationTable THEAD TH .small { display: block; font-size: 0.8em; }
#main TABLE.accomodationTable THEAD TH.col1 { width: 80px; }

#sofaBedDefinition { display: none; }

#aptType7 { display: block; }

#main .accommoationTabs { position: relative; left: -29px; width: 831px; height: 30px; margin: 30px 0 0 0; padding: 0 0 0 29px; background: url(../i/accomTabs_bg.gif) repeat-x 0 100%; }
#main .accommoationTabs LI { float: left; height: 30px; list-style-type: none; margin: 0 3px 0 0; background: url(../i/tabLeft.gif) no-repeat 0 -30px; }
.accommoationTabs LI A { display: block; padding: 0 14px; line-height: 30px; font-weight: bold; color: #ffffff !important; text-decoration: none; background: url(../i/tabRight.gif) no-repeat 100% -30px; }
#main .accommoationTabs LI:hover,
#main .accommoationTabs LI.selected,
#main .accommoationTabs LI.over { background-position: 0 0; }
.accommoationTabs LI A:hover,
.accommoationTabs LI.selected A,
.accommoationTabs LI.over A { background-position: 100% 0; }

.contactLeft { float: left; display: inline; width: 425px; margin-right: 30px; }
.contactRight { float: left; width: 345px; }
.contactDetails { margin: 15px 0; }
.contactDetails P { margin: 0; }
.contactDetails P .label { float: left; width: 90px; font-weight: bold; }

.contentLeft { float: left; display: inline; width: 472px; margin-right: 30px; }
.contentRight { float: left; width: 300px; }

.errors { padding: 10px 15px 5px; border: 1px solid #ab1818; background: #f1e8e8; }
.errors P { margin: 0 0 10px 0; color: #ab1818; }
.errors UL { margin: 10px 0 0 0; }
.errors UL LI { color: #ab1818; }

.form { margin: 15px 0; }
.form LABEL { float: left; width: 147px; padding: 0 1px 0 10px; line-height: 30px; font-size: 1.3em; font-weight: bold; color: #ffffff; }
.form .field { height: 30px; margin-bottom: 5px; background: #9a141b url(../i/field_bg.gif) no-repeat; }
.form .textBox INPUT { float: left; width: 245px; height: 21px; margin-top: 2px; padding: 5px 10px 0; font-size: 1.3em; color: #3f3f3f; border: 0; background: #ffffff; }
.form .textArea { height: 95px; background: #9a141b url(../i/field_textArea.gif) no-repeat;  }
.form .textArea TEXTAREA { float: left; width: 255px; height: 81px; overflow: auto; padding: 5px 0 5px 10px; margin-top: 2px; font-size: 1.3em; color: #3f3f3f; border: 0; background: #ffffff; font-family: Arial, Tahoma, Verdana, Sans-Serif; }
.form .checkBoxContainer { float: left; width: 265px; padding-top: 7px; }
.form .checkBoxContainer LABEL { width: auto; padding: 0; margin-right: 8px; line-height: 15px; font-size: 1.1em; font-weight: normal; }
.form .checkBoxContainer INPUT { float: left; width: 15px; height: 15px; margin-right: 4px; }
.form .partyNumber INPUT { width: 33px; }
.form .datePick INPUT { background: #ffffff url(../i/calendar.gif) no-repeat 100% 50%; }

.gallery { width: 290px; overflow: hidden; margin-top: 17px; }
.gallery .mainImgContainer { width: 300px; height: 223px; overflow: hidden; margin-bottom: 10px; }
.gallery .mainImgContainer A { display: block; padding-bottom: 23px; margin-bottom: 23px; background: url(../i/clickToEnlarge.gif) no-repeat 0 100%; }
.gallery .thumbnails { width: 300px; }
.gallery .thumbnails .thumbnail { float: left; display: inline; width: 65px; height: 65px; overflow: hidden; margin: 0 10px 10px 0; }

.icon { display: block; height: 30px; padding-left: 40px; margin: 10px 0; line-height: 30px; font-size: 1.4em; font-weight: bold; text-decoration: none; }
.icon.pdf { background: url(../i/pdfIcon.gif) no-repeat; }
.icon.plus { background: url(../i/plusIcon.gif) no-repeat; }
.icon.location { background: url(../i/worldIcon.gif) no-repeat; }
.icon:hover { background-position: 0 -30px; }

#map { width: 345px; height: 300px; font-size: 1.4em; }

.submit { position: relative; width: 150px; height: 30px; overflow: hidden; margin-top: 15px; }
.submit:hover .button { position: absolute; top: -30px; }


/* Home Page Styles */