* {
	margin:0;
	padding:0;
}
body {
	background:#eaeaea url("images/bg_body.gif") repeat-y center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.7em;
	color:#333;
}
a:link, a:active, a:visited {
	color:#1b7ab7;
	text-decoration:underline;
}
a:hover {
	color:#ff7e00;
}
h2 {
	font-size:1.6em;
	margin-bottom:10px;
}
h3 {
	font-size:1.2em;
}
h4, h5 {
	font-size:1em;
}
ul {
	list-style:none;
}
fieldset {
	border:0;
}
select, input {
	font-size:1em;
}
.clearfix {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
img {
	border:0;
}

/* Layout */
#container {
	width:898px;
	margin:0 auto;
	background:#fff;
	padding:10px 0;
}

#navigation {
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
	border-bottom:10px solid #eaeaea;
}
#navigation ul li {
	display:inline;
}
ul#toplevel_menu {
	float:left;
	width:65%;
}
ul#toplevel_menu li {
	padding-right:10px;
}
ul#usermenu {
	width:33%;
	float:right;
	text-align:right;
}
ul#usermenu li {
	padding-left:10px;
	font-weight:bold;
}
#navigation a {
	text-decoration:none;
}
#contents {
	width:480px;
	float:left;
	margin-left:10px;
}
#results_searchbar {
	width:230px;
	float:left;
	margin-left:10px;
}
#sidebar {
	width:378px;
	float:right;
	margin-right:10px;
}
#footer {
	height:30px;
	line-height:30px;
	margin:10px 10px 0 10px;
	padding:0 10px;
	background:url("images/bg_footer.gif") no-repeat;
}
#footer p {
	float:left;
	width:70%;
}
#footer p.contact {
	width:25%;
	float:right;
	text-align:right;
}
.greybox {
	background:#eaeaea url("images/bg_greybox.gif") no-repeat top;
	padding:10px 10px 0 10px;
}
.greybox_bottom {
	height:10px;
	font-size:1px;
	background:url("images/bg_greybox_bottom.gif") no-repeat bottom;
}
.greybox_right {
	background:#eaeaea url("images/bg_greybox_right.gif") no-repeat top;
	padding:10px 10px 0 10px;
}
.greybox_right_bottom {
	height:10px;
	font-size:1px;
	background:url("images/bg_greybox_right_bottom.gif") no-repeat bottom;
}
.greybox_newsearch {
	background:#eaeaea url("images/bg_greybox_newsearch.gif") no-repeat top;
	padding:10px 10px 0 10px;
}
.greybox_newsearch_city input {
	width:167px;
}


.city_autocomplete_list {
	border: 1px solid black;
	list-style-type: none;
	margin: 0px;
	background-color: #FFF;	
	font-family:verdana, arial, helvetica, sans-serif;	
}

ul.city_autocomplete_list li {
	padding: 2px 5px;
}

.city_autocomplete_listitem {
	color: #000;
}

.city_autocomplete_hover_listitem {
	background-color: #afd6ff;	
}

.greybox_newsearch_bottom {
	height:10px;
	font-size:1px;
	background:url("images/bg_greybox_newsearch_bottom.gif") no-repeat bottom;
}
.greybox_results {
	background:#eaeaea url("images/bg_greybox_results.gif") no-repeat top;
	padding:10px 10px 0 10px;
}
.greybox_results_bottom {
	height:10px;
	font-size:1px;
	background:url("images/bg_greybox_results_bottom.gif") no-repeat bottom;
}

/* Search results */
#results {
	width:628px;
	float:right;
	margin-right:10px;
}
#results ul#hotels li {
	clear:both;
	margin-top:10px;
}
#results ul#hotels li div.description img {
	float:left;
	margin-right:10px;
}
#results ul#hotels li div.description {
	width:500px;
}
table.details th {
	text-align:left;
	font-weight:normal;
	padding-right:10px;
}
table.details th, table.details td {
	vertical-align:top;
	padding-top:5px;
}
table.details th.totalprice {
	font-weight:bold;
}
table.details th.totalprice, table.details td.totalprice {
	padding-top:10px;
	vertical-align:bottom;
}
table.details td.totalprice .price {
	font-size:12px;
}
table.details td.city {
	font-weight:bold;
}
#results ul#hotels li div.moreinfo {
	width:89px;
	margin:0;
	float:right;
	text-align:right;
}
#results ul#hotels li div.moreinfo img.infobutton {
	margin:8px 0 0 5px;
}
#results ul#hotels li div.moreinfo img.book {
	margin:40px 0 0 0;
}
#resultnav {
	margin:15px 0 10px 0;
	height:20px;
	line-height:20px;
}
#resultnav ul.paging {
	float:left;
	width:70%;
}
#recommendedHotelsLink{
	padding-top:8px;
}


ul.paging_bottom {
	margin:15px 0 10px 0;
}
ul.paging li {
	display:inline;
	font-weight:bold;
}
ul.paging li.nolink {
	margin:0 5px;
}
ul.paging li a:link, ul.paging li a:active, ul.paging li a:visited {
	padding:2px 5px;
	border:1px solid #ccc;
	text-decoration:none;
}
ul.paging li a:hover {
	background:#1b7ab7;
	color:#fff;
	text-decoration:none;
}
#resultnav div.sort {
	float:right;
	width:25%;
	text-align:right;
}
#resultnav div.sort select {
	width:100%;
}

/* Searchforms */
#search 
{	
	background:#dbecfe url("images/bg_frontpage_search.jpg") no-repeat top left;
	min-height:260px;
}

.search_bottom {
	height:10px;
	line-height:10px;
	font-size:1px;
	background:#dbecfe url("images/bg_frontpage_search_bottom.gif") no-repeat bottom left;
	margin-bottom:10px;
}
#search .formfield {
	width:220px;
	float:left;
	margin:10px 0 5px 0;
	padding-left:10px;
}
#search .last {
	clear:both;
	height:5px;	
	margin-right:5px;
}
#newsearch .formfield {
	margin:10px 0 5px 0;
}
#newsearch .first {
	margin:0 0 5px 0;
}



#newsearch .last, #search .last {
	text-align:right;
}
#search select.country, #search select.city, #search select.roomtype, #newsearch select.country, #newsearch select.city, #newsearch select.roomtype {
	width:160px;
}
#search select.checkin_day, #search select.checkout_day, #search select.numberofrooms, #newsearch select.checkin_day, #newsearch select.checkout_day, #newsearch select.numberofrooms {
	width:45px;
}
#search select.checkin_month, #search select.checkout_month, #newsearch select.checkin_month, #newsearch select.checkout_month {
	width:130px;
}
#search label, #newsearch label {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}
#search_criteria {
	width:100%;
	margin-bottom:15px;
}
#search_criteria th, #search_criteria td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-top:5px;
	color:#666;
}
#search_criteria td.city {
	font-weight:bold;
}

#searching {		
	text-align:center;
	width:409px;
	height:200px;
	background:#fff url("images/searching_bg.gif") no-repeat bottom;
}
#searching p, #searching h2 {
	margin:10px 0;
}
#searching p.searching_infotext {
	
	text-align:center;	
}
#searching img {
	margin:10px 0 0 0;
}


.black_overlay	{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:1001;
	-moz-opacity:0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
.white_content {
	display:block;
	position:absolute;
	top:30%;
	left:50%;
	height:200px;
	margin-left:-204px;
	background:#fff;
	border:10px solid #eaeaea;
	z-index:1002;
	overflow:hidden;
}
#searchbg {
	height:100%;
	width:100%;
}



/* Frontpage campaign */
.campaign
{
	position:relative;
	margin-top:10px;
	height:98px;	
	background:url("images/bg_frontpage_campaign.jpg") no-repeat;
}

.campaign img.destination {
	float:left;
	border:1px solid #fff;
	margin:10px 15px 10px 10px;		
}
.campaign h4 {
	font-size:1.6em;
	text-transform:uppercase;
	padding-top:15px;
}
.campaign .hotel {
	font-weight:bold;
	margin:3px 0 8px 0;
}
.campaign .price {
	font-family:arial, helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:22px;
	right:17px;
}
.campaign .price a:link, .campaign .price a:active, .campaign .price a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	width:54px;
	height:54px;
	line-height:54px;
	text-align:center;
}
.campaign .price a:hover {
	text-decoration:underline;
}
.campaign_info {
	margin-top:10px;
}
.popular a {
	font-weight:bold;
}
.popular li {
	display:block;
	float:left;
	width:33%;
	margin-bottom:15px;
}
.popular li.lastrow {
	margin-bottom:0;
}
.price {
	font-weight:bold;
	color:#ff7e00;
}
h2.newsletter {
	margin-top:20px;
}
div.newsletter {
	margin-top:5px;
	text-align:right;
}
div.newsletter #newsletter_email {
	width:345px;
	float:left;
	height:16px;
	line-height:16px;
	margin-top:2px;
}
div.newsletter input#newsletter_add {
	
}
/* Prospect */
h3.hotelname {
	padding-left:1px;
	height:14px;
	line-height:14px;
	margin-bottom:15px;
}

.hotelinfo {
	position:relative;
	margin-top:15px;
}
.hotelinfo h4, .hotelinfo_button h4 {
	position:absolute;
	left:0;
}
.hotelinfo p, .hotelinfo ul {
	padding-left:90px;
}
.hotelinfo ul li {
	float:left;
	width:185px;
}
.hotelinfo img.prospect_map {
	float:right;
}
#order, #buttons {
	position:relative;
	margin-top:15px;	
}



#order p, #order fieldset {
	padding-left:80px;
}
#order .hotelinfo {
	margin-top:0;
	margin-bottom:15px;
}
#order .chooseroomtype {
	height:35px;
}
#order .chooseroomtype .radio {
	width:20px;
	height:30px;
	float:left;
}
#order .chooseroomtype label {
	display:block;
	width:190px;
	float:left;
}
.available, .requestable {
	padding-left:15px;
	float:left;
	width:90px;
}
.available {
	background:url("images/room_available.gif") no-repeat 0 3px;
}
.requestable {
	background:url("images/room_available_request.gif") no-repeat 0 3px;
}
.chooseroomtype .price {
	float:right;
	text-align:right;
	width:60px;
}
#order .chooseroomtype label span.description {
	color:#666;
}
#order .hotelinfo_button {
	position:relative;
	height:29px;
}
#order .hotelinfo_button input {
	position:absolute;
	right:0;
}
#buttons {
	position:relative;
}
#buttons ul.prospectfunctions {
	width:300px;
	padding-top:3px;
	text-align:left;
}
#buttons .prospectfunctions li {
	display:inline;
}
#buttons input {
	position:absolute;
	right:10px;
	top:10px;
}
#images {
	text-align:center;
}
#images .thumbs {
	text-align:left;
	margin-top:10px;
}
#images .thumbs .thumb {
	margin-top:5px;
	padding:0 5px 0 0;
}
#images .thumbs .thumb_3 {
	margin-top:5px;
	padding:0 0 0 0;
}

/* Map */
#mappage{
	margin-left:10px;	
}

/* Login form */
.login{
	margin-top:10px;
}
.login p {
	margin-top:5px;
}
.login .formfield {
	margin-bottom:5px;
}
h3.userform {
	margin-top:15px;
}
h3.alternatives {
	margin-bottom:10px;
}
.login .buttons {
	margin-top:15px;
	height:23px;
	text-align:right;
}


#search .formfield-double-width {
	width:450px;
	float:left;
	margin:10px 0 5px 0;
	padding-left:10px;
}

#search .formfield-double-width input {
	width:230px;
}

.login .formfield label {
	float:left;
	width:110px;
}
.login .formfield label.title {
	float:none;
	padding:0 10px 0 3px;
}
.login .formfield input {
	width:200px;
}
.login .formfield select {
	width:204px; 
}
.login .formfield select.arrival {
	width:80px;
}
.login .formfield select.creditcard {
	width:110px;
}
.login .formfield input#mr, .login .formfield input#ms, .login .formfield input#ctl00_mainContentHolder_chCancelInsurance, .login .formfield input#ctl00_mainContentHolder_chAcceptRules, .login .formfield input#ctl00_mainContentHolder_chNonSmoking, .login .formfield input#ctl00_mainContentHolder_chLateArrival, .login .formfield input#terms {
	width:20px;
}
.login .formfield input#ctl00_mainContentHolder_txtPostalCode {
	width:40px;
}
.login .formfield input#ctl00_mainContentHolder_txtCity {
	width:152px;
}
span.required {
	color:#ff0000;
}
.login .cc {
	height:26px;
	background:url("images/cc.gif") no-repeat right;
}
/* Process bar */
#process {
	margin:0 10px 10px 10px;
}
#process li {
	display:inline;
	color:#bbb;
	padding-left:30px;
	background:url("images/process_arrow.gif") no-repeat 6px 3px;
}
#process li.first {
	padding-left:0;
	background:transparent;
}
#process li.active {
	font-weight:bold;
	color:#666;
}
#process li.finished {
	text-decoration:line-through;
}

/* Error messages */
.errorMessage
{
	color: red;
	font-family: verdana;
	font-size: 11px;
	FONT-WEIGHT: bold;	
	width:100%;
}



/* Invoice and Voucher */
body#light {
	width:878px;
	margin:0 auto;
	padding:10px 0;
	background:#fff;
}
#light h1 {
	font-size:1.8em;
}
#light h2 {
	font-size:1.5em;
}
#light h1, #light h2, #light span.print a {
	margin:25px 0 15px 0;
}
#light h3 {
	font-size:1.1em;
	margin:15px 0 0px 0;
}
#light h4.payment {
	font-size:1.5em;
}
#header_light {
	height:80px;
}
#header_light .logo {
	float:left;
	width:38%;
	margin-right:10px;
}
#header_light p {
	float:left;
	width:26%;
}
#light p.footer {
	color:#666;
}
#light span.print a {
	display:block;
	width:62px;
	height:23px;
	background:url("img/button_s_print.gif");
	text-indent:-3000px;
}

/* pop-up */
#newWindow {
	border-color: #C2D2E2;
	position:absolute;
	vertical-align:middle;
	width:640px;
	background-color:#FFFFFF;	
	border-style:solid;	
	padding: 5px 5px 5px 5px;
	visibility: hidden;	
}


/* invoice */
.invoiceTotalContent
{
	width: 600px;
	margin-left:140px;	
}

.invoiceTopArea
{
	position:relative;
	width:590px;
}

.innerInvoice
{	
	width:598px;
}


.invoiceHeading
{
	margin-top:10px;
	margin-left:10px;
}

.invoiceCustomerDetails
{
	margin-top:40px;
	margin-left:10px;
}

.invoiceLogo
{		
	margin-right:10px;
	margin-top:10px;
}

.invoiceETGDetails
{	
	margin-left:400px;
	margin-top:20px;			
}

.invoiceDetails
{
	margin-left:53px;
	margin-top:40px;	
}

.wholeTableInvoice
{
	margin-top:40px;
	margin-left:10px;
	margin-right:0px;	
}

.invoiceTable
{	
	font-family: verdana;
	font-size: 11px;
	color: black;		
	border: 0px;
	border-collapse: collapse;
	border-style: solid ;
	border-color: #c9c9c9;	
	padding: 0px;	
}

.invoiceConfirmDetails
{
	width:580px;
	margin-left:10px;
	margin-top:10px;	
}


.invoiceStandardText
{
	color: #000000;
	font-family: verdana;
	font-size: 11px;
	
}

.mainLeftMargin
{
	margin-left:7px
}

#refinesearch 
{
	height:24px;
}

#refinesearch input.searchhotelnames 
{
	padding:2px;
	margin:1px 3px 1px 0;
	float:left;
	width:200px;
}

#refinesearch p 
{
	width:50%;
	float:right;
	font-weight:bold;
	text-align:right;
	margin:0;
	height:20px;
	line-height:20px;
}

#vancouver {margin:10px;}
#vancouver p {margin:15px 0;}
#vancouver .photo {float:right;margin:0 0 10px 20px;}
#vancouver .photo img, #vancouver .photo .caption {margin:0 0 3px 0;}
#vancouver .photo .caption {text-align:right;color:#ccc;}
#vancouver .photo .caption a {color:#ccc;}
.vancouver_email {width:300px;padding:3px;}