a {font-weight: bold; color: #4664AA; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a:link {font-weight: bold; color: #4664AA; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a:visited {font-weight: bold; color: #4664AA; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a:active {font-weight: bold; color: #4664AA; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a:hover {font-weight: bold; color: #E97E32; text-decoration: underline; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.currentposition {font-weight: bold; color: #333366; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.currentposition:link {font-weight: bold; color: #333366; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.currentposition:visited {font-weight: bold; color: #333366; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.currentposition:active {font-weight: bold; color: #333366; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.currentposition:hover {font-weight: bold; color: #666690; text-decoration: underline; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
a.list-style01H {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01H:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01H:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01H:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01H:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 2px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01 {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 2px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style01:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 2px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02 {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 6px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02H {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02H:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02H:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02H:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 6px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style02H:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 6px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03 {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 10px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03H {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03H:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03H:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03H:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 10px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style03H:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 10px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04 {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 14px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04H {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04H:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04H:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04H:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 14px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style04H:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: bold; padding-left: 14px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style05 {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style05:link {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style05:visited {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style05:active {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 18px; margin: 2px; color: #4664AA; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.list-style05:hover {border-bottom: 1px dotted #4664AA; padding-bottom: 4px; font-weight: normal; padding-left: 18px; margin: 2px; color: #E97E32; display: block; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.menu-top { font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.menu-top:link { font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.menu-top:visited { font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.menu-top:active { font-size: 13px; color: #4664AA; font-weight: bold; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
a.menu-top:hover {background: #668DC8; font-size: 13px; color: white; font-weight: bold; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
/* body {font-size: 11px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0; width: 1060px; margin-top:0; color: #4664AA; text-decoration: none; font-weight: normal; font-family: verdana, helvetica,  Geneva, arial, sans-serif} */
body {font-size: 11px; line-height: 16px; height: 100%; margin: 0px auto; padding: 0; background: #BDCAE7; color: #4664AA; text-decoration: none; font-weight: normal; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* div classes - can be used multi-times per page */
/* To show all the div borders set border: #000 1px solid;*/
div { border: #000 0px solid; }
div.container-map { border: none; padding: 2px; margin: 2px; float: left; width: 325px;}
div.container-map-large { border: none; padding: 2px; margin: 2px; float: left; width: 440px;}
div.container-map-menu { border: none; padding: 2px; margin: 2px; float: right; width: 140px;}
div.verticalspacer1 { border: none; float: left; height: 20px; width: 100%}
div.container-mainphoto-right { width: 270px; float: right; }
div.container-mainphoto-right p {text-align: right; color: #4664AA; font-size: smaller; text-indent: 0; }
div.container-mainphoto-right img {border: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; float: right; }
div.container-mainlogo-right { width: 220px; float: right; }
div.container-mainlogo-right p {text-align: right; color: #4664AA; font-size: smaller; text-indent: 0; }
div.container-mainlogo-right img {border: none; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; float: right; }
div.container-quiclinks-right { width: 150px; float: right; background-color:#ffffff;}
div.container-right {background: #E6EAF6; border: #D1D9EF 2px solid; padding: 6px; margin: 6px; float: right; }
div.container-right p {text-align: center; color: #4664AA; font-size: 11px; text-indent: 0; }
div.container-videoclip-right {background: #E6EAF6; border: #D1D9EF 2px solid; padding: 6px; margin: 6px; float: right; }
div.container-videoclip-right p {text-align: center; color: #4664AA; font-size: 11px; text-indent: 0; }
div.container-webcam-right {background: #E6EAF6; border: #D1D9EF 2px solid; padding: 3px; margin: 3px; float: right; }
div.container-webcam-right p {text-align: center; color: #4664AA; font-size: smaller; text-indent: 0; }
div.container-resort-seperator {width: 10px; float: left; }
div.container-resort-pistes { width: 200px; float: left; line-height: 15px; font-size: 11px; background: #E6EAF6; border: #E6EAF6 2px solid;}
div.container-resort-pistes-header { width: 190px; float: left; line-height: 15px; font-size: 11px; background: #E6EAF6; border: #E6EAF6 2px solid; text-align: center; font-weight: bold; color: #333366;}
div.container-resort-pistes-seperator { width: 190px; float: left; }
div.container-resort-pistes-01 { width: 190px; float: left; }
div.container-resort-pistes-01-colour { width: 50px; float: left; }
div.container-resort-pistes-01-num { width: 30px; float: left;  }
div.container-resort-pistes-01-icon { width: 80px; float: left; }
div.container-resort-pistes-02 { width: 190px; float: left; }
div.container-resort-pistes-03 { width: 190px; float: left; }
div.container-resort-pistes-03-icon { width: 80px; float: left; }
div.container-resort-pistes-03-link { width: 105px; float: left; }
div.container-resort-lifts { width: 200px; float: left; line-height: 15px; font-size: 11px; background: #E6EAF6; border: #E6EAF6 2px solid;}
div.container-resort-lifts-header { width: 190px; float: left; line-height: 15px; font-size: 11px; background: #E6EAF6; border: #E6EAF6 2px solid; text-align: center; font-weight: bold; color: #333366;}
div.container-resort-lifts-01 { width: 190px; float: left; }
div.container-resort-lifts-01-range { width: 184px; float: left; }
div.overview { width: 740px; float: left; }
div.overview-left { width: 550px; float: left; }
div.overview-right { width: 180px; float: right; }
/* Note how the padding-top is 5px and so we reduce the height of the a tag to 35 instead of 40 to take this */
/* into account. Also note that display: block and line-height need to be used to create full box effect */
/* Oh yes, and vertical-align doesn't seem to work on the text !! */
div.menubar-section {height: 40px; float: left; padding-top:5px;}
div.menubar-section a {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
div.menubar-section a:link {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
div.menubar-section a:visited {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
div.menubar-section a:active {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: #4664AA; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
div.menubar-section a:hover {line-height: 35px; height: 35px; vertical-align: middle; text-align:center; display: block; font-weight: bold; font-size: 12px; color: white; background-color: #668DC8; text-decoration: none; font-family: verdana, tahoma, helvetica, Geneva, arial, sans-serif}
/* These work really well for floating thumbnails. */
div.thumbnail1 { float: left; width: 120px; padding: 10px; }
div.thumbnail1 p { text-align: center; }
div.thumbnail1-container { background-color: #fff; }
div.thumbnail2 { float: left; width: 150px; padding: 5px; }
div.thumbnail2 p { text-align: center; }
div.thumbnail2-container { background-color: #fff; }
div.thumbnail-resortsection-medium { float: left; width: 90px; height: 100px; padding: 2px; }
div.thumbnail-resortsection-medium p { text-align: center; }
div.thumbnail-resortsection-medium-container { background-color: #fff; }
div.spacer { clear: both; }
/* div id's - can only be used once per page */
#all { width: 1060px; height: 100%; background-color:#ffffff; margin:0 auto;}
#all-header { width: 1060px; height: 250px; float: left; background-image:url(header_1060x250.png)}
#all-header-logo { width: 273px; height: 141px; float: left; background-image:url(logo_273x141.png)}
#all-header-topbar { width: 744px; height: 37px; float: left; background-image:url(topbar_747x37.png)}
#all-header-menubar { width: 1020px; height: 35px; float: left; background-image:url(titlebar_1020x35.png)}
#all-header-menubarspacer { width: 20px; height: 35px; float: left; }
#all-header-spacer { width: 1060px; height: 74px; float: left; }
#all-footer { width: 1060px; height: 35px; float: left; }
#all-footer-barspacer { width: 20px; height: 35px; float: left; }
#all-footer-bar { width: 1020px; height: 35px; float: left; background-image:url(footerbar_1020x35.png)}
/* Remember the padding is added to the width value. */
#all-mid { width: 1060px; float: left; }
#all-mid-marginleft { width: 30px; float: left; background: #BDCAE7; background-image:url(sidebarleft_30x1.png); background-repeat: repeat-y;}
#all-mid-marginright { width: 30px; float: left; background: #BDCAE7; background-image:url(sidebarright_30x1.png); background-repeat: repeat-y;}
#all-mid-main { width: 1000px; float: left; background-color:#ffffff;}
#all-mid-main-currentpos { width: 1000px; height: 40px; float: left; background-color:#ffffff;}
#all-mid-main-currentpos p { vertical-align: bottom; }
#all-mid-main-leftmenu { width: 200px; float: left; background-color:#ffffff;}
#all-mid-main-leftspacer { width: 40px; float: left; background-color:#ffffff;}
#all-mid-main-rightspacer { width: 20px; float: left; background-color:#ffffff;}
#all-mid-main-centre { width: 600px; float: left; background-color:#ffffff;}
#all-mid-main-centre-l1 { width: 305px; float: left; background-color:#ffffff;}
#all-mid-main-centre-r1 { width: 255px; float: right; background-color:#ffffff;}
#all-mid-main-adverts { width: 140px; float: left; background-color:#ffffff;}
#all-mid-main-footer { width: 1000px; float: left; background-color:#ffffff;}
/* Divs for columns in main section. See num of cols is specified plus also the ration of left and right 7030 means 70% then 30% */
div.main-centr-2col-5050-1 { width: 290px; float: left; background-color:#ffffff;}
div.main-centr-2col-5050-2 { width: 290px; float: right; background-color:#ffffff;}
div.main-centr-2col-7030-1 { width: 400px; float: left; background-color:#ffffff;}
div.main-centr-2col-7030-2 { width: 180px; float: right; background-color:#ffffff;}
div.main-l50 { width: 230px; height: 100%; float: left; background-color:#ffffff;}
div.main-r50 { width: 350px; height: 100%; float: right; background-color:#ffffff;}
/* NOTE - at moment use Tables rather than div for the main section - more relaible !! */
table.all-mid { width: 1060px; height: 100%; border: 0px; border-spacing: 0px;}
td.all-mid-marginleft { width: 30px; height: 100%; border: 0px; border-spacing: 0px; vertical-align:top; background: #BDCAE7; background-image:url(sidebarleft_30x1.png); background-repeat: repeat-y;}
td.all-mid-marginright { width: 30px; height: 100%; border: 0px; border-spacing: 0px; vertical-align:top; background: #BDCAE7; background-image:url(sidebarright_30x1.png); background-repeat: repeat-y;}
td.all-mid-main { width: 1000px; height: 100%; border: 0px; border-spacing: 0px; vertical-align:top; background-color:#ffffff;}
#header-spacer { width: 1060px; height: 30px; float: left; background-color:#ffffff;}
#header-left { width: 520px; float: left; border: #000 0px solid; background-color:#ffffff;}
#header-right { width: 540px; float: right; border: #000 0px solid; background-color:#ffffff;}
#main { width: 740px; height: 100%; float: right; background-color:#ffffff;}
#main-left { width: 345px; height: 100%; float: left; background-color:#ffffff;}
#main-left70 { width: 490px; height: 100%; float: left; background-color:#ffffff;}
#main-left100 { width: 740px; height: 100%; float: left; background-color:#ffffff;}
#main-right { width: 345px; height: 100%; float: right; background-color:#ffffff;}
#main-right30 { width: 200px; height: 100%; float: right; background-color:#ffffff;}
#map-accomodation { width: 540px; height: 540px; float: left; }
#map-accomodation-list { width: 195px; float: right; }
#map-indoor { width: 540px; height: 540px; float: left; }
#map-indoor-list { width: 195px; float: right; }
#map-outdoor { width: 500px; height: 500px; float: left; }
#map-outdoor-list { width: 95px; float: right; }
#div-map-resorts-country { width: 440px; height: 440px; float: left; }
#div-map-resorts-country-list { width: 150px; float: right; }
#div-map-resorts-singleloc-map { width: 320px; height: 250px; float: left; }
#div-map-resorts-singleloc-text { width: 250px; height: 250px; float: right;}
#div-map-resorts-multiloc-map { width: 440px; height: 440px; float: left; }
#div-map-resorts-multiloc-list { width: 150px; float: right; }
#div-map-resorts-town { width: 440px; height: 440px; float: left; }
#div-map-resorts-town-list { width: 150px; float: right; }
#div-map-shops { width: 540px; height: 540px; float: left; }
#div-map-shops-list { width: 540px; float: left; }
#map-top10 { width: 550px; height: 350px; float: left;}
#map-top10-list { width: 180px; float: right; }
/* Headers */
/* h1.PageTitle - this is the title for each page. It is currently large-size blue text that has no background. */
h1.PageTitle {height: 50px; line-height: 50px; font-size: 16px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* h1.SectionHeader - this is header for a section on a page. It is currently mid-size blue text that has no background. */
h1.SectionHeader {height: 50px; line-height: 50px; font-size: 14px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* h1.SectionHeaderAdverts - this is the Section Header for adverts on home page. It is currently large-size blue text that has no background. */
h1.SectionHeaderAdverts {font-size: 12px; vertical-align: middle; font-weight: bold; color: #4664AA; padding: 0px; margin: 0px; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* h1.SectionSubHeader - this is sub header for a section on a page. It is currently smaller-size blue text that has no background. */
h1.SectionSubHeader {font-size: 10pt; font-weight: bold; color: #4664AA; font-family: verdana, helvetica, Geneva, arial, sans-serif}
h1.SectionSubSubHeader {font-size: 8pt; font-weight: bold; color: #4664AA; font-family: verdana, helvetica, Geneva, arial, sans-serif}
html {height: 100%; }
/* Images - note the float left and right and also the padding. */
img.border-nopad {border: thin silver solid; padding: 0px; margin: 0px; }
img.noborder-nopad {border: none; padding: 0px; margin: 0px; }
img.left-border-pad {border: thin silver solid; padding: 2px; margin: 2px; float: left; }
img.left-border-nopad {border: thin silver solid; padding: 0px; margin: 0px; float: left; }
img.left-noborder-pad {border: none; padding: 2px; margin: 2px; float: left; }
img.left-noborder-nopad {border: none; padding: 0px; margin: 0px; float: left; }
img.right-noborder-nopad {border: none; padding: 0px; margin: 0px; float: right; }
img.right-noborder-pad {border: none; padding: 2px; margin: 2px; float: right; }
/* li.subheader01 is a filled mid blue box with grey border. */
li.subheader01 {height: 19px; padding-left: 2px; font-size: 8pt; font-weight: bold; color: #444444; margin: 0px; display: block; background: #BBD8FB; border: 1px solid #CCCCCC; text-decoration: none; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
p.keywords {font-size: 7pt; color: #999999; background: white ; font-family: verdana, helvetica, Geneva, arial, sans-serif}
p.articleauthor {font-size: 8pt; color: #999999; background: white ; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* style00 is un-filled - just blank. */
table.style00 {width: 100%; border: 0px; border-spacing: 5px;}
table.style00 td {height: 18px; vertical-align:top ; text-align: left; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 5px; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
table.style00 th {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 5px; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
/* style01 is filled in a mid blue colour. */
table.style01 {width: 100%; border: 0px; border-spacing: 2px;}
table.style01 td {height: 18px; vertical-align:top ; text-align: left; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
table.style01 th {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
table.styleMedalTable01 {width: 100%; border: 0px; border-spacing: 2px;}
table.styleMedalTable01 td {height: 18px; vertical-align:top ; text-align: center; padding-left: 2px; padding-right: 2px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
table.styleMedalTable01 th {height: 18px; vertical-align:middle; text-align: center; font-weight: bold; padding-left: 2px; padding-right: 2px; font-size: 8pt; line-height: 140%; color: black; margin: 1px; background: #A4CBEF; font-family: tahoma, verdana, helvetica, Geneva, arial, sans-serif}
table.styleAdvertLarge {width: 100%; border: 0px; border-spacing: 2px;}
table.styleAdvertLarge td {font-size: 9px; line-height: 12px; height: 100%; margin: 0px auto; padding: 0; color: #4664AA; text-decoration: none; font-weight: normal; font-family: verdana, helvetica, Geneva, arial, sans-serif}
td {padding: 0; font-size: 8pt; line-height: 140%; font-weight: normal; color: #000000;  font-family: verdana, helvetica,  Geneva, arial, sans-serif}
td.banner {font-size: 14pt; font-weight: bold; color: #999999; background: white ; font-family: verdana, helvetica, Lucida Sans, Geneva, arial, ms sans serif; text-decoration: none}
th {padding: 0; font-size: 8pt; line-height: 140%; text-align: center; font-weight: bold; color: #000000; font-family: verdana, helvetica,  Geneva, arial, sans-serif}
th.container-style1 {font-size: 11px; text-align: center; font-weight: bold; color: #000000; font-family: verdana, helvetica, Geneva, arial, sans-serif}
th.container-style2 {font-size: 12px; text-align: center; font-weight: bold; color: white; background: #95BCDF; font-family: verdana, helvetica, Geneva, arial, sans-serif}
th.container-style3 {font-size: 11px; text-align: left; font-weight: bold; color: #000000; font-family: verdana, helvetica, Geneva, arial, sans-serif}
th.container-topten {font-size: 12px; text-align: left; font-weight: bold; color: white; background: #95BCDF; font-family: verdana, helvetica, Geneva, arial, sans-serif}
/* un-ordered lists. */
ul.style01 { list-style-type: none; padding: 0; margin: 0; top: 2em; left: 1em; }
ul.style01 li { }
#navcontainer
{
position:absolute;
height: 40px;
top: 0; margin: 0;
padding-left: 0;
margin-left: 0;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
ul#navlist
{
background-color: #036;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a {
}
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
vertical-align: bottom;
color: #fff;
background-color: #369;
text-decoration: none;
}