/*
Theme Name: Mercure
Description: 
Version: 1.0
Author: Chonapat Ngampatravarakul
Tags: pink, fixed width, 3 columns, widgets
*/


/*//////////////////////////////////////// GENERAL ////////////////////////////////////////*/

body {
	background: #7a003c;/* url(images/bg-body.jpg) repeat-x 0 100%;*/
	font: 11px Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
}

/*//////////////////////////////////////// TYPEOGRAPHY /////////////////////////////////////////*/		
h1 {
	color: #98bb3d;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 15px;
}

h2 {
	font-size: 14px;
	color: #707070;
	margin: 0 0 10px 0;
}

h3 {
	color: #99ba3c;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h4 {
}

p {

}
		
a {
	color: #fff;
}

ol{
	list-style: decimal;
        margin-left:40px;
}

ul {
	list-style: disc;
}

li {
}

a {
	text-decoration: none;
}

a:hover {
        text-decoration: underline;
}
		
a:visited {
}

a.active {
}



/*//////////////////////////////////////// LAYOUT ////////////////////////////////////////*/
body {
	text-align: center;
}

#container {
	margin: 50px auto 0 auto;
	width: 934px; 
	text-align: left;
}

#page {
	padding: 0;
	border: 2px solid #fff;
	overflow: hidden;
	background: #7d1241 url(images/bg-right.gif) no-repeat 100% 100%;
}	


/*////////// HEADER //////////*/
#header {
	padding: 0;
	clear: both;
	background: red;
}

#logo a {
	background: #7a003c url(images/logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
	display:block;
	width: 170px;
	height: 80px;
	float: right;
	margin: 20px 10px 30px 0;
}

#tagline {
	float: left;
	color: #9f9d9d;
	font-size: 20px;
	margin: 40px 0 0 15px;
}

/*////////// CONTENT //////////*/ 

#before_content_box {
	width: 100%;
	background: #7d1241;
}

#post_flash {
	float: right;
	margin: 0;
	padding: 0;
}

#content_box {
	width: 100%;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

#content {
	float: left;
	width: 520px;
	background: #7a003c url(images/bg_submenu2.jpg) repeat-x 0 0;
}

.post_box {
	float: left;
	clear: both;
	margin: 0;
	padding: 40px;
	min-height: 380px;
}

.format_text p {
	margin-bottom: 15px;
}

.format_text ul {
	margin: 0 0 10px 30px;
}

.format_text a:link, .format_text a:visited{
	text-decoration: underline;
}
.format_text a:hover{
	text-decoration: none;
}

/*////////// SIDEBARS //////////*/ 

#sidebar_1 {
	float: left;
	width: 200px;
	padding: 0;
}

ul.sidebar_list {
	list-style-type: none;
}
ul.sidebar_list h3{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	width: 100px;
}
ul.sidebar_list p{
	float:left;
	margin:-25px 0 0 15px;
}
ul.sidebar_list li img{
	float:right;
	margin-bottom:-65px;
	position:relative;
	top:-65px;
}
ul.sidebar_list li a:link, ul.sidebar_list a:visited{
	clear:left;
	float:left;
	padding:10px 15px;
}
ul.sidebar_list li a:hover{
	text-decoration: underline;
}
ul.leftbot{
	list-style: none;
}
ul.leftbot li{
	text-align: center;
	margin: 10px 0 0 0;
}

li.widget {
	background: #570a2c;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	clear: both;
	float: left;
	width: 185px;
}

.side_box_txt {
	width: 90px;
	padding: 20px 5px 20px 15px;
}

#sidebar_2 {
	float: left;
	width: 210px;
	padding: 60px 0 0 0;
}
#sidebar_2 ul.sidebar_list {
	float:right;
	list-style-type:none;
	overflow:hidden;
	width:208px;
}li.featurebox{	overflow: hidden;}
#sidebar_2 ul.sidebar_list li{
	background:none;
	width:208px;
	padding: 0;	overflow: hidden;	margin:5px 0;
}
#sidebar_2 ul.sidebar_list li ul{
	list-style:disc outside none;
	margin:0 20px 0 35px;
	position:relative;
	top:-20px;
}
#sidebar_2 ul.sidebar_list img{
	margin-bottom:0;	top: 0;
}#sidebar_2 ul.sidebar_list li a{	clear: none;}li.featurebox img{	margin:23px 0 0;	top:-60px!important;	background: url(images/bg-img.jpg) repeat-y;	padding: 12px 0;}
li.featurebox h3{
	position:relative;
	top:115px;
	color: #98bb3d;
	left: 15px;
	width: 190px;
}

li.property_features {
	padding: 0 0 0 15px;
}

li.features {
	margin: 0 0 0 25px;
}

/*////////// BOOKING FORM BOX //////////*/ 
#booking_form {
	float: left;
	width: 180px;
	padding: 0 10px;
	background-color: #7d1241;
}

#booking_form h3 {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

#arrivee {
	width: 130px;
	margin: 0 5px 0 0;
}

#book_btn {
	background: transparent url(images/booking.jpg) no-repeat 0 0;
	width: 55px;
	height: 27px;
	border: none;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 0 100px;
	padding: 2px 5px 2px 2px;
}


a.more:link, a.more:visited{
	background: url(images/b_more.jpg) no-repeat right;
	color:#7D1241;
	height: 13px;
	text-decoration: none;
	display: block;
	padding:0 5px!important;
	margin: 5px 0;
	text-align:right;
	width:45%;
}
a.more:hover{
	text-decoration: underline;
}


/*////////// FOOTER //////////*/

#footer {
	padding: 30px 0 30px 0;
	clear: both;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-align: center;
	background: #fff url(images/bg-body.jpg) repeat-x 0 100%;
}

#footer ul {
	list-style-type: none;
}

#footer li {
	float: left;
	margin: 0;
}

#footer a {
	font-size: 11px;
	padding: 0 10px;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
}

#footer a:hover {
	color: #99ba3c;
}


/*//////////////////////////////////////// NAVIGATION ////////////////////////////////////////*/

ul#menu {
	list-style-type: none;
	background-color: #570a2c;
}

ul#menu li {
	float: left;
	padding:5px 11px;
}

ul#menu li a {
	color: #99ba3c;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

ul#menu li a:hover, ul#menu li.current_page_item a {
	color: #fff;
}

ul#menu:after {
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
	content: ".";
}

/*////////// SUBMENUS //////////*/
ul#sub_menus {
	float: right;
	list-style-type: none;	
}

ul#sub_menus li {
	float: left;
	padding: 4px 0 5px 4px;
	margin: 0 px;
	background: url(images/bg-sub-menus.jpg) repeat-x 0 0;
	white-space:nowrap;
}

ul#sub_menus  a {
	font-size: 12px;
	color: #fff;
	display: block;
	padding: 0 10px;
}

ul#sub_menus  li.page_item a {
	background: url(images/bullet-green.jpg) no-repeat 0 50%;
}

ul#sub_menus  li.current_page_item  a {
	font-weight: bold;
	background: url(images/bullet-white.jpg) no-repeat 0 50%;
}

/*//////////////////////////////////////// FUNNY CLASS ////////////////////////////////////////*/
.clear {
	clear: both;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

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

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

img.aligncenter {
	display: block;
	margin: 0 auto;
	float: none;
	clear: both;
}

div.mercure {
	background: url(images/mercure-logo.gif) no-repeat 0 0;	
	float: left;
	width: 200px;
	height: 63px;
	text-align: center;
	margin: 10px 0 0 0;
}

div.mercure a {
	color: #fff;
	margin: 20px 0 0 0;
	display: block;
}
div.mercure-in {
	background-color:#570a2c;	
	float: left;
	width: 200px;
	height: 23px;
	text-align: center;
	margin: 10px 0 0 0;
}
div.mercure-in a{
	color: #fff;
	margin: 5px 0 0 0;
	display: block;
}

/* TRIPADVISOR */
#TA_rated953 {
	margin: 30px 0 0 0;
	padding: 0;
}

/* Table */
#meetingtable {
	text-align: center;
}

#meetingtable th {
	background-color: #de0560;
	border: 1px solid #7a003c;
	vertical-align: middle;
	padding: 2px 0;
}

#meetingtable td {
	background-color: #570a2c;
	border: 1px solid #7a003c;
	padding: 5px;
}

/* PHOTO GALLERY */
ul.photo_gallery {
	list-style-type:none;
	margin:0 0 10px;
	overflow:hidden;
	width:100%;
}

ul.photo_gallery li {
	float: left;
	margin: 2px;
}

/*///////////// Table //////////////*/
tr.even , tr.odd{
	color: #333;
}

.list{
	margin-top: 20px;
}
.list .more{
	float: left;
}

div.form_rfp{
	width: 470px;
}
#Formrfp input{
	margin:2px 0;
}
#phoneCountryCode{
	width: 325px;
}