/* border=#95caff title=#006550 subtitle=#666 bg=#d5eaff light=#eee th=#eee frametitle=#496597 framebg=#f4f9ff tablebg=#fff tablehighlight=#ddd titlesecondcolour=#fff imagebg=#fff imageborder=#ddd */


#divQualityCrown {display:none;}

/* layout */
html {height:100%;}
body {margin:0;padding:0 0 10px 0;min-height:101%;}
#divAll {position:relative;width:770px;left:50%;margin-left:-385px;}

#divMain {position:relative;}

#divContent {float:left;width:520px;position:relative;padding:0 10px;}

#divSideBar {position:relative;margin:0 0 0 540px;}
#divSideBar div.frame {width:218px;margin-bottom:15px;}
#divSideBar div.form label {width:65px;}


#divFooter {clear:both;padding:30px 0 10px;height:50px;margin:0 !important;}
#divFooter div.detailcontainer {float:left;width:256px;margin:0 5px;}
#divFooter h6 {margin:0;padding:0;color:#c2935e;font-size:12px;line-height:12px;}
#divFooter a {line-height:13px;color:#496597;}
#divFooter span {font-weight:bold;padding-right:5px;}
#divFooter span.fax {padding-left:5px;}

/* colours, images, etc */
body {background:url(images/bg.gif);}
body, td, select, input, textarea {font-family:trebuchet ms, verdana,arial, helvetica, sans-serif;font-size:11px;color:#666;}
#divAll {background:#fff;border-bottom:solid 3px #888;border-left:solid 1px #888;border-right:solid 1px #888;}

#divHeader {height:104px;background:url(images/lth-header.gif);margin-bottom:10px;border-top:solid 1px #eee;}

#divHeader h1 {width:270px;padding:0;margin:25px 0 0 120px;}
#divHeader h1 a {display:block;width:262px;height:70px;}
#divHeader h1 span {display:none;}
#divHeader span {display:block;position:absolute;
	width:358px;height:75px;top:4px;right:0px;}
	
#divLondonTown {background:#f4f9ff;padding:5px;border:solid 1px #95caff;color:Red !important;}
#divLondonTown h2 {margin-bottom:10px !important;font-size:16px !important;color:#496597 !important;font-variant:small-caps;}
#divLondonTown p {margin:5px 0 10px !important;padding:0;line-height:18px;font-size:12px;color:#666;}

#divContent h2 {margin:0;padding:0;font-size:16px;}
#divContent h3 {background:#d5eaff;color:#496597;padding:3px 5px;font-weight:bold;font-size:13px;border-bottom:solid 1px #95caff;margin:0;height:18px;}
#divContent h4 {margin:3px 0 0 0;padding:2px 5px;color:#006550;font-weight:normal;font-size:12px;}

/* different frame colours in sidebar */
#divSideBar div.frame {border:solid 1px #95caff;background:#f4f9ff;}
#divSideBar div.frame div.frametitle {background:#496597;}

div.frame {position:relative;border:solid 1px #95caff;background:#f4f9ff;}
div.frame div.frametitle {color:#d5eaff;padding:3px 5px;font-size:13px;border-bottom:solid 1px #95caff;font-weight:bold;}
div.frame div.content {position:relative;padding:5px;font-size:11px;color:#666;}
div.frame label.caption {color:#666;display:block;margin-bottom:8px;}


input.button {font-family:arial !important;background:#eee;border:solid 1px #ccc;color:#888;width:120px;height:22px;font-weight:bold;}

input.btnSmall {width:60px;}
input.btnMedium {width:120px;}
input.btnLarge {width:220px}
input.textbox {border:solid 1px #7f9db9;padding:1px 2px;}
input.number {width:58px !important;padding:0 3px 0 0;text-align:right;}

.textboxdate {width:80px;padding-left:2px;border:solid 1px #7f9db9;padding-right:20px}
span.datebox img {position:relative;left:-21px;top:2px;cursor:hand;}

option.dropdowngroup {background:#fff267;}	

.error {background-color:#f3dede;border:solid 1px #d16e72;}
.readonly {background-color:#fffbd2;}

a.link {color:#0d6a9b;text-decoration:none;}
a.link:hover {text-decoration:underline;}


/* box */
div.box {border:solid 1px #95caff;margin-bottom:15px;background:#f4f9ff;}


/* main */
#tblSearch #divBookingDetails, #tblSearch #divHotelDetails {background:#f4f9ff;border:solid 1px #95caff;}
#divFacilities div.facilityheader {margin:10px 0 1px 0;font-weight:bold;}
#divFacilities ul {margin:0;}
#divFacilities li {list-style-type:none;}
#aMoreOptions {color:#666 !important;}

/* special offers */
div.specialoffer {position:relative;border:solid 1px #95caff;width:212px;padding:3px;margin-bottom:8px;font-size:10px;_height:120px;min-height:120px;}
div.specialoffer h4 {margin:0;padding:0 2px;font-size:12px;color:#95caff;background:#f4f9ff;}
div.specialoffer h5 {margin:0 0 5px 0;padding:0 2px;background:#f4f9ff;font-size:11px;}
div.specialoffer img {float:right;background:#fff;border:solid 1px #ddd;padding:2px;margin-left:5px;}

/* Trade Login */
#divTrade div.tradedetails {background:#fff;padding:5px;border:solid 1px #ddd;}

#divTrade div.form label {width:72px;}
#divTrade input.textbox {width:127px;}
#divTrade div.buttons {text-align:right;margin-top:5px;}

/* Other Hotels */
div.otherhotel {min-height:85px;_height:80px;}
div.otherhotel img {background:#fff;border:solid 1px #ddd;}
div.otherhotel div.othertitle {font-weight:bold;color:#666;font-size:11px;}
div.otherhotel img {float:right;padding:3px;margin-bottom:3px;}
div.otherhotel a {text-decoration:none;color:#666;}

/* Previous Properties */
div.prevproperty {min-height:85px;_height:80px;}
div.prevproperty img {background:#fff;border:solid 1px #ddd;}
div.prevproperty div.prevtitle {font-weight:bold;color:#666;font-size:12px;}

div.prevproperty img {float:right;padding:3px;margin-bottom:3px;}
div.prevproperty a span {display:none;}
div.prevproperty div.links {margin-top:2px;}
div.prevproperty a.details {display:block;width:57px;height:17px;}
div.prevproperty a.details {background:url(images/details.gif);}
div.prevproperty a.details:hover {background:url(images/detailshover.gif);}



/* paging */
div.paging a {border:solid 1px #95caff;color:#d5eaff;}
div.paging a.current {color:#fff;background:#d5eaff !important;}
div.paging a:hover {background:#eee;}

/* property brief */
div.propertybrief {border:solid 1px #95caff;margin-bottom:15px;background:#f4f9ff;}
#divContent div.title {position:relative;background:#d5eaff !important;height:25px;
	border-bottom:solid 1px #95caff;margin-bottom:5px;line-height:25px;padding:0 5px;color:#496597;}
#divContent div.title strong {font-size:13px;color:#496597;padding-right:83px;margin-right:10px;}
div.title strong.star2 {background:url(images/star2.gif) no-repeat right 2px;}
div.title strong.star3 {background:url(images/star3.gif) no-repeat right 2px;}
div.title strong.star4 {background:url(images/star4.gif) no-repeat right 2px;}
div.title strong.star5 {background:url(images/star5.gif) no-repeat right 2px;}
div.title strong.star2half {background:url(images/star2half.gif) no-repeat right 2px;}
div.title strong.star3half {background:url(images/star3half.gif) no-repeat right 2px;}
div.title strong.star4half {background:url(images/star4half.gif) no-repeat right 2px;}
div.title strong.star5half {background:url(images/star5half.gif) no-repeat right 2px;}
div.propertybrief div.title span {position:absolute;right:5px;top:1px;}
div.propertybrief div.content {margin:0 !important;min-height:85px;padding-left:90px;position:relative;}
div.propertybrief div.content img {padding:3px;background:#f8f8f8;border:solid 1px #ccc;position:absolute;top:0;left:5px;height:70px;width:70px;}
div.propertybrief div.strapline h5 {color:#666;font-variant:small-caps;font-size:13px;margin:0;padding:0;}
div.propertybrief a.details {display:block;background:url(images/details.gif);height:17px;width:57px;margin:2px 0 0;}
div.propertybrief a.details:hover {background:url(images/detailshover.gif);}
div.propertybrief a.details span {display:none;}



/* rates */
table.rates th {background:#eee;}
table.rates td {border-bottom:solid 1px #eee;background:#fff;}
table.rates th.total {background:#d5eaff;color:#496597;text-align:center;}
table.rates tr.roomdef td {background:#eee;}
table.rates tr.selected td {background:#ffef39 !important;}
table.rates .day {text-align:center;border-left:solid 1px #eee;border-right:solid 1px #eee;}
table.rates .day span {text-decoration:line-through;color:#aaa;}
table.rates .noday {text-align:center;color:#f00;font-weight:bold;}
table.rates td.day {color:#999;}
table.rates td.greyout {background:#ddd;}
table.rates .total {border-left:solid 1px #eee;border-right:solid 1px #eee;}
table.rates .total span.discount {text-decoration:line-through;color:#aaa;}
table.rates .none {background:#eee;}
a.booknow {background:url(images/book.gif) no-repeat;}
table.rates td.book a:hover {background:url(images/bookhover.gif) no-repeat;}

a.info {background:url(images/rateinfo.gif);}
a.info span {color:#000;}
a.info:hover {background-color:white;}
a.info:hover span {border:solid 1px #ddd;background:#eee;}

/* description icon and popup */
a.roomTypeDescription {display:block;width:13px;height:12px;background:url(images/description.gif) no-repeat;float:left;text-indent:-10000px;
    margin-right:3px;margin-top:2px;}
#divPopup {background:#f3f3f3;padding:5px;border:solid 1px #ddd;width:250px;}


/* property */
#divContent div.title {background:#d5eaff;}
#divContent div.title strong {color:#496597;}
div.propertystrapline {color:#666;font-variant:small-caps;font-weight:bold;font-size:15px !important;}
#divPhoto img {background:#fff;border:solid 1px #ddd;}
#divContent table.rates {border:solid 1px #eee;}
#divContent #divCopy a {display:block;margin-top:5px;color:#006550;}

/* itinerary */
#divItinerary .amount {background:#ddd;}
#divItinerary table tr th {background:#eee;}
#divItinerary table tr.hotel td {background:transparent;}
#divItinerary table tr.hotel img {background:#fff;border:solid 1px #ddd;}
#divItinerary table td {background:#fff;}
#divItinerary a.packageremove {background:url(images/remove.gif);}
#divItinerary a.packageremove:hover {background:url(images/removehover.gif);}

/* complete booking */
div.package.alternate {background:#f3f3f3;}
div.package image {background:#fff;border:solid 1px #ddd;}
div.package a.book {background:url(images/book.gif) no-repeat;}
div.package a.book:hover {background:url(images/bookhover.gif) no-repeat;}

/* payment */
#divContent p {margin:0;}

/* confirmation */
#divHead h1 {color:#006550;}
#divHead h2 {color:#006550;}
h1 {color:#006550;}
#divContent h2 {color:#006550;}
#divContent image {background:#fff;border:solid 1px #ddd;}
#divContent table.guest th {background:#eee;}
#divContent table.guest td {border-bottom:solid 1px #eee;}

/* calendar */
.CalendarMask {position:absolute;width:148px;}
div.Calendar {position:absolute;width:146px;}
.CalendarMask {z-index:19;display:none;}
select.caldd {position:relative;top:0;left:0;}
a.CalendarLink {position:absolute;margin-top:1px;margin-left:1px;height:16px;width:19px;
	background:url(images/calendar.gif);}
a.CalendarLink span {display:none;}

div.Calendar {z-index:200;background:white;border:solid 1px #95caff;}
div.Calendar table {border-collapse:collapse;margin-left:1px;margin-top:1px;}
div.Calendar table th, div.Calendar table td {width:20px !important;height:18px;text-align:center;vertical-align:middle;}
div.Calendar table tr.calendarcontrol td {background:#95caff;text-align:left;height:18px !important;line-height:18px;vertical-align:middle;height:12px;}
div.Calendar tr.calendarcontrol a {display:block;float:left;height:13px;width:13px;}
div.Calendar tr.calendarcontrol a.calendarpreviousmonth,div.Calendar tr.calendarcontrol a.calendarpreviousmonth:hover {background:url(images/calendarback.gif) no-repeat 2px 2px;}
div.Calendar tr.calendarcontrol a.calendarnextmonth,div.Calendar tr.calendarcontrol a.calendarnextmonth:hover {background:url(images/calendarforward.gif) no-repeat 2px 2px;}
div.Calendar tr.calendarcontrol a.calendarhide,div.Calendar tr.calendarcontrol a.calendarhide:hover {float:right;background:url(images/calendarclose.gif) no-repeat 2px 2px;}
div.Calendar table td {border:solid 1px #eee;height:16px;}
div.Calendar table td.old {text-decoration:line-through;color:#aaa;}
div.Calendar table td.dead {background:#eee;}
div.Calendar table th {background:#eee;color:#95caff;}
div.Calendar table a {display:block;text-decoration:none;height:18px;line-height:18px;color:#888;}
div.Calendar table a.selected {background-color:#95caff;color:#fff;font-weight:bold;}
div.Calendar table a.selected:hover {background-color:#95caff;}
div.Calendar table a:hover {background:#eee;}

/*New info box*/
#divInfobox {position:absolute;left:50%;margin-left:-150px;top:200px;width: 330px;z-index:101;}
#divInfobox h4 {height:18px;margin:0;padding:3px 0 3px 9px;font-size:15px;
	background:#d5eaff;color:#496597;border:solid 1px #95caff;border-bottom:none;font-weight:normal;font-weight:bold;}
#aInfoClose {position:absolute;top:8px; right:10px;
		display:block; width:14px; height:11px;}
#aInfoClose  {background:url(images/InformationClose.gif) 14px 0;}
#aInfoClose:hover {background:url(images/InformationClose.gif) 0 0;}

#divInfoContent {background:#f8f8f8;border:solid 1px #95caff;height:100px;}
#ulInfoItems {width:90%; margin:0; padding: 10px 5%; height:100%}
#ulInfoItems li {list-style-type:none; margin-left:45px;}
#divInfobox.warning #ulInfoItems {background: transparent url(images/warning.gif) no-repeat  10px 10px;}
#divInfobox.information #ulInfoItems {background: transparent url(images/info.gif) no-repeat  10px 10px;}

#infomask {position:absolute;display:block;	left:50%;margin-left:-150px;width:330px;top:200px;	
	background-color:transparent;filter: alpha(opacity=0);	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	moz-opacity: .5;khtml-opacity: .5;	opacity: .5; z-index:100;}

