* {
padding: 0;
margin: 0;
}

body {
background: #e0e0e0;
font: 0.75em arial, verdana, sans-serif;
text-align: center;
}

/****** HACKS ETC ******/

/* floats */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}

/****** DEFAULT LINKS/FORMS ******/

a {
color: #000000;
}

a:hover {
color: #FF0000;
}

fieldset, input, textarea, select {
border: 1px solid #a1a1a1;
}

fieldset {
margin-top: 15px;
}

/*ENTRIES */
.contentBoxLong {
margin-top: 4px;
}

.contentBoxHeader {
background: url(../images/curl-green.png) no-repeat top right;
border-left: 1px solid #797979;
border-bottom: 1px solid #797979;
padding: 3px 2px 3px 2px;
font-weight: bold;
font-size: 1.17em;
}

.contentBoxHeaderRed {
background: url(../images/curl-yellow.png) no-repeat top right;
}

.contentBoxHeader h2 {
float: right;
text-align: right;
width: 55%;
}

.contentBoxHeader div {
float: left;
width: 45%;
}

.lRedB { background: url(../images/curl-light-red.png) no-repeat top right; }
.dRedB { background: url(../images/curl-dark-red.png) no-repeat top right; }


.contentBoxContent {
border-left: 1px solid #797979;
border-right: 1px solid #797979;
border-bottom: 1px solid #797979;
background: #F5F5F5 url(../images/top-fade.png) repeat-x top left;
}

.enterDates {
margin-left: 5px;
}

form.entryRoomfinderTop, form.entryRoomfinderMap { font-size: 10px; white-space: nowrap;}
select.entryRoomfinderDayTop, select.entryRoomfinderDayMap { width: 38px; font-size: 10px; margin-left: 5px; }
select.entryRoomfinderMonthTop, select.entryRoomfinderMonthMap { font-size: 10px; margin: 0 5px 0 3px; }
input.entryRoomfinderNightsTop, input.entryRoomfinderNightsMap { width: 18px; font-size: 12px; margin-left: 1px; }
select.entryRoomfinderCurrencyTop, select.entryRoomfinderCurrencyMap { font-size: 10px; margin-left: 3px; }
input.entryRoomfinderSubmitTop, input.entryRoomfinderSubmitMap { font-size: 10px; margin-left: 3px; width: 65px; padding: 0;}

select.entryRoomfinderDay { width: 45px;}
select.entryRoomfinderMonth, select.entryRoomfinderCurrency { margin-right: 15px; }
input.entryRoomfinderNights { width: 18px; margin-right: 15px;}
input.entryRoomfinderSubmit {}

form.orderByTop { font-size: 10px; }
select.orderBy { font-size: 10px; }
input.orderBySubmit { font-size: 10px; margin-right: 5px; }

#optionsDropdown {
margin-bottom: 15px;
}

input#viewAllHotels {
font-size: 10px;
margin-left: 5px;
}

.entry {
position:relative;
}

.entryThumbnail {
position: relative;
width: 157px !important;
width: 154px;
float: left;
text-align: right;
overflow: hidden;
}

.entryContentContainer {
position:relative;
margin-left: 157px !important;
margin-left: 154px;
padding: 3px 0 0 3px;
}

.entryContent {
float: right;
width: 100%;
}

.entryThumbnail img {
border: 1px solid #797979;
margin: 2px 0 2px 2px;
}

.contentBoxHeader h2 {
display: inline;
font-size: 1.00em;
color: #5E5E5E;
}

.contentBoxHeader h2 a:link, .contentBoxHeader h2 a:visited { color: #0000FF; text-decoration: none; }
.contentBoxHeader h2 a:hover { text-decoration: underline; }

.hotelNameLeft {
width: 82%;
float: left;
}

.starRight {
width: 18%;
float: right;
text-align: right;
}

.starRight img {
padding-right: 3px;
}

.entryContent h3, .hotelNameLeft p {
display: inline;
font-size: 1.17em;
margin-top: 0;
font-weight: bold;
}

.viewOnMap, .viewOnMapPlc {
border: none;
margin: 2px 2px;
vertical-align: middle;
}

.viewOnMapPlc {
margin: 0 0 0 14px;
}

.writeAReview {
border: none;
margin: 2px 2px;
vertical-align: middle;
}

.rating {
margin: 0 5px 0 0;
font-size: 0.75em;
}

.rating strong {
font-size: 1.5em;
}

.rating img {
vertical-align: middle;
}

.entryReviews img {
vertical-align: bottom;
}

span.location {
display: block;
font-size: 0.83em;
text-align: right;
padding: 0 0 2px 2px;
}

input.bookNowIcon, input.bookNowIcon2 {
margin: 3px;
border: none;
}

form.affButton, form.dateSelection, form.enquireOnline {
display: inline;
}

div.bookingOptions {
float: right;
text-align: right;
}

input.enquireOnlineIcon {
margin: 3px;
border: none;
}

span.entryAddress {
display: block;
font-size: 0.83em;
padding: 0;
}

span.entryPrice, span.entryPrice2 {
display: block;
color: #009900;
font-weight: bold;
margin-top: 5px;
cursor: help;
}

p.entryCaption {
margin: 10px 0 0 0;
line-height: 17px;
}

p.entryCaption a:link, p.entryCaption a:visited { color: #0000FF; font-weight: bold; text-decoration: none; }
p.entryCaption a:hover { text-decoration: underline; }

.entryReviewsCaption {
margin-top: 15px;
font-size: 0.83em;
float: left;
width: 39%;
}

.entryRoomfinder {
padding: 10px 3px 5px;
text-align: right;
background: #FFFFA8;
border-top: 1px dashed #797979;
}

.entryRoomfinder input, .entryRoomfinder select {
border: 1px solid #000000;
font-size: 10px;
padding: 2px;
}

.entryRoomfinder strong {
color: #009933;
}

.entryLinks img {
padding-right: 7px;
vertical-align: middle;
}

.entryReviews {
padding: 2px;
}

.roomfinderResults {
padding: 2px;
margin-top: 10px;
}

.entryReviews p {
margin: 7px 0 7px;
line-height: 15px;
}

.rfTable {
width: 90%;
border-collapse: collapse;
margin: 10px auto 10px auto;
}

.rfTable td {
padding: 4px 0 4px;
}

.rfTable tr.extraLinksHeading td {

}

.rfTable  tr.extraLinksHeading p {
font-size: 0.83em;
border-top: 1px dashed #797979;
text-align: center;
margin: 15px 0 0;
}

.rfTable  tr.extraLinksHeading p  span {
position: relative;
top: -11px;
background: #F5F5F5;
}

.rfCol1 {width: 27%; text-align: right;}
.rfCol1 img {padding-right: 10px;}
.rfCol2 {width: 15%; text-align: right;}
.rfCol3 {width: 8%; text-align: center;}
.rfCol4 {width: 15%; text-align: right;}
.rfCol5 {width: 8%; text-align: center;}
.rfCol6 {width: 27%; text-align: right; white-space: nowrap;}
.rfCol6 a:link, .rfCol6 a:visited { color: blue; }
.rfCol6 a:hover { color: red; }
.rfCol6  sup a:link, .rfCol6  sup a:visited { color: black; }

th.shade {
background: #ABABAB;
}

img.loading, img.loadingSmall {
vertical-align: middle;
border: none;
}

/*SEARCH BANNER */
.searchBanner {
background: #f5f5f5 url(../images/search-banner.png);
width: 729px;
height: 66px;
margin: 15px auto 15px;
}

.searchBannerContainer {
text-align: center;
padding-top: 13px
}

.searchBanner .searchBannerText {
font-size: 1.67em;
text-align: center;
width: 300px;
padding: 2px;
}

.searchBanner .searchBannerSubmit {
border: none;
vertical-align: middle;
margin-left: 10px;
}

/*FORM LAYOUT */
table.standardForm {
width: 100%;
}

table.standardForm input, table.standardForm textarea, table.standardForm select {
padding: 1px;
width: 175px;
}

table.standardForm textarea.large {
width: 335px;
height: 90px;
}

table.standardForm select.tiny {
width: 55px;
}

table.standardForm input.submit{
width: 100px;
}

table.standardForm input.noWidth{
width: 25px;
}

table.standardForm input.gap {
margin-right: 15px;
}

table.standardForm td {
padding-bottom: 2px;
}

table.standardForm td.leftCell {
width: 40%;
text-align: right;
}

table.standardForm td.rightCell {
width: 60%;
padding-left: 10px;
}

/****** GLOBAL ******/

h1 {
font-size: 1.33em;
}

h2 {
font-size: 1.17em;
}

.floatLeft {
width: 60%;
float: left;
}

.floatRight {
width: 40%;
float: right;
text-align: right;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.small{
font-size: 0.83em;
}

.top {
vertical-align: top;
}

.middle {
vertical-align: middle;
}

.red {
color: #ff0000;
}

.green {
color: #009900;
}

.grey {
color: #636363;
}

.top {
margin-top: 0px;
}

.alert {
color: #ff0000;
font-weight: bold;
border: 2px solid #ff0000;
padding: 2px;
margin-bottom: 3px;
}

img.right {
float: right;
border: 1px solid #a1a1a1;
margin-left: 2px;
}

img.left {
float: left;
border: 1px solid #a1a1a1;
margin-right: 2px;
}

img.center {
display: block;
margin: 0 auto;
border: 1px solid #a1a1a1;
margin-top: 15px;
}

.noBorder {
border: none;
}

img.instructions {
margin-bottom: 15px;
}

p.clearright, p.clearRight {
clear: right;
}

p.clearleft, p.clearLeft {
clear: left;
}

.block {
display: block;
}

.poster {
color: #787878;
font-style: italic;
display: block;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.help {
cursor: help;
}

.addGap {
margin-bottom: 7px;
text-align: center;
}

.gap {
margin-right: 15px;
}

.gapleft {
margin-left: 12px;
}

.greenbut {
background: #009900;
color: #ffffff;
border: 1px solid #a1a1a1;
}

.priceNotice, .mapAlert {
background: #FFFFCC;
padding: 2px 0 2px 0;
border: 1px dashed #a1a1a1;
text-align: center;
}

.noWrap {
white-space: nowrap;
}

ul {
margin: 8px 0 0 20px;
}

ul.discBullet {
list-style-type: disc;
}

ul.squareBullet {
list-style-type: square;
}

ul.numberBullet {
list-style-type: decimal;
}

ul.alphaBullet {
list-style-type: upper-latin;
}

blockquote {
margin: 15px 20px 0 20px;
padding: 3px 3px 15px 3px;
border: 1px dashed #a1a1a1;
background: #B0CDCF;
}

/* autocompletion  */

div.autocomplete {
position: absolute;
width: 300px;
background-color: #ffffff;
border: 1px solid  #a1a1a1;
margin: 0px;
padding: 0px;
}

div.autocomplete ul {
list-style-type:none;
margin:0px;
padding:0px;
}

div.autocomplete ul li.selected {
background-color: #AAC9CB;
}

div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:5px;
cursor:pointer;
}

/* popup div */
div#divAlert {
width: 400px;
height: 200px;
border: 5px solid #000;
background: #558B59;
padding: 3px;
color: #F5F5F5;
}

div#divAlert .closeDivAlert {
position: absolute;
top: 3px;
right: 3px;
cursor: hand;
}

input.closeDivSubmit {
position: absolute;
bottom: 0px;
right: 0px;
border: none;
}

/* contact tooltip */

#contactPopUp p {
margin: 2px 0 2px;
}

#contactPopUp textarea {
width: 235px;
}

/* top RF bar */
.trTop {
position:relative;
margin-bottom: 15px;
}

.rfTopLeft {
position: relative; /*ie needs this to show float */
background: url(../images/my-stay-dates.png) no-repeat top left;
width: 146px;
height:44px;
float: left;
}

.rfTopRight {
position:relative;/*ie needs this to show float */
margin-left: 146px;
}

.rfTopRightInner {
float: right;
width:100%;
}

.rfTopRightInner  .topCurl {
margin-top: 5px;
background: url(../images/curl.png) no-repeat top right;
height: 8px;
font-size: 0px;
}

.rfTopRightInner  .middleCurl {
padding-right: 5px;
border-right: 1px solid #797979;
background: #aac9cb;
text-align: right;
height: 26px;
line-height: 26px;
}

.rfTopRightInner  .bottomCurl {
background: url(../images/curl.png) no-repeat bottom right;
height: 4px;
font-size: 0px;
}

.clearDates, .entryRoomfinderTop {
display: inline;
}

div#shortlist div.contentBoxHeader {
cursor: move;
}

/* calendar */

.calendars {
margin: 0.75em 0.5em 0.75em 0.5em;
}

.month-select {
float: right;
}

.calendar-availability {
display: inline;
margin-right: 0.5em;
}

.calendar-availability th {
text-align: center;
font-weight: normal;
}

.calendar-availability td {
color: #fff;
text-align: center;
}

.calendar-availability .red {
background: #FF9999;
}

.calendar-availability .green {
background: #CCFF99;
}

.calendar-container {
position: relative;
clear: both;
overflow: auto;
}

.calendar-name {
position: absolute;
top: 40px;
right: 0px;
width: 250px;
text-align: right;
}

.calendar-container form {
position: absolute;
top: 85px;
right: 0px;
width: 250px;
text-align: right;
}


/* gmap tab */
#placeViewFade, #mapViewFade {
position: absolute;
left: 0;
top: 50px;
border: none;
}

/* adsense */
#adsense-right {
position: fixed !important;
position: absolute;
right: 15px;
top: 15px;
}

/* h1/map line tab */

#mainHeading {
width: 72%;
float: left;
}

#mapSwitch {
width: 28%;
text-align: right;
float: right;
margin: 0;
font-size: 0.83em;
}

#doLoginRegister {
margin-bottom: 30px;
}

.bookthrough {
text-align: center;
color: #5E5E5E;
}

.contentBoxHeader form {
display: inline;
vertical-align: middle;
}

.contentBoxHeader input {
border-style: none;
}