/* CSS Document */
html, body { margin: 0; padding: 0; }
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #342800;
background: url(../images/bgBody.jpg) top no-repeat #342800;
}
hr { height: 1px; border: 0; color: #dfdfdf; background-color: #dfdfdf; }
/* Form */
form { padding: 0; margin: 0; }
/* Formatting hack */
.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }
/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }
/* General */
.noborder { border: none; padding: 0; margin: 0; }
a { color: #0000FF; text-decoration: underline; }
a:hover { color: #0066FF; text-decoration: underline; }
.price { color: #FF0000; }
.alignright {float: right; padding: 0 10px 0 0; margin: 0; }
/* Container */
#container {
text-align: left;
width: 998px;
margin: 0 auto;
background: url(../images/bgContainer.png) repeat-y;
}
/* Wrapper */
#wrapper {}
/* Header */
#header { width: 998px; padding: 0; margin: 0 auto; }
#header h1 { font-size: 14px; color: #ffffff; padding: 15px; margin: 0; text-align: center; font-weight: normal; }
/* Banner */
#banner { width: 998px; height: 280px; padding: 0; margin: 0 auto; background: url(../images/banner.png) no-repeat; }
/* Menu */
#menu { float: left; width: 600px; height: 30px; padding: 15px 0 0 40px; margin: 0; background: url(../images/bgMenu.png) no-repeat; font-weight: bold; }
#menu a { color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#menu a:hover { text-decoration: underline; }
/* Content */
#content2 {
width: 928px;
margin: 0 auto;
padding: 0 3px 15px 15px;
}
#content2 h1 { font-size: 22px; padding: 0; margin: 0; }
#content {
float: right;
width: 638px;
margin: 0;
padding: 0 40px 15px 15px;
}
#content p { line-height: 22px; }
#content h1 { font-size: 22px; padding: 0; margin: -25px 0 0 0; z-index: 1; }
#content h2 { font-size: 16px; padding: 0; margin: 15px 0 5px 0; }
#content h3 { font-size: 14px; padding: 0; margin: 15px 0 5px 0; }
#content h4 { color: #0099FF; }
#content ul li, #content ol li { padding: 0 0 7px 0; line-height: 22px; }
#content .favourite { width: 635px; height: 175px; padding: 0; margin: 0 auto; }
#content .box { float: left; width: 178px; height: 169px; background: #b4ab66; padding: 3px; margin-right: 41px; }
#content .last { margin: 0; }
#content .box img { padding: 0; margin: 0; border: none; }
#content .box p { padding: 0 0 0 10px; margin: 0; }
#content .box a { color: #342800; font-weight: bold; text-decoration: none; }
#content .box a:hover { color: #ffffff; }
#content .box span { font-weight: bold; text-decoration: underline; }
#content .result { padding: 0; margin: 0 0 10px 0; border: 1px solid #342800; }
#content .holidayIdeas ul { width: 554px; list-style: none; border: 1px solid #dfdfdf; background: #f6f6f6; padding: 10px; margin: 0 0 25px 15px; }
#content .holidayIdeas ul li { display: inline; padding: 0 5px 0 0; }
#content .holidayIdeas li a, #content .holidayIdeas li a:hover { text-decoration: underline; }
/* HotelClub Search Box */
#content .hotelclubSearchBox { background: url(../images/photos/14.png) no-repeat; width: 635px; height: 300px; padding: 5px 0 0 0; margin: 0; }
#content .hotelclubSearchBox #tblDestination { width: 450px; height: 269px; padding: 0; margin: 0 0 0 15px; }
#content .hotelclubSearchBox #tblDestination h1 { padding: 0; margin: 0; }
#content .hotelclubSearchBox img.book { position: absolute; z-index: 100; margin: 247px 0 0 479px; }
#content .tab, #content .tab-blank { border: none; margin: 10px 0 0 10px; }
#content .c-head { background: none; font-size: 16px; font-weight: bold; }
#content .c-dark { font-weight: bold; }
/* Hotel List */
#content .box1 { width: 635px; background-color: #ffffff; padding: 0 0 5px 0; margin: 5px 0 0 0; }
#content .boxBottom1 { background: none; height: 0px; }
#content .box1 p { padding: 0 10px; margin: 0 0 8px 0; }
#content .box2 { width: 307px; background-color: #ffffff; padding: 0px 5px; margin: 0 auto; font-size: 10px; float:left; position: relative; }
#content .box2 p { padding: 0 10px; margin: 0 0 8px 0; line-height: 14px; }
#content .boxBottom2 { width: 307px; background: none; height: 21px; padding: 0; margin: 0 auto; }
#content .box2 a.hotelname { font-weight: bold; text-decoration: none; color:#0066FF; }
#content .box2 a:hover.hotelname { text-decoration: underline; }
#content .box2 .price { color: #FF0000; font-weight: bold; font-size: 16px; }
#content .box2 .header { width: 307px; padding: 5px 0px; margin: 0; }
#content .box2 .left { width: 542px; padding: 0; margin: 0; float: left; }
* html #content .box2 .left { width: 532px; }
#content .box2 .right { width: 163px; padding: 0 10px 0 0; margin: 0; float: right; text-align: center; }
#content .box2 .col1 { width: 80px; height: 70px; padding: 0 0 0 10px; margin: 0; float:left; position: relative; text-align: center; }
#content .box2 .col2 { width: 137px; padding: 0; margin: 0; float:left; position: relative; }
#content .box2 .col2 p { padding: 0 5px; margin: 0; }
#content .box2 .col3 { width: 80px; padding: 0; margin: 0; float:left; position: relative; text-align: center; }
#content .box2 .col3 p { width: 80px; padding: 0 0 8px 0; margin: 0; }
#content .box3 { width: 635px; padding: 0 0 5px 0; margin: 5px 0 0 0; }
#content .box3 a.more { font-size: 14px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 0; margin: 0; }
#content .box3 a:hover.more { text-decoration: underline; }
#content .box3 .pager { width: 625px; text-align: right; padding: 5px; margin: 0 auto 15px auto; border-bottom: 1px solid #ffffff; }
#content .box3 .pager a { color: #ffffff; background-color:#505050; text-decoration: none; padding: 3px; margin: 0; }
#content .box3 .pager a:hover { color: #505050; background-color:#ffaa4a; text-decoration: none; padding: 3px; margin: 0; }
#content .box3 .pager .pageon { color: #505050; background-color:#ffaa4a; text-decoration: none; font-weight: bold; padding: 3px; margin: 0; }
#content .box3 .order { background-color: #dfdfdf; width: 620px; height: 33px; padding: 13px 0 0 15px; margin: 0 auto; }
#content .box4 { width: 625px; background: url(../images/corners/6.gif) top no-repeat #ffffff; padding: 15px 5px 1px 5px; margin: 5px auto; }
#content .boxBottom4 { width: 625px; background: url(../images/corners/7.gif) bottom no-repeat; height: 21px; padding: 0; margin: 0 auto; }
#content .box4 a.hotelname { font-size: 16px; font-weight: bold; text-decoration: none; color:#0066FF; }
#content .box4 a:hover.hotelname { text-decoration: underline; }
#content .box4 .price { color: #FF0000; font-weight: bold; font-size: 18px; }
#content .box4 .header { width: 605px; padding: 5px 10px; margin: 0; }
#content .box4 .left { width: 442px; padding: 0; margin: 0 0 0 10px; float: left; }
* html #content .box4 .left { width: 432px; }
#content .box4 .right { width: 163px; padding: 0 10px 0 0; margin: 0; float: right; text-align: center; }
/* allow room for 3 columns */
#content .cityBox ul { width: 600px; list-style: none; padding: 0; margin: 0;}
/* float & allow room for the widest item */
#content .cityBox ul li { float: left; width: 175px; line-height: 24px; margin: 0; padding: 0 0 0 25px; background: url(../images/white-arrow.png) left no-repeat; }
#content .cityBox ul li a { text-decoration: none; }
#content .cityBox ul li a:hover { text-decoration: underline; }
/* stop the float */
#content .cityBox br { clear: left; }
/* separate the list from subsequent markup */
#content .cityBox div.wrapper { margin-bottom: 1em; width: 600px; margin: 15px auto 0 auto; padding: 0; }
/* Navigation */
#navigation {
float: left;
width: 280px;
padding: 0 0 0 25px;
margin: -35px 0 0 0;
z-index: 100;
position: relative;
}
#navigation .accom { background: url(../images/bgDest.jpg) no-repeat; width: 257px; height: 338px; padding-left: 15px; margin: 0 auto 10px auto; }
#navigation .accom h1 { font-size: 14px; font-weight: bold; padding-top: 5px; }
#navigation .accom h4 { font-size: 12px; font-weight: bold; padding: 0; margin: 15px 0 0 0; }
#navigation .accom ul { list-style: none; padding: 5px; margin: 0; }
#navigation .accom ul li { background: url(../images/white-arrow.png) left no-repeat; margin: 0 0 5px 0; padding: 0 0 0 25px; }
#navigation .accom ul li a { color: #ffffff; text-decoration: none; }
#navigation .accom ul li a:hover { text-decoration: underline; }
/* Extra */
#extra {
float: left;
width: 280px;
padding: 15px 0 0 25px;
margin: 0;
}
/* Footer */
#footer {
font-size: 10px; width: 998px; height: 50px; padding: 20px 0 0 0; margin: 0 auto; background: url(../images/bgFooter.png) top no-repeat; text-align: center;
}
#footer p { padding: 0 0 8px 0; margin: 0; color: #ffffff; }
#footerAd { position: fixed; display: none; bottom: 0; width: 100%; height: 100px; padding: 0; margin: 0 auto; z-index: 100; background: url(../images/bgFooterAd.jpg) center no-repeat #e5e2cd; }