@charset "UTF-8";
/****************************
* 	Author : Tang Kien Trung
*	Project : Phu Tho Hotel
*	Date : Friday , Apr 02 , 2010
*	VNSolutions .
*****************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;padding:0;
}


a img { border:none; }

a { text-decoration:none; outline:none;}

a:hover, a:active, a:focus { outline:none;}

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
	text-align: center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;	
	font-size:76%; /*------ 70% # 11px -------*/
	color:#937000;
	line-height:16px;	
	background:#FFFFFF url(../images/bg/body_bg.jpg) repeat-x top;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

/* Layout */

#wrapper
{
	margin:auto;
	width:990px;
}

#content
{
	float:left;
	width:970px;
	padding:0 10px 0 10px;
	background:url(../images/bg/content_bg.png) repeat-y 1px 0;
	z-index:10;
}

/*---------------------- header ----------------------*/
#header
{
	float:left;
	width:100%;
	
	
	background:url(../images/bg/header_dots_seperator.png) repeat-x bottom;
}

.header_left
{
	float:left;
	width:320px;
	background:url(../images/bg/header_light.png) no-repeat 5px 60px;
}

.logo
{
	margin-top:15px;
}

.header_right
{
	float:right;
	width:650px;
}

ul.language_bar
{
	float:right;
	/*width:635px;*/
	padding:10px 15px 0 0;
}

ul.language_bar li 
{
	display:inline;
	padding:0 0 0 5px;
	background:url(../images/bg/li_sep.png) no-repeat left bottom;
}

ul.language_bar li a { color:#aa8000; font-size:10px;}

ul.language_bar li a:hover { color:#5e4700;	text-decoration:underline; }

.hotline
{ 
	color:#FFFFFF; 
	float:right;
	width:100%;
	text-align:right;
}

.hotline h5 
{ 
	float:right;
	padding:10px 15px 0 15px; 
	background:url(../images/icons/phone.png) no-repeat 0 11px;
}
/*---------------- slideshow_container -----------------*/
.slideshow_container
{
	float:right;
	width:635px;
	height:355px;
	
	padding:20px 5px 0 0;
}

.slideshow_left_corner
{
	float:left;
	width:24px;
	height:355px;
	background:url() no-repeat;
	background:url(../images/bg/slideshow_left_corner.png) no-repeat bottom;
}

.slideshow_right_corner
{
	float:left;
	width:5px;
	height:355px;
	background:url(../images/bg/slideshow_right_corner.png) no-repeat bottom;
}

.slideshow_content
{
	float:left;
	width:590px;
	height:335px;	
	background:url(../images/bg/slideshow_content_bg.png) repeat-x bottom;
	padding:10px 5px 10px 5px;
}

#slideshow
{
	position:relative;
	width:590px;
	height:345px;	
}

#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;}

/*--------------------- left_content --------------------*/
.left_content
{
	float:left;
	width:715px; /*W730*/	
	padding:20px 10px 0 5px;
	text-align:left;
}

/*--------------------- breadcrumb --------------------*/
.breadcrumb
{
	float:left;
	width:715px;
	background:url(../images/bg/splash_sep.jpg) no-repeat left bottom;
	text-align:left;
}

.breadcrumb li
{
	float:left;
	display:inline;
	font-size:11px;
	background:url(../images/icons/arrow_dots.gif) no-repeat 0 12px;
	padding:5px 5px 7px 15px;
}

.breadcrumb li a { color:#a0801a; }
.breadcrumb li a:hover { text-decoration:underline; }
/*----------------- service_item -----------------*/
.service_item
{
	float:left;
	width:100%;
}

div.figure img
{
	float:left;
	padding:5px;
	border:1px solid #a58626;
	margin-bottom:10px;
}

.service_item p { padding-bottom:10px;}

/*--------------------- news_item ---------------------*/
.news_item
{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.news_item img.figure
{
	float:left;
	padding:0 10px 10px 0;
}

.news_item p { padding:10px 0 5px 0;}

.news_item img.figure_right { float:right; padding:0 0 10px 10px; }

.news_item label
{
	font-size:14px;
	color:#b58901;
}

/*--------------- room_accessories ----------------*/
.room_accessories
{
	float:left;
	width:196px; /*W236*/
	border:1px solid #c5aa55;
	padding:10px;
}

.room_accessories label 
{ 
	font-size:14px;
	color:#b58901;
	font-weight:bold;
}

.room_accessories ul 
{ 
	padding:10px 0 5px 0; 
	border-bottom:1px solid #c5aa55;
}

.room_accessories li
{
	background:url(../images/icons/double_gold_arrow.png) no-repeat 0 11px;
	padding:5px 0 5px 10px;
}

.room_price
{	
	float:right;
	padding:10px 0 0 0;
	width:100%;
	text-align:right;
}
/*--------------------- news_container ------------------*/
.news_category
{
	float:left;
	width:695px; /*W715*/
	padding:0 10px 0 10px;
}

.news_figure
{
	float:left;
	width:218px;
	padding:0 20px 0 0;
}

p.date_post { color:#a2a2a2; font-size:10px;padding:0 !important; }

/*--------------------- event_container -----------------------*/
.event_container
{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.event_figure
{
	float:left;
	width:100%;
	height:124px;
	overflow:hidden;
}

.event_item
{
	float:left;
	width:198px; /*W218*/
	min-height:105px;
	padding:10px;
	background:#fff7df url(../images/bg/news_box_bg.jpg) repeat-x bottom;	
	margin-bottom:10px;
}

.event_item p { padding:10px 0 5px 0; }

/*-------------------- promotion_item --------------------*/
.promotion_item
{
	float:left;
	width:675px;/*W695*/
	padding:10px;
	background:#fff7df url(../images/bg/news_box_bg.jpg) repeat-x bottom;
	margin-bottom:10px;
}

.promotion_content { float:left; width:450px;padding-right:10px; }

.promotion_content img.figure { float:left; padding:0 20px 10px 0; }

.promotion_content p { padding:10px 0 5px 0; }

.promotion_links 
{
	float:right;
	width:200px;	
	/*background:url(../images/bg/logo_bg.png) no-repeat right bottom;*/
	padding:0 0 10px 10px;
	
	border-left:1px solid #c5a952;
}

.promotion_links ul 
{
	float:left;
	padding-top:21px;
}

.promotion_links li 
{  
	float:left;
	background:url(../images/icons/double_gold_arrow.png) no-repeat 0 11px;
	padding:5px 0 5px 10px;
}

.promotion_links li a {	color:#937000; text-decoration:underline; }
.promotion_links li a:hover { color:#5e4700; }

/*--------------------- news_links --------------------*/
.news_links
{
	float:left;
	width:198px; /*W218*/
	padding:10px 10px 20px 10px;
	background:#fff2cc url(../images/bg/shadow198.jpg) no-repeat bottom center;	
	margin-bottom:10px;	
}

.news_links a ,
.news_links a.article_title
{ color:#9a011e; }

.news_links a:hover { text-decoration:underline; }

.news_links ul { float:left; }

.news_links li 
{  
	float:left;
	background:url(../images/icons/double_red_arrow.png) no-repeat 0 11px;
	padding:5px 0 5px 10px;
}

/*--------------------- others_news ----------------------*/
.others_news
{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.others_news ul { float:left; }

.others_news li
{
	float:left;
	background:url(../images/bg/others_news_seperator.jpg) no-repeat bottom;
	padding:5px 0 5px 0;
	width:100%;
}

.others_news li a 
{
	float:left;
	background:url(../images/icons/double_gold_arrow.png) no-repeat 0 7px;
	color:#937000;
	padding-left:10px;
}

.others_news li a:hover { color:#5e4700; }
/*--------------------- title_bar ---------------------*/
.title_bar_715
{
	float:left;
	width:695px; /*W715*/
	padding:0 10px 0 10px;	
}

.title_bar
{
	float:left;
	width:100%;
	height:25px;
	background:url(../images/bg/title_bar_bg.jpg) repeat-x bottom;
	text-transform:uppercase;
	margin-bottom:15px;
}

.title_bar a
{ 
	float:left;
	color:#FFFFFF; 
	background:url(../images/icons/title_logo_symbol.png) no-repeat 5px 3px ;
	padding:5px 0 0 35px;
	font-size:14px;	
}

.title_bar a:hover { background:url(../images/icons/title_logo_symbol_hover.png) no-repeat 5px 3px ;}

.title_bar_light
{
	float:left;
	width:100%;
	height:25px;
	background:url(../images/bg/others_news_titlebar_bg.jpg) repeat-y left;
	text-transform:uppercase;
	margin-bottom:15px;
}

.title_bar_light a
{ 
	float:left;
	color:#FFFFFF; 
	background:url(../images/icons/title_logo_symbol.png) no-repeat 5px 3px ;
	padding:5px 0 0 35px;
	font-size:14px;	
}

/*----------------------- Hotel Room Intro -----------------------*/
.intro_box
{
	float:left;
	width:673px; /*W695 include padding & border*/
	padding:10px;
	border:1px solid #c5aa55;
	margin:0 0 10px 10px;
}

.room_box
{
	float:left;
	width:325px; /*W327*/
	min-height:306px;
	background:#fff url(../images/bg/roombox_bg.png) no-repeat left bottom;
	padding:1px;
	margin:15px 0 10px 0;
}

.figure_with_title
{
	float:left;
	width:100%;
	position:relative;	
		
}
.figure_with_title img{
	width: 325px;
	height: 172px;
}
.room_type
{
	position:absolute;
	width:100%;
	height:48px;
	background:url(../images/bg/black_opa34_bg.png);
	bottom:3px;
}

.figure_with_title .room_type a
{
	float:left;
	text-transform:uppercase;
	color:#ffda2f;
	padding:15px 0 0 10px;
}

.room_intro
{
	float:left;
	width:305px;
	padding:20px 10px 0 10px;
}

.room_intro p { padding-bottom:10px; }

.room_intro a.more { float:left; margin-top:10px; }
.room_intro input[type="submit"] { margin:10px 0 0 0; }
.room_intro .intro_text { float:left; height:60px; width:100%; overflow:hidden; }
/*--------------------- right_content --------------------*/
.right_content
{
	float:right;
	width:225px;
	padding:10px 15px 0 0;
}

/*--------------------- book_room_form --------------------*/
.book_room_form
{
	float:left;
	width:205px; /*W225*/
	padding:10px;
	background:#ccad4d url(../images/bg/book_room_form_bg.jpg) repeat-x top;
	text-align:left;	
	margin-bottom:15px;
}

.book_room_form input[type="text"]
{
	width:100%;
}

.book_room_form .form_title { color:#ffffff; padding:10px 0 2px 0; }

.book_room_form a.article_title { color:#ffffff; border-bottom:1px solid #d8bb5f; margin-bottom:10px; }
.book_room_form a.article_title:hover { text-decoration:none;}

/*--------------------------- weather_info ----------------------------*/
.weather_info
{
	float:left;
	width:205px; /*W225*/
	padding:10px;
	text-align:left;
	background:url(../images/bg/header_dots_seperator.png) repeat-x bottom;
}

.weather_info table 
{
	width:100%;
	color:#9a011e;
}

/*--------------------------- rate_info ----------------------------*/
.rate_info
{
	float:left;
	width:205px; /*W225*/
	padding:10px;
	text-align:left;
}

.rate_info table td { padding:0 10px 10px 0; }

.rate_info table td.rate { text-align:right;padding-right:20px; }

/*---------------- flight_info_form -----------------*/
.flight_info_form
{
	float:left;
	width:100%;
	padding:10px 0 0 0;	
}

.flight_info_form .selector { margin-bottom:12px; }

.flight_info_form input[type="text"] { width:100%; margin-bottom:12px; }

.flight_info_form input[type="text"].flight_number { width:65%; }

.flight_info_form input[type="submit"] { margin:0; padding:2px 5px 2px 5px; }

/*--------------------- room_desc ---------------------*/
.room_desc
{
	float:left;
	padding:0 10px 0 10px;
	width:695px;
}

.room_desc h3
{
	color:#b58901;
	padding-bottom:15px;
}

.room_desc p { padding-bottom:10px; }

/*--------------------- testimonial ---------------------*/
.testimonial
{
	float:left;
	padding:0 10px 0 10px;
	width:695px;
}
.testimonial img{width: 380px;height: 300px}
.testimonial h3
{
	color:#b58901;
	padding-bottom:15px;
}

.testimonial p { padding-bottom:10px; }

.testimonial .news_item
{
	border-bottom:1px solid #d6c99e;
	margin-bottom:10px;
}

.testimonial label
{
	font-weight:normal;
}

.testimonial span 
{ 
	float:right;
	font-style:italic;	
}
.testimonial .paging { float:left; }
.testimonial .paging ul { float:left; padding:0; width:auto; }
/*--------------- contact -----------------*/
.contact
{
	float:left;
	padding:0 10px 0 10px;
	width:695px;
}

.contact_info
{
	float:left;
}

.contact_info li { padding:5px 0 5px 0; }
/*--------------- entry_form ---------------*/
.entry_form
{
	float:left;
	/*width:540px;*/
	padding:10px 10px 0 10px;
	background:url(../images/bg/bookroomform_bg.jpg) repeat-x top #FFFFFF;
	
	border:1px solid #e5ddc2;
	
	margin:10px 0 10px 0;
}

.standard_form
{
	float:left;
	width:100%;
}

.standard_form table { float:left;}

.standard_form td
{
	padding:0 2px 10px 2px;
	vertical-align:top;
}

.standard_form td.input_data { width:447px; }

.standard_form td input[type="text"] { float:left; width:225px; }

.standard_form td textarea { float:left; width:445px; }

.standard_form td input[type="submit"] ,
.standard_form td input[type="reset"]
{
	margin:0 0 0 10px;
}

.standard_form .field_title { text-align:right; }
.standard_form td label.error { width:80%; }

/*-------------- menu_row ---------------*/
.menu_row
{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
}

.food_item
{
	float:left;
	position:relative;
	/*width:335px;*/
	width:456px;
	border-right:1px solid #d6c99e;
	border-bottom:1px solid #d6c99e;
	background:url(../images/bg/food_item_bg.jpg) repeat-y right;
	
	padding:3px 0 3px 0;
	margin:0 10px 10px 10px;
}

.food_item .figure_food { float:left; width:150px; height:105px; overflow:hidden;}
.food_item img { float:left; width:150px; height:105px; }

.food_details
{
	float:left;
	width:286px;
	min-height:105px;
	padding:0 10px 0 10px;	
}

.food_details .food_name
{	
	width:100%;
	color:#B58901;
	font-size:14px;	
}

.food_details p { padding-bottom:10px; font-size:11px; }

.food_item .price
{
	position:absolute;
	bottom:0;
	right:0;
	background-color:#d6c99e;
	color:#644b00;
	font-size:14px;
	min-width:109px;
	text-align:center;
	padding:5px 0 5px 0;
}

/*------------------ food_menu_container -------------------*/
.food_menu_container
{
	float:left;
	width:238px;	
	background:url(../images/bg/food_menu_bg.png) no-repeat top right;
	min-height:605px;
}

.food_menu_container a 
{ 
	color:#b58901;
	display:block;
	padding:8px 0 7px 25px;
}

.food_menu_container > ul
{
	float:left;
	width:218px;
	padding:0 10px 0 10px;
}

.food_menu_container > ul > li
{
	background:url(../images/icons/rectangle_symbol.gif) no-repeat 10px 16px;
	text-transform:uppercase;
	font-size:14px;
	border-bottom:1px solid #e7d9ad;
}

.food_menu_container > ul > li > a:hover,
.food_menu_container > ul > li > a.current_page
{
	background:url(../images/bg/menu_item_bg.png) repeat-y left;
}

ul.food_menu { padding-bottom:250px; }

.food_bg { background:url(../images/bg/food_bg.png) no-repeat right bottom; }

.drink_bg { background:url(../images/bg/drink_bg.png) no-repeat right bottom; }

ul.sub_food_menu li
{
	font-size:12px;
	text-transform:none;
	background:url(../images/icons/double_gold_arrow.png) no-repeat 30px 15px;
}

ul.sub_food_menu li a {	padding-left:40px; }
ul.sub_food_menu li a:hover,
ul.sub_food_menu li a.current_page
{
	color:#5e4700;
}
ul.sub_food_menu li a:hover { 
	background:url(../images/icons/double_gold_arrow_down.png) no-repeat 30px 15px;
}
ul.sub_food_menu_level_2 li
{
	font-size:12px;
	text-transform:none;
	background:url(../images/icons/arrow_dots.gif) no-repeat 45px 15px;
}

ul.sub_food_menu_level_2 li a{	padding-left:60px; }
ul.sub_food_menu_level_2 li a:hover,
ul.sub_food_menu_level_2 li a.current_page
{
	color:#5e4700;
}
ul.sub_food_menu_level_2 li a:hover { background:none; }
/*-------------------- food_item_container ---------------------*/
.food_item_container
{
	float:right;
	width:476px;
	/*background:url(../images/bg/menu_details_bg.png) no-repeat 10px bottom;*/
}

.item
{
	/*float:left;*/
	width:218px;
	padding:0 10px 15px 10px;
}

.item .food_title
{
	float:left;
	background:url(../images/bg/food_item_bar.png) no-repeat left bottom;
	padding:5px 0 5px 15px;
	font-size:14px;
	width:203px;
	color:#B58901;
}

.item ul { float:left; padding:5px 0 0 0; }
.item li
{
	background:url(../images/icons/double_gold_arrow.png) no-repeat 10px 10px ;
	padding:5px 0 0 25px;
}
/*-------------- paging ------------------*/
.paging
{
    float:right;
    padding-top:5px;
	width:100%;
}

.paging a
{
	color:#9A011E;
}

.paging ul { float:right; padding:0; width:auto; }

.paging li { float:left; display:inline; padding:0 5px 0 5px; }

.paging li.last_item { padding-right:0; }

.paging .current
{
    background-color:#c89e1c;
    padding:0 5px 0 5px;
    margin-top:-1px;
    font-weight:bold;
	color:#9A011E;
}

.paging .first
{
    font-weight:bold;
    font-size:14px;
    margin-top:1px;

}

.paging .last
{
    font-weight:bold;
    font-size:14px;
    margin-top:1px;
}

/*
.paging .first a {color:#FF6600;}
.paging .last a {color:#FF6600;}
.paging .prev a {color:#FF6600;}
.paging .next a {color:#FF6600;}
*/

/*--------------------- For Validation ---------------------*/
label.error 
{ 
	float:left;
	width:133px;
	color:#ff4c4c;
	font-size:10px; 
}

input[type="text"].error { border:1px solid #ff4c4c; }
textarea.error { border:1px solid #ff4c4c; }

#form-book-room { float:left; width:100%; }

/*--------------------- form_msg ----------------------*/
.form_msg
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:30px;
}
a.logo_msg
{
	float:left;
	background:url(../images/bg/table_seperator.png) no-repeat right;
	padding:20px 20px 30px 40px;	
}

.form_msg .message
{
	float:left;
	width:315px;
	padding-left:45px;
	text-align:left;
	color:#a0801a;
	line-height:25px;
}

.form_msg .message h4 { padding-bottom:25px; }
.form_msg .message h4.error { color:#ff0000; }
.form_msg .message a { color:#9a011e; font-size:14px; }
.form_msg .message a:hover { text-decoration:underline; }

/*--------------------- Footer ---------------------*/

.footer_line
{
	float:left;
	width:100%;
	height:5px;
	background:url(../images/bg/footer_line.jpg) repeat-x top;		
	z-index:0;
	bottom:10px;
	margin-top:-107px;
}

.footer_container
{
	float:left;
	position:relative;
	width:990px;
	
}

#footer
{
	float:left;
	width:970px;
	background:url(../images/bg/content_bg.png) repeat-y 1px 0;
	padding:10px 10px 5px 10px;
}
.addClass
{
background:url(../images/bg/footer_seperator.jpg) repeat-x top;
	float:left;
	width:968;
}
.footer_content
{
	
	float:left;
	width:800px;
	padding:20px 0 10px 0;
}
.footer_right
{
	float:left;
	width:168px;
	height:9px;
	
	padding-top:20px;
	padding-bottom:20px;
}
.copyright { font-size:11px; color:#a58626; }
.copyright a { color:#a58626; }
.copyright a:hover { text-decoration:underline; }

.footer_content ul { margin:5px 0 5px 0; }

.footer_content li 
{ 
	display:inline; 
	background:url(../images/bg/li_sep.png) no-repeat left bottom;
	padding:0 5px 0 7px;
	font-size:11px;
}

.footer_content li a {color:#a58626;}
.footer_content li a:hover {color:#5E4700; text-decoration:underline;}

.footer_bottom
{
	float:left;
	width:100%;
	height:9px;
	background:url(../images/bg/footer_shadow.png) no-repeat top;
	
	padding-bottom:20px;
}
/*--------------------- COLUMN ---------------------*/
.col715 { width:715px; }
.col476 { width:456px; padding:0 10px 0 10px; }
.col238 { width:218px; padding:0 10px 0 10px; }
.col357 { width:337px; padding:0 10px 0 10px; }

/*--------------------- UTILITY --------------------*/
input[type="submit"] , input[type="button"],
input[type="reset"]
{
	float:right;	
	background:#c9a22b url(../images/bg/button_bg.jpg) repeat-x top;
	border:1px solid #f1f1f1;
	color:#f1f1f1;
	font-size:11px;
	cursor:pointer;
	
	margin:10px 0 0 5px;
	padding:5px;
}

input[type="submit"]:hover ,input[type="button"]:hover, 
input[type="reset"]:hover
{
	background:#b38e19 url(../images/bg/button_bg_hover.jpg) repeat-x top;
	border:1px solid #ffffff;
}

a.title { color:#b58901; font-size:14px;}
a.title:hover { color:#5e4700; text-decoration:underline;}

.article_title { float:left; width:100%; color:#a0801a; font-size:16px; padding-bottom:10px; }
a.article_title { float:left; width:100%; color:#a0801a; font-size:16px; padding-bottom:10px; }
a.article_title:hover { color:#5e4700; text-decoration:underline; }

a.more 
{ 
	float:right; 	
	color:#9a011e;
	background:url(../images/icons/more.png) no-repeat right 6px;
	padding:0 10px 10px 0;
	font-size:11px;
}

a.more:hover { text-decoration:underline; }

.no_border { border:none !important ; }
.no_bg_color { background-color:none !important; }
.no_bg { background:none !important ; }
.no_bg_color { background-color:transparent !important; }
.float_right { float:right; }
.float_left { float:left; }

/*
input[type="text"].date_input { background:#FFFFFF url(../images/icons/calendar.gif) no-repeat right ;}
input[type="text"].date_input:focus { background:#FFFFFF url(../images/icons/calendar_focus.gif) no-repeat right ;}
*/
input[type="text"].input_date { background:#FFFFFF url(../images/icons/calendar.gif) no-repeat right ; cursor:pointer;}
input[type="text"].input_date:focus { background:#FFFFFF url(../images/icons/calendar_focus.gif) no-repeat right ;}

/*
	Chan them moi vao 
*/	 
.gallery_container {
background:url("../images/bg/box500_news_shadow_bottom.png") no-repeat scroll center bottom transparent;
float:left;
padding-bottom:22px;
width:100%;
}
.gallery_container table {
float:left;
margin-left:30px;
width:auto;
}

.gallery_container td {
background:url("../images/bg/gallery_frame.jpg") no-repeat scroll left center transparent;
height:130px;
padding:0 10px 0 0;
text-align:center;
vertical-align:middle;
width:155px;
}

.gallery_container img {
height:80px;
width:140px;
}
.active {
color:#967201;
}
.search_form input[type="submit"] { padding:3px 5px; }
.search_form input[type="text"] { border: 1px solid #CAAB4C; background:none;margin-top:11px; }

#commentForm input[type="text"] { border:1px solid #CAAB4C; }

/* 
	Ket thuc 
*//* Radio box */

div.radio {
    height: 10px;
    width: 10px;
    overflow: hidden;
    background: url(../images/bg/radio-button-bg.png) repeat-x left top;
    float: left;
    display: inline;
    margin-right: 10px;
    position: relative;
    /*-webkit-border-radius: 10px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: solid 1px #ddd;*/
}

/*div.radio.focus {
	border-color: #999;
}

div.radio.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
}*/

div.radio span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

div.radio span.checked {
    background: url(../images/bg/radio-button-bg.png) repeat-x left bottom;
}

div.radio span input {
    position: absolute;
    opacity: 0;
}

/* Select Box */

div.selector {
    display: block;
    width: 100%;
	border:1px solid #caab4c;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
    position: relative;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    height: 20px;
    
	color: #a58626;	
}

div.selector select {
    width: 98%;
	border:1px solid #FFFFFF;
}

/*
div.selector.focus {
    border:1px solid #9a011e;
}
*/

div.selector span {
    position: absolute;
    left: 4px;
    top: 0px;
    padding: 0;
    display: block;
    padding-right: 20px;
    height: 20px;
    line-height: 20px;
    background: url(../images/bg/select-button-bg.png) no-repeat right top;
    right: 0;
	overflow: hidden;
}

/*
div.selector.focus span {
    left: 4px;
    background: url(../images/bg/select-button-bg.png) no-repeat right -22px;	
}
*/
div.selector select {
    position: relative;
    font-size: 1.1em;
    padding: 0;
    line-height: 20px;
    height: 20px;
    margin: 0;
	
	border:1px solid #caab4c;
}

input[type="text"] { border:1px solid #caab4c; color: #a58626;}

textarea { border:1px solid #CAAB4C;color:#A58626;font-family:Tahoma;font-size:14px; }
/*
input[type="text"]:focus { border:1px solid #9a011e;  }
*//****************************
* 	Author : Tang Kien Trung
*	Project : Phu Tho Hotel
*	Date : Friday , Apr 02 , 2010
*	VNSolutions .
*****************************/

.box
{
	float:left;
	
	width:196px;
	padding:10px;
	border:1px solid #c2a343;
	margin-bottom:10px;
}

#tabMenu
{
	float:left;
	width:100%;
	height:16px;	
	text-align:center;
	
	padding:10px 0 5px 0;
}

#tabMenu li
{
	float:left;	
	height:16px;	
	cursor:pointer;
	margin-right:5px;
}

#tabMenu li p
{	
	font-size:12px;
	color:#a9a9a9;
	
	padding-left:20px;
}


#tabMenu li.mouseover {background-position:0 0;}
#tabMenu li.mouseout {background-position:0 -16px;}
#tabMenu li.selected {background-position:0 0;}



#tabMenu li.selected p { color:#967201; }
#tabMenu li.mouseover p { color:#967201; }

li.arrival { background:url(../images/tab_images/flight_arrival.jpg) no-repeat 0 -16px; }
li.departure { background:url(../images/tab_images/flight_departure.jpg) no-repeat 0 -16px; }

/*-------------------------- Body -------------------------*/
.box_content
{
	float:left;
	text-align:left;
	
	color:#967201;
	width:100%;	
}

.box_content div.tab_item_content
{
	display:none;
}
.box_content div.show 
{
	display:block;
}

.tab_item_content
{
	float:left;
	width:100%;
	/*width:610px;*/
	/*background:url(../images/tab_images/body_tab_bg.jpg) repeat-y;*/
}

/*------------ Custom Style ------------*/
.box_content table
{
	float:left;
	border-top:1px solid #d5c699;
	border-bottom:1px solid #d5c699;
	padding:5px 0 5px 0;
	width:100%;
}

.box_content table td {padding:3px 5px 0 5px;}/****************************
* 	Author : Tang Kien Trung
*	Project : Phu Tho Hotel
*	Date : Friday , Apr 02 , 2010
*	VNSolutions .
*****************************/
.main_menu
{
	float:left;
	width:275px; 
	text-align:left;	
	padding:55px 0 0 45px;
}

.main_menu li
{ 	
	
}
.main_menu li a {color:#a58626; font-size:12px;}
.main_menu li a:hover { color:#5e4700;}
.main_menu li.current_page a { color:#5e4700; }

.main_menu ul.topnav 
{
	list-style: none;
	float: left;
}
.main_menu  ul.topnav > li 
{
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	background:url(../images/icons/menu_symbol.png) no-repeat 0 3px;
	padding:0 0 10px 15px;
	width:260px;	
}

.main_menu  ul.topnav li a
{
	display: block;
}

.main_menu  ul.topnav li a.parent_item { text-transform:uppercase; }

.main_menu  ul.topnav li > a { z-index:0;}

.main_menu  ul.topnav li span { /*--Drop down trigger styles--*/}

.main_menu  ul.topnav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/

.main_menu  ul.topnav li ul.subnav {
	
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/	
	left: 0; 
	display: none;
	float: left;
	
	z-index:10;
	
	width:100%;
	background:url(../images/bg/subnav_bg_pattern.png) repeat-y left;
	padding:5px 0 5px 0;
}
.main_menu  ul.topnav li ul.subnav li 
{
	clear: both;
	z-index:11;
	width:230px;
	padding:8px 9px 8px 0;
	/*border-bottom:1px solid #FFCC33;*/
	/*background:url(../images/bg/subnav_item_bg.png) no-repeat 0 top;*/
	border-bottom:1px solid #FFFFFF;
	margin-left:20px;
}
.main_menu  ul.topnav li ul.subnav li a 
{ 
	display:block;
	color:#FFFFFF;
}
.main_menu  ul.topnav li ul.subnav li a:hover 
{ 
	color:#000000;
}

/****************************
* 	Author : Tang Kien Trung
*	Project : Phu Tho Hotel
*	Date : Friday , Apr 02 , 2010
*	VNSolutions .
*****************************/

.online_support_container
{
	float:left;
	padding:5px 0 10px 0;
	width:225px;
	text-align:left;
	
}

.online_support_container ul.support_bar {	
	float: left;
	width: 225px;
	height:37px;
	background:url(../images/bg/online_support_bg.png) no-repeat top;
	padding:10px 0 10px 0;
}
.online_support_container  ul.support_bar li {
	float: left;
	width:100%;
	margin: 0;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	
	list-style:none;
}

.online_support_container  ul.support_bar li a.title
{	
	padding:10px 0 10px 10px;
	display: block;
	text-decoration: none;
	float:left;
	font-size:16px;
	color:#A0801A;
}

.online_support_container  ul.support_bar li a:hover { text-decoration:none; }

.online_support_container  ul.support_bar li span { /*--Drop down trigger styles--*/ }
.online_support_container  ul.support_bar li span.subhover {} /*--Hover effect for trigger--*/

.online_support_container  ul.support_bar li ul.support_list {
	list-style: none;
	position: absolute; /*--Important - Keeps support_list from affecting main navigation flow--*/
	left: 0; 
	top: 36px;
	background:#fff2ca url(../images/bg/support_list_bg.png) repeat-x bottom;
	display: none;
	float: left;
	width: 225px;
	text-align:left;
	padding:10px 0 10px 0;
	/*padding:10px;	*/
	
	/*
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;	
	*/
	
	z-index:500;
}
.online_support_container  ul.support_bar li ul.support_list li{
	margin-left: 5px;
	clear: both;
	/*width: 180px;*/
	padding:5px;
}
.online_support_container  ul.support_bar li ul.support_list li a {
	float: left;
	/*padding:10px 5px 10px 28px;*/
	color:#901414;	
	padding:5px 0 5px 0;
}

.online_support_container  ul.support_bar li ul.support_list li a.offline { color:#7f7f7f; }

.online_support_container  ul.support_bar li ul.support_list li a img{ float:left; padding-right:5px;  }
.online_support_container  ul.support_bar li ul.support_list li a:hover { /*--Hover effect for support_list links--*/
	/*background:url(../images/menu_images/dropdown_linkbg.png) no-repeat 10px 10px;*/	
	text-decoration:underline;
}

/****************************
* 	Edited by : Tang Kien Trung
*	Project : Phu An Thanh
*	Date : Wednesday , Feb 24 , 2010
*	VNSolutions .
*****************************/
/*--------------------- hotel_pics_scroller ---------------------*/
.hotel_pics_scroller
{
	float:left;
	width:456px;
	height:265px;
	position:relative;
	margin-bottom:10px;
}
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 5px ;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item 
{
    float: left;
    list-style: none;
}

.jcarousel-next 
{
    z-index: 3;
    display: none;
}

.jcarousel-prev 
{
    z-index: 3;
    display: none;
}

/*--------------------- SKIN ----------------------*/
.jcarousel-skin-tango .jcarousel-container 
{ 
	/*background: #8c0f21 url(../../../TDS_Co/images/backgrounds/slideshow_seperator.jpg) no-repeat 0 25px;*/ 
}

.jcarousel-skin-tango .jcarousel-container-horizontal 
{
	width:456px;
	height:265px;
	text-align:left;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal 
{
    width:456px;
	height:265px;
	
	/*
	padding:7px 0 0 0;	
	margin-left:35px;
	*/	
}


.jcarousel-skin-tango .jcarousel-item 
{
    width:456px; 
	height:265px;	
	text-align:center;
}

.jcarousel-skin-tango .jcarousel-item-horizontal 
{
	/*
	padding:0 10px 0 10px;
	*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal img
{
	/*
	width:197px;
	height:112px;
	overflow:hidden;
	padding-bottom:10px;
	*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal h5 
{
	color:#FFFFFF;
	text-transform:uppercase;
}

.jcarousel-skin-tango .jcarousel-item-placeholder 
{
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal 
{
    position: absolute;
    /*
	top: 105px;
    right: 2px;
    width: 18px;
    height: 36px;
	*/
	top:105px;
	right:10px;
	width:48px;
	height:47px;
    cursor: pointer;
    background: transparent url(../images/buttons/btn_next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 -47px; }

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 -94px; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active 
{
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal 
{
    position: absolute;
	/*
    top: 105px;
    left: 2px;
    width: 18px;
    height: 36px;
	*/
	top:105px;
	left:10px;
	width:48px;
	height:47px;
    cursor: pointer;
    background: transparent url(../images/buttons/btn_prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 -47px; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -94px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/*
.jcarousel-skin-tango .jcarousel-prev-disabled , 
.jcarousel-skin-tango .jcarousel-next-disabled 
{ background-position:0 -141px; }
*//* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*#TB_ajaxContent h3 { color: #fff; background: url(../../images/bg/button-bg.png) repeat-x left top; font-size: 12px; padding: 0 0 0 3px; font-weight: bold; }*/
#TB_ajaxContent .chat_content { padding: 10px; }
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

/*#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:2999;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
                     position: absolute;
                     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background:#ffffff url(../images/bg/msgbox_bg.jpg) repeat-x bottom;
    z-index: 3000;
    color:#000000;
    display:none;
    /*border: 1px solid #eee;*/
    text-align:left;
    top:50%;
    left:50%;
	/*padding:0 10px 0 10px;*/
	/*height:410px;*/
}
#TB_window img {
    
}

* html #TB_window { /* ie6 hack */
                    position: absolute;
                    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding: 2px 5px 3px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
	
}

#TB_closeAjaxWindow a{
    text-decoration: none;
    font-weight: bold;
    color: #fff;
	
	font-size:20px;
}

#TB_ajaxWindowTitle{
    float:left;
    padding: 5px 0 3px 3px;
    margin-bottom:1px;
    color: #fff;
    font-weight: normal;
	font-size:18px;
}

#TB_title
{
    background-color: #dbb132;
    height:33px;
    color: #fff; 
	/*background: url(../images/bg/title_bar_msgbox.png) repeat-x top; */
	font-size: 12px; 
	padding: 0 0 0 3px; 
	font-weight: bold;
}

#TB_ajaxContent
{
    clear:both;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
	background:#fff url(../images/bg/bookroomform_bg.jpg) repeat-x top;	
}

#TB_ajaxContent.TB_modal{
    padding:1px;
}

#TB_ajaxContent p{
    padding: 0;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
                  position: absolute;
                  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
                        position: absolute;
                        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/*------------ tktrung added -------------*/
#form-book-room table
{
	float:left;
	/*width:330px;*/
	margin:20px 0 0 10px;
	padding-right:5px;
	background:url(../images/bg/table_seperator.png) no-repeat right 2px;
}

#form-book-room input[type="submit"] ,
#form-book-room input[type="reset"]
{ 
	margin:0 0 0 10px; 
}


#form-book-room .selector { width:133px; }
#form-book-room .optionW85 .selector { width:85px; }
#form-book-room td input[type="text"].txtW30 { width:30px; }

#form-book-room td
{
	vertical-align:top;
	color:#967201;
	padding:0 2px 10px 2px;
}

#form-book-room td h4 { margin-top:5px; }

#form-book-room .field_title
{
	text-align:right;
}

#form-book-room .input_data{ width:143px; }

#form-book-room input[type="text"] { width:133px; clear:right; }

#form-book-room textarea 
{
	border:1px solid #caab4c;
	width:133px;
}

/*
label.error { width:100%; color:#FF0000; }
*/
.bookroomform_footer
{
	float:left;
	width:97%;	
	padding:10px;
}

.bookroomform_footer a.form_copyright 
{ 
	float:left; 
	color:#d7ca9f; 
	background:url(../images/logo44x34.png) no-repeat 0 0;
	padding:10px 0 20px 54px;
	font-size:11px;
	width:50%;
}

.bookroomform_footer_content 
{
	float:left;
	width:100%;
	border-top:1px solid #caab4c;
	padding-top:10px;
}div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
	
	z-index:10000;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_t.png);
	
	z-index:10000;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_b.png);
	
	z-index:10000;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_img/datepicker_l.png);
	
	z-index:10000;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_img/datepicker_r.png);
	
	z-index:10000;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_tl.png);
	
	z-index:10000;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_tr.png);
	
	z-index:10000;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_bl.png);
	
	z-index:10000;

}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_img/datepicker_br.png);
	
	z-index:10000;
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/*----------- datepickerWeek -------------*/
/* tktrung add */
.datepickerWeek a span
{
}

.datepickerDoW th span { color:#ffc200; }#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

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

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}