html{height:100%;}
body {
	margin: 0px;
    padding: 0px;
    font-family: Helvetica, Arial, sans-serif;
    color: #FFF;
    background: none;
	position:relative;
	min-height:100%;
	min-width:1000px;
}
#balloon{width:1000px;height:650px;background:transparent;}
#wrapper{height:100%;overflow:hidden;clip:rect(0, 0, 100%, 100%);position:absolute;top:0px;left:0px;bottom:0px;z-index:9;right:0px;}
#main .content .right {position:relative;left:-1px;}
#main .content .right img{}
#main .content .static .im img{}
#background {
	position: absolute;
	min-width:100% !important;
	min-height:100% !important;
	width:100% !important;
	height:100% !important;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow: hidden;
	z-index: 1
}
	#background img {
		display: block;
		position: relative;
		width: 100% !important;
		z-index: 1;
		min-width: 1152px;
	}
a {
    color: #FFF;
    text-decoration: none;
}
.clear {
    clear: both;
}
#formError {
	background-color: #d6d6d6;
	font-size: 14px;
	padding: 12px;
	color: #232323;
	visibility: hidden;
	position: absolute;
	z-index: 2012;
}
.index{
	display:none;
	position:absolute;
    /*background: url("/shared/i/bg_1280_800.jpg") no-repeat;*/
    background-color: none;
    width: 100%;
    /* height: 800px;*/
    margin: 0 auto;
    /* position: relative; */
    z-index: 50;
	top:50%;
	margin-top:-100px;
}
    .index .menu {
        width: 100%;
        height: 210px;
        opacity: .8;
        filter: Alpha(opacity=80);
        background-color: #000;
        position: relative;
        margin-top: 0px;
		z-index:10;
    }
    .index .logo {
        background: url(../i/logo.png) 50% 0 no-repeat;
        width: 450px;
        height: 164px;
        margin: 0 auto;
        z-index: 20;
		top:-185px;
        position: relative;
    }
    .index .logo div {
        float: left;
        margin-top: 80px;
    }
    .index .logo .eng {
        float: right;
    }
    .index .logo a {
        color: #FFFFFF;
        font-size: 10px;
        text-decoration: none;
    }
    
#header{width:100%;height:98px;background-color:#000;opacity:.8;filter: Alpha(opacity=80);position:absolute;left:0;z-index: 50;}
#header-wrap{position:absolute;top:0px;left:0px;width:100%;height:98px;z-index:51;}
#header-wrap .wrap{width:90%;height:98px;margin:0px auto}
    #header-wrap .wrap1{padding:0px 0px 0px 124px;overflow:hidden;}
		#header-wrap .logo {display:block;width:124px;height:78px;margin-top: 2px;float:left;margin-left:-124px}
			#header-wrap .logo img{border:none}
		#header-wrap .menu {width:100%;padding:40px 0px 0px 50px;text-align:center}
			#header-wrap .menu ul{font-size:10px;font-weight:normal;padding:0px 0 0px 0px;margin:0px 0px 0px -10%}
				#header-wrap .menu ul li{display:inline;padding:0px 3% 0px}
				#header-wrap .menu ul li.first{padding:0px 3% 0px 0px}
				#header-wrap .menu ul li.last{padding:0px 0px 0px 3%}
					#header-wrap .menu ul li a.selected{color:#5d5c5a}
    #main .menu-desc {
        width: 407px;
        min-height: 92px;
        background: #ffffff;
        top: 193px;
        color: #000;
        z-index: 200;
        cursor: pointer;
       	cursor: hand;
        -moz-user-select: none;
	   	-khtml-user-select: none;
	   	user-select: none;
        z-index: 1010;
    }
        #main .menu-desc .title {
            font:31px/34px Helvetica;
			letter-spacing:1.3px;
    		min-height: 50px;
    		margin-bottom: 8px;
            padding: 9px 16px 9px 14px;
            background: #ffffff;
        }
        #main .menu-desc .descr {
            font-size: 14px;
            background: #d4d4d4;
            display: none;
        }
        #main .menu-desc .more {
            display: inline-block;
            background: url("/shared/i/arrow-up.png") no-repeat 1px 40%;
			letter-spacing:1px;
            padding:0 0 2px 17px;
            font-size: 12px;
            color: #333;
            position: relative;
            left: 18px;
        	top: -6px;
        	-moz-user-select: none;
		   	-khtml-user-select: none;
		   	user-select: none;
        }
        	#main .menu-desc .more.open {
       			background: url("/shared/i/arrow-down.png") no-repeat 1px 40%;
			}
        #main .menu-desc-descr {
            width: 395px;
            height: 164px;
            background: #d4d4d4;
            color: #232323;
            display: none;
            padding: 9px 6px 10px 6px;
            overflow: hidden;
        	z-index: 1010;
			line-height: 21px;
        }
        	#main .menu-desc-descr .m {
        		background: #d4d4d4; 
        		width: 364px;
        		height: 140px;
        		font:14px/19px Helvetica; 
        		padding: 0 14px 14px 12px; 
				letter-spacing:0.4px
			}
        	#main .menu-desc-descr a {
        		display: inline-block;
        		color: #000;
				letter-spacing:0.2px;
				margin:9px 9px 0 3px;
				padding:2px 10px 5px;
        		font-size: 14px;	
			}
			#main .menu-desc-descr a:hover {
				background-color: #c1c1c1;	
			}
    #main .content .mops-club {
    	width: 900px;
    	position: relative;
	}
		#main .content .mops-club .viewer {
			width: 900px;
			height: 350px;
			position: relative;
			overflow: hidden;
		}
			#main .content .mops-club .viewer .container {
				position: absolute;
				width: 30000000px;
				left: 0px;
			}
				#main .content .mops-club .viewer .container .item {
					width: 260px;
					height: 350px;
					float: left;
					position: relative;
					overflow: hidden;
				}
					#main .content .mops-club .viewer .container .item .cover, #main .content .mops-club .viewer .container .item .descr {
						position: absolute;
						width: 260px;
						height: 350px;
						top: 0px;
						left: 0px;
					}
					#main .content .mops-club .viewer .container .item .descr {
						padding: 10px 5px 10px 5px;
					}
input.cool {
    background: none;
    border: 1px solid #ffffff;
    padding: 4px 6px;
    font-size: 24px;
    color: #FFFFFF;
}
#footer {width: 100%;background-color: #000;opacity: .8;filter: Alpha(opacity=80);position: absolute;left: 0;z-index: 49;}
#footer-wrap {
    width: 100%;
    left: 0;
    z-index: 50;
    position: absolute;
	overflow:hidden;
}
#footer, #footer-wrap {
	width: 100%;
    height: 40px;
    bottom: 0;
	overflow:hidden;
}
    #footer-wrap .menu {
        width:90%;
		list-style:none;
		padding:0;
		margin:5px auto 0;
        height:40px
    }
        #footer-wrap .menu li {float:left;margin:0 21px 0 0;}
            #footer-wrap .menu li a {background: url('/shared/i/arrow-up.png') no-repeat 0 5px;padding:0 0 0 14px;text-transform:uppercase;font-size: 12px;font-weight: normal;}
		#footer-wrap .menu li.right {float:right;margin:0;}
        /*    #footer-wrap .menu li.right a {background: none;} */
		#footer-wrap .discount .content {
			margin:7px 0 0;
			padding:0 0 20px 0;
			min-height:185px;
			width: 100%
		}
		#footer-wrap .discount .content .image {
				margin:5px 0 0;
				width: 165px;
				height: 165px;
				position:absolute
			}
            #footer-wrap .discount .content .text {
				padding:0 0 0 186px;
				font-size: 17px
			}
				#footer-wrap .discount .content .text .header {
					letter-spacing:2px;
					word-spacing:3px;
					line-height:36px;
					vertical-align:text-top;
					font-size:36px
				}
				#footer-wrap .discount .content .text .description {
					margin:11px 0 0 2px;
					line-height:18px;
					letter-spacing:-0.5px
				}
	#footer-wrap .close-line {
		position:relative;
		z-index:1000;
		text-align:right;
		padding:12px 0 0;
		margin:0 0 -17px
	}
		#footer-wrap .close-line .close-button {
			background: url('/shared/i/arrow-down.png') no-repeat left center;
			padding:0 0 0 15px;
			cursor: pointer;
			font-size: 12px
		}
	#footer-wrap .mops-club, #footer-wrap .retrieve-passw, #footer-wrap .discount, #footer-wrap .reserv .content {
		width:90%;
		margin:0 auto;
		display: none;
		overflow: hidden
	}
	#footer-wrap .reserv .content {
		position:relative;
		display:block;
	}
	#footer-wrap .mops-club .content .left {
		margin:0px 0 0 0px;
		float:left;
	}
	#footer-wrap .mops-club .content .right {
		margin:106px 0 20px 476px
	}
	#footer-wrap .mops-club .content .right .text {
		letter-spacing:-0.2px;
		line-height:18px;
		margin:-4px 0 0
	}
	#footer-wrap .mops-club .content .topic {
		margin-top:18px;
		margin-bottom:5px
	}
	#footer-wrap .mops-club .content .nontopic {
		margin-top:0px;
		margin-bottom:5px
	}
	#footer-wrap .mops-club input.cool {
		margin-bottom:-4px;
		width:288px
	}
	#footer-wrap .mops-club .content .nextButton {
		/* height:18px; 
		margin-top:20px */
		position:absolute;
		bottom:24px;
	}
	#footer-wrap .mops-club .content .left .nextButton  {
		left:0px;
	}
    #footer-wrap .reserv {
        display: none
    }
	.step1 .selectCool {
		outline:none;
		cursor:pointer;
		margin:8px 0 0;
		line-height:25px;
		max-width:400px;
		background-position:98% center;
		position:relative;
		z-index:50;
		min-height:25px;
	}
	.step1 .selectCool ul {
		max-width:410px;
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
		min-height:9px;
		margin-top:7px
	}
	#footer-wrap .reserv .close-line {
		width:90%;
		padding:12px 0 0;
		margin:0 auto -17px
	}
	#stepper{width:200%;float:left;position:relative;left:0%}
	#footer-wrap .reserv .step1 {
		float:left;
		clear:right;
		margin-left:0%;
		left:0%;
		width:50%
	}
	#nextReserv, #reserveMeNow {
		z-index:0;
		position:absolute;
		width:150px;
		right:0;
		bottom:24px
	}
	#footer-wrap .reserv .step2 {
		float:left;
		width:50%;
		margin-left:0%;
		left:0%;
		clear:right;
	}
		#footer-wrap .mops-club .content, #footer-wrap .retrieve-passw .content {
			position: relative;
			float: none;
			padding-bottom:50px;
		}
            #footer-wrap .reserv .content .title, #footer-wrap .mops-club .content .title, #footer-wrap .retrieve-passw .title {
				letter-spacing:2px;
				word-spacing:3px;
				font-size:36px;
				line-height:36px;
				vertical-align:text-top;
				margin:8px 0 12px;
				color: #FFF
            }
                #footer-wrap .reserv .content .title span, #footer-wrap .retrieve-passw .content .title span {
                    color: #464646;
                }
            #footer-wrap .mops-club .content .left, #footer-wrap .retrieve-passw .content .left {
                float: left;
                text-align: left;
				padding-bottom:5px;
                /*
width: 470px;
*/
                /*height: 204px;*/
            }
			#footer-wrap .reserv .content{padding:0px;overflow:hidden}
			#footer-wrap .reserv .content .title{width:100%;float:left}
			#footer-wrap .reserv .content .rightwrap {
				/* float:left; */
				margin:0px 0px 0px 476px;
				/* width:100% */
			}
			#footer-wrap .reserv .content .right {
				/* margin:0 0 0 476px */
			}
			#footer-wrap .reserv .content .leftwrap {
				float:left;
				width:476px;
				margin-left:0px;
			}
			#footer-wrap .reserv .step2 .right {
				margin:0 0 0 473px
			}
			#footer-wrap .reserv .step2 .leftwrap {
				width:473px;
				padding-bottom:18px
			}
                #footer-wrap .reserv .content .topic, #footer-wrap .mops-club .content .topic {
                    color: #adadad;
                    font-size: 14px;
                    /*margin-top: 10px;*/
                }
				#footer-wrap .reserv .content .left .month {
					width: 200px;
					font-size: 18px;
					margin: 11px auto 0
				}
                    #footer-wrap .reserv .content .left .month .now {
                        width: 157px;
                        display: inline-block;
                		text-align: center;
                    }
                    #footer-wrap .reserv .content .left .month .back {
                        margin-right: 8px;
                        cursor: pointer;
                        cursor: hand;
                    }
                    #footer-wrap .reserv .content .left .month .future {
                        margin-left: 8px;
                        cursor: pointer;
                        cursor: hand;
                    }
				#footer-wrap .reserv .content .left .calendar {
					width: 400px;
					margin: 0px auto 0;
					padding:10px 0 15px 0;
					overflow: hidden;
					position: relative
				}
				#footer-wrap .reserv .content .left .calendar div {
					width: 30000px;
					position: relative
				}
                    #footer-wrap .reserv .content .left .calendar table {
                        display: block;
                        width: 400px;
                        margin: 0 auto;
                        float: left;
                    }

                        #footer-wrap .reserv .content .left .calendar table td {
                            width: 57px;
                            height: 34px;
                            font-size: 24px;
                            text-align: right;
                            cursor: pointer;
                            cursor: hand;
                        }
                            #footer-wrap .reserv .content .left .calendar table td.new, #footer-wrap .reserv .content .left .calendar table td.past {
                                color: #000;     
                            }
                            #footer-wrap .reserv .content .left .calendar table td.now {
                                color: #747474;
                                font-weight: normal;
                                font-size: 26px;
                            }
                            #footer-wrap .reserv .content .left .calendar table td.first {
                                width: 20px;
                            }
			#footer-wrap .reserv .step2  .left input, #emailR {
				width:288px;
				margin-bottom:18px
			}
			#footer-wrap .reserv .step2 .right {
				margin-left:0px;
			}
			#footer-wrap .reserv .step1 .text {
				line-height:19px
			}
			#footer-wrap .reserv .step2 .text {
				line-height:18px;
				margin:-2px 0 14px;
			}
                .nextButton {
                    width: 130px;
                    /*height: 18px;*/
            		padding-top: 2px;
            		padding-bottom:2px;
            		color: #000;
                    text-align: center;
                    background-color: #aeaeae;
                    cursor: pointer;
                    cursor: hand;
            		font-size: 11px;
            		display: block;
                }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2000; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: 0em; background-color: #5d5d5d; width: 100px; padding-left: 100px; height: 13px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; background: #5d5d5d;}
.ui-slider-vertical .ui-slider-handle { background-color: #aeaeae; height: 80px; width: 13px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
     
/* dev */
.maket{position:absolute;top:0px;left:0px;z-index:5000;opacity:0.5}	 

/* cost and time changer */
.bron .up,
.bron .down{display:none;font-size:0px;line-height:0px;cursor:pointer}
.changerFull .up,
.changerFull .down{display:block}
.bron .time{position:relative;}
.bron .time .up,
.bron .time .down{width:10px;height:10px;position:absolute;right:0px;}
.bron .time .up{top:0px;background:url(../i/arrow_up_small.png) 100% 0 no-repeat}
.bron .time .down{bottom:0px;background:url(../i/arrow_down_small.png) 100% 100% no-repeat}

/* hot offer */
.hotOffer{
	visibility: hidden;
	height: 110px;
	width: 373px;
	background: white;
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -180px;
}
.hotOffer_icon{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 110px;
	width: 110px;
	overflow: hidden;
}
.hotOffer_icon img{
	display: block;
}
.hotOffer_body{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
}
.hotOffer_title{
	font-size: 30px;
	position: absolute;
	width: 215px;
	top: 9px;
	left: 19px;
	padding: 0px;
	margin: 0px;
	color: black;
	font-weight: normal;
	display: none;
}
.hotOffer_text{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 16px;
	color: #535353;
	left: 17px;
	position: absolute;
	top: 46px;
	width: 215px;
	top: 9px;
}