body { margin: 0; padding: 0; background: #F0F0F0 url(background.gif?d=20100820) center top repeat-y; text-align: center; }

#container { width: 777px; position: relative; text-align: left; margin: 0 auto; }

#header { padding: 20px; height: 97px; width: 737px; background-color: #0083C4; margin: 0 0 20px 0; position: relative; color: #FFFFFF; }
#header a:link, #header a:visited { color: #FFFFFF; text-decoration: none; }
#header a:hover, #header a:active { color: #FFFFFF; text-decoration: underline; }

#basket { padding: 4px 10px 3px 40px; height: 16px; width: 179px; position: absolute; top: 20px; right: 20px; font-size: 13px; background: url(basket.gif) 0 0 no-repeat;  }
#basket a { font-weight: bold; }

#actions { width: 229px; height: 50px; position: absolute; top: 60px; right: 20px; margin: 0; padding: 0; list-style-type: none; }
#actions li { list-style-type: none; margin: 0; padding: 0 0 4px 23px; font-size: 13px; background: url(arrow-inverted.gif) 12px 3px no-repeat; }
 
#spread { clear: both; margin: 0 20px 40px 20px; min-height: 200px; height: auto !important; height: 200px;  }		/* Hack */

#introduction { width: 450px; padding: 0 0 20px 20px; float: left; }

#membersites { width: 229px; padding: 0 0 1px 0; float: right; border-bottom: 4px solid #0083C4; margin: 0 20px 0 0; }
#membersites h2 { margin: 0 0 1px 0; padding: 0; width: 229px; height: 25px; background: url(members/header.gif) 0 0 no-repeat; text-indent: -9999px; }
#member-ur { display: block; width: 229px; height: 78px; background: url(members/ur.gif) 0 0 no-repeat; text-indent: -9999px; text-decoration: none; outline: none; }
#member-hb { display: block; width: 229px; height: 65px; background: url(members/hb.gif) 0 0 no-repeat; text-indent: -9999px; text-decoration: none; outline: none; }

#footer { clear: both; color: #959382; font-size: 10px; border-top: 2px #0083C4 solid; padding-top: 4px; margin: 20px 20px 10px 20px; }
#footer a:link, #footer a:visited	{ color: #999999; }
#footer a:hover, #footer a:active { color: #666666; }

table.horizgrid td { padding: 2px 6px; border-bottom: 1px solid #999999; }
table.horizgrid tr.header td { padding: 4px 6px; background-color: #0083C4; font-weight: bold; color: #FFFFFF; border-bottom: none; }

.fade { padding: 10px; background: #F2F2F2 url(fade.gif?d=20100820) repeat-x; margin-bottom: 20px; } 
.fade img { float: left; padding-right: 10px; }
.fade h3 { margin: 0; padding: 0 0 8px 0; }
.fade #calendar { margin: 0; }

#listing { border-bottom: 2px #D9D5B8 solid; margin: 20px 0; }
#toplisting { border-bottom: 2px #D9D5B8 solid; margin: 0 0 15px 0; }
div.vendor { padding: 10px 0; height: 60px; border-top: 2px #DDDDDD solid; position: relative; } 
div.vendor img { vertical-align: middle; }
div.vendor img.thumb { float: left; padding-right: 10px; width: 60px; height: 60px; }
div.vendor h3 { margin: 0; padding: 0 0 12px 0; font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 12px; }
div.vendor h3 span.price { display: block; float: right; padding-right: 80px; }
div.vendor p { margin: 0 0 5px 0;  }
div.vendor p.links { padding: 1px 0 0 0; margin: 0; float: right; text-align: right; line-height: 16px; }
div.vendor p.rating { position: absolute; right: 0; top: 34px; }
div.vendor img.label { position: absolute; right: 300px; top: 8px; }

table.vendors { border-collapse: collapse; clear: both; }
table.vendors td div.vendor { background: #F0F0F0 url(fade.gif?d=20100820) repeat-x; padding: 10px; }
td div.vendor { border-top: 0; overflow: hidden; }
td div.vendor h3 { padding-bottom: 2px; position: relative; top: -2px; }
td div.vendor p { line-height: 1.1em; }
td div.vendor p.links { padding-right: 0; }
td div.vendor img.label2 { position: absolute; right: 6px; bottom: 6px; }

.checkbox label { position: relative; top: -3px; padding-right: 10px; }
img.infowindowimage { float: right; padding-left: 8px; height: 60px; width: 60px; }


td.gapright { padding: 0 8px 8px 0; }
td.gapless { padding: 0 0 8px 0; }

span.expand input { margin: 0 5px 0 10px; padding: 0; display: block; float: left; width: 20px; }
img.stars { padding-bottom: 4px; }
img.error { padding-right: 4px; padding-bottom: 2px; vertical-align: middle; }
div.vendor img.stars { padding-bottom: 0;  }

td.bookingcalendar { width: 220px; padding: 10px 20px 10px 20px; }


/* Search widget */

#search { position: relative; clear: both; margin-top: 20px; }
#search table { height: 105px; border-style: none; border-collapse: collapse; }
#search td { vertical-align: top; }
#search td.spacer { width: 4px; }

#search td.searchbox { background: #F3F3F3 url(search.gif?d=20100820) 0 0 repeat-x; padding: 0; }
#search td.searchbox h4 { color: #FFFFFF; margin: 0; height: 14px; padding: 2px 15px 4px 14px; font-size: 13px; }
#search td.searchbox h4 span { font-size: 14px; }
#search td.searchbox h4 b { font-weight: normal; color: #EEEEEE;  }
#search td.searchbox div { color: #000000; padding: 12px 8px 0px 12px; }

#search table table { height: auto; }
#search table table td { padding: 0 3px 3px 0; color: #000000; }
#search table.tight td { padding: 0; }
#search #searchgo { text-align: center; padding: 12px 10px 6px 10px; }
#search #searchgo input { font-size: 15px; font-weight: bold; padding: 4px 6px; }

#search input.watermark { color: #777777; }

#arriveCalBtn, #leaveCalBtn { padding-top: 2px; cursor: pointer; }
#arriveCalPop, #leaveCalPop { display: none; position: absolute; right: 200px; top: -60px; z-index: 10; } 
.yui-skin-sam .yui-calcontainer .title { background-image: none; background-color: #0083C4; color: #FFFFFF; font-family: Verdana, Arial, sans-serif; }
.yui-skin-sam .yui-calcontainer { border: 1px solid #0083C4; }
.yui-skin-sam .yui-calendar { font-family: Verdana, Arial, sans-serif; }
.yui-skin-sam .yui-calendar .calweekdaycell { font-weight: normal; }
.yui-skin-sam .yui-calendar td.calcell { padding: 0; }
.yui-skin-sam .yui-calendar td.calcell a { color: #3064B1; font-weight: normal; }
.yui-skin-sam .yui-calendar td.calcell.selected a { background-color: #0083C4; color: #FFFFFF; font-weight: bold; }


/* Results map */

#results { padding: 2px; background-color: #0083C4; position: relative;  }
#tools { height: 20px; padding: 6px 8px 0 8px; color: #FFFFFF; }
#tools a:link, #tools a:visited { color: #FFFFFF; }
#mapplaceholder { width: 733px; overflow: hidden; color: #DDDDDD; }

#overlay {
	position: absolute; left: 366px;
	padding: 20px 25px 30px 40px; width: 290px; height: 260px;
	background: transparent url(overlay-white.gif) 0 -5px no-repeat; }
#overlay h3 { font-family: Verdana; width: 80%; }
#overlay img.stars { padding-bottom: 0; position: relative; top: 1px; }
#close { position: absolute; top: 24px; right: 22px; }

#overlay {	background: transparent url(overlay.gif?d=20100820) 0 -5px no-repeat; }

#return { position: absolute; top: 2px; right: 2px; height: 24px; width: 129px; opacity: 0.90; filter: 'alpha(opacity=90)'; }