/* CSS Document */ body { font-family: Verdana,Trebuchet MS, Helvetica, Geneva, sans-serif; /*background:url(../imgs/bg2b.gif) top center repeat-y; background-color: #fff;*/ color: #000000; } body { background:url(../imgs/bg2-red-final.gif) top center repeat; } #body1 { } #body1.IE { zoom: 1; } #wrapper { width:760px; margin:0 auto;} #middle2R p {font-size: 75%;color: black; margin:0.6em 0; line-height:1.2em;} #middle2R ol,ul { font-size: 75%; list-style-type: none;} .bulletlist { } .bulletlist li ul { font-size: 80%; } .bulletlist li { margin-left:10px; padding-left: 16px; background: url(../imgs/starb.gif) no-repeat 0 50%; } #middle2R a:link, #middle2R a:visited, #middle2R a:active { color: #b12201; text-decoration:underline; } #middle2R a:hover { color: #b12201; text-decoration:none; } .redhighlight {color:#b12201; font-weight:bold;} /* Standard */ .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;} a img {border:0;} h1 {font-size: 110%; color: #776341; text-transform: capitalize; margin:0 0 5px 0; padding:0 0 5px 0; font-weight:bold;} h2 {font-size: 85%; color: #776341; text-transform: capitalize; margin:5px 0; padding:5px 0; font-weight:bold; letter-spacing:-1px; } h3 {font-size: 80%; color: #000; text-transform: capitalize; margin:5px 0; padding:5px 0; font-weight:bold; letter-spacing:-1px; } #nocol p.notice { font-size: 10px; color: #999; } #header {position:relative; height:75px; /*background-image: url(../imgs/header-bg.gif);*/ background-repeat: repeat-x; background-position: bottom left; background-color: #fff;} .W3C #header {min-height:75px;} .IE #header {height:75px;} /* #header h1 {text-indent: -1200em; overflow: hidden; background: url(../imgs/logo.gif) no-repeat; height: 69px; width: 451px; margin:0;padding:0 ;}*/ #header h1 {display: none;} #header h1 span { font-size:14px; } #header .vbritain {position:absolute; top:8px; right:0;} #theheart {position:relative; height:60px; background-image: url(../imgs/pin-bg.gif); background-repeat: repeat; background-position: top left; background-color: #fff;} .W3C #theheart {min-height:60px;} .IE #theheart {height:60px;} #theheart h2 { position:absolute; top:18px; left:0; z-index:100; text-indent: -1200em; overflow: hidden; background: url(../imgs/the-heart.gif) no-repeat; height: 27px; width: 143px; margin:0;padding:0;} .rboxtop {margin-top:4px;} .rboxheader {position:relative; background-color:#b4a88a; height:31px; line-height:31px; color:brown;} .bookonline h2 {text-indent: -1200em; overflow: hidden; background:url(../imgs/titles/book-online.gif) no-repeat top left #b4a88a; height: 31px; width: 160px; margin:0;padding:0 ;} .contactus h2 {text-indent: -1200em; overflow: hidden; background:url(../imgs/titles/contact-us.gif) no-repeat top left #b4a88a; height: 31px; width: 120px; margin:0;padding:0 ;} .callback h2 {text-indent: -1200em; overflow: hidden; background:url(../imgs/titles/callback.gif) no-repeat top left #b4a88a; height: 31px; width: 160px; margin:0;padding:0 ;} .corpbooking h2 {text-indent: -1200em; overflow: hidden; background:url(../imgs/titles/corp-booking.gif) no-repeat top left #b4a88a; height: 31px; width: 160px; margin:0;padding:0 ;} .rboxcontent {margin-top:1px; background:url(../imgs/bg_corner_bottomright.gif) no-repeat bottom right #d9cfc0; padding:5px 0 5px 12px;/*padding:5px 0 5px 12px;*/} .rboxcontent p {font-size: 70%; color: #776341; line-height:15px; padding:4px 0;} .rboxcontent a:link, .rboxcontent a:visited, .rboxcontent a:active { color: #b12201; text-decoration:underline; } .rboxcontent a:hover { color: #b12201; text-decoration:none; } .rboxcontentb {margin-top:1px; background:url(../imgs/bg_corner_bottomright.gif) no-repeat bottom right #d9cfc0; padding:5px 0 5px 0;/*padding:5px 0 5px 12px;*/} .rboxcontentb p {font-size: 70%; color: #776341; line-height:15px;} #RezForm p {line-height:20px;} #RezForm label { width: 92px; float: left; text-align: right; margin-right: 0.5em; display: block; clear:both; } #RezForm input, #RezForm select { /*height:16px;*/ color: #776341; background: #ede7dd; border: 1px solid #776341; } #RezForm .submit input { margin-left: 70px; width:108px; color: #fff; background: #776341; border: 2px outset #ede7dd; } .specials img {margin:10px 0 0 0 ;padding:0 ;} .specials a {} #siteby {font-size:10px; text-align:right; margin-top:10px; color:#b4a88a; padding-right:5px;} #siteby a:link, #siteby a:visited, #siteby a:active { color: #b4a88a; text-decoration:underline; } #siteby a:hover { color: #b4a88a; text-decoration:none; } #footer {border-top:solid 1px #b12201; font-size:70%; text-align:center; color:#b4a88a; padding-top:4px; margin-top:12px;} #footer a:link, #footer a:visited, #footer a:active { color: #b4a88a; text-decoration:underline; } #footer a:hover { color: #b4a88a; text-decoration:none; } #wrapperContent {width:760px;} /* OTHER CONTENT */ #mainphotohome {position:relative; height:295px; background:url(../imgs/headers/11.jpg) top left no-repeat;} #mainphotocaferouge {position:relative; height:295px; background:url(../imgs/headers/caferouge.jpg) top left no-repeat;} #mainphotoran {position:relative; height:295px; background:url(../imgs/headers/header-random.php) top left no-repeat;} #mainphoto-twin {position:relative; height:295px; background:url(../imgs/headers/rooms/twin/header-random.php) top left no-repeat;} #mainphoto-double {position:relative; height:295px; background:url(../imgs/headers/rooms/double/header-random.php) top left no-repeat;} .topleft {width:10px; height:10px; position:absolute; top:0; left:0; z-index:100; background:url(../imgs/bg_corner_topleft.gif) no-repeat; margin: -1px 0 0 -1px; } .W3C .bottomright {width:10px; height:10px; position:absolute; z-index:100; background:url(../imgs/bg_corner_bottomright.gif) no-repeat; margin: -1px -1px 0 0 ; } .IE .bottomright {width:10px; height:10px; position:absolute; z-index:100; background:url(../imgs/bg_corner_bottomright.gif) no-repeat; margin: -1px -1px 0 0 ; } .W3C .brphoto {top:286px; left:551px;} .IE .brphoto {top:286px; left:549px;} .W3C .brrightside { top:82px; right:0px;} .IE .brrightside {top:14px; right:0px;} .redline {height:8px; background-color:#b12201; margin:3px 0; font-size:1px; line-height:0;} .testimonialt {padding:15px 50px 0 50px; text-align:justify;} .testimonialb {padding:0 50px 15px 50px; text-align:right;} /* 2Colum R */ #right2R { float:right; width:192px; margin:0; padding:0;} #middle2R {margin:0 198px 0 0 ;} /*#middle2R {margin:0 198px 0 0 ;}*/ .W3C #middle2R {min-height:350px;} .IE #middle2R {height:350px;} /* .column-in2R {margin:0; padding: 0 0 0 0;} */ /* 2Colum L */ #left2L { float:left; margin:0; padding:0 6px 0 0 ;} .W3C #left2L {width:280px;} .IE #left2L {width:274px;} #middle2L {margin:0 0 0 294px;} .column-in2L {margin:0; padding: 0 0 0 0;} /* no colum */ #nocol {padding: 0 6px 0 0;} /* 3Colum */ #left3 { float:left; width:180px; margin:0; padding:0;} #right3 {float:right; width:190px; margin:0; padding:0;} #middle3 {margin:0 190px 0 180px;} .column-in3 {margin:0; padding: 0 15px;} /* 3Colum even */ #left3e { float:left; width:225px; margin:0; padding:0;} #right3e {float:right; width:225px; margin:0; padding:0;} #middle3e {margin:0 225px;} .column-in3e {margin:0; padding: 0 10px;} /* 2Colum L w*/ #left2Lw { float:left; width:275px; margin:0; padding:0;} #middle2Lw {margin:0 0 0 275px;} .column-in2Lw {margin:0; padding: 0 0 0 20px;} /* 2Colum L w2*/ #left2Lw2 { float:right; width:210px; margin:0; padding:0;} #middle2Lw2 {margin:0 210px 0 0 ;} .column-in2Lw2 {margin:0; padding: 0 20px 0 0;} /* 2Colum Even */ #left2E { float:left; width:350px; margin:0; padding:0;} #middle2E {margin:0 0 0 350px;} .column-in2E {margin:0; padding: 0 0 0 20px;} /* MENU */ #menu {position:relative;background-image: url(../imgs/pin-bg.gif); background-repeat: repeat; background-position: top left; background-color: #fff;} #menu ul { margin:0; padding: 0 ; list-style:none;} #menu li { margin:0; padding: 0 ; } #menu li a {text-indent: -1200em; overflow: hidden; display: block; width:193px; text-decoration: none; vertical-align: bottom; /* This fixes the IE5 Win gap! */} #menu a.home, #menu a.rooms, #menu a.facilities, #menu a.about, #menu a.gallery, #menu a.contact, #menu a.localarea, #menu a.caferouge {height: 35px;} #menu a.twin, #menu a.double, #menu a.tariffs, #menu a.corporate, #menu a.weddings, #menu a.gettingsround, #menu a.attractions, #menu a.gettingaround, #menu a.restaurants, #menu a.shops,#menu a.caferougemenu {height: 25px;} #menu a.home:link, #menu a.home:visited, #menu a.home:active { background:url(../imgs/menu/home.gif) 0 -35px no-repeat;} #menu a.home:hover { background:url(../imgs/menu/home.gif) 0 0 no-repeat;} #menu ul #home { background:url(../imgs/menu/home.gif) 0 -70px no-repeat;} #menu a.rooms:link, #menu a.rooms:visited, #menu a.rooms:active { background:url(../imgs/menu/rooms.gif) 0 -35px no-repeat;} #menu a.rooms:hover { background:url(../imgs/menu/rooms.gif) 0 0 no-repeat;} #menu ul #rooms { background:url(../imgs/menu/rooms.gif) 0 -70px no-repeat;} #menu a.twin:link, #menu a.twin:visited, #menu a.twin:active { background:url(../imgs/menu/twinroom.gif) 0 -45px no-repeat;} #menu a.twin:hover { background:url(../imgs/menu/twinroom.gif) 0 -10px no-repeat;} #menu ul #twin { background:url(../imgs/menu/twinroom.gif) 0 -80px no-repeat;} #menu a.double:link, #menu a.double:visited, #menu a.double:active { background:url(../imgs/menu/doubleroom.gif) 0 -45px no-repeat;} #menu a.double:hover { background:url(../imgs/menu/doubleroom.gif) 0 -10px no-repeat;} #menu ul #double { background:url(../imgs/menu/doubleroom.gif) 0 -80px no-repeat;} #menu a.tariffs:link, #menu a.tariffs:visited, #menu a.tariffs:active { background:url(../imgs/menu/tariffs.gif) 0 -45px no-repeat;} #menu a.tariffs:hover { background:url(../imgs/menu/tariffs.gif) 0 -10px no-repeat;} #menu ul #tariffs { background:url(../imgs/menu/tariffs.gif) 0 -80px no-repeat;} #menu a.facilities:link, #menu a.facilities:visited, #menu a.facilities:active { background:url(../imgs/menu/facilities.gif) 0 -35px no-repeat;} #menu a.facilities:hover { background:url(../imgs/menu/facilities.gif) 0 0 no-repeat;} #menu ul #facilities { background:url(../imgs/menu/facilities.gif) 0 -70px no-repeat;} #menu a.corporate:link, #menu a.corporate:visited, #menu a.corporate:active { background:url(../imgs/menu/corporate.gif) 0 -45px no-repeat;} #menu a.corporate:hover { background:url(../imgs/menu/corporate.gif) 0 -10px no-repeat;} #menu ul #corporate { background:url(../imgs/menu/corporate.gif) 0 -80px no-repeat;} #menu a.weddings:link, #menu a.weddings:visited, #menu a.weddings:active { background:url(../imgs/menu/weddings.gif) 0 -45px no-repeat;} #menu a.weddings:hover { background:url(../imgs/menu/weddings.gif) 0 -10px no-repeat;} #menu ul #weddings { background:url(../imgs/menu/weddings.gif) 0 -80px no-repeat;} #menu a.about:link, #menu a.about:visited, #menu a.about:active { background:url(../imgs/menu/about.gif) 0 -35px no-repeat;} #menu a.about:hover { background:url(../imgs/menu/about.gif) 0 0 no-repeat;} #menu ul #about { background:url(../imgs/menu/about.gif) 0 -70px no-repeat;} #menu a.gallery:link, #menu a.gallery:visited, #menu a.gallery:active { background:url(../imgs/menu/gallery.gif) 0 -35px no-repeat;} #menu a.gallery:hover { background:url(../imgs/menu/gallery.gif) 0 0 no-repeat;} #menu ul #gallery { background:url(../imgs/menu/gallery.gif) 0 -70px no-repeat;} #menu a.contact:link, #menu a.contact:visited, #menu a.contact:active { background:url(../imgs/menu/contact.gif) 0 -35px no-repeat;} #menu a.contact:hover { background:url(../imgs/menu/contact.gif) 0 0 no-repeat;} #menu ul #contact { background:url(../imgs/menu/contact.gif) 0 -70px no-repeat;} #menu a.localarea:link, #menu a.localarea:visited, #menu a.localarea:active { background:url(../imgs/menu/localarea.gif) 0 -35px no-repeat;} #menu a.localarea:hover { background:url(../imgs/menu/localarea.gif) 0 0 no-repeat;} #menu ul #localarea { background:url(../imgs/menu/localarea.gif) 0 -70px no-repeat;} #menu a.shops:link, #menu a.shops:visited, #menu a.shops:active { background:url(../imgs/menu/shops.gif) 0 -45px no-repeat;} #menu a.shops:hover { background:url(../imgs/menu/shops.gif) 0 -10px no-repeat;} #menu ul #shops { background:url(../imgs/menu/shops.gif) 0 -80px no-repeat;} #menu a.gettingsround:link, #menu a.gettingsround:visited, #menu a.gettingsround:active { background:url(../imgs/menu/gettingsround.gif) 0 -45px no-repeat;} #menu a.gettingsround:hover { background:url(../imgs/menu/gettingsround.gif) 0 -10px no-repeat;} #menu ul #gettingsround { background:url(../imgs/menu/gettingsround.gif) 0 -80px no-repeat;} #menu a.attractions:link, #menu a.attractions:visited, #menu a.attractions:active { background:url(../imgs/menu/attractions.gif) 0 -45px no-repeat;} #menu a.attractions:hover { background:url(../imgs/menu/attractions.gif) 0 -10px no-repeat;} #menu ul #attractions { background:url(../imgs/menu/attractions.gif) 0 -80px no-repeat;} #menu a.gettingaround:link, #menu a.gettingaround:visited, #menu a.gettingaround:active { background:url(../imgs/menu/gettingaround.gif) 0 -45px no-repeat;} #menu a.gettingaround:hover { background:url(../imgs/menu/gettingaround.gif) 0 -10px no-repeat;} #menu ul #gettingaround { background:url(../imgs/menu/gettingaround.gif) 0 -80px no-repeat;} #menu a.restaurants:link, #menu a.restaurants:visited, #menu a.restaurants:active { background:url(../imgs/menu/restaurants.gif) 0 -45px no-repeat;} #menu a.restaurants:hover { background:url(../imgs/menu/restaurants.gif) 0 -10px no-repeat;} #menu ul #restaurants { background:url(../imgs/menu/restaurants.gif) 0 -80px no-repeat;} #menu a.caferouge:link, #menu a.caferouge:visited, #menu a.caferouge:active { background:url(../imgs/menu/caferouge.gif) 0 -35px no-repeat;} #menu a.caferouge:hover { background:url(../imgs/menu/caferouge.gif) 0 0 no-repeat;} #menu ul #caferouge { background:url(../imgs/menu/caferouge.gif) 0 -70px no-repeat;} #menu a.caferougemenu:link, #menu a.caferougemenu:visited, #menu a.caferougemenu:active { background:url(../imgs/menu/caferougemenu.gif) 0 -45px no-repeat;} #menu a.caferougemenu:hover { background:url(../imgs/menu/caferougemenu.gif) 0 -10px no-repeat;} #menu ul #caferougemenu { background:url(../imgs/menu/caferougemenu.gif) 0 -80px no-repeat;} /* MENU END */ /* other bits*/ form {margin:0; padding:0;} input, select, textarea {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif; font-size:90%;} fieldset, label {border:0; font-size:90%;padding:0; margin:0;} form table {font-size:90%;} legend {color:#000;} .altLink a:link, .altLink a:visited, .altLink a:active { color: black; text-decoration:underline; } .altLink a:hover { color: #660000; text-decoration:none; } #tenquiryForm input, #tenquiryForm select, #tenquiryForm textarea {width:140px;} /*.linkslist ul { margin:0; padding: 0 ; list-style:none; float:left; width:260px; padding-right:10px;} .linkslist li { margin:0; padding:4px 0 4px 10px; } .linkslist li ul li { margin:0; padding:0 0 0 10px; } .linkslist .btitle {font-size:105%; color:#776341; font-weight:bold; padding:8px 0 4px 0;} */ .linkslist {font-size: 100%; } .linkslist ul { float:left; width:260px; padding-right:10px;} .linkslist .btitle {font-size:105%; color:#776341; font-weight:bold; padding:8px 0 4px 0;} .linkslist li ul {font-size: 90%; } .linkslist li ul li {padding:4px 0 4px 16px;} .gallerythumb {width:100px; height:100px; float:left; border:#776341 solid 1px; overflow:hidden;} .W3C .gallerythumb {margin:15px;} .IE .gallerythumb {margin:14px;} .gallerythumb img {margin:-50px 0 0 -50px} .weather { position:relative; float:right; width:225px; font-size:70%; padding:6px; margin-left:5px; background:url(../imgs/bg_corner_bottomright.gif) no-repeat bottom right #ccc;} .weather img {float:left; padding-right:5px;} .semail {font-size:80%;} .titlecon p {margin:0;padding:0;} .calPage {float:left; position:relative; color: #BDBDBD; font-size: 8px; text-shadow: #fff 1px 1px 1px; background: url(../imgs/deco-date1.gif) 0 0 no-repeat; text-align: center; text-transform: uppercase; line-height: 1; margin-top: 0; width: 35px; padding-top: 5px; margin-right: 5px; } .calPage .day { position:relative; display: block; font-weight: bold; font-size: 16px; text-indent: -3px; letter-spacing: -2px; color: #666; text-shadow: #bbb 2px 2px 0; background: url(../imgs/deco-date2.gif) bottom left no-repeat; padding-bottom: 5px;} .calPage {margin-bottom: 1em; font-size: 9pt; color: #000;} .pdfLink { padding: 3px 20px 3px 0; background: url(../imgs/pdfIcon.gif) no-repeat center right ; color: #555; text-decoration: none; } .W3C .pdfLink { min-height: 16px; color: #555 } .IE56 .pdfLink { height: 16px; color: #555} /* Gallery 2 */ #thumbs a:hover {/*text-decoration: none; background-color:none;*/ } #thumbs { padding: 0; } #thumbs .thumb_row {width:552px; padding: 5px 0;} .W3C #thumbs .thumb_row { min-height: 165px;} .IE56 #thumbs .thumb_row { height: 160px;} #thumbs .thumb {float: left; font-family: verdana, arial, hevetica, sans-serif; font-size: 9px; line-height: 130%; background:white; border:4px solid #f6f6f6;} .W3C #thumbs .thumb { width: 154px; margin:0 11px; } .IE56 #thumbs .thumb { width: 154px; margin:0 8px;} #thumbs .border1 {border:1px solid #ccc;padding: 0px 4px 4px 4px;} #thumbs .thumb_img {text-align: center; padding-top: 7px;} .W3C #thumbs .thumb_img { width: 145px; min-height: 90px;} .IE56 #thumbs .thumb_img { width: 140px; height: 85px;} #thumbs li.price{ text-align:center; padding: 0;} .menuNav {text-align:center; width:720px;} .W3C .menuNav { min-height: 40px;} .IE56 .menuNav { height: 40px;} /* GALLERY extra Form */ .highslide { cursor: url(../js/highslide/graphics/zoomin.cur), pointer; outline: none; } .highslide img { border: 2px solid gray; } .highslide:hover img { border: 2px solid white; } .highslide-image { border: 2px solid white; } .highslide-image-blur { } .highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; } .highslide-loading { display: block; color: white; font-style: 'MS Sans Serif'; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; /* padding-left: 22px; background-image: url(highslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-display-block { display: block; } .highslide-display-none { display: none; } /* GALLERY END Form */ #tariffstable, #tariffstable2 {width:100%;} #tariffstable em, #tariffstable2 em { font-weight: bold; color: #b12201; font-style: normal;} #tariffstable th, #tariffstable2 th {padding: 2px;text-align:left; font-weight:bold; border-bottom:2px solid #555555;} #tariffstable td, #tariffstable2 td {padding: 2px; border-bottom:1px solid #555555;} #training .c1 {width:23%; font-weight:bold;} #training .c2 {width:22%;} #training .c3 {width:19%;} #training .c4 {width:21%;} #training .c5 {width:15%;} #training .positiontitle {font-weight:bold; color:#37a000;}