html, body { height:100%; }
body { margin:0px; padding:0px; background: /*url(../images/pagebg.gif)*/ #FFFFFF repeat-x top; color:#333333}
table { font-size:12px; font-family: Arial,Helvetica,sans-serif; text-align:left; }

.maintable {width: 900px; background: /*url(../images/pagebg.gif)*/ #FFFFFF repeat-x top}
.maintable h1{ font: bold 14px Arial, Helvetica, sans-serif; padding: 6px 0px; margin: 0px; border-bottom: 1px solid #CCCCCC}
.maintable h2{ font: bold 16px Arial, Helvetica, sans-serif; padding: 6px 0px; margin: 0px; color:#CA1E44}

a{ color: #1676BE; text-decoration: none}
a:hover { color: #000; text-decoration: underline}
/* Top header part styles */
/* Top header part styles */
.toppart { background:url(../images/online-booking-number.jpg) no-repeat right; height:114px}

.toppart a { color:#ff8000; text-decoration:none; }
.toppart a:hover { color:#000000; text-decoration:none; }
a.toplink:link, a.toplink:visited, a.toplink:active { color:#ff8000; text-decoration:none; }
a.toplink:hover { color:#E0B64D; text-decoration:none; }

.tophlight { color:#FF0099; }

/*.toppart {height:114px}

.toppart { background:url(../images/online-booking-number.jpg) no-repeat right; height:114px}
.toppart a { color:#ff8000; text-decoration:none; }
.toppart a:hover { color:#000000; text-decoration:none; }
a.toplink:link, a.toplink:visited, a.toplink:active { color:#ff8000; text-decoration:none; }
a.toplink:hover { color:#E0B64D; text-decoration:none; }

.tophlight { color:#FF0099; }
*/
/* menu part styles */
.menubg {background:url(../images/mainmenu_bg.jpg) repeat-x; height: 34px; margin-bottom: 20px; padding: 0px 20px 0px 50px}
.packages{margin:0; padding:0;}
.packages td{margin:0; padding:0;}
.packages ul{ font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:0px; margin-top:0px; padding-top:0px; /*list-style:circle;*//*; */ margin-left:10px; margin-bottom:0;}
.packages ul li{ list-style:inside disc; /*background:url(../images/bullete.gif) 5px left no-repeat scroll;*/ }
.packages img{margin:0; padding:0}
.packages p{margin:10px; padding:10px 0px;}
.img_details{margin-left:-5px;}
.package_img {padding-top:5px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CBCBCB;
padding:2px;}
.hotels-hover {width: 71px; margin-top: 5px;}
.hotels-hover A {DISPLAY: block; BACKGROUND: url(../images/hotels.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 71px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.hotels-hover A:hover {BACKGROUND-POSITION: -71px 0px;}
.hotels-hover A span{ display: none}

.membership-hover {width: 170px; margin-top: 5px;}
.membership-hover A {DISPLAY: block; BACKGROUND: url(../images/membership_rewards.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 170px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.membership-hover A:hover {BACKGROUND-POSITION: -170px 0px;}
.membership-hover A span{ display: none}

.leisure-hover {width: 143px; margin-top: 5px;}
.leisure-hover A {DISPLAY: block; BACKGROUND: url(../images/leisure.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 143px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.leisure-hover A:hover {BACKGROUND-POSITION: -143px 0px;}
.leisure-hover A span{ display: none}

.aboutus-hover {width: 87px; margin-top: 5px;}
.aboutus-hover A {DISPLAY: block; BACKGROUND: url(../images/aboutus.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 87px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.aboutus-hover A:hover {BACKGROUND-POSITION: -87px 0px;}
.aboutus-hover A span{ display: none}

.logout-hover {width: 71px; margin-top: 5px;}
.logout-hover A {DISPLAY: block; BACKGROUND: url(../images/logout.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 71px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.logout-hover A:hover {BACKGROUND-POSITION: -71px 0px;}
.logout-hover A span{ display: none}

.signin-hover {width: 90px; margin-top: 5px;}
.signin-hover A {DISPLAY: block; BACKGROUND: url(../images/signin.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 85px; TEXT-INDENT: 0px; HEIGHT: 29px; }
.signin-hover A:hover {BACKGROUND-POSITION: -85px 0px}
.signin-hover A span{ display: none}

.register-hover {width: 85px; margin-top: 5px; }
.register-hover A {DISPLAY: block; BACKGROUND: url(../images/register.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 85px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.register-hover A:hover {BACKGROUND-POSITION: -85px 0px}
.register-hover A span{ display: none}

.logout-hover {width: 71px; margin-top: 5px; }
.logout-hover A {DISPLAY: block; BACKGROUND: url(../images/logout.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 71px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.logout-hover A:hover {BACKGROUND-POSITION: -71px 0px}
.logout-hover A span{ display: none}

.signup-hover {width: 75px; margin-top: 5px; margin-right: 3px; }
.signup-hover A {DISPLAY: block; BACKGROUND: url(../images/signup.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 75px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.signup-hover A:hover {BACKGROUND-POSITION: -75px 0px}
.signup-hover A span{ display: none}

.signout-hover {width: 80x; margin-top: 5px; }
.signout-hover A {DISPLAY: block; BACKGROUND: url(../images/signout.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 80px; TEXT-INDENT: -9999px; HEIGHT: 29px}
.signout-hover A:hover {BACKGROUND-POSITION: -80px 0px}
.signout-hover A span{ display: none}



/* Book your Hotel */
.booking{background:url(../images/book-your-hotel.jpg) no-repeat top; width: 529px; height: 59px; padding: 0px 0px 0px 32px}
.booking_base{background:url(../images/tablebg.jpg) repeat-y left; width: 529px;  padding: 0px 32px 10px 32px}
.booking_base h2{ font: bold 13px Arial, Helvetica, sans-serif; padding-bottom: 5px; margin: 12px 0px 5px 0px}
.headline{border-bottom: 1px solid #CB1F48;}

/* GENERAL CLASSES */
.hline {background:url(../images/hline.gif) repeat-x center; }
.blue-header{ background: #457AB0; font: bold 12px Arial, Helvetica, sans-serif; height: 26px}
.imgborder{ border: 2px solid #7FC2E7; padding: 1px; background: #FFF}
.imgborder:hover{ border: 2px solid #999999; padding: 1px; background: #FFF}
.vline {background:url(../images/v-dot-line.gif) repeat-y center}

/* form part styles */
form { margin:0px; padding:0px; }
input, select, textarea {font-size:12px; color:#333333; font-family: Arial; padding:1px;}
.button {color:#fff; padding:0px; padding:2px; font-size:12px; /*font-weight:bold;*/ background:url(../images/butbg.gif) #fff top left repeat-x; border:0px; border:1px solid #D30000}
.textarea{ width: 310px; height: 50px;}

/* Footer part styles */
.footer { background:#FFFFFF; color:#484848; padding: 0px 12px; margin: 20px 0px 0px 0px; border-top: 1px solid #BABBBD}
.footer a{color: #CB1F48; text-decoration: none; padding-right: 10px;}
.footer a:hover { color: #000000; text-decoration: underline}

/* Search Tabs */
.tabs-toplines{ background: url(../images/tab-toplines.gif) #FFFFFF repeat-x bottom}
.tab_on{ background: url(../images/tab_on.gif) #FFFFFF no-repeat bottom; width: 85px; margin-right: 5px}
.tab_off{ background: url(../images/tab_off.gif) #FFFFFF no-repeat bottom}

.bgresults{ background:#FFFFFF repeat-x top; border: 1px solid #cbcbcb; margin-bottom: 12px; min-height: 140px; padding: 10px;}

.bgresults .price{font: bold 16px Arial, Helvetica, sans-serif; color: #1575BF;  }
.hotel_img{ background: #FFFFFF; border: 1px solid #cbcbcb; padding: 4px;}
.search_title{font: bold 16px Arial, Helvetica, sans-serif; color:#cb1f47; padding: 6px 0px; margin: 0px; border-bottom: 1px solid #cbcbcb}
.leisure_title{font: bold 16px Arial, Helvetica, sans-serif; color:#cb1f47; padding: 6px 0px 0px 25px; margin: 0px; }
.details ul {
	padding:0px 0px 0px 25px;
	margin:0px;
	}
.details li {
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:17px;
	}
.details a {
	color:#000000;
	text-decoration:underline;
	}
.details a:hover {
	text-decoration:none;
	color:#cb1f47;
	}

/* Nice Tables */
.nicetable	{border-collapse:collapse;}
.nicetable thead th {
	text-align:left;
	background:#F0F8FD;
	color:#4277AD;
	padding:8px 16px 8px 8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.nicetable thead th.null {background:#fff;}
.nicetable tbody th {
	text-align:left;
	background:#F2FAFD;
	color:#333;
	padding:8px;
	border-bottom:1px solid #C3E7FF;
	border-right:1px solid #fff;
}
.nicetable tbody td {
	color:#333;
	padding:8px;
	border-right:1px solid #C3E7FF;
	border-bottom:1px solid #C3E7FF;
}


/* LIGHTBOX CLASSES */
#container{
	margin:0 auto;
	width:500px;
	padding:40px;
	text-align:left;
	background-color:#fff;
}
#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}
#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 5px 0;
}
#lightbox h3{
	color:#FF713F;
	margin:  0px;
	padding: 0px;
	border-bottom: 1px solid #999
}
#lightbox.done p{
	color:#333;
}

#definition{
	margin:25px;
}
#lightbox{

	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:650px;
	height:500px;
	overflow: scroll;
	margin:-220px 0 0 -300px;
	border:6px solid #7FC2E7;
	background:#FFF;
	text-align:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 150%
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.50;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

/* BOOKING DETAILS CLASSES */
.tableborder{ border: 1px solid #fff; border-collapse: collapse;}
.tableborder td{ padding: 4px;}
.tableborder .darkbg{ padding: 5px; background: #f6f6f6;}
.tableborder .lightbg{ padding: 5px; background: #fafafa;}

.tableborder_report{ border: 1px solid #999; border-collapse:collapse;}
.tableborder_report td{ padding: 4px;}
tr.header th{padding:4px; background:#CCC; padding:4px; margin:4px;}
.tableborder_report .darkbg{ padding: 5px; background:#f1f1f1;}
.tableborder_report .lightbg{ padding: 5px; background: #fafafa;}