﻿/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background:#ffffff;
	font-size:100%;
	line-height:1em;
	color:#bc8045;	
}

img{ border:0px none; margin:0; padding:0; vertical-align:top;}
.img{ border-style:solid; border-width:medium; border-color:#c1864c; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.75em; line-height:0.875em;}
.content{font-size:0.75em; line-height:1.5em;}
#footer{font-size:0.75em; line-height:1.5em;}
/********** end font size***************/

input, textarea, select{ 
	font-family:arial;
	color:#A4A4A4; 
	border:1px solid #A4A4A4;
	vertical-align:top;
	}
#form input{ width:173px; height:18px; font-size:1em; padding:0 0 0 5px; background:#38313C;}
#form textarea{ width:223px; height:70px; font-size:1em; overflow:auto; background:#38313C;}
.inp_h{ height:23px; margin:0 0 3px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}
li a { 
	background:url(images/arr.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font-size:0.92em;
	line-height:1.82em;
	color:#B5B5B5;
	text-decoration:underline;
}
li a:hover {text-decoration:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#bc8045;}
a:hover{ text-decoration:none;}
.link{ color:#B5B5B5; text-decoration:none;}
.link:hover{text-decoration:underline;}
.link_1{background:url(images/arr.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font-size:0.92em;
	line-height:1.82em;
	color:#B5B5B5;
	text-decoration:none;}
.link_1:hover{ text-decoration:underline;}
/**************end links**************/

/***************txt***************/
h1 {position:absolute;background:url(images/logo.gif) no-repeat left top; padding:60px 0 0 130px; color:#fff; font-family:Segoe UI;font-style:italic; font-size:36px;}
h1 span{color:#a5c3ff;}
h2 {position:absolute; margin:90px 0 0 130px; padding:0; color:#f5f5f5; font-size:16px; font-style:italic; font-family:Segoe UI;}
.txt{ color:#bc8045; font-size:1.16em; line-height:1em; font-weight:bold;}
.txt_1{ font-size:0.92em;}
.txt_2{ line-height:1.33em;}
.txt_3{ font-size:0.92em; line-height:1.82em;}
.txt_4{ color:#bc8045;}
strong{ color:#bc8045;}
/***************end txt***************/

.main {margin:0 auto;}
#header { }
#header  .bg_header{ background: url(images/bg_header.gif) center top no-repeat; }
#header .indent {padding:0px 0 0 67px;}
#header .logo { margin-left:0px; height:352px; background:url(images/car.jpg) left top no-repeat;}

.sep{ background:url(images/sep.gif) 0 0 repeat-y;}
.sep_1{ background:url(images/sep_1.gif) 0 0 repeat-x;}
.sep_2{ background:url(images/sep_2.gif) 0 15px repeat-x;}
.sep_no{ background:url(images/sep_no.gif) 0 bottom repeat-x;}
.sep_no1{ background:url(images/sep_no1.gif) 0 bottom repeat-x;}
.sep_no2{ background:url(images/sep_no2.gif) 0 bottom repeat-x;}
.sep_no3{ background:url(images/sep_no3.gif) 0 bottom repeat-x;}
.sep_no4{ background:url(images/sep_no4.gif) 0 bottom repeat-x;}
.sep_no5{ background:url(images/sep_no5.gif) 0 bottom repeat-x;}
.sep_no6{ background:url(images/sep_no6.gif) 0 bottom repeat-x;}
.sep_no7{ background:url(images/sep_no7.gif) 0 bottom repeat-x;}
.sep_no8{ background:url(images/sep_no8.gif) 0 bottom repeat-x;}
.sep_no9{ background:url(images/sep_no9.gif) 0 bottom repeat-x;}
.content { background:url(images/bg.gif) center top repeat;}
.content .side{ background-color:#fff; }
.fill_content { background:url(images/fill_content.gif) center top repeat-y;}
.content .wrapper{ background:url(images/wrapper.gif) center top no-repeat; width:100%;}
.content .indent{padding:0 67px 21px 67px;}
.bg_title{ background:url(images/bg_title.gif) 0 17px no-repeat;}

.content .title{padding:0 0 20px 32px;}
.content .column .indent{padding:4px 20px 20px 32px;}
.content .column_1 .indent{padding:5px 20px 20px 32px;}
.content .column_2 .indent{padding:5px 20px 20px 32px;}

#full{padding:90px 20px 20px 32px; line-height:19px;}
#full .articletitle{ font-size:18px; color:red; padding-bottom:5px; }
#full .sectionsubtitle{ font-size:14px; color:#cccccc; padding-bottom:5px;}
/***************************page**************************/
#page .content .column .block { padding:0 0 0 7px;}
#page .content .column_1 .block { padding:0 17px 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content .column .block { padding:0 0 0 7px;}
#page_1 .content .column_1 .block { padding:0 17px 0 0;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 .content .column .block { padding:0 0 0 7px;}
#page_2 .content .column_1 .block { width:231px;}
#page_2 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_2 .content .column_1 .block_1 { width:215px;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 .content .column .block { padding:0 0 0 7px;}
#page_3 .content .column_1 .block { width:231px;}
#page_3 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_3 .content .column_1 .block_1 { width:215px;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 .content .column .block { padding:0 0 0 7px;}
#page_4 .content .column_1 .block { width:254px;}
/***************************end page_4**************************/

/***************************page_5**************************/
#page_5 .content .column .block { padding:0 0 0 7px;}
#page_5 .content .column_1 .block { width:231px;}
#page_5 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_5 .content .column_1 .block_1 { width:215px;}
/***************************end page_5**************************/

/***************************page_6**************************/
#page_6 .content .column .block { padding:0 0 0 7px;}
/***************************end page_6**************************/

#footer { background: url(images/bg_footer.gif) center top no-repeat; color:#6B6776; }
.fill_footer {}
#footer .indent {padding:27px 0 0 110px;}
#footer a { color:#6B6776;}
#header_top
{
 width:766px;
 height:343px;
 background: url(images/rj-hotel.jpg) center top no-repeat; color:#6B6776;
}

/*************************** menu **************************/

ul.menu {
list-style-type:none;
width:766px;
text-align:center;
position:relative;
display:block;
height:45px;
font-size:16px;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#642b12;
font-weight:600;
text-decoration:none;
height:40px;
padding:5px 0 0;
width:127px;
background: url(images/arrow-normal.gif) repeat-x top left;
}

ul.menu .current a 
{
background: url(images/arrow-normal-first.gif) repeat-x top left;
color:#642b12;
width:131px;
}

/*RED*/
ul.menu.red{
background: url(images/arrow-normal.gif) repeat-x top left;
}
ul.menu.red li a:hover{
background: url(images/arrow-hover.gif) no-repeat;
}
ul.menu.red li.current a:hover 
{
background: url(images/arrow-hover-first.gif) no-repeat;	
}
.indicator
{
margin-left:20px;
padding-top:3px;
font-family:Segoe UI;
font-size:12px;
height:30px;
}

/*************************** Reservation **************************/
.ddl_box{padding-bottom:10px;}
.ddl{margin-bottom:10px;}
.ddlinvisible{display:none;}

.panel_body
{
	float: left;
	margin: 0px 0px 0px 0px;
    padding-bottom:10px;
	height: 171px;
	width: 218px;
	font-size:12px;	 
	text-align:center;
    color:#a27d52;
}
.panel_body  .image_product{ height:81px; width:218px; background-color:#dfd8bc; padding-top:5px;}
.panel_body  .panel_content{ height:90px; width:218px; background-color:#dfd8bc;}
.panel_body  a{font-size:16px; color:#a27d52;}

.panel_body  .image_product1{ height:81px; width:218px; background-color:#fff; padding-top:5px;}
.panel_body  .panel_content1{ height:90px; width:218px; background-color:#fff;}

.panel_body  .discount{ color:#d61717; }
.panel_body  .price{ font-weight:bold; font-size:16px;}
.pagination{ padding:10px; font-size:14px; color:#c12f00}
.pagination a{ padding:5px; font-size:12px;}
.pagination a:hover{font-size:14px;}

fieldset
{
border: 1px solid #781351;
width: 430px;
padding:6px;
margin-left:0px;
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 16px 0px 10px;
margin-left:90px;
}

span.label70, span.label90, span.label120
{
float: left;
text-align: right;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom:3px;
display: block;
}

span.th70f, span.title90, span.title120
{
float: left;
text-align: right;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom:3px;
display: block;
}

span.title70{width:70px;}
span.title90{width:90px;}
span.title120{width:120px;}

span.label70{width:70px;}
span.label90{width:90px;}
span.label120{width:120px;}

.column70,.column90,.column120,.column330,.column70r,.column90r,.column120r,.column330r
{
margin-bottom:3px;
color: #781351;
background: #fee3ad;
border: 1px solid #781351;}
.column70{width:70px;}
.column90{width:90px;}
.column120{width:120px;}
.column330{width:330px;}
.column70r{width:70px;background: #fff;}
.column90r{width:90px;background: #fff;}
.column120r{width:120px;background: #fff;}
.column330r{width:330px;background: #fff;}

.ajaxddl
{
margin-bottom:3px;
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
} 

/*************************** Reservation Select **************************/
.label0
{
display:none;
}

.label3
{
text-align:right;
}

.label4
{
width: 430px;
text-align:right;
}

.th1 {width: 70px; text-align:left;}
.th {width: 70px; text-align:center;}

td .center{text-align:center;}

.updateProgress
{
 background-color:#FFC080;
 width:200px;
 height:100px;
 border:solid 1px #642b12;
 }
 
.progressBar
{
  position:relative;
  top:30%;
  text-align:center;
  padding-top:30px;
}

.dropdownstyle{ color:#bc8045;	}
