/*

###########	 ki  ###########

*/

/********** global ***********/


/* Default font settings. 
   The font-size percentage is of 16px. (0.875 * 16px ~ 14px) */
body { 
	font-size: 87.5%;
	color: #222; 
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	z-index:0;
}

body,html{
	height:100%;
}

body.popUpBody{
	background:#F9F9F9;
	width:auto;
}

/* h style
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* global tag style
-------------------------------------------------------------- */
.button{
	font-family:arial;
	cursor:pointer;
	font-size:0.75em;
	font-weight:bold;
	margin:0;
	padding:4px 8px;
	text-decoration: none;
	border: 1px solid #5EB9D1;
	background: #5EB9D1;
	color: white;
}


/********** position ***********/
.wrapper{
	width:100%;
	margin:0 auto;
}

.popUpWrapper{
	width:auto;
}

/* header */
#header{
	width:100%;
	height:105px;
	background: url(../images/main/header.jpg) repeat-x top;
	display:inline-block;
	padding:4px 0;
}

.headerBox{
	width:960px;
	margin:0 auto;
	position:relative;
}

#logo{
	position:absolute;
	left:0;
	width:256px;
	height:67px;
	display:inline-block;
	margin:20px 0 0;;
	z-index: 100;
}

#banner{
	position:absolute;
	left:256px;
	width:500px;
	height:100px;
	float:left;
	text-align:center;
	z-index: 100;
}

/* toolbar */
#toolbar{
	swidth:200px;
	height:29px;
	position:absolute;
	right:0;
	z-index:200;
}

/* language */
#language{
	float:right;
	text-align:right;
	margin:0 10px 0 0;
}

#language .language_flag{
	margin:4px;
	cursor:pointer;
}


/* login */
#login{
	float:right;
	swidth:110px;
	   
}

#login a{
	margin:-10px 0 0;
	width:auto;
	padding:15px 10px 10px;
	display:block;
	color:#fff;
	text-shadow:1px 1px #1763A5;
	border:1px solid #1763A5;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#66B9ED) to(#1763A5)); 
    background: -webkit-linear-gradient(#66B9ED, #1763A5); 
    background: -moz-linear-gradient(#66B9ED, #1763A5); 
    background: -ms-linear-gradient(#66B9ED, #1763A5);
    background: -o-linear-gradient(#66B9ED, #1763A5); 
    background: linear-gradient(#66B9ED, #1763A5); 
	border-radius: 6px;
	box-shadow:1px 1px 10px #666;
	text-shadow:1px 1px #1763A5;
}

#login a:hover{
	text-decoration:none;
}

#login a span{
	color:#fff;
	font-weight:normal;
	word-wrap:break-word;
	word-break:break-all;
}

#login a span.login{
	width:auto;
	height:16px;
	background:url(../images/main/login_bg.png) no-repeat right 0;
	padding:0 20px 0 0;
	color:#fff;
	font-weight:normal;
}

#login a span.logout{
	width:auto;
	height:16px;
	background:url(../images/action/logout.png) no-repeat right 0;
	padding:0 20px 0 0;
	color:#fff;
	font-weight:normal;
}

#login a span.login:hover, #login a span.logout:hover{
	color:#F0C81E;
	text-decoration:none;
}



/* mainNav */
#mainNav{
	width:960px;
	height:40px;
	margin:0 auto 16px;
	background:url(../images/main/nav_bg.jpg) repeat-x 0 0;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border:1px solid #DFDFDF;
}

/* msg_wrapper */
.msg_wrapper{
	width:960px;
	margin:0 auto 16px;
	background:url(../images/main/nav_bg.jpg) repeat-x center bottom;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border:1px solid #DFDFDF;
	padding:6px 0;
}

.msg_wrapper .xbox{
	background:transparent;
	height:auto;
	border:none;
}

.msg_wrapper a{
	display:inline-block;

}

/* main */
#main{
	width:960px;
	margin:0 auto 16px;
}

/* mainContent */
#mainContent{
	width:960px;
	height:390px;
	margin:0 0 16px;
	display:inline-block;
	position:relative;
	border:1px solid #DDD;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	background:url(../images/main/x-box-bg.jpg) repeat-x 0 bottom;
}

/* mainContent_left */
#mainContent_left{
	position:absolute;
	width:220px;
	margin:0 20px 0 10px;
	left:0;
	top:10px;
	z-index:200;
}

button.jqTransformButton_hover{
	color:#fff;
	text-shadow:1px 1px #1763A5;
	border:1px solid #1763A5;
	background: #1763A5; 
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#66B9ED) to(#1763A5)); 
    background: -webkit-linear-gradient(#66B9ED, #1763A5); 
    background: -moz-linear-gradient(#66B9ED, #1763A5); 
    background: -ms-linear-gradient(#66B9ED, #1763A5);
    background: -o-linear-gradient(#66B9ED, #1763A5); 
    background: linear-gradient(#66B9ED, #1763A5); 
	text-shadow:1px 1px #1763A5;
	text-decoration: none;
}


/* mainContent_center */
#mainContent_center{
	width:700px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}

.index_map{
	text-align:center;
	padding:30px 0 0;
}

#Blocks_mainMenu_2 ul{
	float:left;
}

#Blocks_mainMenu_2 li{
	float:right;
	margin:10px;
}

#Blocks_mainMenu_2 li img{}


#Blocks_mainMenu_2 li span{
	display:block;
	text-align:center;
	padding:6px 0;
	color: #D11929;
	font-weight: bold;
	font-size: 0.875em;
}


/* mainContent_right */
#mainContent_right{
}


h1.hotRent{
	font-size:2em;
	color:#212121;
	font-weight:bold;
	text-align:center;
	margin:16px 0;
}

/* cottageList_search */
#cottageList_search{
	margin:0 0 16px;
	display:inline-block;
	position:relative;
	z-index:1000;
	width:940px;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border:1px solid #DFDFDF;
	padding:10px;
	background: url(../images/main/x-box-bg.jpg) repeat-x bottom;
}

#cottageList_search .searchArea{
	width:460px;
	float:left;
	margin:0 20px 0 0;
}

.property_list_left{
	width:220px;
	float:left;
}

.property_list_right{
	width:220px;
	float:right;
}


#cottageList_search .Blocks_attrSearch_2{
	float:left;
	width:460px;
}

.search_top{
	spadding:0 0 10px;
}


/* hotBox */
#hotBox{
	display:inline-block;
	clear:both;
}	

#hotBox .hotTable{
	border:1px solid #DDD;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	height:300px;
}

#hotBox .hotTable .xbox{
	border:none;
}

.hotTable .xbox ul li h1{
	margin:0;
}

#hotBox .hotBox_title{
	border:1px solid #E5E5E5;
	margin:0 0 16px;
	background: #F9F9F9; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9) to(#E5E5E5)); /*old webkit*/
    background: -webkit-linear-gradient(#F9F9F9, #E5E5E5); /*new webkit*/
    background: -moz-linear-gradient(#F9F9F9, #E5E5E5); /*gecko*/
    background: -ms-linear-gradient(#F9F9F9, #E5E5E5); /*IE10*/
    background: -o-linear-gradient(#F9F9F9, #E5E5E5); /*opera 11.10+*/
    background: linear-gradient(#F9F9F9, #E5E5E5); /*future CSS3 browsers*/
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	position:relative;
	display:inline-block;
	width:960px;
	height:28px;
}

.hotBox_title_left{
	position:absolute;
	left:10px;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

.hotBox_title_left span{
	vertical-align: middle;
	display:inline-block;
	margin:2px;
}

.hotBox_title_right{
	position:absolute;
	right:10px;
	vertical-align: middle;
}

.hotBox_title_right a{
	display:inline-block;
	line-height:28px;
}



/* hotRentWrapper */
#hotRentWrapper{
}

#hotRentWrapper .space{
	width:12px;
	height:10px;
	float:left;
}

/* footer */
#footer{
	width:960px;
	margin:0 auto;
	clear:both;
}

#footer p{

}

#footer .space{
	float:left;
	width:20px;
	height:20px;
}

#footer a{
	font-size:11px;
}

.footText{
	text-align:center;
	padding:10px 0;
}

.footText a{
	color:#666;
	font-size:12px;
	font-weight:normal;
}

.footText a:hover{
	color:#F0C81E;
	text-decoration:none;
}


/********** module ***********/
/* menu style  */
/* -----------> main  */
ul.main{
	margin:0;
	padding:0 10px;
	float:left;
}

ul.main li{
	list-style:none;
	float:left;
	margin:0 12px 0 0;
}

ul.main li a{
	color:#000;
	font-weight:bold;
	padding:0 8px;
	line-height:40px;
	text-decoration:none;
	display:block;
	height:40px;
}

ul.main li div a:hover{
	text-decoration:underline;
}

ul.main li.active a{
	background: url(../images/main/nav_current.jpg) repeat-x center center;
	text-decoration:none;
	color:#fff;
}

ul.main li.active a:hover{
	text-decoration: none;
}

/* -----------> list  */
ul.list{
	margin:0;
	padding:10px 0;
}

ul.list li{
	list-style:none;
	margin:0 0 10px;
}

ul.list li a{
	color:#D11929;
	font-weight:bold;
	font-size:0.875em;
}

ul.list li a:hover{
	
}

ul.list li a.active{
}

/* -----------> foot */
ul.foot{
	margin:0;
	padding:0;
}

ul.foot li{
	list-style:none;
	margin:0 0 10px;
	color:#fff;
}

ul.foot li a{
	color:#fff;
	font-weight:bold;
	font-size:0.875em;
}

ul.foot li a:hover{
	
}

ul.foot li a.active{
}


/* --------------> bodyTable_menu */
/* 1 level */
ul.bodyTable_menu{
	width:214px;
	margin:0;
	padding:0;
}

ul.bodyTable_menu li.menu{
	list-style:none;
	min-height:30px;
}

ul.bodyTable_menu li.menu a{
	color:#333;
	font-weight:normal;
	font-size:1em;
	display:block;
	text-indent:10px;
	line-height:18px;
}

ul.bodyTable_menu li.menu a:hover{
}

ul.bodyTable_menu li.menu a.menu_activate{
	min-height:30px;
	color:#F60;
	width:100%;
}

/* 2 level */
ul.bodyTable_menu li.menu2{
	list-style:none;
}

ul.bodyTable_menu li.menu2 a{
	color:#333;
	font-weight:normal;
	font-size:1em;
	display:block;
	text-indent:30px;
	text-transform:capitalize;
	line-height:18px;
}

ul.bodyTable_menu li.menu2 a:hover{
}

ul.bodyTable_menu li.menu2 a.menu2_activate{
	color:#F60;
	width:100%;
	background:transparent;
	line-height:18px;
}


/* normal module list */
/* list */
.list{
	margin:0;
}


h3.block_title{
	color:#222222;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px solid #DDD;
	padding:0 0 10px;
	margin:0;
}

h3.no_block_title{
	border-top:1px solid #DDD;
	margin:0 0 6px;
}

div.jqform{
	border-bottom: 1px solid #DDD;
}

div.no_underline{
	border:none;
}

div.block_more{
	text-align:right;
}

div.block_more a{
	color: black;
	font-weight: bold;
	font-size: 0.786em;
}


/* hotRentBox */
h3.hotTitle{
	font-size:2em;
	color:#212121;
	font-weight:bold;
	text-align:center;
	padding:0 0 20px;
	clear:both;
	margin:0;
}

.hotRentBox{
	width:180px;
	height:320px;	
	background:#fff url(../images/main/x-box-bg.jpg) repeat-x 0 top;
	border: 1px solid #DFDFDF;
	float:left;
}

.hotRentBox ul{
	list-style:none;
	margin:0;
	padding:0;
}

.hotRentBox ul li{
	display:block;
}

.hotRentBox ul li h1{
	text-align:center;
	height:30px;
}

.hotRentBox ul li h1 a{
	color:#333333;
	font-weight:bold;
	font-size:14px;
}

.hotRentBox ul li h1 a:hover{
	color:#BE0023;
	text-decoration:underline;
}

.hotRentBox ul li p{
	color:#666666;
	font-size:0.857em;
	text-align:left;
	padding:6px 16px 2px 16px;
}

.index_introduction{
	height:90px;
	overflow:hidden;
}

.hotmore{
	padding:0 10px 0 60px;
}

.hotmore a{
	color:#000;
	font-weight:bold;
	font-size:0.786em;
}

.hotimages{
	border:none;
	margin:10px 14px;
}

.hotimages_small{
	border:none;
	margin:0 16px;
	padding:0;
}

.hotimages_small img{
	vertical-align:middle;
}

/* hot_wrapper */
#hot_wrapper{
	height:auto;
}

#hot_wrapper div.hotTable{
	margin:0 0 0 12px;
	float:left;
}

/* hack for ie8 */
#hot_wrapper div.hotTable{
	margin:0 0 0 10px\9;
}


#hot_wrapper div.hotTable:first-child{
	margin:0;
}


/* footBox */
.footBox{
	float:left;
	width:220px;
}

.footBox h3{
	color:#FDC900;
	font-size:1.3em;
	font-weight:bold;
	padding:0;
}


/* search section */
#search{
	display:inline-block;
}

#search h3{
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #CBCBCB;
	padding:0 0 10px;
}


/* resultTable */
.resultTable{
	border:1px solid #DDD;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.resultTable .xbox{
	border:none;
}

.searchTable{
	margin:0 0 20px;
}

/* ticket table */
.tcTxt h2{
	font-size:12px;
	font-weight:bold;
}


/* coupon_text */
.coupon_text{
	border: 1px solid #DFDFDF;
	border-radius: 6px;
}

.coupon_text .xbox{
	padding:10px;
	border:0!important;
	background: url(../images/main/nav_bg.jpg) repeat-x 0 0;
	text-align:center;

}
/* attribute icon */
div.jqform_icon span{
	width:100px;
	padding:0 0 0 10px;;
}

div.jqform_icon a:hover span, div.jqform_icon.icon_light span{
	color:#1468B0;
}
div.jqform_icon{
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
    -webkit-filter: grayscale(1); /* Old WebKit */
	-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
	filter: url(filter.svg#grayscale); /* Firefox 3.5+ */
    filter: Alpha(opacity=85);
	filter: gray; /* IE6-9 */
	opacity:0.9;
	cursor:pointer;
}
div.jqform_icon:hover{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
	opacity:1;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
}
div.jqform_icon.icon_light{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
	opacity:1;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
}


/* showTable */
.showTable_content{
	padding:6px 12px;
}

.showTable_label{
	padding:6px 12px;	
}


.ticketTable{
	z-index: 100;
}

.no_stock{
	width:272px;
	height:150px;
	background: url(../images/product/no_stock_bg.png) no-repeat 0 0!important;
	position: absolute;
	z-index: 500;
	top:0;
	right:0;
}