/* Main Page Stye - Center in browser */ #PageBG { background-image: url(../images/template/bg_1024.gif); background-position: center; background-repeat: repeat-y; } #Page { width: 892px; text-align: left; background-color: White; background-image: url(../images/template/bg_page_1024.gif); background-repeat: repeat-y; } /* 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 { padding-left:20px;} #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 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: 068px; background: url("../images/main_nav/mn_01_roll.png") no-repeat; } #MainNav li.Nav1 a { width: 068px; background: url("../images/main_nav/mn_01.png") no-repeat; } #MainNav li.Nav1 a.selected { width: 068px; background: url("../images/main_nav/mn_01_roll.png") no-repeat; } #MainNav li.Nav2 { width: 163px; background: url("../images/main_nav/mn_02_roll.png") no-repeat; } #MainNav li.Nav2 a { width: 163px; background: url("../images/main_nav/mn_02.png") no-repeat; } #MainNav li.Nav2 a.selected { width: 163px; background: url("../images/main_nav/mn_02_roll.png") no-repeat; } #MainNav li.Nav3 { width: 179px; background: url("../images/main_nav/mn_03_roll.png") no-repeat; } #MainNav li.Nav3 a { width: 179px; background: url("../images/main_nav/mn_03.png") no-repeat; } #MainNav li.Nav3 a.selected { width: 179px; background: url("../images/main_nav/mn_03_roll.png") no-repeat; } #MainNav li.Nav4 { width: 124px; background: url("../images/main_nav/mn_04_roll.png") no-repeat; } #MainNav li.Nav4 a { width: 124px; background: url("../images/main_nav/mn_04.png") no-repeat; } #MainNav li.Nav4 a.selected { width: 124px; background: url("../images/main_nav/mn_04_roll.png") no-repeat; } #MainNav li.Nav5 { width: 175px; background: url("../images/main_nav/mn_05_roll.png") no-repeat; } #MainNav li.Nav5 a { width: 175px; background: url("../images/main_nav/mn_05.png") no-repeat; } #MainNav li.Nav5 a.selected { width: 175px; background: url("../images/main_nav/mn_05_roll.png") no-repeat; } #MainNav li.Nav6 { width: 183px; background: url("../images/main_nav/mn_06_roll.png") no-repeat; } #MainNav li.Nav6 a { width: 183px; background: url("../images/main_nav/mn_06.png") no-repeat; } #MainNav li.Nav6 a.selected { width: 183px; background: url("../images/main_nav/mn_06_roll.png") no-repeat; } #MainNav li a:hover { background: none; } /* Content Styles */ #MainContent table { width: 460px; border: 1px solid #E0E0E0;margin:0px 0px 30px 0px;} #MainContent td { font-size:12px;font-family:tahoma; } #MainContent td { background-color: #E0E0E0; border: 1px solid white; color: black;padding:4px;} #MainContent td strong {color:black;} #MainContent 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;} .sIFR-hasFlash #MainContent h1 { letter-spacing: -0.1em; visibility: hidden; padding: 0px 0px 0px 0px; font-size: 250%; width: 454px; } /* Main Content */ #MainContent { width: 642px; float: left; } #MainContent .Padding { padding: 0px 32px 0px 32px;} #MainContent img { float: left; padding: 1px; border: 1px solid #999997; margin: 8px 15px 7px 0px; } #MainContent .PageName { margin: 0px 0px 0px 0px; } /* Redefine underlines for content links */ #MainContent a {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent a:link {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent a:visited {text-decoration:none; border-bottom: 1px solid #666666;} #MainContent a:hover {text-decoration:none; border-bottom: 1px solid #F70104;} #MainContent a:active {text-decoration:none; border-bottom: 1px solid #F70104;} /* 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: 640px; height: 251px; /* 218 376 */ } #MainImage img { float: none; padding: 0px; border: none; margin: 0px; } #MainImageBar { width: 642px; height: 48px; background-image: url(../images/template/main_img_bar.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: 143px; 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; } /* Sub Nav */ #SubNav { width: 250px; 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 110px 24px; } #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 ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #SubNav li { margin: -2px 0px 8px 0px !important; margin: -4px 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: 105%; 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 {background-image: url(../images/template/footer_content.png);width:892px;height:42px;font-size:70%; } #ContentFooter .padding {padding:20px 32px 0px 32px;} body { margin: 0px; padding: 0px;font-family:arial, verdana; } /* Generic classes */ .ScreenReaderOnly { position: absolute; top: -1000px; left: -1000px; } img { border: none; } /* Main Page Stye - Center in browser */ #Page { width: 770px; text-align: left; margin: 0px auto 0px auto; background-color: #fff; } #Header .SearchBox { display: none; } /* Main Navigation */ #MainNav{ display:none;} #SubNav {display:none;} /* Footer */ #Footer {display:none; } object {height:250px;width:640px;} #Breadcrumb {display:none;} #ContentFooter {display:none;} #Controls {display:none;} .Telephone {display:none;} .ContactUs { display: block; } div {width:auto;}