body
{
	margin: 0;
	padding: 4px 6px;
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	/**Important! This is used as a base size with p, li, and td set to 1.0em in order to present text as a consistent size across all sites.(ref: http://www.thenoodleincident.com/tutorials/typography/index.html)**/
	font-size: 76%;
	color: #000;
	min-width: 755px;
}

body.plain
{
	min-width: 0px;
}

.squish
{
	margin: 0;
}

.spacious
{
	margin: 0 10%;
}

/** links **/

a:link 
{
	color: #36f;
}
a:visited 
{
	color: #669;
}
a:hover 
{
	color: #6c0;
}
a:active 
{
	/** no styles **/
}

a.plain 
{
	text-decoration: none;
}

.normalfontsize th,
.normalfontsize td,
.roombooking #deals th,
.roombooking #deals td
{	
	font-size: 1.0em;
}

span.chunk {
	white-space: nowrap;
}


/** layout specific to main home page **/

.hotels
{
	width: 100%;
	padding: 0 10px 10px 10px;
	font-size: 0.9em;
}

.hotels p
{
	margin: 0;
}

.hotels small
{
	line-height: 1.3em;
}

.hotels ol
{
	margin-top: 0px;
	margin-bottom: 0px;

}

.hotels li
{
	padding-top: 0.5em;
}


/** panels on main home page **/

.paneltop,
.paneltopspecial
{
	margin: 0px;
	padding: 0px;
	width: 165px;
	height: 1em;
	background-image: url(/image/panel_top.gif);
	background-position: top left;
}

.paneltopspecial
{
	background-image: url(/image/panel_top_special.gif);
}

#popularhotelslist .paneltop
{
	padding: 2px 5px;
	vertical-align: middle;
	height: auto;
	width: 165px;
	wid\th: 155px;
}

#popularhotelslist .paneltop span
{
	padding-bottom: 2px;
	line-height: 1em;
}

.paneltop h1,
.paneltopspecial h1
{
	margin: 0px;
	padding-left: 0.5em;
	color: #dde;
	line-height: 1.6em;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	border: 0px solid #006;
}

.paneltopspecial h1
{
	color: #060;
}

.panelcontent h1
{
	margin: 0;
	padding: 5px 0;
	color: #006;
	font-style: normal;
	font-size: 1.2em;
    border: none;
}
.panelcontent h2
{
    font-size: 1.1em;
}
.panelcontent h3
{
    font-size: 1.1em;
    font-weight: normal;
    font-style: italic;

}
.panelcontent img
{
    border: none;
}

.paneltop p,
.paneltopspecial p
{
	margin: 0px;
	padding: 0px 5px;
	vertical-align: middle;
	color: #dde;
	font-weight: bold;
	font-style: italic;
}

.paneltopspecial p
{
	color: #060;
}

.paneltop a:link,
.paneltop a:visited,
.paneltop span
{
	color: #fff;
	text-decoration: none;
}

.paneltop a:hover
{
	color: #dcf;
	text-decoration: none;
}

.panelcontent,
.panelcontentspecial
{
	width: 165px;
	margin: 0px;
	padding: 1px 0px;
	background-color: #dde;
	color: #006;
	text-align: left;
}

.panelcontentspecial
{
	background-color: #e8fed3;
	color: #060;
}

.panelcontent p,
.panelcontentspecial p
{
	padding: 0px;
	margin: 5px;
	font-size: 0.9em;
}

.panelcontent a,
.panelcontentspecial a
{
	font-weight: bold;
}

.panelcontent a:link
{
	color: #669;
}

.panelcontentspecial a:link
{
	color: #390;
}

.panelcontent a:visited
{
	color: #969;
}

.panelcontentspecial a:visited
{
	color: #9c6;
}

.panelcontent a:hover
{
	text-decoration: underline;
	color: #969;
}

.panelcontentspecial a:hover
{
	text-decoration: underline;
	color: #36f;
}

.panelbottom
{
	text-decoration: underline;
	color: #36f;
}

.panelbottom,
.panelbottomspecial
{
	margin: 0px 0px 1em 0px;
	width: 165px;
	height: 1em;
	background-image: url(/image/panel_bottom.gif);
	background-position: bottom left;
}

.panelbottomspecial
{
	background-image: url(/image/panel_bottom_special.gif);
}

.panelbottom p,
.panelbottomspecial p
{
	height: 1em;
	margin: 0em;
	padding: 0px 0.9em;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #dde;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1.5em;
}

.panelbottomspecial p
{
	color: #060;
}

.panelbottom a,
.panelbottom a:link,
.panelbottom a:visited
{
	color: #dde;
}

.panelbottomspecial a,
.panelbottomspecial a:link,
.panelbottomspecial a:visited
{
	color: #060;
}

.panelbottom a:hover
{
	color: white;
}

.panelbottomspecial a:hover
{
	color: #e8fed3;
}

/** affiliate panel **/

.affiliatepaneltop
{
	margin: 0px;
	width: 165px;
	height: 10px;
	background-image: url(/image/affiliate_panel_top.gif);
	background-position: top left;
}

.affiliatepanelbottom
{
	margin: 0px;
	width: 165px;
	height: 10px;
	background-image: url(/image/affiliate_panel_bottom.gif);
	background-position: bottom left;
}

/** partnerbadge **/
.partnerbadge
{
    margin: 0 0 0.5em 0;
}
.partnerbadge img
{
	border: none;
}

/** security seal panel **/

p.securityseal
{
	margin: 0.5em auto 0 auto;
	padding: 0;
}

.securityseal img
{
	margin: 0;
	padding: 0;
	border: none;
}



.searchpaneltop
{
	height: 1em;
	background-color: #6c0;
	background-image: url(/image/transparent_panel_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #060;
}

.searchpanelbottom
{
	height: 1em;
	background-color: #6c0;
	background-image: url(/image/transparent_panel_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #060;
}

/** quote panel **/

.quotepanel
{
	margin: 0px;
	padding: 0px;
	background-color: #dde;
	line-height: 2em;
}

.quotepanel p
{
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0.5em;
	padding-left: 1em;
	text-indent: -0.5em;
}

/** search options portlet **/
.searchoptions
{
    clear: both;
    margin: 0;
	padding: 0;
	background-color: #C7f39e;
	color: #060;
    font-size: 1em;
}

.searchrefine .searchoptions td
{
	vertical-align: top;
	padding: 0.2em 10px 3px 4px;
	color: #360;
    line-height: 1.2em;
}
.searchoptions tr.facilities td
{
	padding: 0.2em 4px;
}
.searchoptions tr.facilities td label
{
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    vertical-align: middle;
}
html>body .searchoptions tr.facilities td label
{
    line-height: 1.8em;
}
.searchrefine .bottom table td
{
    padding-right: 16px;
    white-space: nowrap;
}
.searchrefine .bottom table tr.narrow td
{
    padding-right: 10px;
}

.pulldowns,
.pulldowns tr td,
tr.pulldowns td
{
    background-color: #A3E066;
    line-height: 1em;
    color: #360;
}
.pulldowns tr td label,
tr.pulldowns td label
{
    color: #360;
}



/* styles for the search bar with Free Text Search text box and
country/region/destination select boxes, on the search results
page (Toolbar.ftlf) - THIRD ATTEMPT */

.searchfor {
    height: 1%;
    padding: 4px 4px 0 4px;
    background-color: #d0d634;
    border-bottom: 1px solid #c7f39e;
}

.searchfor #searchFreeTextSearch,
.searchfor #searchSelectBoxes {
    float: left;
    width: auto;
    margin-bottom: 4px;
}

.searchfor #searchFreeTextSearch {
    margin-right: 6px;
}

.searchfor #searchFreeTextSearch input {
    width: 160px;
}

.searchfor #searchSelectBoxes td {
    padding: 0;
}

.searchfor label {
    display: inline;
    padding: 0 !important;
}

.searchfor input,
.searchfor select {
    vertical-align: baseline !important;
}

.searchfor #searchSelectBoxes #searchSelectRegion,
.searchfor #searchSelectBoxes #searchSelectDestination {
    padding-left: 18px;
    background: url(/image/searchfor-arrow.gif) 0 2px no-repeat;
}

.searchfor option {
    background: #fafae6;
}

.searchfor option.optionAll {
    background: #e4f9d0;
}

.searchfor optgroup {
    color: #aaaaaa;
    font-weight: normal;
    font-style: normal;
}

.searchfor optgroup.activeOptions, .searchfor optgroup.activeOptions option {
    background: #eafada;
}

.searchfor optgroup.otherOptions {
    background: #fafae6;
}

.searchfor optgroup option {
    color: #000000;
}

/** searchrefine **/
.searchrefine .top table
{
	background-image: url(/image/transparent_panel_top_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.searchrefine .bottom table
{
    background-image: url(/image/transparent_panel_bottom_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.searchrefine .top
{
	background-image: url(/image/transparent_panel_top_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.searchrefine .bottom
{
	background-image: url(/image/transparent_panel_bottom_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.searchoptions table
{
    width: 100%;
    margin: 0;
	padding: 0;
}

.searchrefine .searchoptions h1
{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-style: italic;
	color: #360;
	border: none;
}
.searchrefine .searchoptions p
{
    margin: 0;
}

.searchoptions select
{
	width: auto;
}

.searchoptions select,
.searchoptions input
{
	margin: 0;
    font-size: 8pt;
}
.pulldowns select
{
    vertical-align: middle;
}
html>body .pulldowns select
{
    margin-top: 0;
}

.searchoptions label
{
	padding: 0.2em 0;
	color: #000;
    white-space: nowrap;
}

.searchoptions input
{
	vertical-align: middle;
}

.searchrefine .searchoptions td.buttons
{
    padding: 0 2px 4px 10px;
	text-align: right;
	vertical-align: bottom;
}

.searchrefine .searchoptions td.buttons img
{
    cursor: pointer
}

.searchoptions .hotelsearchbutton
{
	color: #060;
	background-color: #ff6;
}

p.selectregion
{
	width: auto;
	border: 1px solid #f93;
}


/** help link **/

a.help:hover
{
	cursor: help;
}



/* input styles */

name {
    width: 12em;
}

input.firstname,
input.lastname {
    width: 7.15em;
}

input.phone,
input.fax {
	width: 10em;
}

input.phoneCountryCode {
    width: 3em;
}

input.phoneAreaCode {
    width: 4em;
}

input.email {
    width: 18em;
}

input.creditcardnumber {
	width: 12em;
}

option.highlight,
.pulldowns select option.highlight {
    color: #339;
    background: #ddd;
}



/** input buttons **/
input.button,
input.disabledbutton,
input.resetbutton
{
	width: auto;
	margin: 0.5em 0em;
	padding: 0em 0.2em;
	background-color: #f93;
	border-bottom: 2px solid #f60;
	border-right: 2px solid #f60;
	border-top: 2px solid #fc0;
	border-left: 2px solid #fc0;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

input.resetbutton
{
	background-color: #99c;
	border-bottom: 2px solid #669;
	border-right: 2px solid #669;
	border-top: 2px solid #bbd;
	border-left: 2px solid #bbd;
}

input.disabledbutton
{
	background-color: #eee;
	border: 2px solid #ccc;
	color: #999;
}

select.readonly,
input.readonly
{
	color: #999;
	background-color: #eee;
	border-width: 1px;
}


div.buttons
{
	margin: 0px;
	padding: 0px;
	margin-top: 0.5em;
	text-align: right;
}

* td.buttons
{
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}

table.buttons
{
	width: 100%;
}

.buttonarea
{
	width: 100%;
	clear: both;
	float: none;
	text-align: right;
	vertical-align: bottom;
}

.buttonarea p,
.buttonarea label,
.buttonarea h2,
.buttonarea table
{
	margin: 0px;
	padding: 1em 1em 0em 0em;
	clear: none;
	display: inline;
	float: left;
	text-align: left;
}

.buttonarea input
{
	margin: 0px;
}

.buttonarea div.buttons
{
	float: right;
}

/** hidden **/

.hidden
{
	display: none;
}

/** note **/
.note
{
	color: #999;
}

/** hide from IE **/
html>body span.tax
{
	margin-top: -2em;
	margin-bottom: -2em;
}
html>body img.right
{
	margin-top: -3em;
	margin-bottom: -3em;
}

/** NEW tooltip **/
div.tooltip {
	z-index: 1000;
    display: none;
    position: absolute;
    width: 200px;
    /*padding: 2px;*/
    color: #000;
    text-align: left;
    background-color: #ffe;
    border: 1px solid #000;
}
div.tooltip div.hotdeal {
    font-weight: bold;
}

/** OLD tooltip **/

div#TipLayer
{
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	top: -100px;
}
div#TipLayer table td
{
    text-align: left;
}
div#TipLayer .hotdeal
{
    font-weight: bold;
}

div.tooltip table.tooltip
{
	width: 100%;
    background-color: #ffe;
}

div.tooltip table.tooltip th,
div.tooltip table.tooltip td
{
	padding: 2px 6px 2px 2px;
	text-align: left;
    font-size: 1em;
    background-color: #ffe;
    border: none;
}

/** same as body, for use in tables **/
td, th
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
}

.roombookingdetails table#deals_table th
{
	text-align: center;
}

.required
{
	color: #c00;
}


/** headings **/

h1,
#swapheadings h2
{
	color: #000;
	border-bottom: 1px solid #6c0;
	font-size: 1.5em;
	margin-top: 0.1em;
	font-weight: bold;
	font-style: italic;
	font-family: arial, helvetica, sans-serif;
}

h1.bookingheading
{
	display: block;
	padding-top: 1em;
}

h2,
#swapheadings h1
{
	margin: 1em 0em 0em 0em;
	padding: 0px;
	color: #006;
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
	font-family: arial, helvetica, sans-serif;
	border: none;
}

h3
{
	display: block;
	clear: both;
	color: #006;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
}

h4
{
	color: #000;
	margin: 0.4em 0em 0.4em 0em;
	font-size: 1.3em;
	font-family: arial, helvetica, sans-serif;
}

h5
{
	font-size: 1.2em;
	margin: 0.4em 0em 0.4em 0em;
	font-style: italic;
	font-family: arial, helvetica, sans-serif;
}

h6
{
	font-size: 1.1em;
	color: #006;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

#customerservicephonenumbers h5,
#customerservicephonenumbers h6
{
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #000;
}

#customerservicephonenumbers h6
{
	font-family: verdana, arial, helvetica, sans-serif;
}

#customerservicephonenumbers h6 span.less
{
	font-weight: normal;
}

div.customerservicenumbers
{
	padding-top: 1.6em;
	text-align: right;
	color: #fff;
}

span.customerservice {
	color: #99c;
	font-size: 1.1em;
}


/** left mneu for main home page and about us pages **/

#leftmenuspace
{
	background-color: #006;
	padding: 5px 10px;
}

#leftmenu,
td.preview
{
	width: 165px;
	margin: 0px;
	padding: 5px 12px 0 12px;
	padding-top: 3em;
	text-align: center;
	background-color: #fff;
	background-image: url(/image/left_menu_fade.jpg);
	background-repeat: repeat-x;
}

#leftmenu table.portlets
{
	width: 100%;
	margin: 0;
}

#leftmenu table.portlets td
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#leftmenu table.portlets td.promotions
{
	vertical-align: top;
}

#leftmenu table.portlets td.securityseals
{
	vertical-align: bottom;
}


/** lists **/

ul
{
	margin-left: 1.5em;
	padding-left: 0;
	list-style-type: square;
	list-style-image: url(/image/datatable_list_marker.gif);
}

ul ul
{
	list-style: disc;
}

ol ol
{
	list-style: lower-alpha;
}

ul.horizontal
{
	width: 100%;
	margin: 0;
	padding: 0px;
	display: inline;
	list-style: none;
}

ul.horizontal li
{
	/** width is required for this to work in netscape - specify in page **/
	margin: 1em 1em 1em 0;
	padding: 0px;
  	display: inline;
  	float: left;
  	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}

ul.horizontal + p,
ul.horizontal + h2,
ul.horizontal + div
{
	clear: both;
}

ul.careers
{
	padding: 0px;
	margin: 0em 1.5em;
}

/** chooseregion page styles **/

body.chooseregion
{
	margin: 0px;
	padding: 0px;
}

body.chooseregion div
{
	margin: 0px;
	padding: 0px;
}

body.chooseregion h2
{
	margin: 0px;
	padding: 0.5em 0.3em;
	background-color: #fc0;
}

body.chooseregion ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}

body.chooseregion ul ul li
{
	padding-left: 4em;
}

body.chooseregion ul li
{
	margin: 0px;
	padding: 3px 1em;
}


body.chooseregion ul li a
{
	width: 200px;
	color: #36f;
}

body.chooseregion ul li a:hover
{
	color: #f60;
}

body.chooseregion ul li.odd
{
	background-color: #fff8d1;
}

body.chooseregion ul li.even
{
	background-color: #fffde9;
}


/** a-z browsing lists **/

.browsinglist
{
	list-style: none;
	margin: 1.5em 0px 0px 0px;
	text-align: center;
}

.browsinglist li
{
	display: inline;
	font-weight: bold;
}

.hotelslist
{
	list-style: none;
	margin: 0px;
}

.hotelslist li
{
	padding: 0px;
	margin-left: 4em;
	line-height: 1.2em;
}


/** text that's next to a star image **/
* .startext
{
	line-height: 2em;
	vertical-align: top;
}


/** plain table **/

table.plain
{
	border: 1px solid #6c0;
}

table.plain td,
table.plain th,
table.plain caption
{
	padding: 0.3em;
	font-size: 1em;
}

table.plain th
{
	padding-left: 2em;
	text-align: right;
}

table.plain td
{
	padding-right: 2em;
}


/** companydetails table **/

table.companydetails td,
table.companydetails th,
table.companydetails caption
{
	padding: 0.1em;
	font-size: 0.9em;
}

table.companydetails td.logo
{
	padding-top: 1em;
	text-align: center;
	vertical-align: middle;
}

/** steps **/
p.step1,
p.step2 {
	height: 51px;
	margin: 1em 0 0 0;
	padding: 8px 0 0 43px;
	background: #fff left top url(/image/roombooking/step1.gif) no-repeat;
}
p.step2 {
	background: #fff left top url(/image/roombooking/step2.gif) no-repeat;
}

/** display styles **/
table.display {
	width: 100%;
	margin: 1em 0;
	border-top: 1px solid #aee164;
}
table.display table,
table.display table th,
table.display table td {
	border: none;
}
table.display .helpermessage {
	margin: 0;
}
table.display th,
table.display td {
    padding: 4px 2px 5px 2px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.display td.info,
table.display span.info {
    margin-left: 0;
	font-size: 0.9em;
	color: #528500;
}
table.display td p {
	margin: 0 0 0.5em 0;
}
table.display .highlight th,
table.display .highlight td {
	background-color: #e8fed3;
}
table.display tbody.highlight th,
table.display tbody.highlight td {
	border-bottom: none;
}
table.display tr.special th,
table.display tr.special td {
	background-color: #ffc;
	border-top: 1px solid #ffec81;
	border-bottom: 1px solid #ffec81;
}
table.display th,
table.display td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aee164;
}
table.display th {
	padding-right: 1em;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
    white-space: nowrap;
}
table.display tbody tr.heading th {
    width: auto;
    padding: 0.4em 0.2em;
	color: #693;
    font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}
/** to styles **/
table.display .to td,
table.display .to th {
	background-color: #fff8d1;
	border-bottom: none;
}
/** splash styles **/
table.splash {
    border: none;
}
table.splash h2 {
    margin-top: 0;
}
table.splash th,
table.splash td {
    border: none;
}
table.splash td.create {
	background-color: #d3e7b3;
}
table.splash td.checkbalance {
    padding-left: 8px;
    background-color: #b2d1e7;
}
table.splash tr.buttons td {
    vertical-align: bottom;
}
table.splash tr.buttons img {
    border: none;
}
table.splash tr.buttons td.checkbalance {
    padding-top: 20px;
    text-align: right;
    background-image: url(/image/vouchers/voucher_id_bg.gif);
    background-position: top right;
    background-repeat: no-repeat;
}
table.splash tr.buttons td.checkbalance p.voucherid {
    margin: 0 135px 2px 0;
	font-weight: bold;
    font-size: 0.9em;
    color: #3f571f;
    letter-spacing: 1px;
}
table.splash tr.buttons td.checkbalance p.error {
    margin: 0;
}
table.splash tr.buttons td.checkbalance p.voucherid input {
    width: 11em;
    padding: 0;
    font-size: 0.9em;
    vertical-align: middle;
}
/** creditcard styles **/
table.display tbody.creditcard td,
table.display tbody.creditcard th {
	font-weight: normal;
	background-color: #e8fed3;
	border-bottom: none;
}
table.display tbody.creditcard tr.subheading th {
    text-align: left;
    font-weight: bold;
}
table.display tbody.creditcard td.surcharge {
    color: #000;
    background-color: #fdeff5;
}

table.display tbody.creditcardResetStyles td,
table.display tbody.creditcardResetStyles th {
	font-weight: normal;
	background-color: #e8fed3;
	border-bottom: none;
    text-align: left;
}

table.display tbody.creditcardResetStyles th {
    width: 14em;
}

table.display tbody.creditcardResetStyles td {
    font-size: 0.9em;
}

table.display tbody.creditcardResetStyles td.number {
    text-align: right;
}

table.display tbody.creditcardResetStyles th.indent {
    padding-left: 2em;
}

/** 'important' styles **/
table.display tbody.important td,
table.display tbody.important th {
	background-color: #fdeff5;
	border: none;
}
table.display tbody.important ol {
	margin-left: 3em;
    padding-left: 0;
}
/** plain styles **/
table.display tbody.plain td,
table.display tbody.plain th {
    padding: 1px 4px;
    border-width: 0;
    vertical-align: middle;
}
table.display tbody.plain td.country,
table.display tbody.plain td.phone,
table.display tbody.plain td.spacer {
    width: auto;
    line-height: 1.2em;
    font-size: 0.85em;
    color: #339;
    font-weight: bold;
    border-bottom-width: 1px;
}
table.display tbody.plain td.country {
    width: 12em;
}
table.display tbody.plain td.phone {
    width: 15em;
    padding-right: 3em;
    text-align: right;
}
table.display tbody.plain tr.first td,
table.display tbody.plain tr.first th {
    border-top: 1px solid #aee164;
}

/** input box styles **/
table.display input.name,
table.display textarea.address {
	width: 15em;
}
table.display input.checkin {
	width: 10em;
}

/** data table **/

.datatable
{
	clear: both;
	width: 100%;
}

.datatable caption,
table.plain caption
{
	color: #006;
	font-weight: bold;
	text-align: left;
}

.datatable table
{
    width: 100%;
	border: 1px solid #6c0;
	/** border-collapse: collapse; **/
}

.datatable th,
.datatable td,
.datatable caption
{
	padding: 0.3em;
	font-size: 1em;
	border: 1px solid #fff;
}

.datatable th
{
	background-color: #6c0;
	color: #000;
	margin: 2px;
	vertical-align: middle;
}

.datatable th input.button,
.datatable th input.disabledbutton
{
	margin: 0px;
	text-align: center;
}

tr.odd
{
	background-color: #C7F39E;
}

tr.even
{
	background-color: #E8FED3;
}

tr.odd .discrete,
tr.even .discrete {
    background: #fff;
}

tr.highlight,
td.highlight
{
	background-color: #e8edff;
}

tr.inactive
{
	background-color: #eee;
}

tr.total
{
	background-color: #6c0;
	font-weight: bold;
}

/** totals and subtotals **/
tfoot.totals td {
    padding: 1px 4px;
    font-size: 1.1em;
    line-height: 22px;
    background-color: #E8fed3;
    border-bottom: none;
}
tfoot.totals tr.surcharge td,
tfoot td.surcharge {
    background-color: #fdeff5;
}
tfoot.totals td.number {
	white-space: nowrap;
}
tfoot.totals td.grandtotal {
    font-weight: bold;
}
tr.calculating td {
	background-color: #eee;
}

.text,
.datatable .text,
.roombookingdetails .text,
table.phonenumbers .text
{
	text-align: left;
}

.date,
.datatable .date,
.roombookingdetails .date
{
	text-align: left;
	white-space: nowrap;
}

.number,
.datatable .number,
.roombookingdetails .number,
table.phonenumbers .number
{
	text-align: right;
}

.roombookingdetails .number
{
	width: 6em;
}

.checkbox,
.datatable .checkbox,
.roomnights,
.singlecharacter,
.roombookingdetails .checkbox
{
	text-align: center;
}

.image
{
	text-align: center;
}


/** careers table **/

.datatable table.careers
{
	margin-right: 2em;
	width: auto;
}

.datatable .careers th
{
	padding-right: 0.5em;
	text-align: right;
	vertical-align: top;
}

.datatable .careers td p:first-child
{
	margin-top: 0px;
}


/** forms **/

form
{
	margin: 0px;
	padding: 0px;
}

form.inline
{
	display: inline;
}

fieldset
{
	border: 1px dashed #6c0;
	padding: 10px;
	margin-bottom: 1em;
	text-align: left;
}

fieldset fieldset
{
	border: 1px dashed #c7f39e;
	text-align: inherit;
}

fieldset table th,
fieldset table td
{
	padding: 0.2em;
}

fieldset table th
{
	text-align: right;
	padding-right: 0.6em;
}

fieldset table.roomdetails td, fieldset table.roomdetails th,
fieldset table.roomdetails td li
{
	font-size: 1.0em;
	/** ie5.5 font size hack **/
	\font-size: 76%;
	f\ont-size: inherit;
}

/* Hack for IE5, hidden from NN4 & Opera5 */
fieldset table.roomdetails td
{
	/* Hide from NN4 and Opera5 */
	/*/*/f\ont-size: inherit;
}

fieldset table.roomdetails
{
	font-size: 0.9em;
}

fieldset table.roomdetails td,
fieldset table.roomdetails li
{
	font-size: 0.9em;
	/** ie5.5 font size hack **/
	f\ont-size: inherit;
}

fieldset table.roomdetails td
{
	vertical-align: top;
}

fieldset table.roomdetails p
{
	margin: 0px;
}

fieldset table.roomdetails ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 2em;
}

legend
{
	font-weight: bold;
	background-color: #fff;
	padding: 4px;
	color: #006;
}

label
{
	text-align: left;
	clear: both;
	display: block;
}

label.new
{
	width: auto;
	display: inline;
}

form#supplierform label
{
	display: inline;
	margin: 0.5em 0px;
}
form#supplierform fieldset p
{
	margin: 0.3em 0;
}

fieldset p
{
	margin: 0.5em 0;
	padding: 0;
}

fieldset label
{
	/** set width so that it doesn't extend the width of the whole page - this interferes with using the mouse scroll **/
	width: 300px;
	padding: 0;
	margin: 0.3em 0;
}

fieldset label.auto,
label.auto
{
	width: auto;
}

label.inline
{
	display: inline;
	width: auto;
}

fieldset label.image
{
	width: auto;
	vertical-align: middle;
}

fieldset ul.rightarea li.leftarea
{
	margin: 0em 1em;
}

input
{
	clear: both;
}

#sch input
{
    clear: none;
}

.mandatory
{
	text-align: right;
}

.columns
{
	line-height: 2em;
}
.columns input,
.columns select
{
	margin: 0;
	vertical-align: middle;
}

div.highlight
{
	padding: 0.5em;
	background-color: #e8fed3;
}

/** left and right aligned areas (used with div, img, label, etc) **/

.leftarea
{
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.rightarea
{
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.centerarea
{
	clear: none;
	text-align: center;
}

.centerarea table,
.centerarea table.details,
.centerarea table.input caption,
.centerarea table.details caption,
.centerarea table.details caption.long
{
	margin-left: auto;
	margin-right: auto;
}

* .alignleft,
.roombooking .alignleft
{
	text-align: left;
}


* .alignright
{
	margin: 1px;
	text-align: right;
}

.receipt
{
	width: 80%;
}

.nomargin
{
	margin: 0px;
}

.topmargin
{
	margin: 0.5em 0px 0px 0px;
}


/** image **/

img.stars
{
	margin-bottom: -3px;
}

img.button
{
	cursor: pointer;
}


/** content area styles **/

#main
{
	margin: 0px;
	border-left: 1px solid #006;
	border-right: 1px solid #006;
}

table#main
{
	width: 100%;
}

.content
{
	margin: 0px;
	padding: 1em;
	font-size: 1em;
}

.block
{
	display: block;
	float: none;
	clear: both;
}


/** top navigation **/

#topnav
{
	height: 65px;
	font-size: 0.9em;
	background-image: url(/image/topnav_background.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
}

#topnav #splash
{
	padding-top: 40px;
}

#topnav p.title
{
    position: absolute;
    top: 18px;
    right: 20px;
    font-weight: bold;
    line-height: 1.1em;
    margin: 0;
    color: #fff;
}

#topnav ul
{
	padding: 0px;
}

#topnav ul#primary
{
	/** see customer.css or admin/stylesheet/customer.css for width **/
	float: left;
	margin: 0px;
	padding-left: 3px;
   font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 36px;
   color: #fff;
   white-space: nowrap;
}

#topnav #secondary
{
	/** see customer.css or admin/stylesheet/admin.css for width **/
	float: right;
   margin: 0px;
   padding-top: 36px;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
   white-space: nowrap;
}

#topnav li
{
   display: inline;
	text-align: center;
	vertical-align: bottom;
}

#topnav #primary a,
#topnav #secondary a
{
	height: 17px;
   float: left;
	width: 84px;
	margin: 0px 1px;
   padding: 4px 0px;
	text-align: center;
   text-decoration: none;
   color: #eee;
	line-height: 17px;
	background-image: url(/image/topnav_primary_link.gif);
	background-repeat: no-repeat;
	background-color: #669;
}

#topnav #primary a:hover
{
	background-image: url(/image/topnav_primary_link.gif);
	background-repeat: no-repeat;
	background-color: #fff;
   color: #006;
}

#topnav #primary li#current,
#topnav #secondary li#current,
#topnav #primary li#currentmenu
{
	height: 25px;
	float: left;
	width: 84px;
	margin: 0px 1px;
   text-decoration: none;
	line-height: 25px;
	text-align: center;
	background-image: url(/image/topnav_primary_link.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	color: #000;
	border-bottom: 4px solid #fff;
}

#topnav #primary li#currentmenu a,
#topnav #primary li#currentmenu a:link,
#topnav #primary li#currentmenu a:visited,
#topnav #primary li#currentmenu a:hover
{
	margin: 0px;
   padding: 0px;
	color: #006;
	text-decoration: none;
	text-align: center;
	background-image: none;
	background-color: #fff;
	border-bottom: none;
}

#topnav #secondary a
{
	width: 100px;
	color: #669;
	background-image: url(/image/topnav_supplier_link.gif);
	background-repeat: no-repeat;
	background-color: #006;
}

#topnav #secondary a:hover
{
   color: #006;
	background-color: #669;
}

/** topnav booking indicator **/
#topnav ol#indicator
{
	float: right;
   margin: 0em 2em 0em 0em;
   padding-top: 16px;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#topnav #indicator li
{
	margin: 0em;
	padding: 0.5em;
	padding-top: 11px;
	padding-left: 1.5em;
	float: left;
	/** cannot use list-item display, as IE doesn't display correctly **/
	display: inline;
	text-align: left;
	vertical-align: top;
	text-indent: -1.4em;
	color: #999;
	z-index: 80;
}

#topnav #indicator li#current
{
	background-image: url(/image/navbar_indicator_current.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #C7f39e;
	font-weight: bold;
}

#topnav #indicator li#currentright
{
	background-image: url(/image/navbar_indicator_current_right.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #C7f39e;
	font-weight: bold;
}

#topnav #indicator li.incomplete
{
	background-image: url(/image/navbar_indicator_incomplete.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#topnav #indicator li.left
{
	color: #9c3;
	background-image: url(/image/navbar_indicator_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topnav #indicator li.right
{
	background-image: url(/image/navbar_indicator_right.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#topnav #indicator li.complete
{
	color: #9c3;
	background-image: url(/image/navbar_indicator_complete.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#topnav #indicator li a
{
	text-decoration: underline;
	color: #9c3;
}

#topnav #indicator li a:hover
{
	color: #C7f39e;
}


/** footer and copyright notice **/

#footernav
{
	clear: both;
	float: none;
	display: block;
	font-size: 0.92em;
	color: #060;
	text-align: center;
}

#footernav p
{
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer
{
	height: 20px;
	clear: both;
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	background-color: #6c0;
	background-image: url(/image/footer_background.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#footernav ul
{
	text-align: center;
	margin: 0px;
	padding-top: 2px;
}

#footernav li
{
	display: inline;
	white-space: nowrap;
}

#footernav a:link,
#footernav a:visited
{
	padding: 0.5em;
   color: #6c0;
}

#footernav #footer a:link,
#footernav #footer a:visited
{
	padding: 0.5em;
   color: #060;
}

#footernav a:hover,
#footernav a:active
{
   color: #060;
}

#footernav div.creditcards
{
	margin: 0.5em 0em;
	text-align: center;
}

#footernav ul.popularhotelsfooter
{
	margin-bottom: 0.5em;
}

#footernav ul.popularhotelsfooter li,
#footernav ul.popularhotelsfooter a:link,
#footernav ul.popularhotelsfooter a:visited
{
	font-size: 0.92em;
	color: #C7f39e;
}

#footernav ul.popularhotelsfooter a:hover
{
	color: #6c0;
}

#copyright p
{
    clear: both;
    float: none;
    margin: 0px;
    padding-bottom: 10px;
    font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 0.9em;
    border: none;
}
#copyright p a:link,
#copyright p a:visited
{
	color: #999;
    text-decoration: none;
}


/** facilities table **/
.facilities
{
	font-size: 1em;
}

.facilities caption
{
	text-align: left;
	white-space: nowrap;
	font-size: 1em;
}

.facilities td
{
	font-size: 1em;
	vertical-align: top;
}


/** additional info table **/
fieldset table.additionalinfo
{
	width: auto;
	margin: 0px;
	padding: 0px;
	f\ont-size: 0.9em;
	border: none;
}

fieldset table.additionalinfo td
{
	padding: 0px;
	vertical-align: top;
}

fieldset table.additionalinfo p
{
	margin: 0px;
}

fieldset table.additionalinfo ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 2em;
}


/** helper messages **/

.info, .message
{
	margin-top: 0px;
	margin-top: 0px;
	margin-left: 50px;
	vertical-align: middle;
}

.message
{
	color: #039;
	font-weight: bold;
	vertical-align: middle;
}

div.error,
p.error,
span.error
{
	margin: 0px;
	padding-bottom: 0.5em;
	color: #c00;
	font-weight: bold;
}

.error img, .message img, .info img
{
	padding: 5px;
	vertical-align: middle;
}


/** supplier details styles (used in both supplier and admin) **/

table.checkboxcolumns td
{
	padding: 0em 1em;
	 width: 33%;
	 vertical-align: top;
}

table.checkboxcolumns fieldset
{
	padding-top: 0px;
}

input.radioinline
{
	margin-left: 1em;
}

table.checkboxcolumns .radiodisabled
{
	border-color: #eee;
}

table.checkboxcolumns .radiodisabled legend,
table.checkboxcolumns .radiodisabled p,
table.checkboxcolumns .radiodisabled label
{
	color: #999;
}

table.checkboxcolumns div.radio
{
	margin: 0;
	padding-left: 1.5em;
}

table.checkboxcolumns div.radio label
{
	width: auto;
}

label.radiodisabled
{
	color: #999;
}

/** field error styles **/
input.error,
select.error,
textbox.error
{
	background-color: #ffc;
	border: 1px solid #c00;
}

/** new helper styles **/
.helpermessage,
.buttonarea .helpermessage,
.helpersecurity,
.helpercaution,
.helperdeal,
.agreebox
{
    margin-top: 1em;
    padding: 0 0 10px 30px;
	color: #039;
	text-align: left;
	vertical-align: middle;
	background-image: url(/image/info.gif);
	background-position: 2px 0;
	background-repeat: no-repeat;
}

.agreebox
{
	padding: 6px;
	font-weight: bold;
	background-image: none;
}

.agreebox input
{
	vertical-align: middle;
}

.helpersecurity
{
	font-weight: normal;
	background-image: url(/image/padlock.gif);
	background-position: 2px 25%;
}

.helpercaution
{
	font-weight: bold;
	background-image: url(/image/error.gif);
	background-position: 5px 50%;
}

.helperdeal
{
	margin: 0 0 1.5em 0;
	padding: 0;
	background-image: none;
	background-color: #ffe;
	font-weight: normal;
	border: 2px solid #6c0;
}

fieldset table.helperdeal
{
	width: 100%;
}

.helperdeal th
{
	margin: 0;
	padding: 0.5em 1em 0.5em 0.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: top;
	background-color: #6c0;
}

.helperdeal td
{
	margin: 0;
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
}

.helperdeal img
{
	vertical-align: middle;
}

div.helpererror,
 p.helpererror {
	margin: 0 0 1em 0;
	padding: 5px 5px 5px 21px;
	color: #000;
	background: #fdeff5 left top url(/image/error.gif) no-repeat;
	border: 2px solid #ED1B23;
	border-left: none;
}
div.helpererror p.helpererror {
	padding: 0;
	background: transparent;
	border: none;
}
div.helpererror h2 {
	margin: 0;
	font-size: 1.1em;
	color: #ED1B23;
}
div.helpererror ul {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    list-style-image: url(/image/error_list_marker.gif);
}
div.helpererror p,
div.helpererror p.helpererror {
	margin: 0 0 0.5em 0;
}
.helpererror p.error {
	color: #c00;
	margin: 0px;
	font-weight: bold;
}
.helpererror ol {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
}
.helpererror li {
	line-height: 1.3em;
}
.helpererror a.conceal {
	text-decoration: none;
	color: #039;
	cursor: default;
}

/** booking details **/

.bookingdetails
{
	text-align: center;
}

.totalprice
{
	text-align: right;
}

.totalprice div
{
	padding: 0.5em;
	margin: 0.5em 0em;
	font-weight: bold;
	text-align: right;
	color: #fff;
	white-space: nowrap;
	background-color: #006;
}



/** details and input tables **/

table.details
{
	margin: 0em;
	margin-bottom: 2em;
	border: 1px solid #fc0;
	font-size: 1.0em;
}

table.details caption,
table.details caption.long
{
	line-height: 1.5em;
	margin: 0px;
	padding: 0em 0.5em;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	background-color: #fff;
	background-image: url(/image/details_caption_background.gif);
	background-repeat: no-repeat;
}

table.details caption.long
{
	background-image: url(/image/details_caption_background_long.gif);
}

table.details th,
table.details td,
.input th,
.input td
{
	padding: 0.2em;
	font-size: 1.0em;
	text-align: left;
}

table.details th,
table.details td
{
	border: 1px solid #fc0;
}

table.details th
{
	padding-top: 0.5em;
	vertical-align: top;
	text-align: right;
	width: 150px;
}

table.details th small,
table.input th small
{
	font-weight: normal;
}

table.details td,
table.details input,
table.details textarea
{
	width: 300px;
}

table.details input.autosize,
table.details td.autosize,
table.input input.autosize
{
	width: auto;
}

.input
{
	margin: 0em;
	margin-bottom: 2em;
	padding: 0.5em;
	background-color: #fff8d1;
	border: 2px solid #fc0;
}


/** wotif contact details **/

#contacts
{
	padding: 1em;
	white-space: nowrap;
	border-right: 1px solid #ccc;
}

#contacts strong
{
	color: #006;
}

#contacts p
{
	margin: 0px;
	margin-bottom: 2em;
	font-size: 0.9em;
	line-height: 1.2em;
}

.contactlist h3
{
	font-size: 1em;
	font-weight: bold;
	color: inherit;
}

.contactlist ul
{
	width: 100%;
	display: block;
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	margin-bottom: 2em;
	list-style-type: none;
	list-style-image: none;
}

.contactlist ul li
{
	padding: 0px;
	margin: 0em 1em;
	display: inline;
	float: left;
	text-align: left;
}

.contactlist ul + p,
.contactlist + h2
{
	padding-top: 1em;
	display: block;
	float: none;
	clear: both;
}


/** searchform elements **/

#searchform
{
	width: 100%;
	text-align: left;
}

#searchform th small
{
	font-weight: normal;
}

#advancedsearchbar .advancedsearchcheckboxes
{
	vertical-align: top;
}

#advancedsearchbar fieldset th label
{
	text-align: right;
}

#searchform ul
{
	margin: 0px;
	display: inline;
}

#searchform li
{
	display: inline;
	float: left;
	padding-right: 15px;
	margin: 0px;
}

#searchform ul.vertical
{
	margin-right: 20px;
	display: block;
	vertical-align: top;
}

#searchform ul.vertical li
{
	display: block;
	float: none;
	list-style: none;
}

#searchform #searchby
{
	display: inline;
	text-align: center;
}

#searchform #searchby .leftarea
{
	width: 45%;
	display: inline;
	float: left;
	height: 4.5em;
}

#searchform #searchby .centerarea
{
	width: 8%;
	padding: 1em;
	float: left;
	text-align: center;
}

#searchform #searchby .rightarea
{
	width: 45%;
	display: inline;
	float: right;
	height: 4.5em;
}

#searchform table.vertical th.top
{
	padding-top: 0.2em;
	vertical-align: top;
}

#searchform table.vertical th.middle
{
	vertical-align: middle;
}

/** room booking div **/

div.ssl
{
	width:140px;
	padding-top: 1.2em;
	padding-left:0.5em;
}

html>body div.ssl
{
	padding-top: 0;
}

div.ssl p
{
	font-size: 0.8em;
}

.roombooking
{
	width: 100%;
	text-align: center;
}

.roombooking table
{
	/*display: block;*/
	clear: both;
	width: auto;
	margin: 0 auto 1px auto;
	padding: 0px;
	font-size: 1em;
	border: none;
	border-collapse: collapse;
}

.instructions
{
	margin: 1em 0 0.2em 0;
	padding: 0;
	font-size: 0.9em;
}
.instructions p
{
	margin: 0;
	padding: 0;
}
.instructions p.rightarea
{
	margin-top: -1.2em;
	margin-left: 22em;
}

span.instruction
{
    font-size: 0.95em;
    font-style: italic;
}

.currencyconverter
{
	white-space: nowrap;
}

span.tax
{
	margin-top: -1.2em;
	margin-bottom: -1.2em;
	float: right;
	padding-left: 1em;
	font-style: normal;
	color: #060;
	font-size: 0.6em;
	line-height: 2.6em;
	text-align: right;
	vertical-align: bottom;
}

.roombooking table.search
{
	width: 100%;
	table-layout: fixed;
	margin: 0 auto;
}

.roombooking table.search th.rate
{
	width: 70%;
}

.roombooking table.weekends tr td.Fri,
.roombooking table.weekends tr th.Fri,
.roombooking table.weekends tr td.inclusionsFri,
.roombooking table.weekends tr td.soldFri
{
    border-left-width: 4px;
}

.roombooking table.weekends th.first,
.roombooking table.weekends td.first
{
	border-left-width: 1px;
}

.roombooking th,
.roombooking td
{
	margin: 0px;
	padding: 1px;
	font-size: 1em;
	font-family:  Arial, Geneva, Helvetica, sans-serif;
	vertical-align: middle;
    border: 1px solid #ffec9d;
}

.roombooking td
{
    padding: 8px 1px;
	text-align: center;
}

.roombooking th
{
	background-color: #fc0;
	text-align: center;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.roombooking th h2
{
	margin: 0px;
}

.roombooking th small
{
	font-size: 0.9em;
	font-weight: normal;
}

/*
    roombooking table is assumed to have:
    - 14 date columns (5% width each)
    - 1 fullrate column (5% width) and
    - 1 hoteldetails column (25% width)
    OR
    - 1 hoteldetails column and
    - 1 minnights column (together 25%)
    - for a total width of 100%.
    Needs to be done this way so
    mozilla displays correctly.
*/
.roombooking td.hoteldetails
{
	/** width specified in page, as it depends on presence of minnights column **/
    padding: 2px 1px;
	text-align: left;
}
.roombooking th.hoteldetails
{
    text-align: right;
}
.roombooking tr td.roomtype
{
    border-width: 1px 0;
}

.roombooking th.discreet
{
	font-weight: normal;
	text-align: left;
	font-size: 1em;
	background-color: transparent;
	border: none;
}


/* BEGIN location info table on search results page (SearchResultsBody.ftlf) */

.roombooking table.locationInfo {
    display: table; /* this style is needed to overwrite the inherited one from .roombooking table (see around line number 2770), otherwise the location table doesn't display right */
    width: 100%;
    margin: 0 auto;
    background: #f26119;
}

.roombooking table.locationInfo,
.roombooking table.locationInfo td {
    border: none;
    font-size: 1em;
}

.roombooking table.locationInfo td {
    padding: 1px 3px;
    white-space: nowrap;
}

.roombooking table.locationInfo td.locationRatesInfo{
    padding: 1px 10px;
    white-space: normal;
}

.roombooking table.locationInfo td.locationTitle,
.roombooking table.locationInfo td.currencyConverter {
    width: 15%;
}

.roombooking table.locationInfo td.locationTitle {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
}

.roombooking table.locationInfo td.currencyConverter {
    padding-right: 3px;
    text-align: right;
}

.roombooking table.locationInfo td,
.roombooking table.locationInfo td a:link,
.roombooking table.locationInfo td a:visited {
    color: #fff;
}

.roombooking table.locationInfo td.locationTitle a {
    text-decoration: none;
}

/* END location info table */


.roombooking .info td,
.roombooking .info th,
.roombooking table.hotel tr.info td {
    padding: 1px 2px;
    color: #fff;
    vertical-align: middle;
    background-color: #f26119;
    border: none;
}
.roombooking tr.info th {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
}
.roombooking tr.info td {
    font-size: 0.9em;
    text-align: center;
    line-height: 1.1em;
}
.roombooking tr.info td a {
    color: #fff;
}
.roombooking tr.info td.location {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
}
.roombooking table.search tr.info td.tax {
    color: #000;
    line-height: 1.0em;
    font-size: 0.9em;
}
.roombooking tr.info td.note {
    font-size: 0.9em;
    vertical-align: middle;
    text-align: right;
}
.roombooking tr.info td.note img {
    padding: 0;
}

.roombooking tr.supplierrow0 td {
    background-color: #eef;
}
.roombooking tr.supplierrow0 td.hoteldetails {
    border-left: 4px solid #ccf;
}

.roombooking tr.supplierrow1 td {
    background-color: #f6f6ff;
}
.roombooking tr.supplierrow1 td.hoteldetails {
    border-left: 4px solid #ddf;
}

.roombooking table.hotel {
    table-layout: auto;
    border-collapse: separate;
}
.roombooking table.hotel th,
.roombooking table.hotel td {
    border: none;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.hoteldetails tr.odd th,
.hoteldetails tr.odd td
{
    background-color: #eef;
}
.hoteldetails tr.even th,
.hoteldetails tr.even td
{
    background-color: #f6f6ff;
}

/** next and previous styles **/

.roombooking th.dateprev,
.roombooking th.datenext,
.roombooking th.date,
.roombooking table.hotel th.dateprev,
.roombooking table.hotel th.datenext,
.roombooking table.hotel th.date
{
	padding: 0 2px;
    line-height: 1.2em;
	font-weight: normal;
	background-color: #fc0;
	border: none;
	border-bottom: 1px solid #DFAC00;
}
.roombooking th.dateprev span,
.roombooking th.datenext span
{
    font-weight: normal;
    font-size: 0.9em;
}
.roombooking th.dateprev
{
	text-align: left;
}
.roombooking th.datenext
{
	text-align: right;
}
.roombooking th.dateprev a,
.roombooking th.datenext a
{
    font-weight: bold;
}
.roombooking th.date
{
	width: auto;
	text-align: right;
	font-style: normal;
	font-size: 0.9em;
	color: #630;
}
.roombooking th.nowshowing
{
	padding: 2px 0;
}

.roombooking span.plotnumber
{
	margin: 1px 2px 0 1px;
	float: left;
	padding: 0 2px;
	line-height: 1em;
	color: #36f;
	font-weight: normal;
	background-color: #ff0;
	border: 1px solid #000;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}

.roombooking td.hoteldetails a
{
	display: block;
}

.roombooking td.hoteldetails .rightarea a
{
	clear: none;
}

.bookingdetails td.date
{
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

.roombooking th.datecell
{
	width: 5%;
	font-size: 0.9em;
	font-weight: normal;
    line-height: 1.1em;
}

.roombooking .fullrate
{
	width: 5%;
	text-align: center;
}

.roombooking tr td.inclusions,
.roombooking tr td.inclusionsMon,
.roombooking tr td.inclusionsTue,
.roombooking tr td.inclusionsWed,
.roombooking tr td.inclusionsThu,
.roombooking tr td.inclusionsFri,
.roombooking tr td.available,
.roombooking tr td.availableMon,
.roombooking tr td.availableTue,
.roombooking tr td.availableWed,
.roombooking tr td.availableThu,
.roombooking tr td.availableFri,
.roombooking td.inclusionsHilite,
.roombooking td.inclusionsMonHilite,
.roombooking td.inclusionsTueHilite,
.roombooking td.inclusionsWedHilite,
.roombooking td.inclusionsThuHilite,
.roombooking td.inclusionsFriHilite,
.roombooking td.availableHilite,
.roombooking td.availableMonHilite,
.roombooking td.availableTueHilite,
.roombooking td.availableWedHilite,
.roombooking td.availableThuHilite,
.roombooking td.availableFriHilite
{
	/*background-color: #A3E066;*/
    background-color: #9cd862;
}

.roombooking tr td.inclusionsSat,
.roombooking tr td.inclusionsSun,
.roombooking tr td.availableSat,
.roombooking tr td.availableSun
{
	/*background-color: #B3E066;*/
    background-color: #abd862;
}

.roombooking tr td.future
{
	background-color: #dde;
	border-color: #e8edff;
}

.roombooking td.inclusions a,
.roombooking td.available a,
.roombooking a.plain
{
	text-decoration: none;
	color: #000;
}

.roombooking table#deals td.sold
{
	font-size: 0.85em;
}

.roombooking th.date
{
	text-align: center;
	font-weight: normal;
}

.roombooking tr th.future
{
	background-color: #bbd;
	border-color: #e8edff;
}

.roombooking tr th.holiday
{
	background-color: #ff0;
}

.roombooking table tr td.soldMon,
.roombooking table tr td.soldTue,
.roombooking table tr td.soldWed,
.roombooking table tr td.soldThu,
.roombooking table tr td.soldFri,
.roombooking table tr td.soldSat,
.roombooking table tr td.soldSun,
.roombooking table tr td.soldMonHilite,
.roombooking table tr td.soldTueHilite,
.roombooking table tr td.soldWedHilite,
.roombooking table tr td.soldThuHilite,
.roombooking table tr td.soldFriHilite,
.roombooking table tr td.soldSatHilite,
.roombooking table tr td.soldSunHilite
{
    background: #dff4ca 50% 50% url(/image/sold.gif) no-repeat;
}

.roombooking table tr.hover td.soldMon,
.roombooking table tr.hover td.soldTue,
.roombooking table tr.hover td.soldWed,
.roombooking table tr.hover td.soldThu,
.roombooking table tr.hover td.soldFri,
.roombooking table tr.hover td.soldSat,
.roombooking table tr.hover td.soldSun,
.roombooking table tr td.soldMonHilite,
.roombooking table tr td.soldTueHilite,
.roombooking table tr td.soldWedHilite,
.roombooking table tr td.soldThuHilite,
.roombooking table tr td.soldFriHilite,
.roombooking table tr td.soldSatHilite,
.roombooking table tr td.soldSunHilite
{
    background-color: #ddfebb;
}

.roombooking tr td.unavailableSat,
.roombooking tr td.unavailableSun
{
	background-color: #eee;
}

.roombooking tr td.holiday
{
	background-color: #ff6;
}

.roombooking tr table#deals td.unavailable,
.roombooking tr td.unavailableMon,
.roombooking tr td.unavailableTue,
.roombooking tr td.unavailableWed,
.roombooking tr td.unavailableThu,
.roombooking tr td.unavailableFri
{
	background-color: #eee;
}

.roombooking tr th.weekend,
.roombookingdetails table.bookingdates th.weekend,
.roombooking tr th.Sat,
.roombooking tr th.Sun
{
	background-color: #febe40;
}

.roombooking tr th.datecellHilite
{
	background-color: #c9d400;
    font-weight: normal;
}

.roombooking table table
{
	border: 1px solid #fff;
}

.roombooking table table td
{
	text-align: center;
	font-size: 1em;
	border: 1px solid #fff;
}

.roombooking table.tooltip
{
	width: 100%;
}

/** highlight row */

.roombooking tr.highlight td
{
	font-weight: bold;
	background-color: #dde;
}
.roombooking table tr.highlight td.soldMon,
.roombooking table tr.highlight td.soldTue,
.roombooking table tr.highlight td.soldWed,
.roombooking table tr.highlight td.soldThu,
.roombooking table tr.highlight td.soldFri,
.roombooking table tr.highlight td.soldSat,
.roombooking table tr.highlight td.soldSun
{
    background-color: #e7e7f7;
}

.roombooking tr.highlight td.inclusions

{
	background-color: #cc9;
}

.roombooking tr.hover td
{
    background-color: #fffa94;
    cursor: pointer;
}

.roombooking tr.hover td.Sat,
.roombooking tr.hover td.Sun,
.roombooking td.SatHilite,
.roombooking td.SunHilite
{
    background-color: #fff084;
}
.roombooking tr.hover td.inclusions,
.roombooking tr.hover td.inclusionsMon,
.roombooking tr.hover td.inclusionsTue,
.roombooking tr.hover td.inclusionsWed,
.roombooking tr.hover td.inclusionsThu,
.roombooking tr.hover td.inclusionsFri,
.roombooking tr.hover td.available,
.roombooking tr.hover td.availableMon,
.roombooking tr.hover td.availableTue,
.roombooking tr.hover td.availableWed,
.roombooking tr.hover td.availableThu,
.roombooking tr.hover td.availableFri,
.roombooking tr td.inclusionsHilite,
.roombooking tr td.inclusionsMonHilite,
.roombooking tr td.inclusionsTueHilite,
.roombooking tr td.inclusionsWedHilite,
.roombooking tr td.inclusionsThuHilite,
.roombooking tr td.inclusionsFriHilite,
.roombooking tr td.availableHilite,
.roombooking tr td.availableMonHilite,
.roombooking tr td.availableTueHilite,
.roombooking tr td.availableWedHilite,
.roombooking tr td.availableThuHilite,
.roombooking tr td.availableFriHilite
{
    background-color: #b5df39;
}
.roombooking tr.hover td.inclusionsSat,
.roombooking tr.hover td.inclusionsSun,
.roombooking tr.hover td.availableSat,
.roombooking tr.hover td.availableSun,
.roombooking tr td.inclusionsSatHilite,
.roombooking tr td.inclusionsSunHilite,
.roombooking tr td.availableSatHilite,
.roombooking tr td.availableSunHilite
{
    background-color: #b5df39;
}

/** booking details table **/

.roombooking,
.roombookingdetails
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
}


.roombookingdetails table
{
	width: 100%;
	border: 1px solid #fc0;
}

.roombookingdetails th,
.roombookingdetails td
{
	padding: 3px 0.5em;
	font-size: 1em;
   font-family:  Arial, Geneva, Helvetica, sans-serif;
	text-align: inherit;
	vertical-align: middle;
	border: 1px solid #fff;
}

.roombookingdetails tr.sold td
{
    color: #999;
	font-style: italic;
	background-color: #eee;
}

.roombookingdetails tr.weekend td
{
	background-color: #FFEC9D;
}

.roombookingdetails th
{
	background-color: #fc0;
}

.roombookingdetails td
{
	background-color: #FFF8D1;
}

.roombookingdetails tr.selected td
{
	color: #000;
	font-weight: bold;
	background-color: #dde;
}

.roombookingdetails tr.selected td.dealinclusions
{
	font-weight: normal;
}

.roombookingdetails td.dealinclusions
{
	text-align: left;
}

/** supplier roombooking table - needs to be here because this style is used by Registration.jsp **/
.roombooking table.suppliercomponent th,
.roombooking table.suppliercomponent td
{
	padding: 0.3em;
	text-align: left;
}

table.qualmark td {
    padding: 0 0.5em 0.75em 0;
    line-height: 1.2em;
    vertical-align: top;
}

/** old styles ***************/
.roombookingdetails td.subtotal
{
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
	background-color: #e8fed3;
}

.roombookingdetails td.total
{
	font-weight: bold;
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
	background-color: #e8fed3;
}
/** end old styles ***********/

.roombookingdetails tr.subtotal td
{
	text-align: left;
	padding-right: 0.5em;
	white-space: nowrap;
	background-color: #e8fed3;
}

.roombookingdetails tr.total td
{
	font-weight: bold;
	text-align: left;
	padding-right: 0.5em;
	white-space: nowrap;
	background-color: #e8fed3;
}

.roombookingdetails tr.subtotal input,
.roombookingdetails tr.total input
{
	width: 5em;
	vertical-align: middle;
}

/** transparent panel - corner images are transparent over white **/

.transparenttopleft
{
	float: left;
	padding: 0px;
	width: 8px;
	height: 8px;
	background-image: url(/image/transparent_panel_top_left.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.transparenttopright
{
	float: right;
	padding: 0px;
	width: 8px;
	height: 8px;
	background-image: url(/image/transparent_panel_top_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.transparentbottomleft,
.transparentbottomleftline
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 8px;
	height: 8px;
	background-image: url(/image/transparent_panel_bottom_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.transparentbottomright,
.transparentbottomrightline
{
	float: right;
	padding: 0px;
	margin: 0px;
	width: 8px;
	height: 8px;
	background-image: url(/image/transparent_panel_bottom_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.transparentbottomline
{
	height: 4px;
	background-image: url(/image/transparent_bottom_line.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.transparentbottomleftline
{
	height: 4px;
	background-image: url(/image/transparent_bottom_left_line.gif);
}

.transparentbottomrightline
{
	height: 4px;
	background-image: url(/image/transparent_bottom_right_line.gif);
}


/** press room articles, media releases, PR team **/

dl.flaglist
{
	padding-top: 10px;
}

dl.flaglist dt,
dl.flaglist dt.smalllist
{
	width: 60px;
	padding: 0px;
	margin: 1.5em 0em 0em 0em;
	clear: both;
	display: block;
	float: left;
	font-size: 0.85em;
	text-align: center;
	text-transform: uppercase;
}

dl.flaglist p.block
{
	margin: 0px;
	padding: 0px;
}

dl.flaglist dt.smalllist
{
	margin: 0em;
}

dl.flaglist dd
{
	padding: 0px;
	margin: 0px 0px 1em 65px;
	font-size: 1em;
	border: 1px solid #fff;
}

dl.flaglist dd p
{
	margin: 0px;
	padding: 0em 0em 0.5em 0em;
}

dl.flaglist dd p.leftarea
{
	width: 20em;
	padding-left: 10px;
}

dl.flaglist small.reproduced
{
	color: #666;
	font-style: italic;
}

small.upper
{
	text-transform: uppercase;
}

dl.flaglist dd span.title
{
	font-size: 1.2em;
	font-weight: bold;
}

dl.flaglist dd span.title a
{
	float: none;
}

dl.flaglist dd a.rightarea
{
	float: right;
}

dl.flaglist img
{
	font-style: italic;
}

/** gift vouchers **/
div.giftintroduction {
    padding-right: 150px;
    height: 80px;
}
html>body div.giftintroduction {
    height: auto;
    min-height: 80px;
}
div.gifticon {
    position: absolute;
    top: 80px;
    right: 22px;
    width: 140px;
    height: 120px;
    background-image: url(/image/vouchers/gift_icon.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
div.giftintroduction p {
    margin: 0 0 1em 0;
}
table.display ol {
    margin: 0;
}
table.voucher input
{
    width: 220px;
}
table.voucher td.numvouchers input,
table.voucher td.promocode input {
    width: 3em;
}
table.voucher select option {
    height: auto;
    line-height: inherit;
    padding: 0;
}
table.voucher input.checkbox {
    width: auto;
}
table.voucher textarea {
    width: 220px;
    height: 4.8em;
}
table.display tbody th {
    width: 160px;
}
table.voucher td.mandatory {
    text-align: right;
}
table.voucher tbody td.voucherpreview {
    padding: 68px 4px 4px 2px;
    height: 135px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: top right;
}
html>body table.voucher tbody td.voucherpreview {
    width: auto;
    min-width: 400px;
    height: 210px;
}
table.voucher tbody td.voucherpreview p {
    float: right;
    clear: both;
    width: 322px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
table.voucher tbody td.voucherpreview p.message {
    width: 260px;
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
    margin-right: 124px;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
}
* html table.voucher tbody td.voucherpreview p.message {
    margin-right: 60px;
}
table.display td.balance {
    vertical-align: middle;
    font-size: 1.1em;
}
table.display td.balance img {
    vertical-align: middle;
    margin: 0 2em 0 0.5em;
}

/** promotion styles **/

table.promotionmap td
{
	vertical-align: top;
}

div#promotionmaplegend
{
	width: 12em;
	margin: 0px;
	margin-top: 2em;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
	color: #006;
	background-color: #dde;
	border: 1px solid #669;
}

div#promotionmaplegend h4
{
	margin: 0px;
	color: inherit;
}

div#promotionmaplegend p
{
	margin: 0.5em 0px;
}

div#promotionmaplegend ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div#promotionmaplegend ul li
{
	margin-left: -1.5em;
	padding-left: 0px;
}

/** competition styles **/
table.competition h3,
table.competition h2
{
	margin-top: 0;
}

table.competition td.image
{
	margin: 0 0.5em;
	vertical-align: top;
	text-align: center;
}

table.competition td.image img
{
	border: none;
}

/** travel bulletin styles **/
div.travelbulletin
{
	background-color: #fffde9;
}
div.travelbulletin a:hover
{
	color: #f60;
}


/** font size change for countries with prices greater than 5 characters **/
body#shrink div.roombooking table tr.supplierrow td,
body#shrink div.roombooking table tr.supplierrow0 td,
body#shrink div.roombooking table tr.supplierrow1 td
{
	font-size: 9px;
}


  /** print styles **/
@media print
{
  #topnav,
  #footernav,
  #leftmenu,
  #closebutton
  {
  		display: none;
  }

  #main
  {
  		border: none;
  }
}

/** hot deals styles **/
.hotdeal {
    color: #900;
}

.roombookingdetails td.hotdeal,
.roombookingdetails td.hotdealplain,
.roombooking table.search td.hotdeal,
.roombooking table.search td.hotdealplain
{
    color: #000;
    background-image: url(/image/flame_inclusion.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}
.roombookingdetails td.hotdealplain,
.roombooking table.search td.hotdealplain
{
    background-image: url(/image/flame.gif);
}


/** these styles make old html work with new styles **/
/** they will be removed when all pages use the new styles **/


.dealstable
{
	clear: both;
	width: 100%;
}

.datatable table table
{
	border: 0px solid #fff;
}

.jrPage
{
	border: 0px solid #fff;
	font-size: 1em;
}

.text_error_bold
{
	color: #c00;
	font-weight: bold;
	font-size: 1.2em;
}

.text_tooltip td,
.text_tooltip_bold td,
.text_tooltip tr,
.text_tooltip_bold tr
{
	text-align: left;
}

.text_tooltip_bold
{
	font-weight: bold;
}

.text_info_bold
{
	color: #669;
	font-weight: bold;
	font-size: 1.1em;
}

.roombooking td.green_bg
{
	background-color: #9c3;
}

a.text_price:link,
a.text_price:visited,
a.text_price:active,
a.text_price:active
{
	color: #000;
	text-decoration: none;
}

/** END OF OLD STYLES **/


/** -------------------------------- **/
/** hacks for browser display issues **/
/** -------------------------------- **/

td, th, caption,
#deals td, #deals th,
#bookings td, #bookings th
{
	font-size: 1.0em;
	/** ie5.5 font size hack **/
	\font-size: 76%;
	f\ont-size: inherit;
}

/* Hack for IE5, hidden from NN4 & Opera5 */
table
{
	/* Hide from NN4 and Opera5 */
	/*/*/f\ont-size: inherit;
}

table.display td.info,
table.plain td,
table.plain th,
table.plain caption,
.datatable table th,
.datatable table td,
.datatable caption,
td.content,
.hotels p,
#hotdeals,
#searchpanel
{
	/** ie5.5 font size hack **/
	\font-size: 76%;
}

.hotels,
#contacts p
{
	font-size/** hide this line from mac ie**/: 0.8em;
}

table.hotelmaplegend
{
	f\ont-size: 0.9em;
}

#searchpanel select
{
	font-size/** comment to hide line from mac ie **/: 0.9em;
}

/** -------------------------------- **/
/** end of hacks                     **/
/** -------------------------------- **/

table.facilities ul li
{
	padding: 0.1em;
    line-height: 1.2em;
}

img.thumbnail
{
    border-width: 1px;
}
#infopagetext p
{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}



/* styles for the Hotel Details page (InventoryItemView.jsp) */

h1#propertyName,
h1#propertyDetails {
	margin-bottom: 0;
}

div.hotelInfo {
	margin-bottom: 10px;
	padding: 5px;
	background: url(/image/info-background.jpg) repeat-x;
}

div.hotelInfo table.shortInfoAndImages {
	width: 100%;
	margin-bottom: 15px;
	border: 0;
}

div.hotelInfo table.shortInfoAndImages td {
	padding: 0;
	vertical-align: top;
}

div.hotelInfo table.shortInfoAndImages td p {
    margin: 0 0 10px 0;
}

img.starimage {
	vertical-align: middle;
}

p.cancellationalert {
    width: 9em;
	height: 2.4em;
    padding: 1px 3px 3px 17px;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
    line-height: 1.2em;
    color: #bb0000;
    background: url(/image/cancellation-alert-bg.gif) 3px 3px no-repeat;
    border: 1px solid #cc6666;
    border-left: 5px solid #ce706a;
}

#providerSource {
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	color: #0084CC;
	border: 2px solid #A5DF39;
	background: #DDFEBB;
}

#propertyClientDetailsAndMap {
    width: 100%;
}

#propertyClientDetailsAndMap tr.outer td.outer {
    background: #e7dcc8;
}

#propertyBasicAndRoomInfo {
    width: 100%;
    background: #eeeeff;
}

#propertyBasicAndRoomInfo td,
#propertyAdditionalInfo th,
#propertyAdditionalInfo td {
    padding: 5px;
    vertical-align: top;
}

#addresAndMapHolder {
    /* styles needed to center the map button
    while keeping the address left aligned */
    position: relative;
    width: 100%;
}

#propertyContactInfo {
    /* no styles yet */
}

#centerMapButton {
    /* this div is taken out of the regular
    flow and emulates an emtpy table cell,
    so that the map button in it seems to
    be horizontally centered in that table
    cell */
    position: absolute;
    top: 0;
    width: 100%;
}

#buttonToggleMap {
    /* the map button centers itself in the
    containing div */
    width: 120px;
    margin: 0 auto;
    font-weight: bold;
    color: #003399;
    text-align: center;
}

#buttonToggleMap img {
    border: none;
}

#propertySummary td {
    background: #FFFFFF;
    color: #6e6e6e;
}

#propertySummary p {
    margin: 0 0 10px 0;
}

#propertyBasicAndRoomInfo td.listedInfo {
    width: 400px;
    color: #999999;
    font-weight: bold;
}

#propertyBasicAndRoomInfo ul {
    float: left;
    width: 175px;
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    font-size: 0.9em;
}

#propertyBasicAndRoomInfo li {
    padding: 0 0 10px 0;
    line-height: 1.1em;
}

#propertyBasicAndRoomInfo tr.rowEven {
    background: #f6f6ff;
}

#propertyBasicAndRoomInfo h2 {
    margin: 0 0 5px 0;
    font-size: 1em;
    color: #000000;
}

#propertyAdditionalInfo {
    width: 100%;
    margin-top: 20px;
    border-top: solid 1px #6c0;
}

#propertyAdditionalInfo th,
#propertyAdditionalInfo td {
    border-bottom: 1px solid #66cc00;
}

#propertyAdditionalInfo th {
    width: 100px;
    color: #336600;
    text-align: right;
}



/* styles for the Rates Grid (RatesGrid.jsp) */

table tr td.sendtofriend {
    text-align: left;
    vertical-align: top;
}
table.hotel tr td.cancellationstar {
    padding: 1px;
    text-align: center;
    border: 1px solid #6c0;
    border-left: 6px solid #b80c01;
    border-right: none;
}
table.hotel tr td.policy {
    height: 30px;
    padding: 1px;
    color: #b00;
    text-align: left;
    border: 1px solid #6c0;
    border-left: none;
}

/* BEGIN WotHotel row styles */

.roombooking tr.wothotel td,
.roombooking tr.wothotelhover td,
.roombooking tr.wothotel td.inclusionsMonHilite,
.roombooking tr.wothotel td.inclusionsTueHilite,
.roombooking tr.wothotel td.inclusionsWedHilite,
.roombooking tr.wothotel td.inclusionsThuHilite,
.roombooking tr.wothotel td.inclusionsFriHilite,
.roombooking tr.wothotel td.inclusionsSatHilite,
.roombooking tr.wothotel td.inclusionsSunHilite {
    color: #A3E066;
    background-color: #000000;
}

.roombooking tr.wothotelhover td {
    background-color: #305019;
    cursor: pointer;
}


.roombooking tr.wothotel td.inclusionsMonHilite,
.roombooking tr.wothotel td.inclusionsTueHilite,
.roombooking tr.wothotel td.inclusionsWedHilite,
.roombooking tr.wothotel td.inclusionsThuHilite,
.roombooking tr.wothotel td.inclusionsFriHilite,
.roombooking tr.wothotel td.inclusionsSatHilite,
.roombooking tr.wothotel td.inclusionsSunHilite {
    background-color: #3F3F3F;
}

.roombooking tr.wothotel td.soldMon,
.roombooking tr.wothotel td.soldTue,
.roombooking tr.wothotel td.soldWed,
.roombooking tr.wothotel td.soldThu,
.roombooking tr.wothotel td.soldFri,
.roombooking tr.wothotel td.soldSat,
.roombooking tr.wothotel td.soldSun {
    background: #333333 50% 50% url(/image/wothotel_sold.gif) no-repeat;
}

.roombooking tr.wothotelhover td.soldMon,
.roombooking tr.wothotelhover td.soldTue,
.roombooking tr.wothotelhover td.soldWed,
.roombooking tr.wothotelhover td.soldThu,
.roombooking tr.wothotelhover td.soldFri,
.roombooking tr.wothotelhover td.soldSat,
.roombooking tr.wothotelhover td.soldSun,
.roombooking tr.wothotel td.soldMonHilite,
.roombooking tr.wothotel td.soldTueHilite,
.roombooking tr.wothotel td.soldWedHilite,
.roombooking tr.wothotel td.soldThuHilite,
.roombooking tr.wothotel td.soldFriHilite,
.roombooking tr.wothotel td.soldSatHilite,
.roombooking tr.wothotel td.soldSunHilite,
.roombooking tr.wothotelhover td.soldMonHilite,
.roombooking tr.wothotelhover td.soldTueHilite,
.roombooking tr.wothotelhover td.soldWedHilite,
.roombooking tr.wothotelhover td.soldThuHilite,
.roombooking tr.wothotelhover td.soldFriHilite,
.roombooking tr.wothotelhover td.soldSatHilite,
.roombooking tr.wothotelhover td.soldSunHilite {
    /*background: #555555 50% 50% url(/image/wothotel_sold.gif) no-repeat;*/
    background: #305019 50% 50% url(/image/wothotel_sold.gif) no-repeat;
}

.roombooking tr.wothotel td.hoteldetails a,
.roombooking tr.wothotelhover td.hoteldetails a,
.roombooking tr.wothotel td.hoteldetailsHilite a {
	display: block;
    padding-right: 7px;
    color: #A3E066;
    text-decoration: none;
}

.roombooking tr.wothotel td.hoteldetails a:hover,
.roombooking tr.wothotelhover td.hoteldetails a:hover,
.roombooking tr.wothotel td.hoteldetailsHilite a:hover {
    color: #FFFFFF;
    border: none;
}

/* END WotHotel row styles */



/* BEGIN general text styles */

.grey {
    color: #878781;
}

.underline {
    text-decoration: underline;
}

/* END general text styles */

/* generic styles */

.clearDiv {
    clear: both !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* generic text styles */

.fontWeightNormal {
    font-weight: normal;
}

.fontSizeSmall {
    font-size: small;
}

.indent10pxBlock {
    display: block;
    padding-left: 10px;
}

.grey3 {
    color: #333;
}

.grey5 {
    color: #555;
}

.grey6 {
    color: #666;
}

.grey9 {
    color: #999;
}

.greyC {
    color: #CCC;
}

.boldRed {
    font-weight: bold;
    color: #FF0000;
}

.txtSmall {
    font-size: 7pt;
}



/* generic styles */

.marginBottom10px {
    margin-bottom: 10px;
}

.minWidthReset {
    min-width: 0;
}

.displayInline {
    display: inline;
}

/* To add white space between different countries */
div.addSpace
{
    margin-bottom: 20px;
    margin-top: 5px;
}

.onlyshowforprint {
    display: none;
}

div.heading
{
    float: left;
    width: 200px;
    font-weight: bold;
}

.topalign {
    vertical-align: top;
}

/* multi-currency styles */

.roombooking table.locationInfo tr td.blackFont {
    color: #000;
    font-size: 11px;
}

img.noBorder {
    border: none;
}

tr.info a {
    color: blue;
}

p.convertedRate {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

th.convertedRate {
    color: #ffffff;
}

td.convertedRate {
    color: #ffffff;
}

tr.supplierrow td.fullrateChanged,
.roombooking tr.supplierrow0 td.fullrateChanged,
.roombooking tr.supplierrow1 td.fullrateChanged {
    background-color: #c5c5c5;
}

.roombooking tr.wothotel td.fullrateChanged {
    background-color: #000;
}

.roombooking tr.wothotelhover td.fullrateChanged {
    background-color: #3F3F3F;
}

div.tooltip table.multicurrency {
    width: 100%;
}

div.tooltip table.multicurrency,
div.tooltip table.multicurrency th,
div.tooltip table.multicurrency td
{
    background-color: #c5c5c5;
}

div.tooltip table.tooltip tr td {
    border-top: solid 1px #f2f2b3;
}

div.tooltip table.multicurrency tr td {
    border-top: solid 1px #d5d5d5;
}

.roombooking tr.hover td.fullrateChanged {
    background-color: #c5c39b;
}

table.jobs {
	width: 97%;
}

html>body table.jobs {
	width: 100%;
}
.customerCalendar {
    background: url(/image/calendar.gif) right no-repeat #fff;
    color: #000;
    font-size: 0.9em;
}
span#dateTextBoxWidget input.customerCalendar,
input.customerCalendar {
    padding: 0 15px 2px 0;
}

.contactCountryLabel {
    float: left;
    margin-right: 15px;
    width: 12em;
}