body {
	background: #e3f8fe url(../images/bg.png) top repeat;
	width: 982px;
	margin: 32px auto;
	font-family: 'Droid Sans', arial, serif;
	font-size: 12px;
}

	textarea { font-family: 'Droid Sans', arial, serif; }

	img { border:none;}
	
	a:link, a:hover, a:visited {
		text-decoration: none;
		color:#555555;
	}
	
	h1 {
		color:#3271b4;
		font-size:16px;
		float:left;
		margin: 20px 0px 0px 15px;
	}
	

		h1 span { color:#7c7c7c; font-weight: normal; }
	
	.submit, input[type=submit] { 
		background:url(../images/submit.png) top right no-repeat;
		width: 124px !important;
		height: 25px !important;
		padding-left: 10px !important;
		text-align:left;
		color:#fff;
		border:none;
		font-weight:bold;
		font-size:11px;
		clear:both;
		text-transform: uppercase;
	}
	
	form input[type=text], 
	form input[type=password], 
	textarea, select {
		border: 1px solid #cccccc;
		-webkit-border-radius: 5px;
 		-khtml-border-radius: 5px;   
 		-moz-border-radius: 5px;
  		border-radius: 5px;
  		color:#6c6c6c;
  		height: 25px;
  		padding-left: 5px;
	}
	
	textarea { height: 100px; }
	
	label {
		clear:both;
		font-weight:bold;
		padding: 3px 0px 3px 0px;
	}
	
	.clear { clear:both; }
	
	.titleBig { font-size: 18px; color:#555555; }
	.titleMedium 
	{ 
	font-size: 14px; 
	color:black;
	font-weight:bold;

	}
	.titleSmall { font-size: 12px; color:#b5b2b2; }
	
.titleMedium1 
	{ 
	font-size: 14px; 
	color:black;
	

	}
	
	
	#loading {
		position: absolute;
		background:#000;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 200%;
		z-index: 1500;
		 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        display:none;
        cursor: progress;
	}
	
	#header {
		width: 982px;
		clear:both;
		float:left;
	}
	
		#header .logo {
			background: url(../images/hotelbon.png) top left no-repeat;
			width: 206px;
			height: 87px;
			float:left;
			margin: 0px 0px 0px 15px;
		}
		
			#header .logo span { display: none; }
		
		#header .right {
			float:right;
			width: 420px;
		}
		
		#header .menu {
			float:right;
			list-style:none;
			font-size:14px;
			color:#999176;
			margin: 10px 0px 0px 0px;
			padding: 0px;
		}
		
			#header .menu li {
				float:left;
				padding: 5px 15px 0px 0px;
			}
		
		.icon_phone {
			float:right;
			clear:right;
			background:url(../images/icon_phone.png) 0px 5px no-repeat;
			padding: 5px 0px 0px 50px;
			height: 30px;
			font-weight:bold;
			font-size: 18px;
		}
		
		.icon_mail {
			float:right;
			clear:right;
			background:url(../images/icon_mail3.jpg) 0px 5px no-repeat;
			padding: 0px 0px 0px 45px;
			height: 30px;
			font-weight:bold;
			font-size: 18px;
		}
		
			.login { 
				position:relative;
				float:right;
				z-index:5;
			}
				
			.b_login, .b_login2 {
				background: url(../images/button_blue_l.jpg) top left no-repeat;
				float:left;
				color:#fff;
				height:25px;
				margin: 10px 0px 0px 10px;
				float:right;
			}
			
				.b_login span, .b_login2 span {
					padding: 6px 40px 3px 20px;
					background: url(../images/button_blue_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 11px;
					float:right;
					height:25px;
				}
				
				.b_login2 { 
					background: url(../images/button_login_l.png) top left no-repeat; 
					margin: 15px 18px 0px 0px;
				}
				
				.b_login2 span { background: url(../images/button_login_r.png) top right no-repeat; }
				
				.b_login:link, .b_login:hover, .b_login:visited {
					color:#fff;
				}
				
				input.input {
					width: 240px;
					height: 25px;
					-webkit-border-radius: 5px; 
					-khtml-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					color:#b1b1b1;
					border:1px solid #cccccc;
					margin: 13px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
				}
				
			#loginCloud {
				display: none;
				width: 269px;
				height:180px;
				position:absolute;
				margin: 40px 0px 0px -170px;
				background:url(../images/login.png) top left no-repeat;
				padding: 22px 5px 0px 13px;
				color:#fff;
			}
			
				#loginCloud .forgotPassword {
					float:left;
					margin: 20px 0px 0px 0px;
					border-bottom: 1px solid #429ce2;
				}
			
			#loginCloud a:link, #loginCloud a:hover, #loginCloud a:visited { color:#fff; }

	#nav {
		width: 982px;
		clear:both;
		float:left;
		background:url(../images/content_bg_t.png) top left no-repeat;
		height:99px;
		font-size:18px;
		font-weight:bold;
		z-index:2;
		padding: 0px 0px 0px 20px;
		position:relative;
	}
		#nav a:link, #nav a:hover, #nav a:visited { color:#fff; }
		
		#nav ul {
			background: url(../images/nav.png) top left no-repeat;
			width: 940px;
			height: 78px;
			float:left;
			color:#fff;
			list-style:none;
			margin: 55px 0px 0px 0px;
			padding: 0px 0px 0px 130px;
		}
		
			#nav ul li {
				float:left;
				height:55px;
				padding: 0px 0px 0px 0px;
				margin: -9px 0px 0px 0px;
			}
				#nav ul li a {
					height:58px;
					float:left;
				}
				
				#nav ul li a span {
					height:35px;
					padding: 23px 40px 0px 40px;
					margin: 0px -40px 0px 0px;
					float:right;
				}
				
				#nav ul li a:hover {background: url(../images/nav_li_l.png) top left no-repeat; }
				#nav ul li a:hover span { background: url(../images/nav_li_r.png) top right no-repeat; }
				#nav ul li a:hover a:link, #nav ul li:hover a:hover, #nav ul li:hover a:visited { color:#333333; }
	
		.searchCloud {
			position:absolute;
			width: 491px;
			height:230px;
			background:url(../images/search_cloud.png) top left no-repeat;
			margin: 50px 0px 0px 0px;
			z-index: 1105;
			display:none;
			padding: 20px 0px 0px 10px;
			font-size: 11px;
		}
		
		.searchCloud .left, .searchCloud .center, .searchCloud .right {
			float: left;
			width: 220px;
			border-right: 1px solid #0096d0;
			padding-left: 15px;
			height: 205px;
		}
		
			.searchCloud input[type=text]{
				width: 50px;
				height: 20px;
				border: 1px solid #ccc;
				margin: 0px 5px 0px 5px;
			}
			
			.searchCloud input[type=submit]{
				margin-top: 20px;
			}
			
			.searchCloud select{
				width: 100px;
				border: 1px solid #ccc;
				margin: 0px 5px 0px 0px;
			}
			
			.searchCloud p, .searchCloud h4 {
				margin: 0px 0px 5px 0px;
				padding: 0px;
			}
			
			.searchCloud h4 {
				margin: 25px 0px 5px 0px;
				font-size: 14px;
			}
			
			.searchCloud .left {
				width: 240px;
			}
			
			.searchCloud .center{ 
				border: none;
			}
			
			.searchCloud .right {
				border: none;
			}
		
	#container {
		background:url(../images/content_bg.png) top left repeat-y;
		width: 940px;
		clear:both;
		float:left;
		z-index; 1;
		position:relative;
		padding: 20px 23px 20px 20px;
	}
	
		.info {
			margin: 10px 0px 0px 0px;
			background: #fff url(../images/info.jpg) repeat;
			padding: 10px;
			font-size:24px;
			position:relative;
		}
		
			.info p {
				border:1px solid #e3e3e3;
				padding: 5px 10px 5px 10px;
				background:#fafafa;
				padding: 15px 20px 15px 110px;
				margin: 0px;
			}
			
				.info p span {
					color:#0072bc;
				}
				
				.guy {
					position: absolute;
					z-index: 3;
					margin: -155px 0px 0px -35px;
				}
				
		.flashMessage {
			position:absolute;
			z-index: 100;
			width: 98%;
			top: 280px;
			left: 0px;
			text-align:center;
			font-size:12px;
			color:#fff;
			font-weight:bold;
	        cursor: pointer;
		}
		
			.flashMessage div {
				background: #0072bc;
				width: 300px;
				margin: 0px auto;
				padding-top: 10px;
				padding-bottom: 10px;
			}
		
			.flashMessage p {
				margin: 0px auto;
				padding: 10px 0px 10px 0px;
			}

		.offer {
			clear:both;
			margin: 20px 0px 0px 0px;
		}
		
			.offer .left {
				float:left;
				width: 635px;
                                height: 412px;
				background:#fff;
			}
			
				.offer .left .thumbnails {
					list-style:none;
					margin: 10px 0px 0px 0px;
					padding: 0px;
				}
				
					.offer .left .thumbnails li {
						float:left;
						margin: 0px 0px 0px 10px;
					}
					
				.offer .left .arrow_l {
					margin: 40px 0px 0px -15px;
				}
				
				.offer .left .arrow_r {
					margin: 40px 0px 0px 618px;
				}
				
				.offer  .label {
					background:url(../images/label.png) top left no-repeat;
					width: 171px;
					height: 171px;
					position:absolute;
					z-index:2;
					margin: 0px 0px 0px -2px;
				}
				
				.offer .descriptionbig {
					background: #000;
					margin: 345px 0px 0px 0px;
					padding-left:10px;
					width: 635px;
					height: 55px;
					position:absolute;
					z-index: 2;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        			filter: alpha(opacity=80);
        			-moz-opacity:0.8;
        			-khtml-opacity: 0.8;
        			opacity: 0.8;
        			color:#fff;
        			font-size:24px;
        			line-height: 22px;
        			padding: 12px 0px 0px 0px;
				}

                                .offer  .descriptionbig .smallest{
                                    font-size:14px;
                                }
				
			
			.offer .right {
				padding: 10px;
				float:left;
				width: 260px;
				margin: 0px 0px 0px 19px;
				background:url(../images/info.jpg) repeat;
			}
			
				.offer .right .text {
					border:1px solid #e3e3e3;
					padding: 5px 10px 5px 10px;
					background:#fdfdf6;
					padding: 10px;
					margin: 0px;
					float:left;
				}
				
					.offer .right .text p { 
						font-size: 20px; 
						margin: 0px;
						padding: 0px;
						font-weight:bold;
						color:#555555;
						float:left;
					}
					
					.box_orange, .box_orange2, .box_green {
						width: 112px;
						height:61px;
						float:left;
						margin: 10px 6px 0px 0px;
						padding: 0px 0px 0px 0px;
						background:url(../images/box_orange.jpg) top left no-repeat;
						color:#fff;
						font-size: 14px;
						line-height: 26px;
						text-align:center;
					}
					
					.box_orange span { font-size:30px; font-weight:bold; }
					
					.box_orange2, .box_green {
						background:url(../images/box_orange2.jpg) top left no-repeat;
						width: 60px;
						height: 45px;
						line-height: 21px;
						font-weight:bold;
						font-size:12px;
					} 
					
					.box_green {
						background:url(../images/box_green.jpg) top left no-repeat;
					}
					
					.regular_price { 
						color:#90908f; 
						font-weight:bold;
						float:left;
						clear:both;
						margin: 10px 0px 0px 0px;
					}
					
				.cart {
					float:left;
					clear:both;
					width: 245px;
					border-top: 1px solid #e3e3dd;
					margin-top: 10px;
				}
				
					.cart h3 {
						margin: 10px 0px 10px 0px;
						color:#117bc0;
					}
					
					.cart p {
						height: 32px;
					}
				
					.cart input.desc, .cart input.price {
						width: 130px;
						float:left;
						background:#f3e9d6;
						border: 1px solid #d0c5b0;
						height:25px;
						padding: 0px 0px 0px 5px;
						-webkit-border-radius: 5px;
 						-khtml-border-radius: 5px;   
 						-moz-border-radius: 5px;
  						border-radius: 5px;
  						font-weight:bold;
					}
					
					.cart input.price {
						width: 50px;
						margin-left: 5px;
					}
					
					.cart .remove, .cart .add {
						background: url(../images/icon_remove.jpg) top left no-repeat;
						width: 16px;
						height: 16px;
						float:left;
						margin: 4px 0px 0px 5px;
					}
					
					.cart .add {
						background: url(../images/icon_add.jpg) top left no-repeat;
					}
					
			.button_bon:link, .button_bon:hover, .button_bon:visited { color:#fff; }
				
			.button_bon {
				background: url(../images/button_red_l.jpg) top left no-repeat;
				float:left;
				color:#fff;
				height:69px;
				margin: 20px 0px 10px 15px;
			}
			
				.button_bon span {
					padding: 15px 20px 3px 20px;
					background: url(../images/button_red_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 30px;
					float:right;
					height:69px;
				}
	
			.quickShare {
				background: url(../images/coupon_right_share.jpg) top left no-repeat;
				width: 282px;
				height: 97px;
				float:left;
				margin: 20px 0px 0px 655px;
				position:relative;
			}
			
				.quickShare ul { 
					list-style: none;
					float:left;
					padding: 0px;
					margin: 10px 0px 0px 20px;
				}
				
				.quickShare ul li {
					float:left;
					margin: 15px 12px 0px 0px;
				}
				
				.quickShare p {
					right: -10px;
					top: 10px;
					color:#fff;
					padding: 10px 5px 5px 5px;
					width: 72px;
					height: 43px;
					background:url(../images/quickShareText.png) top left no-repeat;
					position:absolute;
					font-weight:bold;
				}
			
	#bons {
		float:left;
		width: 965px;
		min-height: 50px;
		background:url(../images/bon_bg.jpg) top left repeat-y;
                margin: 0px 0px 0px 2px;
		position:relative;
		padding-left: 15px;
	}
	
		#arrow_l a {
			width: 39px;
			height:39px;
			float:left;
			display:block;
			background:url(../images/arrow_l.png) top left no-repeat;
			margin: -180px 0px 0px -40px;
		}
		
		#arrow_r a {
			width: 39px;
			height:39px;
			float:right;
			display:block;
			background:url(../images/arrow_r.png) top left no-repeat;
			margin: -180px -25px 0px 980px;
		}
	
		#bons h2 { 
			color:#555555; 
			text-align:center;
			background:url(../images/bon_hr.png) 20px 10px no-repeat;
			padding: 0px;
			margin: 20px 0px 20px 0px;
                        
		}
		
		#bons li { width: 950px !important;}
	
		#bons .box {
			float:left;
			width: 450px;
			margin: 0px 0px 0px 15px;
			background:#e9e8d6;
			padding: 10px 0px 0px 10px;
		}
			#bons .box h3 { 
				margin: 0px 0px 0px 15px; 
				float:left; 
				font-size:18px; 
				width:250px;
			}
			
			#bons .box p {
				float:left;
				width:200px;
				margin: 10px 0px 0px 15px;
			}
		
			#bons .box img { float:left; }
			
			
			.holder #bons {
				background: #fff;
				width: 600px;
			}
			
			.grey { color:#a2a29d; }
			.blue { color:#0072bc; }
			.red { color:#e0644c; }
			
			.button_orange3 {
				background: url(../images/button_orange3_l.jpg) top left no-repeat;
				float:left;
				height:25px;
				margin: 20px 0px 10px 0px;
			}
			
			.button_orange3:link, .button_orange3:hover, .button_orange3:visited { color:#fff !important; }
			
				.button_orange3 span {
					padding: 7px 32px 0px 8px;
					background: url(../images/button_orange3_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 12px;
					float:right;
					height:25px;
				}

                                .button_orange30 {
				background: url(../images/button_orange3_l.jpg) top left no-repeat;
				float:left;
				height:25px;
				width: -20px;

			}

                                .button_orange30 span {

                                        padding: 7px 32px 0px 8px;

					background: url(../images/button_orange3_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 12px;
					float:right;
					height:25px;
				}

	.holder {
		clear:both;
		width: 980px;
		float:left;
		padding: 20px 0px 20px 0px;
                
		background: url(../images/content_bg.png) top left repeat-y;
	}
	
		#page_product .holder, #page_product .holder .left, #page_product .holder .right
                { background:#fff;
                }
		
		.button_see_more {
				background: url(../images/button_see_more_l.jpg) top left no-repeat;
				float:right;
				height:20px;
				margin: 5px 0px 10px 0px;
			}
			
			.button_see_more:link, .button_see_more:hover, .button_see_more:visited { color:#fff !important; }
			
				.button_see_more span {
					padding: 4px 22px 0px 8px;
					background: url(../images/button_see_more_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 11px;
					float:right;
					height:20px;
				}
	
		.holder .left {
			float:left;
			width: 680px;
			margin-bottom: 20px;
			padding: 10px;
			background: #fff url(../images/info.jpg) repeat;
		}
		
		.holderLeft {
			float:left;
			width: 680px;
			margin: 0px 0px 0px 20px;
		}
		
		.holderRight {
			float:right;;
			width: 200px;
			margin: 0px 20px 0px 0px;
		}
		
		.holderBg {
			background: #fff;
			float:left;
			border:1px solid #e3e3e3;
			padding: 10px;
		}
		
		.holder .left .holderBg {
			width: 655px;
		}
		
		.holder .right .holderBg {
			width: 180px;
		}
		
		#page_product .holder .left, #page_participate .holder .left { width: 630px; }
		#page_product .holder .right, #page_participate .holder .right { 
			width: 280px; 
			background:#fff; 
		}
		
			#page_product .holder .right h2, #page_participate .holder .right h2 { 
				background:none;
				color:#555555;
				padding: 0px 0px 10px 0px;
			}
			
			#page_product .holder .left .box {
				width: 620px;
                                height: auto;
				border-bottom: 1px solid #eeeeee;
				padding-bottom: 10px;
				margin-bottom: 15px;
			}
			
			#page_product .st_content {
				width: 625px !important;
			}
			
			.desc { line-height: 18px; }
			
			a.pdf {
				background: url(../images/icon_pdf.jpg) 0px 0px no-repeat;
				padding: 3px 0px 5px 25px;
				margin: 10px 0px 0px 0px;
				float:left;
				clear:both;
			}
			
			#map { 
				float:left; 
			}
			
			#page_product .thumbs {
				float:left;
				margin: 0px 0px 0px 10px;
				width: 160px;
			}
			
				#page_product .thumbs img { width: 75px; height: 75px;}

                                #page_product .thumbslit {
				float:left;
				margin: 0px 0px 0px 10px;
				width: 160px;
			}

				#page_product .thumbs img { width: 75px; height: 75px;}
			
			.tips {
				float:left;
				width:160px;
				margin: 0px 0px 0px 10px;
			}
			
				.tips h2 { border: none !important; }
			
				.tips ul {
					list-style:none;
					margin: 0px;
					padding: 0px;
					width: 140px;
				}
				
					.tips ul li {
						border-bottom: 1px solid #ccc;
						padding: 0px 0px 7px 20px;
						margin: 5px 0px 5px 0px;
						float:left;
						width: 140px;
						background:url(../images/arrow.png) 10px 5px no-repeat;
					}

				#page_product .thumbs img { float:left; margin: 0px 5px 5px 0px;}
			
			#page_product .holder .left .box h4 {
				color:#555555;
				font-size:18px;
			}
			
			#page_product .holder .left .description {
				float:left;
				margin: 0px 0px 0px 20px;
				width: 430px;
			}

			.holder .left h2 {
				font-size:24px;
				color:#555555;
				border-bottom: 1px solid #e5e5e5;
				padding: 0px 0px 20px 0px;
				margin: 0px 0px 20px 0px;
			}
		
			.holder .left .box, .ideaBox {
				float:left;
				width: 160px;
				height: 183px;
				margin: 0px 10px 50px 0px;
				color:#989898;
			}

				.holder .left .box img { float:left; margin-bottom: 10px; }
				
				.holder .left .box img.points { width: 160px; }
				
				.holder .left .box h4, .ideaBox h4 {
					color:#0075c0;
					font-size:14px;
					margin: 5px 0px 5px 0px;
				}
		
		.holder .right {
			float:right;;
			width: 200px;
			padding: 10px;
			margin-bottom: 20px;
			background: #fff url(../images/info.jpg) repeat;
		}
		
			.holder .right h2 {
				color:#0075c0;
				font-size:18px;
				background:url(../images/help.png) top left no-repeat;
				padding: 4px 0px 5px 35px;
				margin: 10px 0px 0px 0px;
			}
			
			.holder .right h2.mail { 
				background: url(../images/mail.png) top left no-repeat; 
				padding: 7px 0px 0px 18px;
			}
			
			.share {
				margin-top: 10px;
				float:left;
				width: 280px;
				height: 193px;
				background:url(../images/share.jpg) top left no-repeat;
				padding-top: 30px;
			}
			
				.share p {
					font-weight: bold;
					padding: 0px 0px 0px 100px;
					height: 70px;
					font-size:14px;
					line-height: 18px;
				}
			
				.share .social, .invite .social {
					float:left;
					list-style:none;
					padding: 0px;
					margin: 7px 0px 0px 0px;
				}
					.share .social li, .invite .social li { float:left; margin: 0px 0px 0px 10px; }
					
				.hotel {
					width: 280px;
					float:left;
					clear:both;
					margin-bottom: 15px;
				}
					.hotel .desc {
						float:left;
						width: 200px;
						margin: 0px 0px 0px 10px;
					}
						.hotel .thumbnail { float:left;}
						
						.hotel h4 { color:#0072bc; margin: 0px;}
						
						.hotel h4 a:link, .hotel h4 a:hover, .hotel h4 a:visited { color:#0072bc; }
						
						.hotel p { margin: 5px 0px 0px 0px; }
		
			.benefits {
				float:left;
				clear:both;
				margin: 0px 0px 20px 0px;
			}
			
				.benefits .point {
					background: url(../images/circle.png) top left no-repeat;
					width:22px;
					height:30px;
					float:left;
					color:#fff;
					font-size:18px;
					padding: 3px 0px 0px 8px;
					font-style: italic;
					font-weight: bold;
				}
				
				.benefits p {
					float:left;
					margin: 6px 0px 0px 10px;
				}
				
		.tabs {
			border-bottom: 1px solid #e5e5e5;
			list-style:none; 
			float:left;
			width: 100%;
			padding: 0px;
			margin: 10px 0px 20px 0px;
		}
		
			.tabs li {
				float:left;
				margin: 0px 0px 0px 0px;
			}
			
			.tabs li.active {
				margin: 1px 10px -1px 0px;
			}
			
				.tabs li a {
					background:url(../images/tab_l.jpg) top left no-repeat;
					height:30px;
					float:left;
					color:#555555;
					font-weight: bold;
				}
				
					.tabs li a span {
						background:url(../images/tab_r.jpg) top right no-repeat;
						height:30px;
						float:right;
						padding: 10px 15px 0px 15px;
					}
					
			.button_orange {
				background: url(../images/button_orange_l.jpg) top left no-repeat;
				float:left;
				height:25px;
				margin: 20px 0px 10px 0px;
			}
			
			.button_orange:link, .button_orange:hover, .button_orange:visited { color:#333333 !important; }
			
				.button_orange span {
					padding: 7px 32px 0px 8px;
					background: url(../images/button_orange_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 12px;
					float:right;
					height:25px;
				}
				
/* CONTACT */			
	.contact {
		float:left;
		width: 940px;
		clear:both;
		padding: 0px 20px 20px 20px;
		color:#555555;
		background:#fff;
	}
	
		.contact .tabs {
			margin: 20px 0px 0px 0px;
		}
		
		h2 {
			font-size:24px;
		}
	
		.contact > .left {
			float:left;
			width: 350px;
			border: 1px solid #dddddd;
			padding: 10px 25px 10px 25px;
			margin-top:20px;
		}
		
			.contact .left form div, .contact .left form label {
				float:left;
				clear:both;
				width: 350px;
			}
			
			.contact .left form label {
				font-weight:bold;
				padding: 5px 0px 10px 0px;
			}
			
			.contact .left form input {
				width: 280px;
				height:25px;
				padding-left: 5px;
				margin-bottom: 10px;
			}

			.contact textarea {
				width: 345px;
				height: 195px;
			}
		
		.contact > .right {
			float:left;
			width: 515px;
			margin-left: 20px;
			margin-top:20px;
		}
		
			.contact .right h3 {
				font-size:18px;
				margin: 10px 0px 10px 0px;
			}
			
			.contact .right .map { margin-bottom: 20px; }
			
			.contact > .right .left, .contact > .right .right {
				float:left;
				width: 240px;
				line-height:30px;
				font-size:12px;
			}
			
			.contact > .right .right {
				font-size:14px;
				font-weight: bold;
			}
			
			.contact > .right .right p {
				float:left;
				margin: 0px 0px 20px 0px;
			}
			
		.contact .button_red { float:right; }
			
		.button_red {
			background: url(../images/button_login_l.png) top left no-repeat;
			float:left;
			height:25px;
			margin: 20px 0px 10px 0px;
		}
			
		.button_red:link, .button_red:hover, .button_red:visited { color:#fff !important; }
			
			.button_red span {
				padding: 7px 42px 0px 15px;
				background: url(../images/button_login_r.png) top right no-repeat;
				font-weight: bold;
				font-size: 12px;
				float:right;
				height:25px;
			}
/* HOW IT WORKS */

	.steps {
		float:left;
		color:#555555;
		margin:0px 0px 40px 20px;
	}
	
		.steps .box {
			float:left; 
			width:280px;
			margin: 0px 40px 0px 0px;
			line-height: 20px;
		}
		
	.invite {
		float:left;
		background:url(../images/invite.jpg) top left repeat-x;
		height:256px;
		padding: 5px 15px 0px 15px;
	}
	
		.invite h2 {
			color:#0072bc !important;
			background:url(../images/icon_mail2.jpg) 0px 0px no-repeat !important;
			padding: 3px 0px 0px 35px !important;
			font-size:18px;
		}
		
		.invite p {
			height: 130px;
			line-height: 22px;
		}
		
		.faq {
			color:#555555;
		}
			
			.faq h4 {
				font-size:14px;
				margin: 20px 0px 10px 0px;
			}
			
			.faq p {
				float:left;
				margin: 0px 0px 10px 0px;
				line-height: 22px;
			}
			
/* PAYMENT */

	#page_payment {
		background:#fff;
		float:left;
		width: 982px;
	}
	
		.payment, .member {
			float:left;
			width: 962px;
			clear:both;
			color:#555555;
			background:#fff;
			padding: 10px 0px 0px 20px;
		}
		
			.payment h2, .member h2 {
				color:#555555;
				font-size:18px;
				clear:both;
			}
			
			.payment .remove {
				float:right;
				margin: 0px 20px -35px 0px;
			}
			
				.payment .remove span {
					background:url(../images/button_orange_r_remove.jpg) top right no-repeat;
				}
		
			.payment table.cart {
				width: 940px;
				border-collapse: collapse;
				float:left;
				margin: 0px 0px 30px 0px;
			}
			
				.payment table.cart .quantity { 
					width: 50px; 
					text-align:center; 
					font-weight:bold;
				}
			
				.payment table.cart th {
					background: #eeeeee;
					padding: 0px 5px 0px 5px;
					height: 35px;
					border:1px solid #dddddd;
				}
				
				.payment table.cart td {
					height: 35px;
					border:1px solid #dddddd;
					padding: 0px 5px 0px 5px;
					vertical-align: middle;
				}
				
			.payment .login {
				float:left;
				width: 925px;
				background:#fffbcc;
				padding: 20px 0px 20px 15px;
				margin: 0px 0px 20px 0px;
			}

			.payment .login input[type=text], .payment .login input[type=password] {
				height: 25px;
				padding-left: 5px;
			}
			
			.payment .login p { 
				float:left; 
				margin: 0px 10px 0px 0px; 
			}
			
				.payment .login .forgot_password {
					padding: 7px 0px 0px 20px;
					float:left;
					font-weight: bold;
					text-decoration: underline;
				}
			
			.payment .login .button_orange {
				margin: 2px 0px 0px 0px;
				clear:none;
			}
			
			.payment form input[type=text] {
				height: 20px;
				padding-left: 5px;
				width: 260px;
			}
				.payment form input[type=text].small {
					width: 121px;
					margin-right: 11px;
				}
				
				.payment form input[type=text].small2 { 
					width: 50px; 
					margin-right: 2px;
				}
			
			.payment .left {
				float:left;
				width: 520px;
			}
			
				.payment form fieldset {
					margin: 0px;
					padding: 0px;
					border:1px solid #dddddd;
					padding: 15px 0px 20px 15px;
					
				}
				
				.payment .left fieldset div {
					clear:both;
					float:left;
					width: 480px;
					margin: 0px 0px 15px 0px;
				}
				
				.payment .right fieldset div {
					clear:both;
					float:left;
					margin: 0px 0px 15px 0px;
				}
				
				.payment .left label {
					width: 160px;
					font-weight: bold;
					text-align:right;
					float:left;
					padding: 5px 20px 0px 0px;
					margin: 0px;
				}
			
			.payment .right {
				float:left;
				width: 400px;
				margin: 0px 0px 0px 20px;
			}
			
				.payment select {
					width: 80px;
				}
				
				.payment .right .indentation {
					margin: 0px 0px 10px 100px;
				}
				
				.payment .right label {
					font-weight:bold;
				}
			
			.barFAQ {
				float:left;
				width: 945px;
				background:#eeeeee;
				height: 35px;
				margin: 30px 0px 20px 0px;
			}
			
			.barFAQ p {
				float:left;
				margin: 10px 0px 0px 15px;
				font-weight: bold;
			}
			
			.barFAQ ul {
				list-style: none;
				margin: 5px 0px 0px 20px;
				padding: 0px;
				float:left; 
			}
			
				.barFAQ ul li {
					float:left; 
					padding: 5px 10px 0px 10px;
					background:url(../images/arrow.png) 0px 8px no-repeat;
				}
				
			.button_green:link, .button_green:hover, .button_green:visited { color:#fff; }
				
			.button_green {
				background: url(../images/button_green_l.jpg) top left no-repeat;
				float:left;
				color:#fff;
				height:25px;
				margin: 0px 0px 10px 20px;
			}
			
				.button_green span {
					padding: 6px 40px 0px 10px;
					background: url(../images/button_green_r.jpg) top right no-repeat;
					font-weight: bold;
					font-size: 12px;
					float:right;
					height:19px;
				}
	
/* MEMBER */
	
		.member .inner {
			border:1px solid #dddddd;
			float:left;
			width: 940px;
			margin-bottom: 20px;
			padding-bottom: 20px;
		}
		
			.member .inner h2 {
				margin: 50px 0px 0px 60px;
			}
		
		.member .content {
			background: #f5f5f5;
			border:1px solid #dddddd;
			margin: 20px 60px 20px 60px;
			padding: 20px 0px 20px 0px;
			float:left;
			width: 820px;
		}
			
			.member input.bon {
				width: 500px;
				height: 40px;
				color:#cccccc;
				margin: 0px 0px 0px 30px;
				border:1px solid #cccccc;
				padding: 0px 0px 0px 10px;
				font-size:24px;
			}
			
			.member .valid img, .member .invalid img {
				margin: -15px 10px 0px 20px;
			}
			
			.member .valid {
				background: #ecf4db;
				border: 1px solid #d1e3aa;
				color:#639631;
				font-size:24px;
				padding: 0px 0px 20px 0px;
				margin-bottom: 0px;
				width: 770px;
			}
			
			.member .invalid {
				background: #ffdfdf;
				border: 1px solid #d1e3aa;
				color:#bb4a3b;
				font-size:24px;
				padding: 0px 0px 20px 0px;
				width: 770px;
			}
		
			.member .content ul.horizontal {
				margin: 0px;
				padding: 0px;
				list-style:none;
				float:left;
			}
			
				.member .content ul.horizontal li {
					float:left;
					margin: 0px 0px 0px 20px;
					font-size:18px;
					font-weight: bold;
				}
				
			.member p.note {
				margin: 0px 0px 30px 60px;
				font-weight:bold;
			}
			
			.pagination {
				clear:both;
				float:left;
				width: 600px;
				margin: 30px 0px 20px 0px;
				border-top:1px solid #dddddd;
			}
			
				.pagination ul {
					list-style:none;
					margin: 20px 0px 0px 170px;
				}
				
					.pagination ul li {
						float:left;
						width: 36px;
						height: 36px;
						margin: 0px 0px 0px 2px;
						background:url(../images/pagination.jpg) top left no-repeat;
						font-weight:bold;
						padding: 12px 0px 0px 0px;
						text-align:center;
					}
	
/* Participate */
	.participate {
		padding: 10px 0px 0px 10px;
		background:#fff;
		width: 972px;
		float:left;
	}
	
		.participate .left, .participate .rigth { background:#fff; }
	
	.participate h2.title {
		color:#0054a6 !important;
		font-size: 18px !important;
		background:url(../images/icon_album.jpg) 0px 30px no-repeat !important;
		padding: 30px 0px 0px 80px !important;
		height: 70px;
		width:530px;
		margin: 0px 0px 20px 10px !important;
	}

		.participate h2.title span {
			font-size:18px;
		}
		
		.most_voted {
			border: 1px solid #dedede;
			clear:both;
			margin: 20px 0px 50px 0px;
			padding: 15px 10px 10px 0px;
			float:left;
			width: 615px;
		}
			
			.most_voted .left {
				float:left;
				width: 230px !important;
			}
			
			.most_voted .right {
				float:left;
				width: 300px !important;
				line-height: 24px;
			}
			
				.most_voted .label {
					background:url(../images/label_most_voted.png) top left no-repeat;
					width: 130px;
					height: 130px;
					position:absolute;
					z-index:2;
					margin: -235px 0px 0px -5px;
				}
				
				.most_voted .vote_box {
					float:right;
					width: 100px;
				}
					.most_voted .vote_box img { float:left; }
					
					.most_voted .vote_box p {
						font-size:36px;
						font-weight:bold;
						margin: 0px;
						padding: 0px;
						float:left;
						margin-left: 10px;
					}
					
					.most_voted .vote_box .vote {
						clear:both;
						float:left;
						margin: 10px 0px 0px 0px;
					}
		
		.participate .box {
			margin: 0px 50px 50px 0px !important;
		}

		img.heart { margin-right: 7px;}
		
		.vote {
			background: #fff799;
			padding: 4px 10px 2px 10px;
			font-weight: bold;
			margin-left: 10px;
			font-size:10px;
		}
		
		.participate .right .upload {
			border:1px solid #dedede;
			padding: 0px 0px 10px 15px;
			float:left;
			clear:both;
			margin: 0px 0px 30px 0px; 
		}
		
			.upload a:link, .upload a:hover, .upload a:visited {
				color:#2285c5;
				font-weight:bold;
			}
			
			.upload h2 {
				color:#0072bc !important;
				font-size:18px;
				background:url(../images/icon_mail4.jpg) 0px 0px no-repeat !important;
				padding: 8px 0px 10px 37px !important;
			}
			
			.upload input[type=text], .upload textarea, select {
				width: 240px;
				padding: 3px 0px 3px 5px;
				background: #fbfbfb;
				margin: 10px 0px 0px 0px;
				font-size:11px;
				font-style:italic;
			}
			
			.upload select { width: 245px; padding: 7px 5px 5px 5px; height: 28px; }
			
			.upload label {
				margin: 10px 0px 0px 0px;
				float:left;
				clear:both;
				width: 220px;
			}
			
			.upload textarea { height: 100px; }
	
			.upload .button_red { float:right; margin-right: 17px;  }

		
	#footer {
		width: 982px;
		clear:both;
		float:left;
		margin: 0px 0px 20px -10px;
	}
	
		#footer .top {
			background: url(../images/footer_t.png) top left no-repeat;
			height: 69px;
			width: 1002px;
		}
		
		#footer .middle {
			background: url(../images/footer_m.jpg) top left repeat-y;
			width:1000px;
                        margin: 0px 0px 0px 2px;
			float:left;
			line-height:20px;
		}

			#footer .middle h4 { font-size: 12px; color:#555555;}
		
			#footer .middle .left {
				float:left;
				width: 250px;
				margin: 0px 90px 0px 30px;
			}
			
			#footer .middle .center {
				float:left;
				width: 250px;
				margin: 0px 50px 0px 0px;
				
			}
			
			#footer .middle .right {
				float:left;
				width: 250px;
				margin: 0px 0px 0px 50px;
			}
			
			#footer .middle .button_orange { line-height: 15px; margin-top: 8px; }
			#footer input.input { margin: 0px; }
			#footer .social img { float:left; margin: 8px 15px 0px 0px; }
		
		#footer .bottom {
			background: url(../images/footer_b.png) top left no-repeat;
			height: 50px;
			width: 1000px;
			margin: 0px 0px 40px 2px;
			float:left;
		}
		
/* FORM */

form label.error {
	color:#fff;
	padding: 5px 0px 5px 20px !important;
	margin-bottom: 5px;
	background:#ad2323 url(../images/icon_alert.png) 2px 3px no-repeat;
}
	form dd, form dl, form dl {
		margin: 0px;
		padding: 0px;
	}
	
	form fieldset {
		margin-left: 20px;
		padding: 10px 0px 0px 0px;
		border: none;
	}
	
		form legend { 
			font-size:18px;
			font-weight:bold;s
		}
		
/* USER PROFILE */

.user_profile {
	float:left;
	clear:both;
	width: 972px;
	padding: 10px 0px 10px 10px;
	background:#fff;
}

	
	.user_profile h3 {
		font-size:18px;
		text-decoration:underline;
		margin: 25px 0px 10px 0px;
	}

	.user_profile .left {
		width: 360px;
		float:left;
		padding: 0px 0px 25px 20px;
		border:1px solid #ccc;
	}
	
	.user_profile .right { 
		width: 535px; 
		float:left;
		margin-left: 20px;
		padding: 0px 0px 25px 20px;
		border:1px solid #ccc;
	}

	.ico_delete {
		background: url(../images/ico_remove2.png) top left no-repeat;
		width: 16px;
		height: 16px;
		float:left;
		margin: 12px 10px 0px -18px;
	}
	
	.photos {
		float:left;
		width: 515px;
		clear:both;
		margin: 0px 0px 25px 0px;
	}
	
	.photos img { 
		float:left; 
		height: 120px;
		margin: 10px 0px 0px 0px;
	}
	
	.earnings {
		background: #deeac2 url(../images/earnings.png) 10px 6px no-repeat;
		height: 34px;
		margin: 15px 20px 5px 0px;
		color:#555555;
		clear:both;
		font-size:18px;
		font-weight:bold;
		padding: 12px 15px 0px 50px;
		border: 1px solid #c4cfaa;
		-webkit-border-radius: 7px;
 		-khtml-border-radius: 7px; 
 		-moz-border-radius: 7px;
  		border-radius: 7px;
	}
	
	.user_profile ul {
		float:left;
		width: 510px;
		clear:both;
		list-style: none;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	
		.user_profile ul li {
			float:left;
			width: 510px;
			clear:both;
		}
		
		.user_profile ul li img { margin-left: 10px;}

	
	.user_profile textarea { width: 500px; }
	
/* SEARCH RESULTS */

.page_search {
	background:#fff;
}

	.page_search .holder .left {
		background:#fff;
	}
	
	.page_search .holder .left h3 {
		color:#555555;
	}
	
	.page_search .icon_star {
		float:left;
		margin: 6px 0px 0px 10px;
	}
	
	.page_search .holder .left .thumb { border: 5px solid #fff; }
	
	
	.idea {
		float:left;
		width: 165px;
		margin: 0px 7px 25px 0px;
	}
	
		.idea h2 {
			color:#0072bc !important;
		}
	
	#actionHolder {
		float:left;
		min-height: 10px;
		width: 250px;
	}

        #actionHoldertest {
		float:left;
		min-height: 10px;
		width: 600px;
	}

        #actionHoldertest img {
			width: 600px;
		}
	
		#actionHolder img {
			width: 250px;
		}

	#lb_signup form {
		float:left;
	}
	
	.ideaBox {
		clear:both;
		width: 640px;
		float:left;
		margin: 0px 0px 20px 0px;
		border-top: 1px solid #CCC;
		height: auto !important;
		padding: 10px 0px 0px 0px;
	}
		.ideaBox h4 {
			float:left;
			clear:both;
			width: 640px;
		}
		
		.ideaBox p { 
			float:left; 
			margin: 20px 0px 20px 0px;
			width: 640px;
			clear:both;
		}
		
	.breadcrumb {
		float:left;
		clear:both;
		margin: 10px 0px 20px 0px;
	}
	
		.breadcrumb a {
			float:left;
			height: 22px;
			background:url(../images/breadcrumb_l.jpg) top left no-repeat;
		}
			.breadcrumb a span.number {
				height: 22px;
				float:left;
				color:#fff;
				padding: 4px 8px 0px 8px;
			}
			
			.breadcrumb a span.place {
				height: 22px;
				float:right;
				padding: 4px 30px 0px 10px;
				background:url(../images/breadcrumb_r.jpg) top right no-repeat;
			}

.member .red1 {
		
                color:#555555;
		clear:both;
		font-size:18px;
		font-weight:bold;
		
		

	}



        #editphoto
        {   
            
                
            width: 30px;
            height: 30px;
            background:url(../images/circl.png)  center no-repeat;
            
}
       #editphoto span
       {
           text-align: center;
		font-size:18px;
		font-weight:bold;
                color: white;
                text-align: center;
       }
       
       #popupimage
       {
           
           margin-left: 350px;
           margin-top: -15px;
           height: 500px;
       background:url(../images/example.png)  center no-repeat;    
       }
       
       .member #form
       {
           float: left;
       }
       
       
       #popupstyle{
                  
                  background:url(../images/pupup-hotels-final_r6_c3.jpg) top center no-repeat;
                  height: 400px;
                  margin-left: 180px;
                  margin-top: 50px;
                }
                
                #ptrel{
                	padding: 4px 8px 0px 8px;
}
                
       #ptrel #ptichka {
    margin-left: -41px;
    padding-top: 20px;
    position: absolute;
}



#standart table {
				width:100%;
				border: 4px double black;
				border-collapse: collapse;
	}
#standart table TH { 
    text-align: left; /* Выравнивание по левому краю */
    background: #ccc; /* Цвет фона ячеек */
    padding: 5px; /* Поля вокруг содержимого ячеек */
    border: 1px solid black; /* Граница вокруг ячеек */
   }
#standart table TD { 
	text-align: left; /* Выравнивание по левому краю */
    padding: 5px; /* Поля вокруг содержимого ячеек */
    border: 1px solid black; /* Граница вокруг ячеек */
    width: 200px;
   }
   
#maincoupon
{
	 width: 280px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}


#maincoupon #photos
{
	width:250px;
	height: 180px;

	position: relative;
}

#maincoupon #photobotton
{
	width:100px;
	height: 45px;
	
	position: relative;
}


.maincoupontext{
	height: 160px;
	width: 250px;
	position: relative;
	font-size: 18px;
}

.keywordscoupon
{
	height: 40px;
	width: 250px;
	position: relative;
	font-size: 18px;
}
#maincaptoncoupon
{
	
		width: 100%;
		clear:both;
		float:left;
		font-size:24px;
		font-weight:bold;
		position:relative;
		padding: 20px 23px 20px 20px;
}

#maincoupondesc #maincoupontext
{
					background: #000;
					margin: -70px 0px 0px 0px;
					padding-left:10px;
					width: 250px;
					height: 55px;
				
					z-index: 2;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        			filter: alpha(opacity=80);
        			-moz-opacity:0.8;
        			-khtml-opacity: 0.8;
        			opacity: 0.7;
        			color:#fff;
        			font-size:20px;
        			line-height: 22px;
        			padding: 12px 0px 0px 0px;	
}

.idleField{
     font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#444444;
   background-color:#EEEEEE;
   border-style:double;
   border-color:#999999;
   border-width:3px;
   width: 150px;
}

.idleField1{
     font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#444444;
   background-color:#88C5EB;
   border-style:double;
   border-color:#999999;
   border-width:3px;
   width: 150px;
}

#clearSelection
{
 padding-right: 170px;   
}