/* CSS Document */
body { background-color:#000000; margin:10px; color:#B5A8AA; text-align: center; /* Hack for IE */ }
body,p,td,th,input,select,textarea { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a { color:#E8C455; text-decoration:none; }
a:hover { text-decoration:underline; }
h3 { font-weight:bold; color:#FFFFFF; font-size:13px; }
form { margin:0px; padding:0px; }
blockquote { 
	background-color:#211C1B;
	padding:10px;
}

/* Border classes */
.bAll { border:1px solid #413834; }
.bR { border-right:1px solid #413834; }
.bB { border-bottom:1px solid #413834; }
.bTBlack { border-top:1px solid #000000; }

/* Margin classes */
.m0 { margin:0px; }
.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mr10 { margin-right:10px; }

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

STRUCTURAL CLASSES

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

#CANVAS {
	width:950px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	padding:1px;
}
#map {
	width:690px;
	height:500px;
}

#MENU ul {
	background-color:#211C1B;
	height:40px;
	list-style-type:none;
	margin:0px;
	padding:0px
/*	background-image:url(../images/background-menu.gif);
	background-repeat:repeat-x;*/
}
#MENU li { 
	float:left;
}
#MENU a { 
	line-height:38px; 
	background-color:#413834;
	display:block; 
	float:left; 
	padding:0px 13px 2px 13px;
	color:#FFFFFF; 
	border-right:1px solid #000000;
/*	background-image:url(../images/background-menu.gif);
	background-repeat:repeat-x;*/
}
#MENU a:hover { 
	/*background-image:url(../images/background-menu-over.gif);*/
	text-decoration:none;
	background-color:#211C1B;	
}
#MENU a.current { 
/*	background-image:url(../images/background-menu-selected.gif);*/
	background-color:#211C1B;
}

#MAIN_CONTENT {
	padding:10px;
}
#LEFT_COLUMN {
	width:546px;
	padding-right:20px;
	float:left;
}
#RIGHT_COLUMN {
	width:300px;
	padding-left:20px;
	float:right;
}
.separatorColumn {
	background-image:url(../images/pic-vertical-separator.gif);
	background-repeat:repeat-y;
	background-position:center;
}
#FOOTER {
	padding:6px;
	width:950px;
	margin-left:auto;
	margin-right:auto;

}
#DEBUG { 
	width:700px;
	margin:10px auto 0px auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	font-size:13px;
	color:#666666;
	padding:20px;
}
#DEBUG pre {  }

#RIAD_SELECTION td {
	padding-bottom:10px;
}

#QUICK_JUMP {
	float:right;
	background-color:#413834;
	border:1px solid #73635B;
	padding:15px;
	width:220px;
	margin-left:15px;
	margin-bottom:15px;
}
#QUICK_JUMP li {
	margin-bottom:3px;
}
.promo_box_right {
	float:right;
	background-color:#413834;
	border:1px solid #73635B;
	padding:15px;
	width:180px;
	margin-left:15px;
	margin-bottom:15px;
}

#PRICES { border-top:1px solid #413834; border-left:1px solid #413834; }
#PRICES td { border-right:1px solid #413834; border-bottom:1px solid #413834; }
#PRICES th { border-right:1px solid #413834; border-bottom:1px solid #413834; background-color:#262220; text-align:center;}

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

PAGE-SPECIFIC CLASSES

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

#home_page_col_1 {
	float:left;
	width:650px;
	height:1%;
	margin-right:28px;
}

#home_page_col_2 {
	float:left;
	width:200px;
	height:1%;
	margin-right:20px;
}

#home_page_col_3 {
	float:left;
	width:322px;
	height:1%;
}

#home_page_col_separator_1 {
	background-image:url(../images/pic-vertical-separator.gif);
	background-repeat:repeat-y;
	background-position:413px top;
	height:1%;
}

#home_page_col_separator_2 {
	background-image:url(../images/pic-vertical-separator.gif);
	background-repeat:repeat-y;
	background-position:553px top;
	height:1%;
}

#MAP {
	height:300px;
	overflow:scroll;
	width:690px;
}

.roomPrice { border-collapse:collapse; }
.roomPrice th { padding:2px; border:1px solid #534A45; background-color:#37312D; }
.roomPrice td { padding:2px; border:1px solid #534A45; }

#seasonsTable { border-collapse:collapse; }
#seasonsTable td { border:1px solid #534A45; }

.roomList { padding:10px; margin-bottom:10px; }
.roomThumb { float:left; margin:0px 10px 10px 0px; width:300px; text-align:center; }
.odd { background-color:#27221F; }
.even { background-color:#37312D; }

/* Other classes */
.white { color:#FFFFFF; }
.red { color: #FF0000; }
.success { color:#009900; font-weight:bold; }
.error { color:#FF0000; font-weight:bold; }
.unavailable { color:#FF0000; }
/*td.unavailable { background-color:#3D1F1C; }*/
.available { color:#009900; }
/*td.available { background-color:#293A19; }*/
.expensive { color:#3399FF; }
.thumbnail { float:left; display:block; text-align:center; margin-bottom:12px; margin-right:10px; width:300px; }
.featured_thumbnail { float:left; display:block; text-align:center; margin-bottom:12px; margin-right:10px; width:200px;}

a.thumbnail:hover, a.featured_thumbnail:hover  { text-decoration:none; background-color:#413834; color:#FFFFFF;}
.thumbnail_caption { padding-top:4px; padding-bottom:4px; }
.trOdd { background-color:#27221F; }
.trEven { background-color:#37312D; }
.trSelected { background-color:#665200; }
#date_warning { color:#FF0000; font-size:10px; }
.hidden { display:none; }

.riadList { padding-left:0px; margin-left:0px; list-style-type:none; margin-bottom:8px; }
.riadList li { margin-bottom:2px; }

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	background-color:#211C1B;
	border:1px solid #413834;
	padding:10px;
	width:300px;
}

.tooltip img {
	float:left;
	margin:0px 10px 10px 0px;
}
.tooltip h1 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}
.tooltip p {
	margin:0px;
}

.ui-datepicker-trigger {
	cursor:pointer;
	margin-left:4px;
}

/* Quick search form */
#qs { background-color:#211C1B; border:1px solid #413834; }
#qs #arrival { width:120px; }
#qs #departure { width:120px; }


#qs th {
	border-bottom:1px solid #413834;
	background-color: #362E2C;
	padding:6px;
	font-weight:normal;
	line-height:12px;
}
#qs_price { margin-right:4px; }

#searchResults ul { padding-left:1em; margin:0 1em; }
.content_area {float:left;}
#client_comments p { font-size:13px; }

.f10 { font-size:10px; }

#gallery td { text-align:center; }
.gallery_pic { vertical-align:bottom; }
.gallery_pic img { border:1px solid #413834; }
.gallery_title { padding-bottom:10px; padding-top:4px; }

.two_column_layout {
	background-image:url(../images/spacer-brown.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.two_column_layout .cl {
	float:left;
	width:400px;
	margin-right:80px;
}
.two_column_layout .cR {
	float:left;
	width:400px;
}

.regionsList {
	margin-left:1em;
	padding-left:1em;
}
.regionsList li {
	margin-bottom:10px;
}
.regionsList li a {
	color:#0099FF;
}

.tabbed_navigation {
	
	float:left;
	width: 888px;
	border-left:1px solid #413834;
	border-right:1px solid #413834;	
	border-bottom:1px solid #413834;		
	padding:0px 20px 20px 20px;
	margin-bottom:30px;
	
}

.tabbed_navigation2 {
	
	float:left;
	width: 665px;	
	padding:0px 20px 20px 20px;
	margin-bottom:30px;
	background-color:#211C1B;
	
}


/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin-left:-21px;
	margin-right:-21px;
	margin-top:0px;
	padding:0;
	height:25px;
	font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
margin-bottom:20px !important;
float:left; 

}

/* single tab */
.tabs li { 
 float:left;  
 text-indent:0;
 padding:0;
 margin:0 !important;
 list-style-image:none !important; 
 border-left:1px #000 solid;
 border-right:1px #000 solid;
 margin-left:-1px !important;  
 background-color: #000;
}

/* link inside the tab. uses a background image */
.tabs a { 
 /*background: url(/images/background-menu.gif);
 background-repeat:repeat-x;
 background-position:top center;*/
 display:block;
 height: 25px;  
 line-height:25px;
 text-align:center; 
 text-decoration:none;
 color:#fff;
 padding: 5px 5px 2px 4px;
 margin:4px 0px 0px 0px;
 position:relative;
 top:0px;
 background-color:#413834;
 outline: none;
 font-size:13px;

}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	/*background: url(/images/background-menu-over.gif);
	background-repeat:repeat-x;
	background-position:top center;	*/
	color:#fff;	
	border-top:5px solid #413834;	
	margin-top:0px;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	/*background: url(/images/background-menu-over.gif);
	background-repeat:repeat-x;
	background-position:top center;	*/
	cursor:default !important; 
	color:#fff !important;
	background-color:#211C1B;	
	border-top:5px solid #211C1B;
	border-bottom-style:none;
	margin-top:0px;
}






/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}

.pane { margin-top:60px; margin-bottom:20px; }

.right_tab {
	border-right:none !important;
	width:143px !important;
	
}

#slideshow_home {
    position:relative;
    height:400px;
	width:951px;
	overflow:hidden;
	z-index:-99999;
}

#slideshow_home IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow_home IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow_home IMG.last-active {
    z-index:9;
}

#slideshow {
    position:relative;
    height:400px;
	width:600px;
	overflow:hidden;
	z-index:-99999;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.tick {
	list-style-image: url(/images/tick-yellow.gif);
}

.arrow {
	list-style-image: url(/images/arrow.gif);
}

#riad_list span{
	float:left; width:60px; font-weight:bold;
}

#tour_riad_list span{
	float:left; width:65px; font-weight:bold;
}


#riad_list p { font-size: 11px;}
#so_riad_list p { font-size: 11px;}
#tour_riad_list p { font-size: 11px;}

#riad_list {  }

.riad_listing {
	background-color:#000000;
	width:645px;
	height:225px;
	padding:10px;
	margin-bottom:20px;
}

.riad_listing_header {
	width:320px;
	float:left;	
	height:40px;
}
.riad_listing_text {
	width:320px; 
	float:left;
	height:160px;
	overflow:hidden;
}

.riad_listing_icons {
	margin-top:5px;
	width:160px; 
	float:left;
	height:20px;
	overflow:hidden;
}
.riad_listing_booking {
	margin-top:5px;

	float:right;

	overflow:hidden;
}

.w1 {
	width:166px;
}
.w1_right {
	width:169px;
}

.w2 {
	width:145px;
}
.w2_right {
	width:145px;
}

#enquiry_form input {
	width:300px;
}
#enquiry_form textarea {
	width:500px;
}

.small_button {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		9px;
	color:			#ffffff;
	background-color:  #413834;
	font-weight:	bold;
	padding:		3px 0;
	border-width:	0;  
	cursor:			pointer;
	width:			50px;
	height:			20px;
	margin-left: 	5px;
	}

.sort_by {
	font-size:11px;
}