/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

* { margin:0; padding:0;}

body { font-family:Arial, Helvetica, sans-serif; color:#000000;}

a { color:#CF9E32; text-decoration: none;}
a:hover {text-decoration: underline;}

p {font-size:12px; font-weight:normal; line-height:1.3em}
p a { font-weight:bold}
p .text_italic { font-style:italic}

h1 {font-size:24px; font-weight:normal; color:#CF9E32}
h4 {font-size:14px; font-weight:bold; color:#000000}
h6 {font-size:12px; font-weight:bold; color:#000000}

/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/

#wrapper { width:998px; margin:0 auto}

/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header { width:998px; float:left; border-bottom:1px solid #000000}

/*
---------------------------------------------
03. nav
---------------------------------------------
*/

#nav { width:998px; float:left; border-bottom:1px solid #666666; padding:10px 0}
#nav ul { list-style:none; margin:0; padding:0}
#nav ul li { float:left; font-size:12px; font-weight:bold; color:#CF9E32; background:url(../images/arrow_nav.gif) no-repeat 0 5px; padding-left:12px; padding-right:7px}
#nav ul li.arrownone { background:none; padding-left:0}
#nav ul li a:link, #nav ul li a:visited { text-decoration:none; color:#CF9E32}
#nav ul li a:hover { text-decoration:underline; color:#CF9E32}
#nav ul li a.selected { color:#000000; text-decoration:none;}

/*
---------------------------------------------
04. content
---------------------------------------------
*/

#content { width:998px; float:left; padding-top:20px; padding-bottom:40px}

/*
---------------------------------------------
04.1 content - heading style
---------------------------------------------
*/

.heading { width:auto; height:20px; background:#CF9E32 url(../images/tab_left.png) no-repeat top left;  padding-left:10px; float:left;}
.heading span  { width:180px; height:20px; float:right;  background:#CF9E32 url(../images/tab_right.png) right top no-repeat;} 
.heading h4 { color:#FFFFFF; padding-top:2px}

.button a { height:20px; float:left; background:#A9A9A9 url(../images/tab_left.png) no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding-left:5px; margin-right:10px; margin-top:13px; text-align:center}
.button a .right { background:#A9A9A9 url(../images/tab_right.png) no-repeat right; float:left; height:18px; padding-top:2px; padding-right:10px; }
.button a:hover { background:#CF9E32 url(../images/tab_left.png) no-repeat left;}
.button a:hover .right { background:#CF9E32 url(../images/tab_right.png) no-repeat right;} 


/*
---------------------------------------------
05. content - left panel
---------------------------------------------
*/

#leftpanel { width:690px; float:left;}
#leftpanel h1 { padding-bottom:5px} 

/*
---------------------------------------------
06. left panel - search list
---------------------------------------------
*/

#searchlist { width:200px; float:left; padding-top:35px}

/*
---------------------------------------------
06.1 left panel - search list - search
---------------------------------------------
*/

#searchlist fieldset { width:200px; float:left; border:none; margin:0; padding:0; padding-bottom:15px}
#searchlist fieldset .bg_input { width:151px; height:22px; float:left; background:url(../images/bg_input.gif) no-repeat; padding-right:10px}
#searchlist fieldset .input { width:115px; float:left; font-size:12px; font-weight:normal; color:#000000; background:none; border:none; padding:3px; padding-top:4px; padding-left:33px }

#searchlist fieldset .button_go a {  height:20px; float:left; background:#CF9E32 url(../images/tab_left.png) no-repeat left; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding-left:5px	}
#searchlist fieldset .button_go a .right { background:#CF9E32 url(../images/tab_right.png) no-repeat right; float: left; height:18px; padding-top:2px; padding-right:8px }
#searchlist fieldset .button_go a:hover { background:#000000 url(../images/tab_left.png) no-repeat  left; text-decoration:none}
#searchlist fieldset .button_go a:hover .right { background:#000000 url(../images/tab_right.png) no-repeat right;}

/*
---------------------------------------------
06.2 left panel - filter your search
---------------------------------------------
*/

.searchtopic { width:200px; float:left; padding-top:10px}
.searchtopic p { padding-left:20px}

.searchtopic ul { list-style:none; width:180px; margin:0; padding:10px; float:left; padding-bottom:20px}
.searchtopic ul li { font-size:12px; font-weight:normal; color:#CF9E32; padding-left:10px; line-height:1.4em}
.searchtopic ul li a { width:200px; display:block}

.searchtopic ul li a:link, .searchtopic ul li a:visited { text-decoration:none; color:#CF9E32}
.searchtopic ul li a:hover { text-decoration:underline; color:#CF9E32}
.searchtopic ul li a.selected { color:#000000; font-weight:bold;}

.searchtopic .heading span { width:190px;  text-transform:uppercase; }
.searchtopic .heading { width:190px; text-transform:uppercase; font-size:14px; font-weight:bold; color:#FFFFFF; }

/*
---------------------------------------------
06.3 left panel - search result hotel list
---------------------------------------------
*/

#hotellist { width:470px; float:left; padding-left:20px; padding-top:35px}

#hotellist .heading { background:#000000 url(../images/tab_left.png) no-repeat}
#hotellist .heading span  { width:460px; background:#000000 url(../images/tab_right.png) right top no-repeat} 

#hotellist .heading h4 { text-align:right; padding-right:12px} 

#hotellist fieldset { width:458px; float:left; border:none; margin:0; padding:10px 12px 5px 0}
#hotellist fieldset .bg_droplist { width:152px; float:right; font-size:12px; font-weight: normal; color:#000000; border:1px solid #E2E9EF; padding:3px}


/*
---------------------------------------------
06.4 left panel - search result hotel info
---------------------------------------------
*/

.hotelinfo { width:470px; float:left; border-bottom:1px solid #CECCCC; padding:10px 0; padding-top:20px}

.thumb a { width:80px; height:80px; float:left; padding-right:10px}
.thumb-link {position: absolute; width:80px; height:80px;}
.thumb-link:hover {position: absolute; width:80px; height:80px; background:url(../images/photo_hover.png) no-repeat top}

.title { width:235px; float:left}
.title h4 { color:#CF9E32}

.hotelinfo .button a { height:20px; float:left; background:#A9A9A9 url(../images/tab_left.png) no-repeat; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding-left:5px; margin-right:10px; margin-top:13px; text-align:center}
.hotelinfo .button a .right { background:#A9A9A9 url(../images/tab_right.png) no-repeat right; float:left; height:18px; padding-top:2px; padding-right:10px; padding-left:8px }
.hotelinfo .button a:hover { background:#CF9E32 url(../images/tab_left.png) no-repeat left;}
.hotelinfo .button a:hover .right { background:#CF9E32 url(../images/tab_right.png) no-repeat right;} 

.rating { width:93px; float: right}
.rating .star { height:15px; float:left} 
.rating h6 { text-align: center; padding-top:5px} 

.content { width:470px; float:left; padding:10px 0}

/*
---------------------------------------------
06.5 left panel - pagination
---------------------------------------------
*/

.pagination { width:470px; float:left; padding:10px 0; padding-bottom:30px}
.pagination h4 {color:#CF9E32; font-weight:normal; text-align:right} 
.pagination h4 a { padding-left:3px; padding-right:3px}
.pagination h4 a.selected { color:#000000; text-decoration:none; font-weight:bold}


/*
---------------------------------------------
07. right panel
---------------------------------------------
*/

#rightpanel { width:290px; float:left; padding-left:18px}

/*
---------------------------------------------
07.1 right panel - featured
---------------------------------------------
*/

#featured { width:290px; float:left}
#featured h4 { width:150px; text-transform:uppercase; float:left; padding-top:3px; padding-bottom:10px}

#featured .button a { background:#CF9E32 url(../images/tab_left.png) no-repeat left; float: right; padding:0px; margin:0px; padding-left:10px; font-size:14px}
#featured .button a .right { background:#CF9E32 url(../images/tab_right.png) no-repeat right;}
#featured .button a:hover { background:#000000 url(../images/tab_left.png) no-repeat left;}
#featured .button a:hover .right { background:#000000 url(../images/tab_right.png) no-repeat right;} 


.videobox { width:288px; float:left; background:#000000; border:1px solid #7D7D7D; padding:10px 0; margin-bottom:10px;}
.videobox p { color:#FFFFFF; padding-top:15px; padding-left:10px}

.banner { width:160px; float:left; padding-top:20px}
.lh_advertising { width:200px; float:left; padding-top:20px} 


/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/

#footer { width:998px; float:left; border-top:1px solid #000000; font-size:x-small; margin-bottom:20px;}
#footer p { font-size:x-small; padding-top:10px;}

/*
---------------------------------------------
09. innerpage styles - hotel details
---------------------------------------------
*/

#hoteldetails { width:380px; float:left; padding-right:20px}
#hoteldetails h1 { font-weight:bold; }

#hoteldetails .button a { background:#CF9E32 url(../images/tab_left.png) no-repeat left; float:left; padding:0 0 0 10px; margin:0 10px 10px 0}
#hoteldetails .button a .right { background:#CF9E32 url(../images/tab_right.png) no-repeat right;}
#hoteldetails .button a:hover { background:#000000 url(../images/tab_left.png) no-repeat left;}
#hoteldetails .button a:hover .right { background:#000000 url(../images/tab_right.png) no-repeat right;}

/*
---------------------------------------------
09.1 innerpage styles - hotel details
---------------------------------------------
*/

.column1 { width:210px; float:left; padding-right:65px;}
.column1 p { padding-bottom:15px}

.column2 { width:90px; float: left; text-align:right; padding-right:10px;}
.column2 .rating { padding-bottom:10px}
.column2 .rating p { text-align:right; padding-bottom:5px} 

.column2 .buttons { width:52px; float:right; padding-right:12px}
.column2 .button a { width:52px; background:#CF9E32 url(../images/tab_left.png) no-repeat left; float:left; padding:0 0 0 10px; margin:0 10px 10px 0}
.column2 .button a .right {width:52px; background:#CF9E32 url(../images/tab_right.png) no-repeat right;}
.column2 .button a:hover {width:52px; background:#000000 url(../images/tab_left.png) no-repeat left;}
.column2 .button a:hover .right {width:52px; background:#000000 url(../images/tab_right.png) no-repeat right;}

.sharethis { float: right; background:url(../images/icon_sharethis.gif) no-repeat right; padding-right:20px; padding-top:2px; padding-bottom:2px;}
.logo_inter { width:100px; float:left; padding:12px 0}


/*
---------------------------------------------
09.2 innerpage styles - photo list
---------------------------------------------
*/

.photo_list { width:690px; float:left; padding:10px 0; margin:0 0 10px 0; border-top:1px solid #cecccc; border-bottom:1px solid #cecccc}

.photo { width:80px; float:left; padding-right:21px}
.photo_list .thumb a { width:80px; height:80px; float:left; padding-right:0px}

.photo_right { width:80px; float:left; padding-right:0}

.m_t10 {margin-top:10px;}

/*
---------------------------------------------
09.2 innerpage styles - photo list
---------------------------------------------
*/


.leftcontent { width:690px; float:left}
.leftcontent p { padding-bottom:15px}


/*
---------------------------------------------
09.2 innerpage styles - photo list
---------------------------------------------
*/

.facilities { width:690px; float:left; padding-bottom:20px}

.facilities ul { list-style:none; margin:0; padding:0; padding-top:5px}
.facilities ul li { font-size:12px; font-weight:normal; color:#000000; padding-top:5px}
.facilities ul li a:link, .facilities ul li a:visited { text-decoration:none; color:#000000}
.facilities ul li a:hover { text-decoration:underline; color:#000000}

.facilities .list1 { width:90px; float:left; padding-right:130px; padding-left:10px}
.facilities .list2 { width:90px; float:left; padding-right:130px}
.facilities .list3 { width:90px; float:left;}


/*
---------------------------------------------
10. innerpage styles - more hotels
---------------------------------------------
*/

#morehotels { width:290px; float:left; border-bottom:1px solid #CECCCC;}
#morehotels h4 { padding-bottom:8px} 

#morehotels .hotelinfo { width:290px; padding:10px 0px; border-top:1px solid #CECCCC; border-bottom:none} 
#morehotels .title { width:190px; padding-bottom:15px}
#morehotels .title h4 { padding:0}

/*
---------------------------------------------
11. addthis toolbox
---------------------------------------------
*/

.addthis {position:relative; width:500px; z-index:1; font-size:12px; margin-bottom:20px;}

/*
---------------------------------------------
12. lightbox 2.04
---------------------------------------------
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../plugins/lightbox-2-04/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../plugins/lightbox-2-04/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }