/* Main Page Stye - Center in browser */ #PageBG { background-image: url(../images/template/bg_1024.gif); background-position: center; background-repeat: repeat-y; } #Page { width: 904px; text-align: left; background-color: White;background-image: url(../images/template/bg_page_1024.gif); background-repeat: repeat-y; } #PagePROMO { width: 890px; text-align: left; background-color: White; background-image: url(/images/template/bg_page_10242.gif); background-repeat: repeat-y; } #flighttable td { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: verdana; font-size: 10px; height: 14px; padding: 5px 5px; text-align: left; font-weight: normal; background-color: #FFFFFF; } #flighttable01 td { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: verdana; font-size: 10px; height: 14px; padding: 5px 5px; text-align: left; font-weight: normal; background-color: #dbe4ec; } #flighttable02 td { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: verdana; font-size: 10px; height: 14px; padding: 5px 5px; text-align: left; font-weight: normal; background-color: ffffff; } #flighttable03 td { border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: verdana; font-size: 10px; height: 14px; padding: 5px 5px; text-align: left; font-weight: normal; background-color: #d3ecf8; } .style4 { color: #5381A7; font-weight: bold; } #midnav { width:680px; height:20px; } #midnav ul{ margin: 0px; padding: 0px; } #midnav li{ float: left; margin: 0px; padding: 0px; list-style-type: none;!important } #midnav li a {display: block; } /* Header */ #Header { height: 58px; background-image: url(../images/template/header_bg.png); } #Header .Logo { width: 326px; height: 24px; display: block; background-image: url(../images/template/logo_screen.gif); position: relative; left: 20px; top: 23px; } #Header .Telephone { float: right; margin: 6px 12px 0px 0px; } #Header .Telephone2 { float:left;margin-top:33px; } #Header .Telephone img { position: relative; top: 4px; } #Header .Number { font-family: verdana; font-size: 70%; color: #cccccc; margin: 0px 0px 0px 4px; } /* Main Navigation */ #MainNav { width:1023px; } #MainNav ul{ margin: 0px; padding: 0px; } #MainNav li{ float: left; margin: 0px; padding: 0px; list-style-type: none; } #MainNav li a { height: 40px; display: block; } /* Main Navigation #MainNav li.Nav0 { width: 0px; height: 0px; } */ #MainNav li.Nav1 { width: 132px; background: url("../images/main_nav/ski-holidays-on.gif") no-repeat; } #MainNav li.Nav1 a { width: 132px; background: url("../images/main_nav/ski-holidays.gif") no-repeat; } #MainNav li.Nav1 a.selected { width: 132px; background: url("../images/main_nav/ski-holidays-on.gif") no-repeat; } #MainNav li.Nav2 { width: 150px; background: url("../images/main_nav/biking-holidays-on.gif") no-repeat; } #MainNav li.Nav2 a { width: 150px; background: url("../images/main_nav/biking-holidays.gif") no-repeat; } #MainNav li.Nav2 a.selected { width: 150px; background: url("../images/main_nav/biking-holidays-on.gif") no-repeat; } #MainNav li.Nav3 { width: 147px; background: url("../images/main_nav/activity-holidays-on.gif") no-repeat; } #MainNav li.Nav3 a { width: 147px; background: url("../images/main_nav/activity-holidays.gif") no-repeat; } #MainNav li.Nav3 a.selected { width: 147px; background: url("../images/main_nav/activity-holidays-on.gif") no-repeat; } #MainNav li.Nav4 { width: 134px; background: url("../images/main_nav/ski-weekends-on.gif") no-repeat; } #MainNav li.Nav4 a { width: 134px; background: url("../images/main_nav/ski-weekends.gif") no-repeat; } #MainNav li.Nav4 a.selected { width: 134px; background: url("../images/main_nav/ski-weekends-on.gif") no-repeat; } #MainNav li.Nav5 { width: 132px; background: url("../images/main_nav/Bmn_02_roll.png") no-repeat; } #MainNav li.Nav5 a { width: 132px; background: url("../images/main_nav/Bmn_02.png") no-repeat; } #MainNav li.Nav5 a.selected { width: 132px; background: url("../images/main_nav/Bmn_02_roll.png") no-repeat; } #MainNav li.Nav6 { width: 156px; background: url("../images/main_nav/order-brochure-on.gif") no-repeat; } #MainNav li.Nav6 a { width: 156px; background: url("../images/main_nav/order-brochure.gif") no-repeat; } #MainNav li.Nav6 a.selected { width: 156px; background: url("../images/main_nav/order-brochure-on.gif") no-repeat; } #MainNav li.Nav88 { width: 172px; background: url("../images/main_nav/live-bookings-on.gif") no-repeat; } #MainNav li.Nav88 a { width: 172px; background: url("../images/main_nav/live-bookings.gif") no-repeat; } #MainNav li.Nav88 a.selected { width: 173px; background: url("../images/main_nav/live-bookings-on.gif") no-repeat; } #MainNav li.Nav99 { width: 176px; background: url("../images/main_nav/mn_06_roll.png") no-repeat; } #MainNav li.Nav99 a { width: 176px; background: url("../images/main_nav/mn_06.png") no-repeat; } #MainNav li.Nav99 a.selected { width: 176px; background: url("../images/main_nav/mn_06_roll.png") no-repeat; } #MainNav li a:hover { background: none; } /* Content Styles */ #MainContent table { width:694x; border: 1px solid #E0E0E0;margin:0px 0px 5px 0px;} #MainContent2 table { width: 550px; border: 1px solid #E0E0E0;margin:0px 0px 30px 0px;} #MainContent td, p td, strong td, h2 td{font-size: 11px !important; font-family:tahoma; font-weight:normal; } #MainContent2 td, p td, strong td, h2 td{font-size: 12px !important; font-family:tahoma; font-weight:normal; } #MainContent td { background-color: #E0E0E0; border: 1px solid white; color: black;padding:4px;} #MainContent2 td { background-color: white; border: 1px solid white; color: black;padding:4px;} #MainContent td strong {color:black;} #MainContent strong {color:black;} #MainContent2 td strong {color:black;} #MainContent2 strong {color:black;} /*#MainContent img { border: 1px solid #E0E0E0; padding: 1px; margin: 6px 16px 8px 0px; float: left; }*/ /* #MainContent ul { margin:10px 0px 10px 20px; padding:0px 0px 0px 0px;} #MainContent li {background-image: url('/images/template/bullet.gif'); background-repeat:no-repeat;list-style:none;background-position: left;padding:0px 0px 2px 15px;} */ #MainContent2 ul { list-style-type: none; list-style-image: url('/images/template/bullet.gif'); /*list-style-position: inside; */ margin:10px 0px 10px 20px; padding:0px; } #MainContent2 li { margin:0px 0px 0px 20px; padding:3px 0px 3px 0px; } .sIFR-hasFlash #MainContent2 h1 { letter-spacing: -0.1em; visibility: hidden; padding: 0px 0px 0px 0px; font-size: 250%; width: 454px; } /* Main Content */ #MainContent2 { width: 642px; float: left; } #MainContent2 .Padding { padding: 0px 32px 0px 32px;} #MainContent2 img { float: left; padding: 1px; border: 1px solid #999997; margin: 8px 15px 7px 0px; } #MainContent2 .PageName { margin: 0px 0px 0px 0px; } /* Redefine underlines for content links */ #MainContent2 a {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent2 a:link {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent2 a:visited {text-decoration:none; border-bottom: 1px solid #666666;} #MainContent2 a:hover {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent2 a:active {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent ul { list-style-type: none; list-style-image: url('/images/template/bullet.gif'); /*list-style-position: inside; */ margin:0px 0px 0px 0px; padding:0px; } #MainContent li { margin:0px 0px 0px 0px; } .sIFR-hasFlash #MainContent h1 { letter-spacing: -0.1em; visibility: hidden; padding: 0px 0px 0px 0px; font-size: 250%; width: 454px; } #imgcontainer {width:694px} /* Main Content */ #MainContent { width: 694px; float: left; } #MainContent .Padding { padding: 0px 32px 0px 32px;} #MainContent img { float: left; padding: 1px; border: 1px solid #999997; margin: 2px 15px 2px 15px; } #MainContent2 img { float: left; padding: 1px; border: 1px solid white; margin: 8px 15px 7px 0px; } #MainContent .PageName { margin: 0px 0px 0px 0px; } /* Redefine underlines for content links */ #MainContent a {text-decoration:none;} #MainContent a:link {text-decoration:none;} #MainContent a:visited {text-decoration:none;} #MainContent a:hover {text-decoration:none;} #MainContent a:active {text-decoration:none;} /* Flash Gallery */ #MainImageBar a {text-decoration: none; font-weight: normal; font-size: 70%; color: white; position: relative; top: 4px; left: 8px; border: none; } #MainImageBar a:link {text-decoration: none; font-weight: normal; font-size: 70%; color: white; position: relative; top: 4px; left: 8px; border: none; } #MainImageBar a:visited {color:white;border:none;} #MainImageBar a:hover {text-decoration:underline;color:white;border:none;} #MainImageBar a:active {text-decoration:none;color:white;border:none;} #MainImage { border: 1px solid white; border-bottom: none; background-color: #000; width: 500px; /* 218 376 */ } #MainImage2 { border: 1px solid white; border-bottom: none; background-color: #000; width: 892px; /* 218 376 */ } #MainImage img { float: none; padding: 0px; border: none; margin: 0px; } #MainImageBar { width: 694px; background-image: url(../images/template/main_img_bar.png); background-repeat: no-repeat; float: left; } #MainImageBar2 { width: 892px; height: 48px; background-image: url(../images/template/main_img_bar2.png); background-repeat: no-repeat; float: left; } #Breadcrumb { color: #CCCCCC; font-size: 65%; position: relative; top: 5px; left: 10px; font-family: verdana; } #Breadcrumb img { border: none; float: none; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 0px; } #Breadcrumb a { position: static; font-size: 100%; font-family:verdana; text-decoration:none; border:0px; border-bottom:0px solid white;} #Breadcrumb a:link { position: static; font-size: 100%; font-family:verdana; text-decoration:none; border:0px; border-bottom:0px solid white;} #Breadcrumb a:visited { position: static; font-size: 100%; font-family:verdana; text-decoration:none; border:0px; border-bottom:0px solid white;} #Breadcrumb a:hover { position: static; font-size: 100%; font-family:verdana; text-decoration:none; border:0px; border-bottom:0px solid white; color:#99FF00;} /* Print Screen / Email a friend */ #Controls { /*background-image: url(../images/template/controls_temp.png);*/ /*width: 297px; */ height: 70px; background-repeat: no-repeat; float: right; position: relative; top: -39px; right: 10px; margin: 0px 0px -70px 0px; padding: 0px 0px 0px 0px; } #Controls .Button { background-image: url(../images/template/control_button.png); background-repeat: no-repeat; height: 29px; width: 127px; } #Controls .Button a { font-size: 70%; font-family: verdana; color: white; text-decoration: none; border: none; position: relative; top: 8px; left: 12px; } #Controls .Button a { border: none; } #Controls .Button a:link { border: none; } #Controls .Button a:visited { border: none; } #Controls .Button a:hover { border: none;text-decoration:underline; } #Controls .ButtonBook { margin: 2px 0px -1px 8px; } #Controls .ButtonEmail { margin: 2px 0px -1px 8px; } /*#Controls img { border: none; float: none; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; }*/ #Controls2 { /*background-image: url(../images/template/controls_temp.png);*/ width: 865px; height: 70px; background-repeat: no-repeat; /*float: right; */ position: relative; top: -19px; right: 1px; margin: 0px 0px -70px 0px; padding: 0px 0px 0px 0px; } #Controls2 .Button { background-image: url(../images/template/control_button.png); background-repeat: no-repeat; height: 29px; width: 127px; } #Controls2 .Button a { font-size: 70%; font-family: verdana; color: white; text-decoration: none; border: none; position: relative; top: 8px; left: 12px; } #Controls2 .Button a { border: none; } #Controls2 .li { border: none; } #Controls2 .Button a:link { border: none; } #Controls2 .Button a:visited { border: none; } #Controls2 .Button a:hover { border: none;text-decoration:underline; } #Controls2 .ButtonBook { margin: 2px 0px -1px 8px; } #Controls2 .ButtonEmail { margin: 2px 0px -1px 8px; } /*#Controls img { border: none; float: none; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; }*/ /* Sub Nav */ #SubNav { width: 210px; float: left; background-image: url(../images/template/nav_panel.png); background-repeat: no-repeat; background-position: top; background-color: black; } #SubNav2 { width: 150px; float: left; background-image: url(../images/template/nav_panel.png); background-repeat: no-repeat; background-position: top; background-color: black; } /* Lets set min height for all those decent browsers.. (Firefox etc AND MacIE5.2?!?!?!) */ #SubNav{ min-height: 800px; } /* Now lets use a backslash hack to STOP IEMac reading our height definition BUT use *html to feed to IE PC */ /* \*/ * html #SubNav{ height: 800px; } /* */ #SubNav .Padding { padding: 10px 0px 20px 10px; } #SubNav h1.SubNav { font-weight: normal; line-height: 115%; font-size: 140%; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; width: 200px; color: white; } #SubNav h2.SubNav { /*font-family: verdana; */ font-weight: bold; line-height: 110%; font-size: 110%; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; width: 180px; color: white; /*background-color: white;*/ padding-left: -10px; } #SubNav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 13px; } #SubNav li { margin: 0px 0px 8px 0px !important; font-size: 13px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; list-style: none; height: 22px; background-image: url(../images/sub_nav/line.gif); background-position: 0px 19px !important; background-position: 0px 20px; background-repeat: no-repeat; } #SubNav li a { color: #CCCCCC; font-weight: normal; font-size: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; text-decoration: none; } #SubNav .ChaletBullet { margin: 5px 5px 0px 0px !important; margin: 6px 2px 0px 0px; float: left; background-image: url(../images/template/bullet_chalet.gif); background-repeat: no-repeat; height: 9px; width: 12px; } #SubNav .ChaletBulletSelected { margin: 5px 5px 0px 0px !important; margin: 6px 2px 0px 0px; float: left; background-image: url(../images/template/bullet_chalet_selected.gif); background-repeat: no-repeat; height: 9px; width: 12px; } #SubNav .BulletSelected { margin: 5px 5px 0px 0px !important; margin: 6px 2px 0px 0px; float: left; background-image: url(../images/template/bullet_arrow_subnav.gif); background-repeat: no-repeat; height: 9px; width: 12px; } #SubNav .GalOpen { font-size: 105%; color: #919191; display:block;} #SubNav span.LinkSelected { color:#99FF00;font-size: 105%; display:block;} #SubNav li a:link { color: #CCCCCC; } #SubNav li a:visited { text-decoration: none; color: #919191; } #SubNav li a:hover { text-decoration: underline; color: #ffffff;} #SubNav li a:active { color:white;} #SubNav li a.LinkSelected:link { color:#99FF00; } #SubNav li a.LinkSelected:visited { color:#99FF00; } #SubNav li a.LinkSelected:hover { color:#99FF00; } #SubNav li a.LinkSelected:active { color:#99FF00; } #ATOL { float: right; margin: 30px 8px 0px 0px; } .NavSpacer { height: 10px; clear: both; } #ContentFooter {width:1024px;height:42px;font-size:70%; } #ContentFooter .padding {padding:20px 32px 0px 32px;} div#nav { width: 805px; /*height: 30px;*/ position: relative; margin-top: 5px; margin-right: 3px; margin-bottom: 5px; margin-left: 5px; text-decoration:none; float: left; /* margin:0px 0 0 0px; font-size: 10px; display: inline; width: 100%; border-bottom: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; */ /*background: #99CC00;*/ } div#nav ul { margin: 0; padding: 0; /*float: left;*/ width: 100%; text-decoration:none; } div#nav li { background: url(/images/main_nav/sub_nav_off.gif); position: relative; list-style: none; margin: 0; float: left; line-height: normal; width: auto; border: 1px solid #555555; text-decoration:none; } div#nav ul.level2 li{width: 13.5em;} /*div#nav li.submenu:hover { background-color: #009CFF; }*/ div#nav li a { display: block; padding: 3px; text-decoration: none; width: auto; color: #22425c; font-weight: bold; /*background: 100% 60% no-repeat;*/ text-transform:uppercase } div#nav li a:hover { background: url(/images/main_nav/sub_nav_on.gif); color: black; border: none; } div#nav li a.last, div#nav li li a, div#nav li li a:hover, div#nav li a.last:hover{ background: none;} div#nav>ul a {width: auto;} div#nav ul ul {position: absolute; width: 20em; display: none;} /*div#nav ul ul li {border-bottom: 1px solid #555555; text-transform: capitalize;}*/ div#nav li.submenu li.submenu{ background: url(/images/main_nav/sub_nav_off.gif); text-transform:uppercase; } div#nav li.submenu li.submenu:hover{ background: url(/images/main_nav/sub_nav_on.gif); text-transform:uppercase; } div#nav li.submenu{ border-bottom: 1px solid #555555; } /* div#nav li.submenu li.submenu { border-bottom: 1px solid #555555; } */ div#nav li li:hover{text-transform:uppercase} div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 { display: block; text-transform:uppercase; } /* div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 { border-top: 1px solid #555555; } */ div#nav li.submenu li.submenu, div#nav li.submenu li.submenu:hover { border-bottom: none; } div#nav ul.level2 { top: 22px; left: -1px; border-left: 1px solid #555555; /* border-right: 1px solid #555555; border-bottom: 1px solid #555555; */ text-transform:uppercase } div#nav ul.level3 { top: -1px; left: 45em; border: 1px solid #555555;text-transform:uppercase} .menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;} .menu ul {padding:0; margin:0;list-style-type: none; } .menu ul li {float:left; margin-right:1px; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#b3ab79;} .menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;} .menu ul li:hover ul li a.hide {background:#dfc184; color:#000;} .menu ul li:hover ul li:hover a.hide {width:150px;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;} .menu ul li:hover ul li a:hover {background:#dfc184; color:#000;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;} .menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;} .menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;} table.footertable td { background-color:lightgrey; font-size: 11px; font-family:arial; border: none;border-bottom:solid white 1px;} table.footertable th { background-color:lightgrey; font-size: 11px; font-family:arial; border: none;border-bottom:solid white 1px;} table.footertable { background-color:lightgray; font-size: 11px; font-family:arial; border: none;border-bottom:solid white 1px;}