/*
Theme Name: Classic Hotel Hanoi
Theme URI: http://classichotelhanoi.com/
Description: Classic Hotel Hanoi designed by Fancy-Free @ LongLanh.net.
Version: 1.0
Author: Tuấn Fancy-Free
Author URI: http://longlanh.net
Tags: blue, white, gray, hotel, booking


*/


body
{
	margin:0px;
	padding:0px;
	background:url(images/bg.gif)
}
img
{
	border:0px;
}
td.right
{
	text-align:right;
}
table.normal
{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:0px auto;
}
table.center
{
	margin:0px auto;
}
table.normal th, table.normal td
{
	padding:5px;
	border:1px solid #ccc;
}
table.normal th
{
	background:#eee;
	font-weight:bold;
}
p, h1, h2, h3, form
{
	margin:0px;
	padding:0px;
}
p
{
	padding:0.2em 0px;
}
input, textarea, select
{
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:2px;
}
a,
a:link,
a:hover
a:visited
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
#Fancy-Free
{
	width:930px;
	background:#fff url(images/body_bg.gif);
	margin:20px auto;
	padding:0px 5px;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:13px;
	position:relative;
}
#header, #footer
{
	background:url(images/bg_2.gif);
	color:#fff;
	font-size:11px;
}

#header .content
{
	background:url(images/header_bg.jpg) no-repeat right top;
	padding-bottom:30px;
	width:930px;
}
#header #logo h1
{
	float:left;
	width:480px;
	height:150px;
	overflow:hidden;
	background:url(images/logo.png) no-repeat top left;
}
#header #logo
{
	height:150px;
	overflow:hidden;
	
}
#header #logo h1 a
{
	float:left;
	height:0px;
	width:460px;
	overflow:hidden;
	margin-top:50px;
	overflow:hidden;
	padding-top:50px;
	width:410px;
	margin-left:40px;
}
#menu_shd
{
	background:url(images/menu_shd.png) no-repeat top left;
	width:930px;
	height:5px;
	overflow:hidden;
}
.menu_wrap
{
	position:absolute;
	top:155px;
	height:30px;
	width:930px;
	display:block;
}
#menu
{
	height:26px;
	padding-bottom:4px;
	text-align:center;
	
}
#menu ul,
#menu li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu li
{
	float:left;
	padding:1px 2px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	position:relative;
}
#menu li a,
#menu li a:hover,
#menu li a:visited
{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#menu li a,
#menu li span
{
	height:23px;
	overflow:hidden;
	float:left;
}
#menu li.current-menu-parent a,
#menu li.current-menu-item a,
#menu li a:hover
{
	background:url(images/menu_active_mid.gif) repeat-x top;
}
#menu li.current-menu-parent span,
#menu li.current-menu-item span,
#menu li a:hover span
{
	background:url(images/menu_active_left.gif) no-repeat left top;
}
#menu li span span
{
	padding:0px 8px;
}
#menu li.current-menu-parent span span,
#menu li.current-menu-item span span,
#menu li.active span span,
#menu li a:hover span span
{
	background:url(images/menu_active_right.gif) no-repeat right top;
	
}
#menu li ul
{
	position:absolute;
	display:none;
	top:30px;
	left:0px;
	background:#fff;
	z-index:1;
	border-bottom:1px solid #333;
	text-align:left;
}
#menu li li
{
	float:none;
	padding:0px;
	white-space:nowrap;
	
}
#menu li li a,
#menu li li span
{
	
	float:none !important;
	background:none !important;
}
#menu li li span
{
	padding:0px !important;
	display:inline !important;
}
#menu li li a,
#menu li li a span,
#menu li li a:hover,
#menu li li a:visited
{
	color:#036;
	
	
}
#menu li li a
{
	padding:5px;
	display:block !important;
	min-width:170px;
}
#menu li li.current-menu-item,
#menu li li a:hover,
#menu li li a:hover span
{
	background:#eee !important;
}
.clear
{
	height:0px;
	width:100%;
	overflow:hidden;
	clear:both;
}
.center
{
	text-align:center;
}
ul.menu
{
	display:inline-block;
	margin:0px auto;
}
#slider
{
	height:300px;
	position:relative;
	}

#q_booking
{
	height:297px;
	width:272px;
	background:url(images/booking_box.png) no-repeat top left;
	position:absolute;
	right:4px;
	top:3px;
	
}
#q_booking_content td
{
	padding-bottom:5px;
}
#q_booking_content td.right input
{
	width:140px;
}
#q_booking_content p
{
	padding:0px;
	padding-bottom:6px;
}

#q_booking_content div.wpcf7-mail-sent-ok
{
	background:none repeat scroll 0 0 #FFFFFF;
margin-right:-90px;
margin-top:-40px;
padding:10px;
position:absolute;
right:50%;
text-align:center;
top:50%;
width:150px;
}
#q_booking_content div.wpcf7-response-output
{
	top:228px;
	position:absolute;
}
#q_booking_content textarea
{
	width:208px;
	padding:2px;
	height:30px;
	border:1px solid #ccc;
	background:#fff;
}
#q_booking input, #q_booking_content select, #q_booking_content input, #q_booking_content textarea
{
	font-size:11px;
}
#q_booking_content .text
{
	border:1px solid #ccc;
	background:#fff;
	padding:1px 2px;
	height:14px;
}
#q_booking_content
{
	font-size:11px;
	color:#444;

}
#q_booking_content .date,
#q_booking_content .night
{
	float:left;
}

#q_booking_content .button
{
	text-align:center;

	
}
#q_booking_content .button input
{
	width:134px;
	height:26px;
	overflow:hidden;
	background:url(images/q_book_button.png) no-repeat left -26px;
	border:0px;
}
div.left
{
	float:left;
	overflow:hidden;
}
p.f_left
{
	float:left;
}
#slider .shd_top
{
	background:url(images/slider_shd_top.png);
	height:6px;
	width:930px;
	position:absolute;
	top:0px;
	overflow:hidden;
}
#slider .shd_bottom
{
	background:url(images/slider_shd_bottom.png);
	height:6px;
	width:930px;
	overflow:hidden;
	position:absolute;
	top:294px;
}
#content
{
	padding:10px;
}
#content.tours
{
	padding:10px;
}
#content.tours .post
{
	padding:5px;
	margin-bottom:10px;
	position:relative;
	overflow:visible;
	width:630px;
}

#content.tours .recommend,
#content.tours .recommend a
{
	width:99px;
	height:59px;
	overflow:hidden;
	display:block;
	position:relative;
}
#content.tours .recommend a
{
	padding-top:61px;
}
#content.tours .recommend
{
	position:absolute;
	top:-4px;
	left:-4px;
	
}
#content.tours .recommend div
{
	background:url(images/recommend.png) no-repeat top left;
	width:99px;
	height:59px;
	overflow:hidden;
}
#content.tours .sticky
{
	background:#fff8d2 url(images/sticky_bg.gif) repeat-x top;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #ddd;
}
#content .desc
{
	font-size:12px;
	color:#c00;
}
#content .desc.tour
{
	font-size:16px;
	padding-top:4px;
}
#content .desc .price span
{
	font-weight:bold;
}
#content .desc .duration
{
	text-transform:capitalize;
}
body.single #content,
body.page #content,
body.category #content,
body.error404 #content
{
	float:left;
	width:643px;
}

#footer
{
	padding:10px;
	position:relative;
}
#footer p
{
	padding-bottom:0.2em;
	padding-left:5px;
}
#footer a
{
	color:#fff;
}
#footer p.logo
{
	padding-left:0px;
}
#footer p span
{
	border-left:1px solid #fff;
	padding:0px 5px;
}
#footer p span.first
{
	padding-left:0px;
	border:0px;
}
#photos ul,
#photos li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#sidebar
{
	background:url(images/sidebar_bg.gif) repeat-y;
	width:254px;
	float:left;
	overflow:hidden;
}
#sidebar .content
{
	background:url(images/sidebar_bg_bottom.png) no-repeat bottom;
	overflow:hidden;
	padding:0px 5px 40px;

}
#sidebar .top
{
	background:url(images/sidebar_top.gif) no-repeat left top;
	height:4px;
	width:254px;
	overflow:hidden;
}
#sidebar .divider
{
	background:url(images/widget_div.png) no-repeat center bottom;
	width:242px;
	height:5px;
	overflow:hidden;
	margin:0px auto;
}
#sidebar .widget
{
	padding:20px 15px 10px;
}
#content h2.title,
#sidebar .widget .title
{
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#036;
	font-weight:normal;
	padding-bottom: 10px;
}
#content h2.title
{
	font-size:26px;
	text-align:left;
	padding-bottom:5px;
}
#content h3.title
{
	font-size:15px;
	font-weight:normal;
}
#content .entry h3
{
	padding-bottom:0.5em;
}
#content h3.title,
#content h3.title a,
#content h3.title a:visited,
#content h3.title a:hover
{
	color:#069;
}
.entry
{
	text-align:justify;
	line-height:150%;
}
.entry img.aligncenter
{
	text-align:center;
	margin:0px auto;
	display:block;
}
.entry p,
.entry li
{
	padding-bottom:1em;
}
.entry .wp-caption
{

	padding:0px;
	text-align:left;
	padding-bottom:20px;
	color:#666;
}

.entry .wp-caption p
{
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:8pt;
}
.entry p.aligncenter
{
	text-align:center;
}
.entry div.aligncenter
{
	margin:0px auto;
}
.entry .alignleft
{
	float:left;
	padding-right:10px;
}
.entry .alignright
{
	float:right;
	padding-left:10px;
}
.entry .box-1
{
	border:1px solid #ccc;
	background:#eee;
	padding:10px;
}
.entry div.left
{
	float:left;
	margin-right:10px;
}
.entry div.right
{
	float:right;
	margin-left:10px;
}
.entry ul,
.entry li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.entry ul
{
	padding-left:7px;
	padding-bottom:1em;
}
.entry li
{
	background:url(images/list_dft.gif) no-repeat left 8px;
	text-indent:14px;
}
.img_thumb
{
	float:left;
	margin-right:8px;
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	overflow:hidden;
}
.img_thumb a
{
	display:inline-block;
	display:block;
	overflow:hidden;
	float:left;
}
.post
{
	clear:both;
	padding-bottom:10px;
	overflow:hidden;
}
.post .detail
{
	float:left;
	width:460px;
}
table.curr_rate td,
table.curr_rate th
{
	border:1px solid #eee;
}
.curr_rate
{
	border-collapse:collapse;
	border:1px solid #aaa;
}
.ex_info td,
.ex_info th
{
	padding:3px;
}
.ex_info
{
	margin:0px auto;
	font-size:11px;
}
.ex_info h3
{
	padding-bottom:0.5em;
}
.ex_info th
{
	font-weight:bold;
}
.ex_info .alignright
{
	text-align:right
}
.curr_source
{
	font-style:italic;
	font-size:11px;
	text-align:right;
}
#mini_map
{
	height:300px;
	width:400px;
}
#full_map
{
	height:300px;
	width:930px;
}
.gmap
{
	overflow:hidden;
	position:relative;
}
.gmap div.top
{
	background:url(images/map_shd_top.png) repeat-x top;
	height:4px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}
.gmap div.bottom
{
	background:url(images/map_shd_bottom.png) repeat-x top;
	height:4px;
	position:absolute;
	left:0px;
	overflow:hidden;
}
.gmap div.left
{
	background:url(images/map_shd_left.png) repeat-y left;
	width:4px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}
.gmap div.right
{
	top:0px;
	overflow:hidden;
	width:4px;
	position:absolute;
	background:url(images/map_shd_right.png) repeat-y left;
}
#mini_map div.top,
#mini_map div.bottom
{	
	width:400px;
}
#mini_map div.bottom
{	
	top:296px;	
}
#mini_map div.left,
#mini_map div.right
{	
	height:300px;	
}
#mini_map div.right
{		
	left:396px;	
}
#b_map
{
	margin:10px auto;
	width:600px;
	height:600px;
}
#b_map div.top,
#b_map div.bottom
{	
	width:600px;
}
#b_map div.bottom
{	
	top:596px;	
}
#b_map div.left,
#b_map div.right
{	
	height:600px;
}
#b_map div.right
{		
	left:596px;	
}
#about
{
	float:left;
	width:496px;
	padding-right:10px;
}
#about p
{
	text-indent:2em;
}
.booknow_btn
{
	margin:0px auto;
	clear:both;
	background:#036;
	overflow:hidden;
	display:inline;
}
.booknow_btn a
{
	padding:5px;
	
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.booknow_btn a,
.booknow_btn a:hover,
.booknow_btn a:visited
{
	color:#fff;
	text-decoration:none;
}
#itinerary table
{
	border-collapse:collapse;
	border:1px solid #ccc;
}
#itinerary td,
#itinerary th
{
	padding:5px;
	vertical-align:top;
	border:1px solid #ccc;
}
#itinerary th
{
	background:#eee;
}
.wpcf7-form p
{
	clear:both;
}
.wpcf7-form p span.left
{
	float:left;
	width:150px;
}
.wpcf7-form p span.right
{
	float:left;
	width:300px;
}
.wpcf7-form p span.right span
{
	float:left;
	padding-right:10px;
}
.wpcf7-form p span.right span span
{
	float:none;
	padding-right:0px;
}
.wpcf7-form p span.right span span .text
{
	width:auto !important;
}
.post_form .wpcf7-form div.clear
{
	padding-bottom:10px;
}
.wpcf7-form p span.left
{
	padding:4px;
}
.wpcf7-form p span.right input.text,
.wpcf7-form p span.right select,
.wpcf7-form p span.right textarea
{
	border:1px solid #036;
	background:#FFF;
	padding:4px;
}
.wpcf7-form p span.right input.text,
.wpcf7-form p span.right textarea
{
	width:300px;
}
.wpcf7-form p span.right input.text.datepicker
{
	width:auto;
}
.wpcf7-form span.req
{
	color:#c00
}
div.button
{
	text-align:center;
	
}
div.button button
{
	overflow:hidden;
	border:0px;
	background:transparent;
	padding:0px;
	margin:0px;
}
#content div.button
{
	padding-top:10px;
}
.wpcf7-form .button.book input,
div.button button.booking
{
	background:url(images/book-now_btn_2.png) no-repeat;
	width:170px;
	height:32px;
	border:0px;
}
.wpcf7-form div.form
{
	width:460px;
	margin:10px auto;
}
#content .post_form h3.title,
#content .page-in-post h3.title
{
	background:url(images/bg_2.gif);
	display:block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px;
	line-height:32px;
	color:#fff;
	height:32px;
	margin-bottom:10px;
}
#content .page-in-post h3.title a
{
	display:block;
}
#content .page-in-post h3.title
{
	font-weight:bold;
	font-size:16px;
}
#content .page-in-post div.title
{
	position:relative;
}
#content .page-in-post div.title .price
{
	position:absolute;
	height:32px;
	float:right;
	overflow:hidden;
	line-height:32px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	top:0px;
	right:0px;
	background:url(images/title_price_bg.gif) repeat-x top;
	padding:0px;
	margin:0px;
	font-size:24px;
	width:80px;
}
#content .page-in-post div.title .price span
{
	display:block;
	height:32px;
	overflow:hidden;
	line-height:32px;
	background:url(images/title_price_bg_left.gif) no-repeat top left;
}
#content .page-in-post div.title .price span span
{
	background:url(images/title_price_bg_right.gif) no-repeat top right;
	padding:0px 20px;
}
#content .page-in-post div.title .price span span span
{
	background:transparent;
	padding:0px;
	position:absolute;
	top:0px;
}
#content .page-in-post div.title .price span span span.shadow
{
	position:static;
	color:#000;
	padding-top:1px;
	height:31px;
}
#content .page-in-post h3.title a,
#content .page-in-post h3.title a:visited,
#content .page-in-post h3.title a:hover
{
	color:#fff;
	text-decoration:none;
}
#content .post_form .wpcf7
{
	padding:0px 5px;
}
.page-in-post
{
	padding-bottom:20px;
}
.page-in-post .detail
{
	width:417px;
}
#LongLanh
{
	background:url(images/longlanh.png);
	position:absolute;
	top:100%;
	margin-top:-40px;
	right:10px;
}
#LongLanh,
#LongLanh a
{
	width:83px;
	height:32px;
	overflow:hidden;
	display:block;
}
#LongLanh a
{
	padding-top:32px;
}
.tabs .bar
{
	background:url(images/solid_036_1px.gif) repeat-x bottom;
	margin-bottom:10px;
}

.tabs .bar ul,
.tabs .bar li
{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
.tabs .bar ul
{
	float:right;
	padding-right:5px;
}
.tabs .bar li
{
	float:left;
	padding-left:2px;
	width:80px;
	text-align:center;
}
.tabs .bar a,
.tabs .bar a:hover,
.tabs .bar a:visited
{
	color:#036;
	text-decoration:none;
}
.tabs .bar li a span
{
	display:block;
	padding:5px;
	border:1px solid #036;
}
.tabs .bar li a span.tab-current
{
	border-bottom-color:#fff;
}
.tabs .bar li a.booking,
.tabs .bar li a.booking:hover,
.tabs .bar li a.booking:visited
{
	color:#fff;
}
.tabs .bar li a.booking span,
.tabs .bar li a.booking span.tab-current
{
	border-bottom-color:#036;
	background:#036
}
div.wpcf7-response-output
{
	background:#fff;
	text-align:center;
}
.y-pingbox
{
	position:relative;
	padding-bottom:10px;
}
.y-pingbox .close
{
	overflow:hidden;
	position:absolute;
	top:10px;
	right:10px;
	display:none;
}
.ngg-widget img
{
	border:1px solid #ccc;
	padding:2px;
	background:#fff;
}

/* slider */

#s3slider {
    width: 930px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden;
	background:#eee;
}
#s3sliderContent {
    width: 930px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.s3sliderImage {
    float: left;
    position: relative;
	display: none;
}
.s3sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.s3sliderImage span strong {
    font-size: 14px;
}