/* colors used on this website

link color #c22026;
background of table headers #c22026;
box background #f3f3f4; 
box border #e1e1e3;

 */

html, #fp {background: #b9b39d url(../layout/bg-tile.gif);}

/*** Layout ***/
#doc2 {background: #fff; padding: 5px 0px; position: relative; }
#hd {margin-top: 30px;}
#doorknob {position: absolute; top: 15px; left: -95px;}

/* bullet selling points */
.ourservice {position: absolute; top: 142px; left: 10px; margin-left: 5px; list-style: disc;list-style-position:inside}	
.ourservice li {list-style: disc; font-weight: bold; line-height: 1.3em !important; font-size: 108% !important; font-family: tahoma;}

/* add slight padding to the main content */
.fp-content {padding: 5px 12px;}


/*** Fonts, colors and sizes ***/

a {color: #c22026;}
.booknowbtn {color: #fff; background-color: #09528A; text-decoration: none; padding: 2px 5px; border: 1px solid #666; margin: 4px 0;}


p {margin-bottom: 10px;}


/* Clear Fix */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 *height: 1%;
}

h1.upper, h2.upper {font-size: 146.5%; text-transform:uppercase; font-weight: 900; margin-bottom: 5px;}
h2.upper .red {color: #c22026;}
h2.upper a {color: #000; text-decoration: none;}
h2.upper .red a {color: #c22026;}

/*** special offers on fp ***/
.special-offer .details {width:70%; margin-left: 130px;}
.special-offer .details p {font-size: 85%;}
.special-offer .image {width:30%; float: left;}
.special-offer h3 {font-size: 123.1%; font-weight: bold;}
.special-offer h3 a {text-decoration: none;}
.special-offer .name {float: left; width: 49%;}
.special-offer .rating {margin-bottom: 10px;}
.special-offer .rates {float: right; width: 49%; text-align: right;}
.special-offer .price {font-weight: bold; font-size: 100%;}
.special-offer .savings {font-size: 85%;}
.special-offer .book {margin: 6px 0;}
.special-offer .details p.includes {margin-bottom: 5px; }



/*** hotels on hotel pages ***/
.hotels .special-offer .details {width:68%; margin-left: 130px;}
.hotels .box {border: none; background: #fff; width: 48%; float: left;}
.hotels .special-offer .image {width:22%; float: left; height: 120px;}
.hotels .special-offer .rates {float: right; width: 49%; text-align: right;}
.hotels .special-offer .name {float: left; width: 49%; }
.hotels .star5, .hotels .star4, .hotels .star3, .hotels .star2, .hotels .star1 {background-color: #fff;}
.hotels .name {width: 53% !important;}
.hotels .rates {width: 45% !important;}



/*** Tables ***/
table {width: 100%; }
td, th {font-size: 93%; padding: 2px; border:1px solid #fff;}
th {background-color: #c22026; color: #fff;}
td {background-color: #f8f8f8; line-height: 1.28em;}
.center {text-align: center;}
.right {text-align: right;}
td a {text-decoration: none;}
.footnote {font-size: 85%; text-align: right;}


/*** Generic boxes and containers ***/
.box {padding: 5px; background-color: #f8f8f8; border: 1px solid #c5c5c7; margin-bottom: 5px; }


/*** Main navigation in header ***/
#main-nav {position:absolute; left: 70px; top: 10px;}
#main-nav li {float: left; padding-right: 30px;}
#main-nav a {text-decoration: none; font-weight: bold;}
#main-nav li.selected a {color: #000;}



#basicmenu.yuimenu  {position: absolute !important; top: 20px !important; left: 160px !important; }
#basicmenu ul li a:hover {cursor: pointer; background: #c22026; color: #fff;}

/*** footer ***/
#footer { font-size: 85%; text-align: center; margin: 5px 12px; }

	

/*** Ratings and star sprites ***/

.rating {visibility: hidden; text-size: 1px; line-height: 15px;}

.star5, .star4, .star3, .star2, .star1 {
	background: #f8f8f8 url(../layout/stars.gif) no-repeat;
	overflow: hidden;
}

.star5 {background-position: 1px 2px;}
.center.star5 {	background-position: 50% 4px;}
.right.star5 {	background-position: 100% 4px;}

.star4 {background-position:  -12px -16px;}
.center.star4 {	background-position: 50% -14px;}
.right.star4 {	background-position: 100% -13px;}

.star3 {background-position:  -26px -33px;}
.center.star3 {background-position: 50% -32px;}
.right.star3 {background-position: 100% -32px;}

.star2 {background-position: 0 -49px;}
.center.star2 {background-position: 50% -49px;}
.right.star2 {background-position: 100% -49px;}

.star1 {background-position: 0 -64px;}	
.center.star1 {background-position: 50% -64px;}	
.right.star1 {background-position: 100% -64px;}	




#other-services .box {float: right; width: 47%;  background: #f3f3f4 url(../layout/corner-fold.gif) no-repeat 100% 100%; border-right: none; border-bottom: none; }
#other-services .box.first {float: left; }


#bd #other-services h2 {font-size: 100%; font-weight: bold; text-transform:none;}
#bd #other-services p {font-size: 85%; padding-right: 30px; height: 85px;}
#bd #other-services a {font-size: 85%;}



/*** hotel information ***/
.h-content, .hotels {padding: 10px; margin-top: 10px;}
.h-content hr, .hotels hr {visibility: hidden; display: block; clear: both;}

.yui-nav {margin-left: 10px;}
.yui-nav li {padding: 3px 10px; background: #f3f3f4; border: 1px solid #e1e1e3; border-bottom: none;}
.yui-nav li a {text-decoration: none; color: #000;}
.yui-nav li.selected {background: #c22026; }
.yui-nav li.selected a {color: #fff; font-weight: bold !important;}
.yui-navset .yui-content { border-top: 5px solid #c22026; padding: 10px; background-color: #fff;}
 
.h-content h1 {font-size: 138.5%; font-weight: bold; float: left; margin-right: 5px;}
.h-content .star5, .h-content .star4, .h-content .star3, .h-content .star2, .h-content .star1 {background-color: #fff; }

#bd .h-content h2 {font-size: 100%; font-weight: bold;}

.h-content ul {margin-left: 20px; margin-bottom: 20px; }
.h-content ul li {list-style: disc;}

.h-content .detail {margin-top: 20px;}

.h-content .box {float: right; width: 47%; background-color: #fff; border: none;}
.h-content .box.first {float: left; width: 48%;}


/***  Right column ***/
#rightcol { background: #f3f3f4; }
#rightcol .padding {padding: 5px; padding-right: 6px; border: 1px solid #e1e1e3;}
#bd #rightcol h2 {font-size: 131%; font-weight: 800;}
#bd #rightcol h3 {background: #c22026; color: #fff; font-weight: normal; padding: 1px 2px;  margin-top: 15px; margin-bottom: 3px;}
#rightcol p {font-size: 85%;}

#rightcol .book {height: 30px;}
#rightcol .booknowbtn {float: right; font-weight: bold;}
#rightcol a.booknowbtn.email {float: left; background-color: #ccc; border: 1px solid #aaa; color: #222; font-weight: normal;}
	
	

#rightcol table, #rightcol table th, #rightcol table td {border: none;}
#rightcol table td {background: none; text-align: right;}
 #rightcol table th {text-align: right;}
#rightcol table td.left, #rightcol table th.left {text-align: left;}
#rightcol td.footnote {text-align: left;}

#rightcol .checkout {}
#rightcol .checkin {}
#rightcol h4 {font-weight: bold;}
#rightcol .inputs{  height: 110px;}
#rightcol .button  {margin-top: 5px; display: block; }

#rightcol .description {font-size: 100%;}

.pictures img {width: 92px}

.openmap {font-size: 85%;}

#TB_closeWindow {background: url(../layout/close-window.gif) no-repeat 97% 50%; padding-right: 13px;}
#TB_closeWindowButton {padding-right: 22px;}



/*** List of hotels in footer ***/

#ft .yui-gb {margin: 10px}

#ft .yui-gb h3 {background-color: #c22026; color: #fff; font-weight: normal; }
#ft .yui-gb h3.star5 {background-position: 5px -84px; padding-left: 0px; }
#ft .yui-gb h3.star4 {background-position: -8px -100px; padding-left: 0px; }
#ft .yui-gb h3.star3 {background-position: -21px -115px; }


#ft .yui-gb h3.star5 span {margin-right: 35px;}
#ft .yui-gb h3.star4 span {margin-right: 22px;}
#ft .yui-gb h3.star3 span {margin-right: 10px;}


#ft .yui-gb h3 span {visibility: hidden;  height: 20px; }


#ft .yui-gb ul li {line-height: 1.5em; margin-left: 10px;}
#ft .yui-gb ul li a {text-decoration: none;}



/*** Main navigation in header ***/
#main-nav {position:absolute; left: 0px; top: 10px;}
#main-nav li {float: left; padding: 0 5px;  }
#main-nav a {text-decoration: none; font-weight: bold; padding: 5px 15px;}
#main-nav {padding-left: 70px; border-bottom: 4px solid #c22026; width: 880px; }
#main-nav li {padding-bottom: 5px;}
#main-nav li.selected a {background-color: #c22026;
 color: #fff; 
border: 1px solid #a00006; border-bottom: none;
}
#main-nav li a:hover {background-color: #333; color: #fff; padding: 5px 15px;

}



/*** GLobal navigation ***/

#global-nav { 
width: 290px;
position:absolute; 
right: 5px; 
top: 6px; 
font-size: 85%;
}

#global-nav h3{margin-top: 2px; margin-right: 5px; float: left;}	
#jsddm {float: right;
 margin: 0;
 padding: 0}
	
#jsddm li{
list-style: none;
display: block;
text-decoration: none;
width: 120px;
color: #000;
white-space: nowrap;
background: transparent url(../layout/pulldownarrow.gif) no-repeat 100% 0; 
border: 1px solid #c5c5c7;
padding: 1px 20px 1px 2px;
cursor: pointer; 
}
		
#jsddm li ul{
margin: 0;
margin-left: -3px;
margin-top: 1px;
padding: 0;
position: absolute;
visibility: hidden;
border: 1px solid #c5c5c7;
width: 142px
}
		
#jsddm li ul li {
float: none;
display: block;
background: none; 
padding: 0; 
border: none;

}
		
#jsddm li ul li a {
background: #fff;
padding: 2px 5px;
width: 132px;
display: block;
text-decoration: none;
color: #000;
white-space: nowrap
}
		
#jsddm li ul li a:hover	{
background: #09528a; 
color: #fff;}

#global-nav {}




#searchform {margin-top: 13px;}
#searchform .box { position: relative;
background-image: url(/layout/poweredbybooking.gif);
background-repeat: no-repeat;
background-position: 98% 3%;
 }
#searchform .tabs li {display: inline; }
#searchform .tabs {margin-bottom: 8px}

#searchform .tabs a { background: #aaa; padding: 8px 14px; color: #fff; font-weight: bold; cursor: pointer; text-decoration: none;}
#searchform .tabs a:hover {background: #09528A;}
#searchform .tabs a.active { background: #09528A;}
#searchform .below {margin-top: 8px;}

#searchform h3 {display: block;}

#destination {width: 135px;}
#searchform .options {width: 300px; position: absolute; top: 5px; right: 0; }
#searchform .inputs {}
#searchform .stars li  {float: left; margin-right: 0px;
height: 15px; margin-bottom: 10px;}

#searchform .facilities li {float: left; width: 48%; font-size: 86%;}

#searchform h3 {font-weight: bold; margin: 10px 0 5px 0;}
#searchform .button {margin: 10px;}
#searchform select {font-size: 93%;}

#searchform .star1 {background-position: -35px -67px; width: 33px;}
#searchform .star2 {background-position: -22px -51px; width: 48px;}
#searchform .star3 {background-position: -11px -34px; width: 60px;}
#searchform .star4 {background-position: 2px -16px; width: 72px;}
#searchform .star5 {background-position: 15px 0px; width: 85px;}