/* Basics */

body {
	background-color: #366BA1;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	text-align: center;
	font-size: small;
}

input, textarea {
	color: #000;
}

a:link, a:visited, a:active {
	color: #547392; /* #6aa362; */
	text-decoration: none;
}

h3 a:link, h3 a:visited, h3 a:active {
 	color: black;
}

button.nobutton {
	background: transparent;
	border: none;
}

a:hover {
/*
	color: #84909b;
*/
	text-decoration: underline;
}

form {
	display: inline;
}

ul, ol {
	padding-left: 2ex;
}

ul {
	list-style-type: disc;
}

ul.nobulets {
	list-style-type: none;
}

ul.xxxmoreroom li {
	padding: .2em;
}

.xxxxpopcitycolumns {
	float: left;
	width: 19.5em;
}
.columns2 {
	float: left;
	width: 49.5%;
}

.columns3 {
	float: left;
	width: 33%;
}

.columns4 {
	float: left;
	width: 24.8%;
}

.columns5 {
	float: left;
	width: 19.8%;
}

.columns6 {
	float: left;
	width: 16.5%;
}

.fullw {
 	width: 100%;
}

caption, tr, td, input, select {
	font-size: small;
}

.floatleft {
 	float: left;
}

.floatright {
 	float: right;
}

.floatbox {
	overflow: hidden; /*container for floats, need hasLayout fix for IE6 */
}

.fontsize200 {
 	font-size: 200%;
}

.fontsize150 {
 	font-size: 150%;
}

.fontsize120 {
 	font-size: 120%;
}

.fontsize90 {
 	font-size: 90%;
}

.fontsize85 {
 	font-size: 85%;
}

.fontsize75 {
 	font-size: 75%;
}

.fontsize50 {
 	font-size: 50%;
}

.relative {
	position: relative;	
}

/* Config */

* {
	padding: 0;
	margin: 0;
}
p {
	padding-bottom: 1ex;
	text-align: left;
}
.clear {
	clear: both;
}
.nodisp {
	display: none;
}
img {
	border: 0;
}
h1 {
	font-size: 200%;
}
h3 {
	font-size: 100%;
}

h4 {
	font-size: 100%;
}

.center {
	text-align: center;
}

.centered {
	margin: auto;
}

.right {
	text-align: right;
}

.width6em  { width: 6em; }
.width7em  { width: 7em; }
.width8em  { width: 8em; }
.width9em  { width: 9em; }
.width10em { width: 10em; }
.width11em { width: 11em; }
.width12em { width: 12em; }
.width13em { width: 13em; }
.width14em { width: 14em; }
.width100px { width: 100px; }


/* search results */

.f0_column {
	float: left;
	width: 15em;
}

.f0_column select {
 	width: 12em;
}

.f0_column input[type="text"] {
 	width: 12em;
}

.citysuggestionsbox {
 	border: 2px solid #D80001;
}


.citysuggestionsbox .DYMbox {
	float: left;
	width: 20%;
}

.citysuggestionsbox .cbox {
	float: left;
	width: 80%;
}


.citysuggestionsbox table {
 	width: 100%;
}

.citysuggestionsbox table th {
 	padding-left: 1em;
	width: 9em;
 	color: red;
}

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

/* search results END */




/* HEADERS and body */

#supcontainer {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 0px;
	width: 70em;
	border-left: none;
	border-right: none;
	xxxbackground-color: #AAA;
}

#adscolumn, #adscolumnsm {
	position: absolute;
	right: 0px;
	width: 140px;
	text-align: center;
	background-color: #FFF;
	background-image: url(../images/design2/header_back.gif);
	background-position:0 -150px;
	background-repeat: repeat-x;
}

#adscolumn {
	top: 10em;
}	

#adscolumnsm {
	top: 6em;
}	

#adscolumn .bottomshade, #adscolumnsm .bottomshade {
	height: 30px;
	background-image: url(../images/design2/header_back_rev.gif);
	background-repeat: repeat-x;
}

#adscolumn h3, #adscolumnsm h3 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
 	xxxbackground-color: #DDE;
}

div.sideadssites a {
 	color: #00F;
 	font-weight: bold;
}

#page {
	position: relative;
	width: 59em;
	background-color: #fff;
/*	min-height: 1000px; */
}

#header {
	height: 10em;
	background-color: #366BA1;
}

#header1sm {
	height: 6em;
	background-color: #366BA1;
}

#header2 {
	background-color: #FFFFFF;
	background-image: url(../images/design2/header_back.gif);
	background-repeat: repeat-x;
	padding-left: 12em;
	padding-right: 1em;
}

.header2index {
	height: 4.5em;
	text-align: left;
	background-position: 0 -140px;
}

.header2index div{
	padding-left: 10em;
}

.header2index .number, .header2index .dnumber {
	color: white;
}

.header2index .number{
	font-size: 400%;
}

.header2hotelinfo {
 	padding-top: 2.5em;
 	height: 6.0em;
	background-position: 0 -150px;
}

.header2results {
 	padding-top: 2.5em;
 	height: 6em;
	background-position: 0 -150px;
}

.header2browsecity {
 	padding-top: 2.5em;
 	height: 6em;
	background-position: 0 -150px;
}

.header2hotelreservation {
 	padding-top: 2.5em;
 	height: 0em;
	background-position: 0 -150px;
}

.header2userprofile {
 	padding-top: 4.5em;
 	height: 4em;
	background-position: 0 -150px;
}

#headerlogo {
	position: absolute;
	top: 0px;
	left: 0px;
}

.headerborder {
	position: absolute;
	top: 0px;
	width: 3px;
	height: 192px;
	background-image: url("../images/design2/header_border.gif");
}

.headerborderright {
	right: 0px;
}

.headerborderleft {
	left: 0px;
}

#guy {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 140px;
	height: 192px;
}

#logo {
	position: absolute;
	top: 0em;
	left: 14em;
	width: 22.5em;
	height: 6em;
}

#earncashbacktext {
	position: absolute;
	top: 6em;
	left: 14em;
	width: 33em;
	xxxheight: 6em;
	color: #FFF;
}

#bestpricelogo {
	position: absolute;
	top: 3em;
	right: 1em;
	xxxwidth: 125px;
	xxxheight: 2em;
	color: #FFF;
}

#userstatusbar {
	position: absolute;
	top: 0px;
	right: 5px;
	background-color: #DA0000;
 	color: #FFF;
 	z-index: 2;
 	padding: .5em;
}

#userstatusbar a{
 	color: #FFF;
}

#userstatusbar .leftcorner {
	background:transparent url(../images/design2/userbar_left.png) no-repeat scroll left top;
	bottom:0px;
	height:6px;
	left:0px;
	position:absolute;
	width:6px;
}

#userstatusbar .rightcorner {
	background:transparent url(../images/design2/userbar_right.png) no-repeat scroll left top;
	bottom:0px;
	height:6px;
	right:0px;
	position:absolute;
	width:6px;
}

#body, #header2, #bodyroundedbottom {
	border-left: 3px solid #285079;
	border-right: 3px solid #285079;
}

#body {
	padding: 1em;
	padding-bottom: 0px;
}

#bodyroundedbottom {
 	height: 20px;
 	position: relative;
	border-bottom: 2px solid #285079;
}

#bodycornerleft {
	background:transparent url(../images/design2/body_bottom_left.gif) no-repeat scroll left top;
	bottom: -2px;
	left: -3px;
	height: 20px;
	width: 20px;
	position: absolute;
}

#bodycornerright {
	background:transparent url(../images/design2/body_bottom_right.gif) no-repeat scroll left top;
	bottom: -2px;
	right: -3px;
	height: 20px;
	width: 20px;
	position: absolute;
}

#maincontent {
	width: 70%;
/*	font-size: 90%; */
	float: left;
}

#sidecontent {
	width: 29.9%;
	/*font-size: 90%; */
	float: left;
}



#footer {
 	text-align: center;
 	color: #FFF;
}

#footer a {
 	color: white;
}


.hiwtd {
 	padding-left: 1em;
 	
}

/* END of HEADERS and body */


/* nice rounded buttons  */

.rounded_button{
	background: transparent url('../images/design2/button_red_left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 33px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	color: white; /*button text color*/
}

.rounded_button a, .rounded_button a:link, .rounded_button a:visited, .rounded_button a:hover, .rounded_button a:active {
	color: white; /*button text color*/
	text-decoration:none;
}

.rounded_button span{
	background: transparent url('../images/design2/button_red_right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: underline;
}

/* END nice rounded buttons */

/* horizontal menu */

ul.hmenu {
	list-style-type:none;
	padding-left: 0;
	overflow: hidden;
}

ul.hmenu li {
 	float: left;
	padding-top: .3em;
	padding-bottom: .3em;
}

ul.hmenu li a {
	background:transparent url(../images/design2/arrow_left.gif) no-repeat scroll left center;
	color:#1B6C01;
	font-weight:bold;
	display:block;
	margin-left:15px;
	padding-left: .5em;
	text-decoration:none;
}

ul.hmenu li a:visited {
	color:#1B6C01;
}

/* infoboxes */


.mbinfo{
    background-color:#BDE5F8;
    color:#00529B;
    border: 1px #00529B solid;
    padding:15px 10px 15px 50px;
    background-image:url('../images/mbicons/info.png');
    background-repeat:no-repeat;
    background-position: 10px center;
}
.mbsuccess{
    background-color:#DFF2BF;
    color:#4F8A10;
    border: 1px #4F8A10 solid;
    padding:15px 10px 15px 50px;
    background-image:url('../images/mbicons/success.png');
    background-repeat:no-repeat;
    background-position: 10px center;
}
.mberror{
    background-color:#FFBABA;
    color:#D8000C;
    border: 1px #D8000C solid;
    padding:15px 10px 15px 50px;
    background-image:url('../images/mbicons/error.png');
    background-repeat:no-repeat;
    background-position: 10px center;
}
.mbwarning{
    background-color:#FEEFB3;
    color:#9F6000;
    border: 1px #9F6000 solid;
    padding:15px 10px 15px 50px;
    background-image:url('../images/mbicons/warning.png');
    background-repeat:no-repeat;
    background-position: 10px center;
}


/* tables styling */


table.general tr.odd td {
 	background-color: #EEF;
}

table.general th {
	padding: .3em;
 	background-color: #DDF;
}

/* end table styling */

/* infoboxes END */


#leftborder {
	height: 16px;
	background-image: url("../images/design2/left_top_border.png");
	margin-bottom: 30px;
}


#rightbg {
	height: 27px;
	background-image: url("../images/design2/right_topbg.png");
}




/*  small window box */

.smallwindow {
	z-index: 1;
}

.smallwindow h2.wtitle {
	font-size: 100%;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background:#516585 url(../images/design2/bmark_left.png) repeat-x scroll left top;
	padding:3px 0pt;
	position:relative;

}

.smallwindow .swcontent {
 	border-left: 1px solid #516585;
 	border-right: 1px solid #516585;
}


.smallwindow h2 .tt {
	height:3px;
	position:absolute;
	top:0px;
	width:3px;
}

.smallwindow h2 .lt {
	left: 0px;
	background: url("../images/design2/tab_left_light_blue.gif") top left no-repeat;
}


.smallwindow h2 .rt {
	right: 0px;
	background: url("../images/design2/tab_right_light_blue.gif") top left no-repeat;
}

.smallwindow {
	/* fix IE 6 layout */
	position:relative;
	/* IE haslayout */
	height:1%; 
	/* obey floats */
	overflow:auto; 
}

.top,
.bottom,
.top b,
.bottom b {
	display:block;
	font:normal 1px/1px sans-serif;
	position:relative;
	border-style:solid;
	border-width:0;
}

.smallwindow .boxcontent {
	border-style:solid;
 	border-width:0 1px;
}
		
.smallwindow .top,
.smallwindow .bottom {
	margin:0 5px;
	height:4px;
}

.smallwindow .top {
	border-width:1px 0 0;
}

.smallwindow .bottom {
	border-width:0 0 1px;
}

.smallwindow .top b,
.smallwindow .bottom b {
	margin:0 -2px;
	border-width:0 2px;
	height:3px;
}

.smallwindow .top b {
	padding-top:1px;
}

.smallwindow .bottom b {
	padding-bottom:1px;
}

.smallwindow .top b b,
.smallwindow .bottom b b {
	margin:0 -3px;
	border-width:0 1px;
	height:2px;
}

.smallwindow .top b b b,
.smallwindow .bottom b b b {
	margin:0 -2px;
	height:1px;
}

.smallwindow .top,
.smallwindow .top b, 
.smallwindow .bottom,
.smallwindow .bottom b,
.smallwindow .boxcontent {
	color: #000;
	background-color: #DFE3FF;
	border-color:#516585;
}

.smallwindow .boxcontent{
	font:normal 12px/14px arial,helvetica,sans-serif;
	padding:3px 8px;
}

/*  small window box */







/*   BIG window BOX  */

.window_search {
 	width: 400px;
}

.bigwindow {
 	position: relative;
	
}

.bigwindow h2 {
	background: #2D4F74 url("../images/design2/bw_title_back.gif") top left repeat-x;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: .5em;
	padding-bottom: .5em;
	position: relative;
	font-size: 200%;
	color: #FFF;
}

.bigwindow h2 .cornerleft {
	background:transparent url(../images/design2/bw_title_left.gif) no-repeat scroll left top;
	top:0px;
	left:0px;
	height:100%;
	width:12px;
	position:absolute;
}

.bigwindow h2 .cornerright {
	background:transparent url(../images/design2/bw_title_right.gif) no-repeat scroll left top;
	top:0px;
	right:0px;
	height:100%;
	width:12px;
	position:absolute;
}

.bigwindow .bwclient {
	background: #D4E5F5;
	border-left: 2px solid #9AB5D0;
	border-right: 2px solid #9AB5D0;
	border-bottom: 2px solid #9AB5D0;
}

.bigwindow .bwcontent {
	padding: 1em;
	padding-bottom: 0px;
	position: relative;
	color: #333;
}

.bigwindow .bwbottom {
 	position: relative;
 	height: 24px;
}

.bigwindow .cornerleft {
	background:transparent url(../images/design2/bw_bottom_left.gif) no-repeat scroll left top;
	bottom: -2px;
	left: -2px;
	height: 24px;
	width: 24px;
	position: absolute;
}

.bigwindow .cornerright {
	background:transparent url(../images/design2/bw_bottom_right.gif) no-repeat scroll left top;
	bottom: -2px;
	right: -2px;
	height: 24px;
	width: 24px;
	position: absolute;
}

/* custom windows */

.main_hotel_search_window {
 	float: left;
	width: 30em;
}

.main_hotel_search_window input[type="text"] {
	font-size: 150%;
	margin-left: 0.5em;
	width: 11em;
}

.main_hotel_search_window select {
	margin-left: 0.5em;
	width: 9em;
}

.main_hotel_search_window img.cal {
	position: relative;
	top: 4px;
}

.main_hotel_info_window {
 	margin-left: 1em; 
	float: left;
	width: 25em;
}

.main_hotel_info_window table {
	height: 19.55em;
	color: #547392;		
}

.main_hotel_info_window small {
	color: #547392;		
}

.paddingbox1 {
 	padding-left: 3em;
 	padding-right: 3em;
 	padding-top: 1em;
 	padding-bottom: 1em;
 	font-size: 100%;
}

.paddingbox05 {
 	padding-left: 1em;
 	padding-right: 1em;
 	padding-top: 1em;
 	padding-bottom: 1em;
}

.marginbox1 {
	margin: 1em; 		
}

/* BIG windows BOX END */

/* image free Rounded box */

.ifrounded {
	/* fix IE 6 layout */
	position:relative;
	/* IE haslayout */
	height:1%; 
	/* obey floats */
	overflow:auto; 
	z-index: 1;
	
}

.top,
.bottom,
.top b,
.bottom b {
	display:block;
	font:normal 1px/1px sans-serif;
	position:relative;
	border-style:solid;
	border-width:0;
}

.ifrounded .boxcontent {
	border-style:solid;
 	border-width:0 1px;
}
		
.ifrounded .top,
.ifrounded .bottom {
	margin:0 5px;
	height:4px;
}

.ifrounded .top {
	border-width:1px 0 0;
}

.ifrounded .bottom {
	border-width:0 0 1px;
}

.ifrounded .top b,
.ifrounded .bottom b {
	margin:0 -2px;
	border-width:0 2px;
	height:3px;
}

.ifrounded .top b {
	padding-top:1px;
}

.ifrounded .bottom b {
	padding-bottom:1px;
}

.ifrounded .top b b,
.ifrounded .bottom b b {
	margin:0 -3px;
	border-width:0 1px;
	height:2px;
}

.ifrounded .top b b b,
.ifrounded .bottom b b b {
	margin:0 -2px;
	height:1px;
}

.white .top,
.white .top b, 
.white .bottom,
.white .bottom b,
.white .boxcontent {
	color: #000;
	background-color: #FFF;
	border-color:#FFF;
}

.white .boxcontent{
	font:normal 12px/14px arial,helvetica,sans-serif;
	padding:3px 8px;
}

.generic .top,
.generic .top b, 
.generic .bottom,
.generic .bottom b,
.generic .boxcontent {
	color: #000;
	background-color: #FFF;
	border-color:#547392;
}

.generic .boxcontent{
	background-color: #FFF;
	font:normal 12px/14px arial,helvetica,sans-serif;
	padding:3px 8px;
}

.gray1 .top,
.gray1 .top b, 
.gray1 .bottom,
.gray1 .bottom b,
.gray1 .boxcontent {
	color: #000;
	background-color: #FFF;
	border-color:#BBB;
}

.gray1 .boxcontent{
	background-color: #FFF;
	font:normal 12px/14px arial,helvetica,sans-serif;
	padding:3px 8px;
}

/* image free Rounded box - WHITE END */

/* red rounded button */




/* red rounded button END */


/* tab bar */

.tabbar {
	position: relative;
	border-bottom: 2px solid #082147;
	height: 1.7em;
}

.tabbar ul {
	position: absolute;
	top: 0px;
	padding: 0;
	margin: 0;
	margin-left: -0.4em; 
	list-style-type: none;
}

.tabbar li {
	float: left;
}

.tabbar ul li a {     
	background: #7c92ae url("../images/design2/tab_center_light_blue.png") top left repeat-x;
	padding: 3px 0;
	position: relative;
}

.tabbar ul li a.active {
	background: #0b284e url("../images/design2/tab_center_dark_blue.png") top left repeat-x;
}

.tabbar ul li a, 
.tabbar ul li a:active, 
.tabbar ul li a:link, 
.tabbar ul li a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 3px 0px;
	margin-left: 5px;
}

.tabbar ul li a .text {
	padding: 0 1em; 
}

.tabbar ul li a .tt {
	position: absolute;
	top: 0px;
	width: 3px;
	height: 3px;
}

.tabbar ul li a .lt {
	left: 0px;
	background: url("../images/design2/tab_left_light_blue.gif") top left no-repeat;
}
.tabbar ul li a.active .lt {
	background: url("../images/design2/tab_left_dark_blue.gif") top left no-repeat;
}
.tabbar ul li a .rt {
	right: 0px;
	background: url("../images/design2/tab_right_light_blue.gif") top left no-repeat;
}
.tabbar ul li a.active .rt {
	background: url("../images/design2/tab_right_dark_blue.gif") top left no-repeat;
}
.tabbar ul li a.active .arrow {
	position: absolute;
	bottom: -5px;
	left: 49%;
	width: 5px;
	height: 3px;
	background: url("../images/design2/blue_arrow_bottom.gif") top center no-repeat;
	z-index: 10;
}

.tabcontent {
 	border: 1px solid #082147;
}

/* tab bar END */

.backbuttonwrapper {
	xxxfloat:right;
	position: absolute;
	padding-top:3em;
	right: 1em;
	width: auto;
}

/* hotelinfo page designs */

div.bpwrapper {
    background-color: #FEEFB3;
    xxxcolor: #9F6000;
    border: 1px #9F6000 solid;
    padding: .5em;
}

div.bpwrapper img{
	margin-right: 1em;
}

.hotelphototitle {
}

.hotelphototitle .hotelicon {
	float: left;
	width: 100px;
}

.hotelphototitle .hotelnameaddress {
	float: left;
}

.resbuttonwrapper {
 	margin: 1em auto;
 	width: 16em;
}

table.receipt {
	width: 100%;
	border-top: 1px solid #DFD0A1;
	border-bottom: 1px solid #efe0b1;
}

table.receipt .c1 {
 	width: 15em;
}

table.receipt td, table.receipt th {
 	padding-top: .3em;
 	padding-bottom: .3em;
 	padding-left: .5em;
 	padding-right: .5em;
}

table.receipt td {
 	background-color: #fff2c5;
}

table.receipt th {
 	background-color: #efe0b1;
}

table.receiptPanel {
	width: 100%;
	height: 12em;
	border: 1px solid #DFD0A1;
}

table.receiptPanels {
	width: 100%;
}

table.receiptPanel1 .c1 {
 	width: 9em;
}

table.receiptPanel2 .c1 {
 	min-width: 12em;
}

table.receiptPanel2 .c2 {
 	min-width: 6em;
}

table.receiptPanel td, table.receiptPanel th {
 	padding-left: .5em;
 	padding-right: .5em;
}

table.receiptPanel td {
 	background-color: #fff2c5;
}

table.receiptPanel th {
 	background-color: #efe0b1;
}

table.creditcardslist th {
	width: 10em;
}


/* hotelinfo page designs END */

/* checkout page */

div.checkoutname {
	background-color: #E4F0FE;
	padding: .7em;
	border-top: 1px solid #58A5D8;
	border-bottom: 1px solid #58A5D8;
}

div.checkoutroom {
	background-color: #EEEEEE;
	padding: .7em;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}

div.checkoutname div.fields, div.checkoutname div.initials, div.checkoutname #newuserembed {
 	background-color: #FFFFFF;
	border: 1px solid #58A5D8;
	padding: .7em;
}

div.checkoutname div.fields {
	width: 28em;
}

div.checkoutname div.initials {
	margin-top: 1em;
 	position: relative;
}

input.initial {
	width: 2.2em;
}

div.checkoutform h2 {
 	margin-top: 1em;
 	margin-bottom: .5em;
}

/* checkout page END */


/* hotel search results page */

.hotelsr {
	margin-top: 1em;
  	overflow: hidden;
	yyyborder: 1px solid blue;
}

.hotelsr .logobox {
	float: left;
 	width: 95px;
}

	.hotelsr .logobox .lbinner {
		border: 1px solid #0f2f57;
		background: #b3b7bd url("../images/design2/picture_bg.png") top left repeat-x;
		height: 105px;
		text-align: center;
		padding: 5px;
	}

.hotelsr .logoboxex {
	margin-left: 105px;
}

	.hotelsr .logoboxex .ubox {
		overflow: hidden;
		yyyborder: 1px solid red;
		width: 100%;
	}
	
		.hotelsr .logoboxex .pricebox {
			float: right;
		 	width: 12em;
			overflow: hidden;
		}
		
			.hotelsr .logoboxex .pricebox .pbinner{
				color: #082146;
				font-size: 125%;
				font-weight: bold;
				text-align: center;
			}
			
			.hotelsr .logoboxex .pricebox .pbinner span {
				font-family: Arial, Verdana, sans-serif;
			}
			
			.hotelsr .logoboxex .pricebox .pbinner span.num {
				font-size: 250%;
			}
			
			.hotelsr .logoboxex .pricebox .pbinner span.dollar {
				font-size: 200%;
			}
	
		.hotelsr .logoboxex .priceboxex {
			margin-right: 12em;
		}
		
			.hotelsr .logoboxex .priceboxex .htitle{
			}
		
			.hotelsr .logoboxex .priceboxex .htitle h3 {
				font-size: 125%;
				color: #0f386b;
				padding-top: .2em;
			}
			
			.hotelsr .logoboxex .priceboxex .htitle h3 a, .htitle h3 a:active, .htitle h3 a:visited {
				color: #0f386b;
				text-decoration: none;
			}
			
			.hotelsr .logoboxex .priceboxex .htitle h3 a:hover {
				color: #f00;
			}
			
			.hotelsr .logoboxex .priceboxex p {
				padding-top: .5em;
				padding-left: .5em;
				color: #103a6e;
				text-align: justify;
			}

	.hotelsr .logoboxex .menubox {
		padding-left: 15em;
	}

.r2 {
	/* background-color: #f2f2f2; */
	background: url("../images/design2/hotel_bg.png") top left repeat-x;
}

div.searchresultpager {
 	padding-top: .5em;
	height: 3em;
}

a.black, a.black:visited {
 	color: black;
}

a.black:hover {
 	text-decoration: none;
	color: black;
}


/* hotel search results page END */




/* Titles */
.zal a {
	background: #7c92ae url("../images/design2/bmark_central.png") top left repeat-x;
	padding: 3px 0;
	position: relative;
}
h2.active {
	background: #ab5050 url("../images/design2/bmark_right.png") top left repeat-x;
}
.zal a.active {
	background: #0b284e url("../images/design2/bmark_left_active.png") top left repeat-x;
}
.zal a, .zal a:active, .zal a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 3px 0px;
	margin-left: 5px;
}
.zal a span.text {
	padding: 0 10px;
}
h2.tab {
	background: #ab5050 url("../images/design2/bmark_right.png") top left repeat-x;
	width: 14em;
	margin-right: 5em;
	color: #fff;
	text-align: center;
	width: 100%;
	font-size: 100%;
	padding: 3px 0px;
	position: relative;
}

h2.menu {
	width: 7em;
}
h2.tab .tt, .zal a .tt {
	position: absolute;
	top: 0px;
	width: 3px;
	height: 3px;
}
h2.tab .lt {
	left: 0px;
	background: url("../images/design2/bmark_left_lt.gif") top left no-repeat;
}
.zal a .lt {
	left: 0px;
	background: url("../images/design2/bmark_central_lt.gif") top left no-repeat;
}
.zal a.active .lt {
	background: url("../images/design2/bmark_left_lt_active.gif") top left no-repeat;
}
h2.tab .lt, h2.active .lt {
	background: url("../images/design2/bmark_right_lt.gif") top left no-repeat;
}
h2.tab .rt {
	right: 0px;
	background: url("../images/design2/bmark_left_rt.gif") top left no-repeat;
}
.zal a .rt {
	right: 0px;
	background: url("../images/design2/bmark_central_rt.gif") top left no-repeat;
}
.zal a.active .rt {
	background: url("../images/design2/bmark_left_rt_active.gif") top left no-repeat;
}
h2.tab .rt, h2.active .rt {
	background: url("../images/design2/bmark_right_rt.gif") top left no-repeat;
}
h2.tab .arrow, h2.active .arrow, .zal a.active .arrow {
	position: absolute;
	bottom: -5px;
	left: 49%;
	width: 5px;
	height: 3px;
	background: url("../images/design2/blue_arrow_bottom.gif") top center no-repeat;
	z-index: 10;
}


/*
.centralwrapper {
	padding: .5em;
}
*/

/* Search form */
/*#left .pad {
	border-right: 1px solid #9099a3;
	padding-top: .5em;
	padding-left: .5em;			
	padding-right: .5em;			
*/
/*
	padding: 10px 5px;
	padding-bottom: 25px;
	background: url("../images/design/left_border.png") bottom left repeat-x;
}
*/


/*
#right .pad {
 	padding: .5em;

}
*/

.pad {
 	padding: .5em;

}

/*
#arooms {
	width: 90%;
	margin-left: 10px;
	margin-bottom: 10px;
}
*/

.colorset0 {
	background-color: #DFE3FF;
	color: #000;
}

/*
.colorset0 a {
 	color: blue;
}
*/

.halfcolumn {
	float: left;
	width: 344px;
}

.attractionext {
	padding: .8em;
	color: #555;
	background-color: #F5F5FF;
	border: 1px solid #AAF;
	margin: 0.5em;
}

.colorset1 {
	color: #555;
	background-color: #EEE;
	border: 1px solid #BBB;
}

.padding05em {
	padding: .5em;
}

.frm {
	/* border-top: 2px solid #f00; */
	/* background: url("../images/design/arrow_bottom.gif") top center no-repeat; */
	/* color: #213347; */
	padding: 10px 5px;
}

/*
#left .frm {
	background-color: #d6e3d0;
	text-transform: uppercase;
}
#right .frm {
	background-color: #dce6cf;
}

*/

/****  reservation completed   *******/

.reviewinformation {
	margin-top:1em;
 	border: 1px solid black;
 	padding: 1em;
	xxxwidth: 32em;
	xxxheight: 36em;
 	float: left;
 	xxmargin-top: 1em;
}

.reservationinfomap {
	border: 1px solid #AAA;
	xxxwidth: 74em;
	height: 36em;
	xxxfloat: left;
}

.reservationinfopanel {
 	xxxborder: 1px solid #AAA;
	width: 36em;
	xxxheight: 36em;
 	float: left;
 	xxxmargin-left:1em;

}

.reservationbarcode {
 	border: 1px solid #AAA;
	width: 210px;
	xxxheight: 36em;
 	float: right;
 	xxxmargin-left:1em;
	xxxmargin-right:-1em;
	xxxmargin-top:-1em;

}


.reshlogoaddr {
 	xborder: 1px solid #AAA;
 	width: 20em;
 	float: left;
}

.reshlogoimg {
 	xborder: 1px solid #AAA;
 	width: 80px;
 	float: left;
}

/******    hotel room reservation options ********/

.aformdatecol {
	float: left;
	xxxwidth: 40%;
	width: auto;
}

.aformdatecol input {
 	width: 7em;
}

.aformOKcol {
	float: left;
	width: 19%;
}

/* IE 7 hack */
.aformOKcol button {
	width: 7em;
}

div.roomlist div.row {
 	xxxborder: 1px solid #DFE3FF;
 	margin: .5em 0em;
 	padding: .5em;
}


div.roomlist div.row div.desc {
	float: left;
	width: 54%;
}

div.roomlist div.row div.pricebox5 {
	float: left;
	width: 46%;
}

div.roomlist div.row div.pricebox5 div.price {
	float: left;
	padding-right: 0.5em;
	text-align: right;
	width: 50%;	
}

div.roomlist div.row div.pricebox5 div.res {
	float: left;
	width: 42%;
}

div.roomlist div.row div.pricebox5 span.earncashback {
	padding-left: .5em;
}

.dollar {
 	color: black;
}


.rmoreinfo {
	margin-top: .5em;
	background-color: white;
 	border: 1px solid #DFE3FF;
	padding: .5em;
	color: #103a6e;
	
}

.hotelpics img {
 	margin: 0.5em;
}

/****************************/

div.policy {
 	border: 1px solid #C4D6E5;
 	background-color: #D4E5F5;
 	padding: .5em;

}

div.pop_terms {
	position: absolute;
	background-color: #FFF;
	border: 2px solid black;
	left: 2em;
	top: -32.5em;
	width: 48em;
	xxxheight: 20em;
	z-index: 11111; 	
	padding: 1.5em;
	-moz-box-shadow: 3px 3px 15px #555;
	-webkit-box-shadow: 3px 3px 15px #555;	
}

div.pop_terms .pop_content {
	height: 25em;
	overflow: auto;
	padding: .5em;
	border: 1px solid #D4E5F5;
}

.rs_pr_h2 {
	font-size:16px;
	margin-bottom: 1em;
	margin-top: .5em;
}

.rs_h3 {
	font-size:18px;
	color:#D50000;
	margin-bottom: 1em;
}
.rs_haux {
	color:#6E9324;
}

.newuserembed {
 	padding: .5em;
 	border: 1px solid black;
 	background-color: white;
}

div.floatformelement {
 	float: left;
 	width: auto;
 	padding: 0.2em;
 	xxxborder: 1px solid red;
}

	div.floatformelement input {
		xxxwidth: 10em;	 		
	}


input {
	xxxbackground: white url("../images/design2/arrow_left.gif") 3px center no-repeat;
	padding-left: .5em;
	margin-bottom: 2px;
	/*text-align: left;*/
}

input, select {
	border: 1px solid #9099a3;
	background-color: #fff;
}

input:focus, select:focus {
 	background-color: #EFE;
 	border: 1px solid #0A0;
}

.frm select {
	width: 16em;
}

.ldest p {
	width: 90%;
}

p.add {
	background: url("../images/design2/arrow_left.gif") 5% 4px no-repeat;
	font-weight: bold;
	padding-left: 10%;
}
.ldest input {
	width: 25em;
}

.frm #phones select {
	width: 14em;
	margin-right: 0.5em
}

#phones input {
	width: 12em;
	/* margin-right: 10px; */
}
#addresses input {
	width: 27em;
	/* margin-right: 10px; */
}
select .country {
	width: 27em;
}


.frm label {
	width: 30%;
	float: left;
	padding: 0 5px;
}

.lphone input {
	width: 27em;
}
.lphone img {
	border: 1px solid #9099a3;
}
.lcards {
	position: relative;
}
.lcards ul {
	font-weight: bold;
	list-style-type: none;
	padding-left: 31.5%;
}
.lcards ul {
	top: 0px;
	margin: 0;
}
.lcards li input {
	border: 0px;
}
.lcards li {
	border: 1px solid #9099a3;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #fff;
	position: relative;
	height: 24px;
	width: 60px;
	float: left;
}
/*
.lcards li img {
	vertical-align: middle;
}
*/
.lcards ul input {
	background: none;
	position: absolute;
	top: 25%;
	right: 5px;
}
.lcards p {
	width: 90%;
}
.lcheck {
	float: left;
	width: 60%;
}
.lcheck p {
	margin-right: 10%;
}
.lcheck input {
	width: 8em;
}
.lcheck h2 {
	text-align: right;
}
.lcalendar {
	float: left;
	width: 20%;
}
.lselect {
	float: left;
	width: 30%;
}
.lselect p {
	margin-right: 10%;
}
#cidwhat {
	display: none;
}
.lsub {
	float: left;
	width: 40%;
	padding-top: 5px;
}

ul.searchlist li.actual {
 	border: 1px solid white;
}


.backsrcontainer {
	padding: .8em;
	border: 1px solid #AAA;
	margin: 0.0em;
	margin-bottom: 1em;
}

xxxbutton, .xxxbutton{
	color: #FFF;
	padding: 0.2ex 0;
	background: #072248 url("../images/design/button_bg.png") top left repeat-x;
	font-weight: bold;
	border: 1px solid #d6e3d0;
}
xxxbutton {
	width: 6.3em;
}


xxxbutton span, .xxxbutton span {
	background: url("../images/design/green_arrow_left.gif") center right no-repeat;
	display: block;
}

xxxbutton span span, .xxxbutton span span {
	font-family: Arial, Verdana, sans-serif;
	min-height: 22px;
	padding: 0px 7px;
	padding-top: 5px;
	border: 0px;
	background: url("../images/design/green_arrow_right.gif") center left no-repeat;
}

.xxxbutton span span a {
	color: #FFF;

}

p.descr {
	padding-top: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

/* Positions */
p.descr span {
	color: red;
}
#left ul {
	list-style-type: none;
}
.list {
	color: #20396e;
}
.list ul {
	padding: 10px 0;
	padding-left: 4ex;
}
.list .colored {
	background-color: #e4e8ec;
}

/* Area table */
.area {
	background-color: #EEEEFF; 
	padding: 10px 0;
}
.area table {
	width: 100%;
	padding: 0 10px;
}
.area th {
	color: #092b5a;
	text-transform: uppercase;
	text-align: center;
	font-size: 125%;
}
.area td {
	color: #146d02;
	background-color: #DDDDFF;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}


/* Sorter  DELME*/

.rightborder {
	border-bottom: 2px solid #082147;
}

.selectbar {
	position: relative;
}

ul.zal {
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 0;
	margin: 0;
	margin-left: -10px; 
	list-style-type: none;
}

ul.zal2 {
	top: 1px;
	left: 5px;
}

.zal li {
	float: left;
}


/* Hotels */

.relativepos {
	position: relative;
}
.r2 .relativepos {
	/* background-color: #f2f2f2; */
	background: url("../images/design2/hotel_bg.png") top left repeat-x;
}
.hotels {
	position: relative;
	padding: 10px 10px;
	min-height: 105px;
}
.cars {
	position: relative;
	padding: 10px 10px;
	min-height: 105px;
}
.picture {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #0f2f57;
	background: #b3b7bd url("../images/design2/picture_bg.png") top left repeat-x;
	height: 105px;
	padding: 5px;
	text-align: center;
}
.hotels .picture {
	width: 80px;
}
.cars .picture {
	width: 155px;
}

/*
.picture img {
	border: 2px solid #fff;
}
*/
/*
.pborder {
	width: 79px;
	height: 79px;
}
*/

.hotelimagewrapper {
	width:78px;
	height: 78px;
	display: block;
	xxxbackground: url('../images/nohotelpic.PNG') #000;
	border: solid #FFF 2px;
}
.picture a, .picture a:active, .picture a:visited {
	position: relative;
	display: block;
	z-index: 10;
	color: #07234a;
	text-decoration: none;
}
.picture a:hover {
	color: #FFF;
}
.picture a.link {

}
/*
.title {
	margin-right: 13em;
	font-size: 125%;
	padding: 5px;
}
.hotels .title {
	margin-left: 95px;
}
.cars .title {
	margin-left: 170px;
}
.title h3 {
	color: #0f386b;
}
.cars .title h3 img, .cars .view p img {
	vertical-align: middle;
}
.title h3 a, .title h3 a:active, .title h3 a:visited {
	color: #0f386b;
	text-decoration: none;
}
.title h3 a:hover {
	color: #f00;
}
.hotels .costs {
	position: absolute;
	top: 12px;
	right: 10px;
	color: #082146;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.hotels .costs span {
	font-family: Arial, Verdana, sans-serif;
}
.hotels .costs span.num {
	font-size: 250%;
}
.hotels .costs span.dollar {
	font-size: 200%;
}
.hotels p {
	padding-top: 5px;
	margin-left: 110px;
	color: #103a6e;
	margin-right: 13em;
	text-align: justify;
}

*/

.cars p {
	padding-top: 5px;
	margin-left: 185px;
	color: #103a6e;
	margin-right: 13em;
	text-align: justify;
}
.view {
	position: relative;
}
.view p {
	padding: 0;
}
.hotels .view p {
	margin-left: 105px;
}
.cars .view p {
	margin-left: 180px;
}
.view ul {
	position: absolute;
	top: 0px;
	right: 10px;
	list-style-type: none;
}
.view li {
	float: left;
}
.view a, .view a:active, .view a:visited {
	color: #1b6c01;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 15px;
	background: url("../images/design2/arrow_left.gif") center left no-repeat;
	text-decoration: none;
}
.view a:hover {
	color: #f00;
}
.view img {
	padding-left: 5px;
}

/* Gmap */
.gcontent {
	margin-top: 1em;
	font-size: 90%;
	border: 1px solid black;
}
.gmapresults {
	border-bottom: 1px solid #082147;
	border-left: 1px solid #082147;
	border-right: 1px solid #082147;
	height: 400px;
}

/* Content */
#content {
	padding: 15px;
}
/*
#content h2 {
	background: none;
	text-align: left;
	color: #000;
	font-size: 125%;
}
*/
#content p {
	text-align: justify;
	color: #103a6e;
}

/* Gallery */
#gallery_right {
}
#gallery .borderingdetail {
	border: 1px solid #000;
	padding-top: 10px;
	height: 340px;
}
.less #gallery_right {
	background: url("../images/design/bg_gallery.png") top left repeat-x;
	min-height: 250px;
	float: left;
	width: 50%;
	margin-left: 4%;
}
.more #gallery_right {
	margin-top: 10px;
}
#gallery_right img {
	margin: 5px;
}
.less #gallery_central {
}
.more #gallery_central {
	margin-right: 4%;
}
#gallery_central {
	float: left;
	text-align: center;
	width: 46%;
	background: url("../images/design/bg_gallery.png") top left repeat-x;
}
#gallery img {
	border: 1px solid #808080;
}
#gallery .selected, #gallery img:hover {
	border: 1px solid #00f;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* Tabcontet */
#tabcontent {
	padding: 1em;
	border: 1px solid #00A;
}

#tabcontent div {
	display: none;
}
#tabcontent div.active, #tabcontent div div {
	display: block;
}

span.toggle {
 	color: #547392;
 	cursor: pointer;
}

span.toggle:hover {
 	color: blue;
}

div.popdestlist {
	margin-top: .5em;
	
}

div.popdestlist label{
	cursor: pointer;
}

div.popdestlist label:hover {
	color: blue;
}

/* Dimmer */

div.dimmer  {
	visibility: hidden;
	position:absolute;
	border: solid 1px black;
	top: 15em;
	left: 15em;
	width: 20em;
	height: 4em;
	font-family:verdana;
	font-weight:bold;
	padding:4em;
	z-index: 20;
	
	background-image:url("../tools/w80.png");
	/* ieWin only stuff */
	    /* with this trick only IE 
	       manage the following 2 attributes */   
	xxx_background-image:none;
	xxx_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../tools/w80.png');
}

/* image gallery */

.thumbnail{
	position: relative;
	z-index: 0;
	xxx_overflow: auto;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail .timg {
	xxx_position: relative;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	xxxtop: 0px;
	background-color: #DDF;
	padding: 5px;
	xxxleft: -500px;
	border: 1px solid gray;
	visibility: hidden; /* IE6 hack */
	xxxdisplay: none;
	color: black;
	text-decoration: none;
	margin-left: -70px;
	margin-top: 20px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible; /* IE6 hack */
	xxdisplay: inline;
	xxxtop: 0;
	xxxleft: 20px; /*position where enlarged image should offset horizontally */

}