SunCar Rental

CSS
body {
	position: relative;
	font: normal 13px/16px Arial, Helvetica, Sans-serif;
	background: #fff;
	}
	@font-face {
		font-family: 'JosefinSansStdLight';
		src: url('../fonts/josefinsansstd-light-webfont.eot');
		src: local('Josefin Sans Std'), local('JosefinSansStd-Light'), url('../fonts/josefinsansstd-light-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	h1 {
		font: normal 12px/16px JosefinSansStdLight, Sans-serif;
		}
	a {
		color: #be0540;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
	#wrap {
		width: 100%;
		background: #eee url(../images/bg.jpg) no-repeat center top;
		}
	#header,
	#content,
	#bottom {
		margin: 0 auto;
		width: 990px;
		}

/* Header
--------------------------------------------------------------------------------------- */
#header {
	z-index: 20;
	position: relative;
	overflow: visible;
	height: 97px;
	}
	#header .logo {
		position: absolute;
		display: block;
		width: 203px;
		height: 61px;
		margin: 22px 0 0 21px;
		text-indent: -9999em;
		background: url(../images/suncar-logo.png) no-repeat left top;
		background-image: url(../images/suncar-logo.png);
		}
	#header .navigation {
		z-index: 4;
		position: absolute;
		top: 42px;
		left: 265px;
		list-style: none;
		}
		#header .navigation li {
			float: left;
			margin: 0 21px 0 0;
			}
			#header .navigation li a {
				float: left;
				padding: 24px 0 0;
				font-size: 14px;
				}
			#header .navigation li a:hover {
				text-decoration: none;
				color: #ffb207;
				}
			#header .navigation li.current a {
				background: url(../images/navigation-current.png) no-repeat center top;
				color: #ffb207;
				}
	#header .support {
		position: absolute;
		top: 43px;
		right: 46px;
		padding: 10px 46px 0 0;
		height: 41px;
		line-height: 13px;
		background: url(../images/support.png) no-repeat right top;
		}
		#header .support span {
			color: #999;
			}
		#header .support .title {
			display: block;
			line-height: 14px;
			font-size: 14px;
			color: #be0540;
			}
	#header .reservation {
		z-index: 30;
		position: absolute;
		top: 0;
		right: 0;
		width: 202px;
		padding: 0 0 7px 0;
		font-size: 12px;
		background: url(../images/reservation-label.png) no-repeat center bottom;
		}
		#header .reservation p {
			z-index: 40;
			position: absolute;
			top: 0;
			left: 11px;
			width: 100%;
			line-height: 24px;
			cursor: pointer;
			}
		#header .reservation .open {
			position: relative;
			top: 0;
			left: 0;
			}
			#header .reservation .reservation-title {
				position: relative;
				top: 0;
				right: 0;
				float: right;
				margin: 5px 5px 0 0;
				padding: 0 0 0 4px;
				width: 55px;
				height: 17px;
				background: url(../images/reservation-title.png) no-repeat left top;
				cursor: pointer;
				}
			#header .reservation .open .reservation-title {
				z-index: 10;
				position: absolute;
				margin: 0 5px 0 0;
				background: none;
				}
			#header .reservation .open .reservation-form {
				display: block;
				background: url(../images/reservation-form.png) no-repeat right top;
				}
			#header .reservation .reservation-form {
				display: none;
				margin: 5px 8px 1px 8px;
				padding: 20px 0 8px 0;
				width: 188px;
				height: 108px;
				background: none;
				}
				#header .reservation .reservation-form div {
					margin: 10px 0 0 9px;
					padding: 4px 0 0 5px;
					width: 169px;
					height: 20px;
					background: url(../images/reservation-text.png) no-repeat left top;
					}
					#header .reservation .reservation-form div input {
						width: 158px;
						font-size: 12px;
						background: none;
						border: 0 none;
						color: #666666;
						}
				#header .reservation .reservation-form div.button {
					padding: 0;
					height: 28px;
					background: url(../images/reservation-button.png) no-repeat left top;
					cursor: pointer;
					}
					#header .reservation .reservation-form div.button input {
						padding: 3px 10px 1px 0;
						width: 169px;
						font: normal 16px/16px 'JosefinSansStdLight', Sans-serif;
						color: #fff;
						cursor: pointer;
						}
				#header .reservation .reservation-form div.button:hover {
					background-position: left -28px;
					}
					#header .reservation .reservation-form div.button:hover input {
						color: #000;
						}
/* Middle
--------------------------------------------------------------------------------------- */
#content {
	z-index: 3;
	overflow: visible;
	}
	p.top {
		padding: 10px 0 15px;
		}
	#dcde_dcde_pickup_location_box {
		display: inline;
		}
	#dcdebox-hint {
		z-index: 120;
		display: none;
		width: 100%;
		background: #fff;
		border: 1px solid #aba9a9;
		}
	#dcdebox-hint.opened {
		display: block;
		position: relative;
		z-index: 130px;
		}
	#content .search-form .text-type1 #dcdebox-hint {
		width: 444px;
		margin: 6px 0 0 3px;
		}
	#content #filter .text-type1 #dcdebox-hint {
		width: 331px;
		margin: 1px 0 0 -5px;
		}
		#dcdebox-hint li {
			position: relative;
			padding: 0 9px;
			font-size: 16px;
			line-height: 23px;
			list-style: none;
			white-space: nowrap;
			border-bottom: 1px solid #dcdcdc;
			color: #666666;
			cursor: pointer;
			}
			#dcdebox-hint li em {
				font-style: normal;
				font-weight: bold;
				}
			#dcdebox-hint li a {
				color: #666666;
				}
			#dcdebox-hint li a:hover {
				text-decoration: none;
				}
			#dcdebox-hint li div.flag {
				position: absolute;
				top: 0;
				right: 9px;
				margin: 0;
				}
			#dcdebox-hint li div.loc_icon {
				position: absolute;
				top: 1px;
				right: 32px;
				margin: 0;
				}
		#dcdebox-hint li:hover {
			background: #f8f8f8;
			}
		#dcdebox-hint li.dcdebox-pager {
			padding: 5px 0;
			font-size: 14px;
			line-height: 16px;
			text-align: center;
			background: #f1f1f1;
			border: 0 none;
			color: #000;
			cursor: auto;
			}
		#dcdebox-hint li.dcdebox-pager:hover {
			background: #f1f1f1;
			}
			#dcdebox-hint li.dcdebox-pager span {
				display: inline;
				}
			#dcdebox-hint li.dcdebox-pager a.prev {
				font-weight: bold;
				padding: 0 30px 0 0;
				color: #be0540;
				}
			#dcdebox-hint li.dcdebox-pager a.next {
				font-weight: bold;
				padding: 0 0 0 30px;
				color: #be0540;
				}
			#dcdebox-hint li.dcdebox-pager a:hover {
				text-decoration: underline;
				}
	#promo {
		z-index: 1;
		overflow: visible;
		position: relative;
		height: 350px;
		}
		#promo form.search-form {
			z-index: 3;
			display: block;
			position: absolute;
			top: 17px;
			left: 16px;
			padding: 16px 0 0 16px;
			width: 464px;
			height: 318px;
			font-size: 14px;
			background: url(../images/search-form-bg.png) no-repeat left top;
			}
			#promo .search-form h1 {
				padding: 0 0 2px;
				letter-spacing: -0.037em;
				line-height: 34px;
				font-size: 32px;
				text-indent: 2px;
				}
			#promo .search-form span {
				display: block;
				}
			#promo .search-form label {
				display: block;
				padding: 3px 0 0;
				line-height: 20px;
				text-indent: 3px;
				}
			#promo .search-form input,
			#promo .search-form  select {
				margin: 12px 0 0 9px;
				font-size: 14px;
				background: none;
				border: 0 none;
				}
				#promo .search-form  select option {
					background: #fff;
					}
			#promo .search-form input {
				padding-left: 2px;
				}
			#promo .search-form .text-type1,
			#promo .search-form .text-type2,
			#promo .search-form .text-type3,
			#promo .search-form .select-type1,
			#promo .search-form .select-type2 {
				z-index: 3;
				position: relative;
				text-indent: 0;
				height: 42px;
				}
				#content #promo .search-form span.select {
					left: 11px;
					line-height: 42px;
					}
			#promo .search-form .text-type1 {
				z-index: 100;
				width: 452px;
				background: url(../images/search-form-text-type1.png) no-repeat left top;
				}
				#promo .search-form .text-type1 input {
					width: 431px;
					color: #666666;
					}
			#promo .search-form .text-type2 {
				position: relative;
				float: left;
				width: 128px;
				background: url(../images/search-form-text-type2.png) no-repeat left top;
				}
				#promo .search-form .text-type2 input {
					text-transform: uppercase;
					width: 90px;
					}
				#promo .search-form .text-type2 img.ui-datepicker-trigger {
					position: absolute;
					top: 12px;
					right: 10px;
					width: 17px;
					height: 18px;
					background: url(../images/calc-ico1.png) no-repeat left top;
					cursor: pointer;
					}
			#promo .search-form .text-type3 {
				float: left;
				width: 189px;
				background: url(../images/search-form-text-type3.png) no-repeat left top;
				}
				#promo .search-form .text-type3 input {
					width: 169px;
					}
			#promo .search-form .select-type1 {
				width: 189px;
				background: url(../images/search-form-select-type1.png) no-repeat left top;
				}
				#promo .search-form .select-type1 select {
					width: 171px;
					}
			#promo .search-form .select-type2 {
				float: left;
				width: 64px;
				background: url(../images/search-form-select-type2.png) no-repeat left top;
				}
				#promo .search-form .select-type2 select {
					width: 47px;
					}
			#promo .search-form div,
			#promo .search-form dl {
				margin: 6px 0 0;
				}
			#promo .search-form dl {
				overflow: visible;
				}
				#promo .search-form dt {
					float: left;
					width: 196px;
					}
				#promo .search-form dd {
					position: relative;
					float: left;
					width: 262px;
					}
			#promo .search-form .bottom {
				overflow: visible;
				}
				#promo .search-form .bottom label {
					position:relative;
					z-index: 70;
					float: left;
					overflow: visible;
					padding: 3px 0 0;
					width: 189px;
					}
				#promo .search-form .bottom label span {
					float: none;
					}
					#promo .search-form .bottom .hint {
						z-index: 80;
						display: inline;
						position: absolute;
						margin: 1px 0 0 6px;
						}
						#promo .search-form .bottom .hint span {
							position: absolute;
							top: 2px;
							left: 0;
							display: block;
							width: 13px;
							height: 15px;
							font-size: 0;
							text-indent: -9999em;
							background: url(../images/hint-label.png) no-repeat left top;
							cursor: help;
							}
						#promo .search-form .bottom .hint span:hover {
							background-position: -13px top;
							}
						#promo .search-form .bottom .hint em {
							z-index: 100;
							position: absolute;
							top: 1px;
							left: 15px;
							display: none;
							padding: 5px 8px 3px 6px;
							width: 119px;
							height: 46px;
							font: normal 11px/13px Arial;
							text-indent: 0;
							background: url(../images/hint-bg.png) no-repeat left top;
							}
				#promo .search-form .bottom .button {
					float: right;
					margin: 17px 6px 0 0;
					width: 250px;
					height: 54px;
					background: url(../images/search-form-button.png) no-repeat left top;
					cursor: pointer;
					}
					#promo .search-form .bottom .button input {
						margin: 3px 0 0 3px;
						padding: 3px 28px 5px 0;
						width: 244px;
						font: normal 30px/39px 'JosefinSansStdLight', Sans-serif;
						text-align: center;
						color: #fff;
						cursor: pointer;
						}
				#promo .search-form .bottom .button:hover {
					background-position: left -54px;
					}
					#promo .search-form .bottom .button:hover input {
						color: #000;
						}

		#slideshow li {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
			list-style: none;
			}
		#slideshow li.show {
			display: block;
			}
			#slideshow img {
				z-index: 2;
				}
			#slideshow li ul {
				padding: 8px 0 0;
				display: block;
				z-index: 3;
				}
				#slideshow li ul li {
					position: relative;
					display: block;
					padding: 0 0 0 38px;
					font-size: 15px;
					line-height: 20px;
					background: url(../images/bullet6.png) no-repeat 15px center;
					color: #b3b1b2;
					}
			#slideshow .title {
				z-index: 4;
				position: absolute;
				top: 14px;
				left: 515px;
				width: 447px;
				}
				#slideshow .title h1 {
					line-height: 32px;
					font-size: 27px;
					color: #fff;
					}
				#slideshow .title p {
					padding: 8px 0 0;
					letter-spacing: 0.016em;
					line-height: 15px;
					font-size: 15px;
					color: #b3b1b2;
					}
	#content .special {
		overflow: hidden;
		padding: 14px 0 0;
		height: 144px;
		background: url(../images/special-bg.png) no-repeat left top;
		}
		#content .special h1 {
			line-height: 32px;
			letter-spacing: -0.02em;
			font-size: 31px;
			}
		#content .special .l {
			float: left;
			width: 409px;
			padding: 0 0 0 18px;
			}
			#content .special .mark {
				float: left;
				margin: 12px 10px 0 0;
				padding: 22px 0 0;
				width: 81px;
				height: 60px;
				font: normal 18px/19px 'JosefinSansStdLight', Sans-serif;
				text-align: center;
				background: url(../images/mark.png) no-repeat left top;
				color: #fff;
				}
			#content .special .l .text {
				margin: 20px 0 0;
				line-height: 15px;
				}
				#content .special .l .text p {
					padding: 0 0 3px 0;
					}
		#content .special .r {
			float: right;
			padding: 5px 0 0;
			width: 548px;
			}
			#content .special .r .top {
				position: relative;
				width: 100%;
				}
				#content .special .r .subscribe-form {
					overflow: hidden;
					}
					#content .special .r .subscribe-form div {
						float: left;
						margin: 1px 3px 0 0;
						width: 191px;
						height: 22px;
						background: url(../images/subscribe-text.png) no-repeat left top;
						}
						#content .special .r .subscribe-form input {
							margin: 2px 0 0 5px;
							width: 185px;
							background: none;
							border: 0 none;
							color: #999;
							}
					#content .special .r .subscribe-form .button {
						width: 79px;
						height: 22px;
						background: url(../images/subscribe-button.png) no-repeat left top;
						}
						#content .special .r .subscribe-form .button input {
							margin: 0;
							padding: 2px 0 3px;
							width: 79px;
							line-height: 18px;
							color: #fff;
							cursor: pointer;
							}
					#content .special .r .subscribe-form .button:hover {
						background-position: left -22px;
						}
						#content .special .r .subscribe-form .button:hover input {
							color: #000;
							}

				#content .special .r .sort {
					position: absolute;
					top: 0;
					left: 294px;
					}
				#content .special .r .open {
					display: block;
					left: 291px;
					margin: -2px 0 0;
					padding: 2px 3px;
					background: url(../images/subscribe-sort-exploded.png) no-repeat left top;
					}
					#content .special .r .sort .title {
						display: block;
						padding: 0 0 0 5px;
						width: 78px;
						height: 22px;
						line-height: 22px;
						font-size: 13px;
						background: url(../images/subscribe-sort-collapsed.png) no-repeat left top;
						cursor: pointer;
						}
					#content .special .r .sort ul {
						display: none;
						padding: 0 0 5px 0;
						}
					#content .special .r .sort.open ul {
						display: block;
						}
						#content .special .r .sort li {
							list-style: none;
							cursor: pointer;
							}
							#content .special .r .sort li a {
								display: block;
								padding: 0 0 0 5px;
								width: 79px;
								height: 20px;
								line-height: 20px;
								color: #000;
								}
							#content .special .r .sort li a:hover {
								text-decoration: none;
								background: url(../images/subscribe-sort-hover.png) no-repeat left center;
								}


				#content .special .r .all {
					position: absolute;
					top: 3px;
					right: 81px;
					padding: 0 17px 0 0;
					background: url(../images/bullet-all.png) no-repeat right center;
					}

				#content .special .r ul.offers {
					clear: both;
					overflow: hidden;
					margin: 14px 0 0;
					}
					#content .special .r .offers li {
						float: left;
						width: 102px;
						list-style: none;
						}
					#content .special .r .offers li.o3 {
						width: 108px;
						}
					#content .special .r .offers li.o4 {
						width: 123px;
						}
					#content .special .r .offers li.o5 {
						width: 107px;
						}
						#content .special .r .offers li a {
							float: left;
							margin: 0 2px 2px 0;
							padding: 0 6px 0 3px;
							line-height: 14px;
							font-size: 11px;
							background: url(../images/tag.png) no-repeat right top;
							}
						#content .special .r .offers li a:hover {
							text-decoration: none;
							background-position: right -14px;
							color: #fff;
							}
						#content .special .r .offers li span.title {
							display: block;
							overflow: hidden;
							width: 100%;
							font-size: 11px;
							color: #999;
							}
							#content .special .r .offers li .title a {
								float: left;
								padding: 0 0 5px 0;
								line-height: 27px;
								font-size: 26px;
								background: none;
								color: #be0540;
								}
							#content .special .r .offers li .title a:hover {
								text-decoration: underline;
								color: #be0540;
								}
							#content .special .r .offers li .title em {
								padding: 0 2px 0 0;
								text-indent: 2px;
								line-height: 19px;
								font-size: 18px;
								color: #be0540;
								}
							#content .special .r .offers li .title span {
								float: left;
								padding: 12px 0 0 3px;
								line-height: 11px;
								font-size: 11px;
								color: #999;
								}
	#content .contacts {
		margin: 0 0 12px 0;
		padding: 14px 0 0;
		width: 100%;
		height: 235px;
		background: url(../images/contacts-bg.png) no-repeat left bottom;
		}
		#content .contacts h1 {
			padding: 0 0 20px 0;
			font-size: 30px;
			line-height: 32px;
			}
		#content .contacts h2 {
			font: normal 20px/23px 'JosefinSansStdLight', Sans-serif;
			}
		#content .contacts .l {
			float: left;
			margin: 0 0 0 19px;
			width: 468px
			}
			#content .contacts .l p {
				padding: 0 0 15px 1px;
				}
			#content .contacts .l ul {
				padding: 0 0 15px 17px;
				list-style: none;
				}

		#content .contacts .r {
			float: right;
			width: 493px;
			}
			#content .contacts .r .top {
				padding: 10px 0 0 13px;
				width: 467px;
				height: 151px;
				font-size: 14px;
				background: url(../images/contacts-top.png) no-repeat left top;
				}
				#content .contacts .r .top dl {
					padding: 6px 0 0;
					line-height: 22px;
					}
					#content .contacts .r .top dt {
						float: left;
						padding: 0 0 0 18px;
						width: 199px;
						background: url(../images/bullet3.png) no-repeat left center;
						}
					#content .contacts .r .top dd {
						float: left;
						width: 240px;
						}
			#content .contacts .r .skype {
				position: relative;
				padding: 6px 0 0 6px;
				}
				#content .contacts .r .skype a {
					position: absolute;
					top: 6px;
					left: 6px;
					display: block;
					padding: 22px 0 0;
					width: 86px;
					height: 64px;
					font: normal 20px/21px 'JosefinSansStdLight', Sans-serif;
					text-align: center;
					background: url(../images/skype-online.png) no-repeat left top;
					color: #fff;
					}
					#content .contacts .r .skype a span {
						display: block;
						font: normal 14px/15px 'JosefinSansStdLight', Sans-serif;
						}
				#content .contacts .r .skype a:hover {
					text-decoration: none;
					}
				#content .contacts .r .skype h2 {
					margin: 0 0 0 98px;
					line-height: 62px;
					}
	#content .main {
		position: relative;
		margin: 5px 0 0;
		padding: 9px 19px 19px;
		width: 952px;
		background: url(../images/main-bg.png) repeat-y left top;
		}
	#content .main.type0 {
		margin: 0;
		}
		#content .main h1 {
			font-size: 30px;
			line-height: 30px;
			}
		#content .main .breadcrumbs {
			position: absolute;
			top: 13px;
			right: 20px;
			overflow: hidden;
			font-size: 11px;
			}
		#content .main.type0 .breadcrumbs {
			top: 16px;
			}
			#content .main .breadcrumbs li {
				display: inline;
				list-style: none;
				}
		#content .main .top-rounded {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			margin-top: -6px;
			width: 100%;
			height: 6px;
			font-size: 1px;
			background: url(../images/main-top.png) no-repeat left top;
			}
		#content .main .bottom-rounded {
			position: absolute;
			left: 0;
			bottom: 0;
			display: block;
			margin-bottom: -7px;
			width: 100%;
			height: 7px;
			font-size: 1px;
			background: url(../images/main-bottom.png) no-repeat left bottom;
			}
		#content .main .box {
			position: relative;
			margin: 17px 0 0;
			padding: 6px 13px 8px;
			width: 925px;
			background: url(../images/box-bg.png) repeat-y left top;
			}
			#content .main .box .top-rounded,
			#content .main .box .bottom-rounded {
				background: url(../images/box-top.png) no-repeat left top;
				}
			#content .main .box .bottom-rounded {
				height: 7px;
				margin-bottom: -6px;
				background: url(../images/box-bottom.png) no-repeat left bottom;
				}
			#content .main .box h2 {
				padding: 0 0 3px 0;
				line-height: 20px;
				font-size: 20px;
				font-weight: normal;
				}
			#content .main .box dl {
				overflow: hidden;
				width: 100%;
				}
			#content .main .box.type1 dl {
				padding: 8px 0 7px;
				}
				#content .main .box dl dt {
					float: left;
					width: 30px;
					}
					#content .main .box dl dt .bullet {
						display: block;
						width: 23px;
						height: 23px;
						line-height: 23px;
						font-size: 14px;
						font-weight: bold;
						text-align: center;
						background: url(../images/bullet4.png) no-repeat left top;
						}
				#content .main .box dl dd {
					float: left;
					width: 892px;
					}
					#content .main .box dl dd h2 {
						padding: 0;
						line-height: 24px;
						font-size: 18px;
						}
					#content .main .box dl dd p {
						margin: 6px 0 0;
						}
					#content .main .box dl dd ul,
					#content .main .box dl dd ol {
						list-style-position: inside;
						}
	#content .wrap {
		overflow: hidden;
		margin: 0 0 10px 0;
		line-height: 18px;
		}
	#content .wrap.type1 {
		margin: 10px 0 0;
		}
	#content .wrap.type2 {
		margin: 20px 0 0;
		}
		#content .wrap h2 {
			line-height: 22px;
			font-size: 20px;
			font-weight: normal;
			}
		#content .wrap ul,
		#content .wrap ol {
			padding: 0 0 12px;
			list-style-position: inside;
			}
		#content .wrap p {
			padding: 0 0 12px;
			}
		#content .wrap .l {
			float: left;
			width: 460px
			}
			#content .wrap .l h2 {
				padding: 6px 0 12px;
				}
		#content .wrap .r {
			float: right;
			width: 463px;
			padding: 0;
			}
			#content .wrap .form {
				padding: 8px 11px;
				}
			#content .wrap .form.type1 {
				width: 442px;
				height: 230px;
				background: url(../images/form-type1.png) no-repeat left top;
				}
			#content .wrap .form.type2 {
				padding-top: 15px;
				width: 442px;
				height: 262px;
				background: url(../images/form-type2.png) no-repeat left top;
				}
			#content .wrap .form.type3 {
				padding-bottom: 0;
				height: 171px;
				background: url(../images/form-type3.png) no-repeat left top;
				}
				#content .wrap .form.type3 form {
					margin: 14px auto 0;
					width: 662px;
					text-align: center;
					}
				#content .wrap .form.type3 form .button {
					margin: 0 0 0 2px;
					}
				#content .wrap .form p {
					padding: 10px 0 12px;
					}
				#content .wrap .form.type2 p {
					padding: 0;
					}
				#content .wrap .form.type2 form {
					margin: 20px 0 0;
					}
				#content .wrap .form div {
					margin: 0;
					float: left;
					padding: 12px 0 0 10px;
					width: 211px;
					height: 30px;
					background: url(../images/form-text.png) no-repeat left top;
					}
					#content .wrap .form div input {
						width: 201px;
						font: normal 14px/16px Arial, Helvetica, Sans-serif;
						background: none;
						border: 0 none;
						}
				#content .wrap .form div.code-text {
					width: 144px;
					background: url(../images/form-text-code.png) no-repeat left top;
					}
					#content .wrap .form div.code-text input {
						width: 134px;
						}
				#content .wrap .form div.code-img {
					padding: 0;
					width: auto;
					background: none;
					}
				#content .wrap .form div.post {
					width: 434px;
					height: 62px;
					background: url(../images/form-textarea.png) no-repeat left top;
					}
					#content .wrap .form div.post textarea {
						width: 424px;
						height: 49px;
						font: normal 14px/16px Arial, Helvetica, Sans-serif;
						background: none;
						border: 0 none;
						}

				#content .wrap .form div.button,
				#content .wrap .form div.button1 {
					margin: 4px 0 0;
					padding: 5px 0 0;
					width: 217px;
					height: 34px;
					background: url(../images/form-button.png) no-repeat left top;
					cursor: pointer;
					}
				#content .wrap .form div.button1 {
					float: right;
					background: url(../images/form-button1.png) no-repeat left top;
					}
					#content .wrap .form div.button input,
					#content .wrap .form div.button1 input {
						padding: 0 20px 0 0;
						width: 216px;
						font: normal 20px/22px 'JosefinSansStdLight', Sans-serif;
						color: #fff;
						cursor: pointer;
						}
				#content .wrap .form div.button:hover,
				#content .wrap .form div.button1:hover {
					background-position: left -39px;
					}
					#content .wrap .form div.button:hover input,
					#content .wrap .form div.button1:hover input {
						color: #000;
						}
		#content .wrap dl.con {
			overflow: hidden;
			}
			#content .wrap dl.con dt {
				float: left;
				padding: 20px 80px 20px 20px;
				height: 144px;
				width: 184px;
				font: normal 23px/26px 'JosefinSansStdLight', Sans-serif;
				background: url(../images/con-l.png) no-repeat left top;
				}
			#content .wrap dl.con dd {
				float: right;
				padding: 16px 20px;
				height: 153px;
				width: 605px;
				background: url(../images/con-r.png) no-repeat left top;
				}
				#content .wrap dl.con dd h2 {
					padding: 0 0 5px 0;
					}
				#content .wrap dl.con dd ul {
					list-style: none;
					list-style-position: outside;
					}

		#content .deals {
			padding: 20px 0 0;
			overflow: hidden;
			}
			#content .deals li {
				float: left;
				padding: 0 0 8px 8px;
				width: 472px;
				list-style: none;
				}
			#content .deals li.l {
				padding-left: 0;
				}
				#content .deals li img {
					vertical-align: top;
					}
				#content .deals li h2 {
					position: relative;
					overflow: hidden;
					line-height: 51px;
					text-indent: 17px;
					font-size: 18px;
					font-weight: normal;
					background: #f8ca00;
					}
					#content .deals li h2 span.price {
						position: absolute;
						top: 0;
						right: 14px;
						padding: 6px 0 0;
						width: 161px;
						height: 45px;
						line-height: 22px;
						font-size: 22px;
						text-align: center;
						text-indent: 0;
						background: url(../images/deals-price-bg.png) no-repeat left top;
						}
						#content .deals li h2 span.price em {
							font-size: 12px;
							font-style: normal;
							padding: 0 3px 0 0;
							}
						#content .deals li h2 span.price span {
							display: block;
							line-height: 11px;
							font-size: 11px;
							color: #866d00;
							}
				#content .deals li .details {
					position: relative;
					width: 472px;
					height: 135px;
					background: url(../images/deals-text-bg.png) no-repeat left bottom;
					padding: 0 0 1px;
					}
					#content .deals li .details p {
						padding: 14px 14px 57px 14px;
						}
					#content .deals li .details .details-bottom {
						overflow: hidden;
						position: absolute;
						left: 0;
						bottom: 14px;
						padding: 0 0 0 14px;
						width: 445px;
						line-height: 13px;
						font-size: 11px;
						color: #999;
						}
						#content .deals li .details .details-bottom p {
							float: left;
							padding: 5px 0 0;
							width: 272px;
							}
						#content .deals li .details .details-bottom a.button {
							float: right;
							width: 164px;
							height: 39px;
							font: normal 20px/39px 'JosefinSansStdLight', Sans-serif;
							text-indent: 33px;
							background: url(../images/deals-button.png) no-repeat left top;
							color: #fff;
							}
						#content .deals li .details .details-bottom a.button:hover {
							text-decoration: none;
							background-position: left -39px;
							color: #000;
							}

		#content .add {
			clear: both;
			width: 100%;
			margin: 10px 0 0;
			padding: 28px 0 4px;
			text-align: center;
			background: url(../images/add-line.png) no-repeat left top;
			}
			#content .add p {
				line-height: 22px;
				font-size: 20px;
				color: #999;
				}
			#content .add p em {
				display: block;
				margin: 0 0 7px;
				font: normal 36px/40px 'JosefinSansStdLight', Sans-serif;
				color: #fcb64e;
				}

	#search {
		overflow: hidden;
		margin: 0 0 0 -4px;
		padding: 10px 0 0;
		}
		#search .l {
			float: left;
			width: 250px;
			}
			#search .l h2 {
				position: relative;
				font: normal 20px/35px 'JosefinSansStdLight', Sans-serif;
				}
			#filter {
				position: relative;
				padding: 10px 19px 19px 19px;
				width: 214px;
				font-size: 12px;
				font-family: Arial, Helvetica, Sans-serif;
				background: url(../images/filter-bg.png) no-repeat left top;
				}
				#filter form {
					display: none;
					}
			#filter.open {
				z-index: 1;
				background: url(../images/filter-open-bg.png) no-repeat left top;
				}
				#filter.open form {
					display: block;
					}
				#filter.open .footer {
					z-index: -1;
					position: absolute;
					left: 0;
					bottom: 0;
					height: 90px;
					width: 100%;
					background: url(../images/filter-open-footer.png) no-repeat left bottom;
					}
			#filter.f-type2.open {
				height: 380px;
				background: url(../images/filter-open-bg2.png) no-repeat left top;
				}
				#filter h2 {
					width: 100%;
					}
					#filter h2 span {
						position: absolute;
						top: 4px;
						right: 0;
						display: block;
						width: 22px;
						height: 22px;
						line-height: 22px;
						text-indent: -9999em;
						background: url(../images/filter-b.png) no-repeat left top;
						cursor: pointer;
						}
					#filter h2 span:hover {
						background-position: left -22px;
						}
					#filter.open h2 span {
						background-position: left -44px;
						}
					#filter.open h2 span:hover {
						background-position: left -66px;
						}
				#filter.open p.message {
					display: none;
					}

				#filter input,
				#filter select {
					height: 17px;
					line-height: 17px;
					font-size: 12px;
					font-family: Arial, Helvetica, Sans-serif;
					background: none;
					border: 0 none;
					}
					#filter select option {
						background: #fff;
						}

				#filter dl {
					overflow: visible;
					}
					#filter dl dt,
					#filter dl dd {
						position: relative;
						float: left;
						width: 103px;
						}
						#filter dl dt {
							width: 109px;
							}
						#filter dl dd span,
						#filter dl dd div.select-type2 {
							float: left;
							}
						#filter dl dd div.select-type2 {
							margin-left: 6px;
							}
						#filter dl dd label {
							position: static;
							display: block;
							width: auto;
							}
						#filter dl dd label .title {
							width: 100%;
							}
						#filter dl dd .age {
							margin: 7px 0 0 5px;
							}
				#filter label {
					xposition: relative;
					clear: both;
					display: block;
					padding: 1px 0 0;
					width: 100%;
					}
					#filter label .text-type1,
					#filter label .text-type2,
					#filter label .text-type3,
					#filter label .select-type1,
					#filter div.select-type2,
					#filter label .select-type2,
					#filter label .select-type3 {
						z-index: 3;
						position: relative;
						padding: 8px 0 0 5px;
						display: block;
						width: 207px;
						height: 25px;
						background: url(../images/search-text-type1.png) no-repeat left top;
						}
						#filter label .text-type1 input,
						#filter label .select-type1 select {
							width: 202px;
							}
					#filter label .text-type1 {
						z-index: 70;
						}
					#filter label .select-type1 {
						padding-left: 2px;
						width: 210px;
						background: url(../images/search-select-type4.png) no-repeat left top;
						}
						#filter label .select-type1 select {
							width: 205px;
							}
					#filter label .text-type2 {
						position: relative;
						width: 97px;
						background: url(../images/search-text-type2.png) no-repeat left top;
						}
						#filter label .text-type2 img.ui-datepicker-trigger {
							position: absolute;
							top: 10px;
							right: 4px;
							width: 13px;
							height: 14px;
							background: url(../images/calc-ico2.png) no-repeat left top;
							cursor: pointer;
							}
						#filter label .text-type2 input {
							text-transform: uppercase;
							width: 78px;
							}
					#filter label .select-type3 {
						width: 97px;
						background: url(../images/search-select-type5.png) no-repeat left top;
						}
						#filter label .select-type3 span {
							overflow: hidden;
							width: 78px;
							white-space: nowrap;
							}
						#filter label .select-type3 select {
							width: 92px;
							}
					#filter label .text-type3 {
						clear:both;
						float: left;
						width: 43px;
						background: url(../images/search-text-type3.png) no-repeat left top;
						}
						#filter label .text-type3 input {
							width: 38px;
							}
					#filter div.select-type2,
					#filter label .select-type2 {
						padding-left: 2px;
						width: 46px;
						background: url(../images/search-select-type3.png) no-repeat left top;
						}
						#filter div.select-type2 select,
						#filter label .select-type2 select {
							width: 41px;
							}
					#filter label span.l {
						float: none;
						width: auto;
						}
					#filter label span.r {
						float: none;
						width: auto;
						}
				#filter h3 {
					clear: both;
					margin: 4px 0 0;
					padding: 6px 0 0;
					background: url(../images/separator2.png) no-repeat center top;
					}
					#filter h3 em {
						font-style: normal;
						color: #836c00;
						}
				#filter div.button,
				#filter div.button2 {
					margin: 12px 0 0;
					width: 214px;
					height: 39px;
					background: url(../images/search-button2.png) no-repeat left top;
					cursor: pointer;
					}
				#filter div.button2 {
					margin: 8px 0 0;
					background: url(../images/search-button1.png) no-repeat left top;
					}
					#filter div.button input,
					#filter div.button2 input {
						padding: 0 15px 0 0;
						width: 214px;
						height: 37px;
						font: normal 20px/37px 'JosefinSansStdLight', Sans-serif;
						background: none;
						border: 0 none;
						color: #fff;
						cursor: pointer;
						}
					#filter div.button2 input {
						padding: 0;
						}
				#filter div.button:hover,
				#filter div.button2:hover {
					background-position: left -39px;
					}
					#filter div.button:hover input,
					#filter div.button2:hover input {
						color: #000;
						}

				#filter label.checkbox {
					overflow: hidden;
					line-height: 20px;
					}
					#filter span.checkbox {
						float: left;
						width: 15px;
						height: 20px;
						margin: 0 6px 0 0;
						background: url(../images/checkbox.png) no-repeat left center;
						cursor: pointer;
						}
					#filter span.checkbox.c-checked {
						background-position: -15px center;
						}
						#filter span.checkbox input {
							display: none;
							}
				#filter label.checkbox .l {
					float: left;
					}
				#filter label.checkbox .r {
					float: right;
					color: #866d00;
					}
			#filter .hint {
				display: inline;
				}
				#filter .hint {
					right: -17px;
					position: relative;
					z-index: 80;
					}

			#search .l .special {
				margin: 9px 0 0 4px;
				padding: 5px 15px 15px;
				width: 212px;
				height: 295px;
				background: url(../images/search-special-bg.png) no-repeat left top;
				}
				#search .l .special p {
					float: left;
					width: 124px;
					}
				#content #search .l .special .mark {
					float: right;
					margin: 0;
					}
				#search .l .special form {
					clear: both;
					display: block;
					padding: 7px 0 0;
					}
					#search .l .special form label {
						clear: both;
						display: block;
						font-size: 12px;
						padding: 3px 0 0;
						}
						#search .l .special form label span {
							padding: 8px 0 0 5px;
							display: block;
							width: 207px;
							height: 25px;
							background: url(../images/search-text-type1.png) no-repeat left top;
							}
						#search .l .special form label span input {
							font-size: 12px;
							background: none;
							border: 0 none;
							}
					#search .l .special form div.button {
						margin: 10px 0 0;
						width: 214px;
						height: 39px;
						background: url(../images/search-button1.png) no-repeat left top;
						cursor: pointer;
						}
						#search .l .special form div.button input {
							padding: 0 15px 0 0;
							width: 214px;
							height: 37px;
							font: normal 20px/37px 'JosefinSansStdLight', Sans-serif;
							background: none;
							border: 0 none;
							color: #fff;
							cursor: pointer;
							}
					#search .l .special form div.button:hover {
						background-position: left -39px;
						}
						#search .l .special form div.button:hover input {
							color: #000;
							}
		#search .r {
			float: right;
			width: 691px;
			}
			#search .r .ads {
				line-height: 30px;
				text-align: center;
				border-top: 1px solid #000;
				}
			#search .r h2.sitemap {
				padding: 0 0 7px 0;
				line-height: 48px;
				font-size: 20px;
				font-weight: normal;
				text-align: center;
				border-top: 1px solid #000;
				}
			#search .r .result2 {
				overflow: visible;
				margin: 0 0 8px 0;
				padding: 10px;
				width: 671px;
				background: url(../images/result2-bg.png) repeat-y left top;
				}
				#search .r .result2 div.top-rounded {
					width: 100%;
					background: url(../images/result2-top.png) no-repeat left top;
					}
				#search .r .result2 div.bottom-rounded {
					width: 100%;
					background: url(../images/result2-bottom.png) no-repeat left bottom;
					}
				#search .r .result2 .lists {
					overflow: hidden;
					}
					#search .r .result2 .lists ul {
						float: left;
						width: 212px;
						line-height: 24px;
						list-style: none;
						padding: 0 0 0 10px;
						border-left: 1px solid #e5e5e5;
						}
						#search .r .result2 .lists ul li a {
							font-size: 15px;
							padding: 0 0 0 10px;
							}
					#search .r .result2 .lists ul.first {
						border: 0 none;
						}
					#search .r .result2 .lists.l-type1 li {
						padding: 0 0 0 5px;
						background: url(../images/bullet3.png) no-repeat left center;
						}

			#search .r .result {
				overflow: visible;
				margin: 0 0 5px 0;
				padding: 10px;
				width: 671px;
				height: 35px;
				background: url(../images/result-collapsed.png) no-repeat left top;
				}
				#search .r .result li {
					float: left;
					width: 217px;
					list-style: none;
					}
				#search .r .result li.center {
					width: 235px;
					}
				#search .r .result li.right {
					float: right;
					width: 206px;
					}
					#search .r .result li h2 {
						line-height: 20px;
						font-size: 18px;
						font-weight: normal;
						color: #be0540;
						}
					#search .r .result li p{
						font-size: 11px;
						color: #999;
						}
					#search .r .result li ul.options {
						z-index: 80;
						overflow: visible;
						margin: 10px 0 0;
						font-size: 11px;
						line-height: 26px;
						}
						#search .r .result li ul.options li {
							z-index: 90;
							position: relative;
							width: 39px;
							height: 26px;
							text-indent: 22px;
							background: url(../images/result-options-hover.png) no-repeat left top;
							cursor: help;
							}
						#search .r .result li ul.options li.opt2 {
							background-position: -39px top;
							}
						#search .r .result li ul.options li.opt3 {
							background-position: -78px top;
							}
						#search .r .result li ul.options li.opt4 {
							background-position: -117px top;
							}
						#search .r .result li ul.options li.opt5 {
							background-position: -156px top;
							}
							#search .r .result li ul.options li em {
								z-index: 100;
								position: absolute;
								top: 25px;
								left: 0;
								display: none;
								padding: 5px 8px 3px 6px;
								width: 119px;
								height: 46px;
								font: normal 11px/13px Arial;
								text-indent: 0;
								background: url(../images/hint-bg.png) no-repeat left top;
								}
						#search .r .result li ul.options li:hover.opt1 {
							background-position: left -26px;
							}
						#search .r .result li ul.options li:hover.opt2 {
							background-position: -39px -26px;
							}
						#search .r .result li ul.options li:hover.opt3 {
							background-position: -78px -26px;
							}
						#search .r .result li ul.options li:hover.opt4 {
							background-position: -117px -26px;
							}
						#search .r .result li ul.options li:hover.opt5 {
							background-position: -156px -26px;
							}
							#search .r .result li ul.options li:hover em {
								display: block;
								}

					#search .r .result li p.result-bottom {
						clear: both;
						margin: 45px 0 0;
						padding: 0 0 0 20px;
						background: url(../images/town-ico.png) no-repeat left center;
						color: #000;
						}

					#search .r .result li.center {
						height: 25px;
						line-height: 25px;
						text-align: center;
						}
						#search .r .result li.center img {
							display: none;
							vertical-align: middle;
							}
						#search .r .result li.center img.small {
							display: inline;
							}
						#search .r .result.r-open li.center img.small {
							display: none;
							}
						#search .r .result.r-open li.center img.big {
							display: inline;
							}
					#search .r .result.r-open li.center {
						height: 98px;
						line-height: 98px;
						}
						#search .r .result.r-open li.center img {
							vertical-align: middle;
							}
					#search .r .result li .price {
						float: left;
						margin: 1px 0 5px;
						width: 119px;
						height: 33px;
						line-height: 33px;
						font-size: 18px;
						text-align: center;
						background: url(../images/result-price-bg.png) no-repeat left top;
						}
						#search .r .result li .price em {
							padding: 0 2px 0 0;
							line-height: 14px;
							font-size: 12px;
							font-style: normal;
							}
					#search .r .result li .button1 {
						float: right;
						margin: 1px 0 5px;
						padding: 0 20px 0 0;
						width: 62px;
						height: 33px;
						line-height: 33px;
						text-align: center;
						background: url(../images/result-button1.png) no-repeat left top;
						color: #be0540;
						cursor: pointer;
						}
					#search .r .result li .button1:hover {
						background-position: left -33px;
						}
					#search .r .result.r-open li .button1 {
						background-position: left -66px;
						}
					#search .r .result li a.button2 {
						clear: both;
						display: block;
						width: 206px;
						height: 33px;
						text-align: center;
						font: normal 20px/33px 'JosefinSansStdLight', Sans-serif;
						background: url(../images/result-button2.png) no-repeat left top;
						color: #fff;
						}
					#search .r .result li a.button2:hover {
						text-decoration: none;
						background-position: left -33px;
						color: #000;
						}
					#search .r .result li ul.result-bottom {
						margin: 0 auto;
						font-size: 11px;
						text-align: center;
						line-height: 34px;
						}
						#search .r .result li ul.result-bottom li {
							float: none;
							display: inline;
							padding: 0 0 0 10px;
							width: auto;
							list-style: none;
							}

			#search .r .result.r-open {
				height: 98px;
				background: url(../images/result-exploded.png) no-repeat left top;
				}
				#search .r .result li ul.options,
				#search .r .result li p.result-bottom,
				#search .r .result li a.button2,
				#search .r .result li ul.result-bottom {
					display: none;
					}
				#search .r .result.r-open li ul.options,
				#search .r .result.r-open li p.result-bottom,
				#search .r .result.r-open li a.button2,
				#search .r .result.r-open li ul.result-bottom {
					display: block;
					}
	#info {
		overflow: hidden;
		padding: 17px 17px 9px;
		width: 919px;
		height: 234px;
		background: url(../images/info-bg.png) no-repeat left top;
		}
		#content #info h1 {
			clear: both;
			font: normal 24px/25px Arial;
			padding: 0 0 15px;
			}
		#info .l {
			float: left;
			width: 448px;
			}
			#info .l div {
				margin: 0 auto;
				padding: 15px;
				background: url(../images/info-bg1.png) no-repeat left top;
				}
				#info .l h2 {
					line-height: 30px;
					font-size: 24px;
					font-weight: normal;
					}
				#info .l p {
					line-height: 15px;
					color: #866d00;
					}
				#info .l p.price {
					margin: 10px 0 0;
					line-height: 30px;
					font-size: 24px;
					font-weight: normal;
					color: #000;
					}
					#info .l p.price em {
						line-height: 18px;
						font-size: 16px;
						font-style: normal;
						}
				#info .l img {
					display: block;
					margin: 10px auto 0;
					}
		#info .r {
			float: right;
			width: 457px;
			}
			#info .r p {
				line-height: 15px;
				color: #000;
				}
			#info .r h2 {
				clear: both;
				padding: 0 0 6px;
				line-height: 18px;
				font-size: 16px;
				font-weight: normal;
				}
			#info .r h3 {
				font-size: 13px;
				color: #999;
				}
				#info .r .l {
					float: left;
					padding: 0 0 11px;
					width: 214px;
					font-size: 11px;
					}
					#info .r .l h3 {
						background: url(../images/arrow-down.png) no-repeat right center;
						}
				#info .r .r {
					float: right;
					padding: 0 0 11px;
					width: 214px;
					font-size: 11px;
					}
					#info .r .r h3 {
						background: url(../images/arrow-up.png) no-repeat right center;
						}
				#info dl.l dt,
				#info dl.r dt {
					float: left;
					width: 108px;
					font-size: 13px;
					font-weight: bold;
					color: #999;
					}
				#info dl.l dd,
				#info dl.r dd {
					float: left;
					font-size: 13px;
					width: 87px;
					}

		#info .l .payment,
		#info .payment {
			margin: -10px 0 0;
			padding: 20px 0 0;
			height: 180px;
			line-height: 33px;
			font-size: 15px;
			background: url(../images/payment-bg.png) no-repeat left bottom;
			}
			#info .payment label.title {
				display: block;
				margin: -20px 0 15px;
				padding: 0 7px 0 0;
				width: 441px;
				height: 34px;
				line-height: 34px;
				background: url(../images/payment-card-bg.png) no-repeat left top;
				cursor: pointer;
				}
			#info .payment label.title.t-open {
				background-position: left -34px;
				}
				#info .payment label.title img {
					display: block;
					float: right;
					margin: 6px 3px 0 0;
					}
			#info .payment span.checkbox2 {
				float: left;
				width: 15px;
				height: 33px;
				margin: 0 6px 0 12px;
				background: url(../images/checkbox.png) no-repeat -30px center;
				cursor: pointer;
				}
			#info .payment span.checkbox2.c-checked {
				background-position: -15px center;
				}
				#info .payment span.checkbox2 input {
					display: none;
					}
			#info .payment label {
				padding: 0 10px;
				display: block;
				overflow: hidden;
				}
				#info .payment input,
				#info .payment select {
					font: normal 15px/18px Arial, Helvetica, Sans-serif;
					background: none;
					border: 0 none;
					}
				#info .payment label span.text-type1,
				#info .payment label span.text-type2,
				#info .payment label span.select-type1,
				#info .payment span.year span.select-type1 {
					float: right;
					display: block;
					padding: 6px 0 0 5px;
					line-height: 30px;
					height: 27px;
					line-height: 15px;
					}
				#info .payment label span.text-type1 {
					width: 270px;
					background: url(../images/payment-text-type1.png) no-repeat left top;
					}
					#info .payment label span.text-type1 input {
						width: 265px;
						}
				#info .payment label span.text-type2 {
					width: 80px;
					background: url(../images/payment-text-type2.png) no-repeat left top;
					}
					#info .payment label span.text-type2 input {
						width: 76px;
						}
				#info .payment label span.select-type1,
				#info .payment span.year  span.select-type1 {
					z-index: 4;
					position: relative;
					padding-left: 2px;
					width: 83px;
					background: url(../images/payment-select-type2.png) no-repeat left top;
					}
					#content #info .payment span.select {
						line-height: 33px;
						}
						#info .payment label span.select-type1 select,
						#info .payment span.year  span.select-type1 select {

							width: 80px;
							}
				#info .payment label.p-type1 {
					float: left;
					width: 312px;
					}
				#info .payment span.year {
					float: right;
					margin: 0 10px 0 0;
					width: 102px;
					}
			#info .payment .message {
				display: none;
				padding: 0 0 0 15px;
				}
	#content span.select {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 5px;
		line-height: 33px;
		background: none;
		}
		#content  select {
			z-index: 5;
			opacity: 0;
			filter:alpha(opacity=0);
			}
	#reservation {
		margin: 10px 0 0;
		padding: 17px 17px 9px;
		height: 170px;
		background: url(../images/reservation-bg.png) no-repeat left top;
		}
		#reservation h2 {
			padding: 0 0 10px 0;
			font-size: 16px;
			font-weight: normal;
			}
		#reservation dl {
			overflow: hidden;
			font-size: 11px;
			}
			#reservation dl dt {
				float: left;
				width: 143px;
				font-weight: bold;
				}
			#reservation div.r dl dt {
				width: 106px;
				}
			#reservation dl dd {
				float: left;
				width: 143px;
				}
			#reservation div.c dl dd {
				width: 122px;
				}
		#reservation div.l {
			float: left;
			width: 287px;
			padding: 45px 0 0;
			text-align: center;
			background: url(../images/reservation-bg1.png) no-repeat left top;
			}
		#reservation div.c {
			float: left;
			padding: 0 0 0 56px;
			width: 267px;
			}
		#reservation div.r {
			float: right;
			width: 271px;
			}
	#wrap2 {
		clear: both;
		overflow: hidden;
		padding: 10px 0 0 0;
		}
		#wrap2 .tip {
			padding: 0 0 10px 0;
			line-height: 12px;
			font-size: 11px;
			color: #999;
			}
		#wrap2 p.price {
			margin: 4px 0 8px -10px;
			padding: 0 10px;
			width: 438px;
			font-size: 20px;
			font-weight: bold;
			line-height: 42px;
			background: #f8ca00;
			}
		#wrap2 .l {
			float: left;
			width: 466px;
			padding: 8px 0 0 0;
			}
			#content #wrap2 .l .box,
			#content #wrap2 .r .box {
				margin: 0 0 17px 0;
				width: 438px;
				background: url(../images/box-bg2.png) repeat-y left top;
				}
			#content #wrap2 .r .box {
				margin: 127px 0 0 9px;
				}
				#content #wrap2 .r .box h2 {
					font-weight: normal;
					}
					#content #wrap2 .r .box h2 em.true {
						font-style: normal;
						color: #038832;
						}
					#content #wrap2 .r .box h2 em.false {
						font-style: normal;
						color: #a90303;
						}
				#content #wrap2 .r .box div.info {
					overflow: hidden;
					position: relative;
					padding: 12px 0 0;
					}
					#content #wrap2 .r .box div.info div.button {
						float: left;
						width: 213px;
						height: 59px;
						background: url(../images/button-type2.png) no-repeat left top;
						}
						#content #wrap2 .r .box div.info div.button input {
							padding: 0 64px 3px 40px;
							width: 213px;
							height: 59px;
							font: normal 16px/22px 'JosefinSansStdLight',Sans-serif;
							text-align: right;
							background: none;
							border: 0 none;
							color: #fff;
							white-space: normal;
							cursor: pointer;
							}
					#content #wrap2 .r .box div.info div.button:hover {
						background-position: left -59px;
						}
						#content #wrap2 .r .box div.info div.button:hover input {
							color: #000;
							}
					#content #wrap2 .r .box div.info p {
						float: left;
						position: absolute;
						right: 32px;
						bottom: 0;
						padding: 0;
						}

				#wrap2 .l .box .top-rounded,
				#wrap2 .r .box .top-rounded {
					background: url(../images/box-top2.png) no-repeat left top;
					}
				#wrap2 .l .box .bottom-rounded,
				#wrap2 .r .box .bottom-rounded {
					background: url(../images/box-bottom2.png) no-repeat left top;
					}
				#content #wrap2 .l .box ul.res {
					font-size: 16px;
					}
					#content #wrap2 .l .box ul.res li {
						padding: 0 0 0 21px;
						list-style: none;
						list-style-position: outside;
						}
					#content #wrap2 .l .box ul.res li.pick-up {
						background: url(../images/arrow-up.png) no-repeat left 3px;
						}
					#content #wrap2 .l .box ul.res li.drop-off {
						background: url(../images/arrow-down.png) no-repeat left 3px;
						}
						#content #wrap2 .l .box ul.res li ul {
							padding-top: 5px;
							padding-bottom: 12px;
							}
						#content #wrap2 .l .box ul.res li ul li {
							line-height: 18px;
							font-size: 13px;
							}
				#content #wrap2 .l .box h2.price {
					overflow: hidden;
					margin: 5px 0 0;
					line-height: 33px;
					}
					#content #wrap2 .l .box h2.price span {
						display: block;
						float: left;
						padding: 0 8px 0 0;
						}
					#content #wrap2 .l .box h2.price strong {
						display: block;
						float: left;
						width: 119px;
						height: 33px;
						font-size: 18px;
						font-weight: normal;
						text-align: center;
						background: url(../images/price-bg.png) no-repeat left top;
						}
						#content #wrap2 .l .box h2.price strong em {
							padding: 0 3px 0 0;
							line-height: 13px;
							font-size: 12px;
							font-style: normal;
							font-weight: normal;
							}
		#wrap2 .r {
			position: relative;
			float: right;
			width: 474px;
			line-height: 18px;
			}
			#wrap2 .r p.note {
				position: absolute;
				left: 0;
				bottom: -125px;
				line-height: 20px;
				font-size: 16px;
				color: #c62458;
				}
			#wrap2 .r h2 {
				padding: 10px 0 3px;
				line-height: 20px;
				font-size: 20px;
				font-weight: normal;
				}
			#wrap2 .r h3 {
				padding: 0 0 3px;
				line-height: 18px;
				font-size: 17px;
				font-weight: normal;
				}
			#wrap2 .r div.hr {
				padding: 0 0 10px;
				border-top: 1px solid #e5e5e5;
				}
			#wrap2 .r p {
				padding: 2px 0 14px;
				}
			#wrap2 .r .styled {
				padding: 2px 0 14px 10px;
				}
				#wrap2 .r .styled li {
					padding: 0 0 0 15px;
					list-style: none;
					background: url(../images/bullet5.png) no-repeat left center;
					}
			#wrap2 .rules {
				margin: 5px 0 0;
				padding: 7px 0 0;
				line-height: 20px;
				border-top: 1px solid #000;
				}
				#wrap2 .rules span.checkbox {
					float: left;
					width: 15px;
					height: 20px;
					margin: 0 6px 0 0;
					background: url(../images/checkbox1.png) no-repeat left center;
					cursor: pointer;
					}
				#wrap2 .rules span.checkbox.c-checked {
					background-position: -15px center;
					}
					#wrap2 .rules span.checkbox input {
						display: none;
						}

			#content div.button-type1 {
				z-index: 95;
				clear: both;
				position: relative;
				width: 213px;
				height: 59px;
				margin: 20px auto 0;
				background: url(../images/continue-button.png) no-repeat left top;
				}
				#content div.button-type1 input {
					z-index: 100;
					width: 213px;
					padding: 5px 20px 25px 0;
					font: normal 20px/22px 'JosefinSansStdLight', Sans-serif;
					background: none;
					border: 0 none;
					color: #fff;
					cursor: pointer;
					}
			#content div.button-type1:hover {
				background-position: left -59px;
				}
				#content div.button-type1:hover input {
					color: #000;
					}
				#content div.button-type1 span {
					z-index: -90;
					position: absolute;
					left: 0;
					bottom: 5px;
					display: block;
					width: 213px;
					font-size: 11px;
					text-align: center;
					color: #fdbe4a;
					}
				#content div.button-type1:hover span {
					color: #664a28;
					}
	.list-style1 {
		margin: 7px 0 0;
		}
		.list-style1 li {
			clear: both;
			position: relative;
			margin: 0 0 7px 0;
			line-height: 14px;
			height: 14px;
			list-style: none;
			border-bottom: 1px dotted #000;
			}
			.list-style1 li span {
				position: absolute;
				display: block;
				left: 0;
				bottom: -1px;
				border-bottom: 1px solid #fff;
				}
			.list-style1 li span.hint {
				padding: 0 20px 0 0;
				}
				#filter span.hint span,
				.list-style1 li span.hint span {
					position: absolute;
					top: 1px;
					left: auto;
					right: 0;
					display: block;
					width: 13px;
					height: 15px;
					font-size: 0;
					text-indent: -9999em;
					background: url(../images/hint-label.png) no-repeat left top;
					cursor: help;
					}
					#filter span.hint span:hover,
					.list-style1 li span.hint span:hover {
						background-position: -13px top;
						}
						#filter span.hint span em,
						.list-style1 li span.hint span em {
							z-index: 100;
							position: absolute;
							top: 1px;
							left: 15px;
							display: none;
							padding: 5px 8px 3px 6px;
							width: 119px;
							height: 46px;
							font: normal 11px/13px Arial;
							text-indent: 0;
							background: url(../images/hint-bg.png) no-repeat left top;
							}
			.list-style1 li strong {
				position: absolute;
				display: block;
				right: 0;
				bottom: -1px;
				border-bottom: 1px solid #fff;
				}
	#content .details2 {
		overflow: hidden;
		margin: 15px 0 0;
		padding: 10px 0 0;
		border-top: 1px solid #000;
		}
		#content .details2 h2 {
			line-height: 26px;
			font-size: 20px;
			font-weight: normal;
			}
			#content .details2 h2 a {
				padding: 0 0 0 10px;
				line-height: 16px;
				font-size: 14px;
				text-decoration: underline;
				}
		#content .details2 .list-style1 li {
			margin-bottom: 3px;
			}
		#content .details2 .l {
			float: left;
			width: 460px;
			}
			#content .details2 .l .list-style1 li span {
				border-bottom: 1px solid #f2f2f2;
				}
		#content .details2 .r {
			float: right;
			width: 465px;
			}
			#content .details2 .r .list-style1 {
				overflow: visible;
				width: 304px;
				}
				#content .details2 .r .list-style1 li strong {
					white-space: nowrap;
					left: 304px;
					}
	#optional label {
		clear: both;
		display: block;
		line-height: 35px;
		}
		#optional label span {
			z-index: 3;
			position: relative;
			display: block;
			float: left;
			margin: 0 5px 0 0;
			padding: 8px 0 0 2px;
			width: 47px;
			height: 25px;
			line-height: 15px;
			background: url(../images/personal-select-type1.png) no-repeat left top;
			}
			#optional label span span.select {
				line-height: 16px;
				}
			#optional label span select {
				width: 43px;
				font: normal 12px/15px Arial, Helvetica, Sans-serif;
				background: none;
				border: 0 none;
				}
		#optional label strong {
			padding: 5px;
			background: #f8ca00;
			}
	#personal dl {
		overflow: hidden;
		}
		#personal .details {
			overflow: hidden;
			}
		#personal .details label.airline {
			display: block;
			margin: 0 0 15px 0;
			line-height: 20px;
			}
			#personal .details label.airline span.checkbox {
				float: left;
				width: 15px;
				height: 20px;
				margin: 0 6px 0 0;
				background: url(../images/checkbox1.png) no-repeat left center;
				cursor: pointer;
				}
			#personal .details label.airline span.checkbox.c-checked {
				background-position: -15px center;
				}
				#personal .details label.airline span.checkbox input {
					display: none;
					}
		#personal label,
		#personal span select,
		#personal span input,
		#personal span textarea {
			font: normal 12px/15px Arial, Helvetica, Sans-serif;
			background: none;
			border: 0 none;
			}
		#personal span.select-type1,
		#personal span.select-type2,
		#personal span.text-type1,
		#personal span.text-type2,
		#personal span.text-type3 {
			z-index: 3;
			position: relative;
			display: block;
			padding: 8px 0 0 5px;
			height: 25px;
			}
		#personal span.select-type1 {
			padding-left: 2px;
			width: 209px;
			background: url(../images/personal-select-type3.png) no-repeat left top;
			}
			#personal span.select-type1 select {
				width: 205px;
				}
		#personal span.select-type2 {
			float: left;
			margin: 0 4px 0 0;
			padding-left: 2px;
			width: 65px;
			background: url(../images/personal-select-type2.png) no-repeat left top;
			}
			#personal span.select-type2 select {
				width: 62px;
				}
		#personal span.text-type1 {
			width: 206px;
			background: url(../images/personal-text-type1.png) no-repeat left top;
			}
			#personal span.text-type1 input {
				width: 201px;
				}
		#personal span.text-type2 {
			float: left;
			width: 134px;
			background: url(../images/personal-text-type2.png) no-repeat left top;
			}
			#personal span.text-type2 input {
				width: 130px;
				}
		#personal span.text-type3 {
			height: 172px;
			width: 206px;
			background: url(../images/personal-text-type3.png) no-repeat left top;
			}
			#personal span.text-type3 textarea {
				height: 162px;
				width: 201px;
				}
		#content #personal dl dt {
			float: left;
			width: 217px;
			}
			#content #personal dl dt label span.title {
				display: block;
				clear: both;
				}
		#content #personal dl dd {
			float: right;
			width: 217px;
			}

#message {
	display: none;
	z-index: 3000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/message-bg.png) repeat left top;
	}
	#message div.box {
		display: none;
		margin: 150px auto 0;
		width: 553px;
		}
	#message.show {
		display: block;
		}
		#message.show div.box {
			display: block;
			}
	#message div.pricing-info  div.middle div.wrap{
		overflow: auto;
		width: 537px;
		height: 420px;
		}
		#message div.box div.header {
			line-height: 42px;
			font-size: 20px;
			text-indent: 13px;
			background: url(../images/message-box-header.png) no-repeat left top;
			}
			#message div.box div.header a {
				float: right;
				margin: 0 13px 0 0;
				font-size: 13px;
				text-align: right;
				text-decoration: underline;
				color: #000;
				}
				#message div.box div.header a strong {
					font-size: 17px;
					}
		#message div.box div.middle {
			padding: 15px;
			background: url(../images/message-box-middle.png) no-repeat left bottom;
			}
			#message div.box div.middle div.l {
				float: left;
				width: 252px;
				}
				#message div.box div.middle div.l img {
					display: block;
					margin: 3px auto;
					}
			#message div.box div.middle div.r {
				float: right;
				width: 250px;
				}
				#message div.box div.middle div.r strong {
					display: block;
					padding: 0 0 10px 0;
					font-size: 16px;
					font-weight: normal;
					color: #ff0000;
					}
			#message div.box div.clear {
				clear: both;
				}
			#message div.box div.middle h2 {
				padding: 10px 0 5px 0;
				font-size: 20px;
				font-weight: normal;
				text-align: center;
				}
			#message div.box div.middle h3 {
				padding: 0 0 5px 0;
				font-size: 16px;
				font-weight: normal;
				}
			#message div.box div.middle ul {
				line-height: 18px;
				}
				#message div.box div.middle ul li {
					padding: 0 0 0 20px;
					list-style: none;
					background: url(../images/bullet5.png) no-repeat 5px 7px;
					}
			#message div.box div.middle div.w100 {
				margin: 9px 0 0;
				padding: 9px 0 0;
				border-top: 1px solid #e5e5e5;
				}
				#message div.pricing-info div.middle p {
					padding: 0 0 0 20px;
					}
			#message div.pricing-info div.middle div.l {
				padding: 0 15px 0 0;
				border-right: 1px solid #e5e5e5;
				}
			#message div.pricing-info div.middle div.r {
				float: left;
				margin: 0 0 0 -1px;
				padding: 0 0 0 15px;
				width: 235px;
				border-left: 1px solid #e5e5e5;
				}
	#message span.select {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 5px;
		line-height: 33px;
		font-size: 13px;
		background: none;
		}
	#message select {
		opacity: 0;
		filter:alpha(opacity=0);
		}
	#message div.cancellation form {
		text-align: center;
		}
		#message div.cancellation form fieldset {
			display: inline;
			padding: 20px 0 0;
			width: 300px;
			}
			#message div.cancellation form label {
				float: left;
				padding: 0 5px 0 0;
				font-size: 20px;
				line-height: 30px;
				}
			#message div.cancellation form span.select-type1 {
				z-index: 3;
				position: relative;
				float: left;
				padding: 8px 0 0 2px;
				width: 209px;
				height: 25px;
				line-height: 25px;
				background: url(../images/personal-select-type3.png) no-repeat left top;
				}
				#message div.cancellation form span.select-type1 span.select {
					text-align: left;
					overflow: hidden;
					width: 187px;
					white-space: nowrap;
					}
				#message div.cancellation form span.select-type1 select {
					width: 205px;
					background: none;
					border: 0 none;
					}
			#message div.cancellation form div.button {
				margin: 0 auto;
				width: 148px;
				height: 39px;
				background: url(../images/button-submit.png) no-repeat left top;
				}
				#message div.cancellation form div.button input {
					padding: 0 0 5px 0;
					width: 148px;
					height: 39px;
					font: normal 20px/39px 'JosefinSansStdLight', Sans-serif;
					background: none;
					border: 0 none;
					color: #fff;
					cursor: pointer;
					}
			#message div.cancellation form div.button:hover {
				background-position: left -39px;
				}
				#message div.cancellation form div.button:hover input {
					color: #000;
					}
		#message div.calendar form label {
			float: left;
			padding: 0 5px 0 0;
			line-height: 30px;
			}
		#message div.calendar form div.select-type1 {
			z-index: 3;
			position: relative;
			display: block;
			float: left;
			margin: 0 5px 0 0;
			padding: 8px 0 0 2px;
			width: 47px;
			height: 25px;
			line-height: 15px;
			background: url(../images/personal-select-type1.png) no-repeat left top;
			}
		#message div.calendar form fieldset {
			padding: 6px 0;
			}
		#message div.calendar form div.button {
			width: 217px;
			height: 39px;
			background: url(../images/form-button1.png) no-repeat left top;
			}
			#message div.calendar form div.button input {
				padding: 0 0 5px 0;
				width: 217px;
				height: 39px;
				font: normal 20px/39px 'JosefinSansStdLight', Sans-serif;
				background: none;
				border: 0 none;
				color: #fff;
				cursor: pointer;
				}
		#message div.calendar form div.button:hover {
			background-position: left -39px;
			}
			#message div.calendar form div.button:hover input {
				color: #000;
				}

#bottom {
	overflow: hidden;
	margin-top: 15px;
	height: 190px;
	font-size: 11px;
	}
	#bottom h2 {
		padding: 0 0 10px 0;
		font: normal 20px/23px 'JosefinSansStdLight', Sans-serif;
		}
	#bottom .testomonials {
		position: relative;
		float: left;
		margin: 0 33px 0 18px;
		width: 455px;
		height: 100%;
		}
		#bottom .testomonials .add {
			position: absolute;
			top: 6px;
			right: 3px;
			display: block;
			padding: 0 14px 0 0;
			background: url(../images/bullet2.png) no-repeat right center;
			}
		#bottom .testomonials dl {
			overflow: hidden;
			margin: 0 0 18px 0;
			}
			#bottom .testomonials dl dt {
				float: left;
				line-height: 15px;
				width: 128px;
				font-size: 12px;
				background: url(../images/bullet1.png) no-repeat 99px center;
				}
				#bottom .testomonials dl dt .date {
					display: block;
					line-height: 12px;
					font-size: 11px;
					color: #999;
					}
			#bottom .testomonials dl dd {
				float: left;
				width: 325px;
				}
	#bottom .contacts {
		float: left;
		padding: 0 0 0 14px;
		width: 181px;
		background: url(../images/separator.png) no-repeat left 5px;
		height: 100%;
		}
		#bottom .contacts address {
			font-style: normal;
			}
			#bottom .contacts address span {
				display: block;
				padding: 1px 0 5px 0;
				}
			#bottom .contacts address .title {
				padding: 1px 0;
				line-height: 12px;
				color: #999;
				}
			#bottom .contacts address .phone {
				font: normal 24px/24px 'JosefinSansStdLight', Sans-serif;
				padding: 0 0 5px 0;
				}
	#bottom .social-connection {
		float: right;
		padding: 0 0 0 14px;
		width: 233px;
		background: url(../images/separator.png) no-repeat left 5px;
		height: 100%;
		}
		#bottom .social-connection p {
			padding: 1px 0 10px 0;
			line-height: 13px;
			}
		#bottom .social-connection ul {
			overflow: hidden;
			}
			#bottom .social-connection ul li {
				float: left;
				width: 57px;
				list-style: none;
				text-align: center;
				}
				#bottom .social-connection ul li a {
					position: relative;
					display: block;
					padding: 50px 0 0;
					background: url(../images/social_connection.png) no-repeat left top;
					}
				#bottom .social-connection ul li.type2 a {
					background-position: -57px top;
					}
				#bottom .social-connection ul li.type3 a {
					background-position: -114px top;
					}
				#bottom .social-connection ul li.type4 a {
					background-position: -171px top;
					}
#message .ui-datepicker,
#ui-datepicker-div {
	z-index: 1000 !important;
	display: block;
	margin: 8px 0 0 -6px;
	padding: 0 0 10px 0;
	width: 500px !important;
	font-size: 13px;
	text-align: center;
	background: url(../images/datapicker-bg1.png) no-repeat left bottom;
	}
#message .ui-datepicker {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 250px !important;
	height: 200px;
	background: url(../images/datapicker-bg.png) no-repeat left bottom;
	}
	#message .ui-datepicker iframe,
	#ui-datepicker-div iframe {
		display: none;
		}
	#message .ui-datepicker.ui-helper-hidden-accessible,
	#ui-datepicker-div.ui-helper-hidden-accessible {
		display: none;
		}
	#message .ui-datepicker .ui-datepicker-header,
	#ui-datepicker-div .ui-datepicker-header {
		padding: 8px 0 20px;
		line-height: 22px;
		}
	#message .ui-datepicker .ui-datepicker-header a,
	#ui-datepicker-div .ui-datepicker-header a {
		position: absolute;
		top: 12px;
		right: 10px;
		display: block;
		width: 14px;
		height: 15px;
		line-height: 15px;
		text-indent: -9999em;
		background: url(../images/datapicker-arrows.png) no-repeat left top;
		cursor: pointer;
		}
	#message .ui-datepicker .ui-datepicker-header a.ui-datepicker-next-hover,
	#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next-hover {
		background-position: -14px top;
		}
	#message .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev,
	#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev {
		left: 10px;
		background-position: left -15px;
		}
	#message .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev-hover,
	#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev-hover {
		background-position: -14px -15px;
		}
	#message .ui-datepicker .ui-datepicker-inline,
	#ui-datepicker-div .ui-datepicker-group {
		float: left;
		width: 248px;
		background: url(../images/datapicker-header.png) no-repeat left top;
		}
	#message .ui-datepicker .ui-datepicker-last,
	#ui-datepicker-div .ui-datepicker-group-last {
		width: 249px;
		background: url(../images/datapicker-header.png) no-repeat right top;
		}
	#message .ui-datepicker table,
	#ui-datepicker-div table {
		position: relative;
		margin: -20px auto 0;
		}
		#message .ui-datepicker thead tr th,
		#ui-datepicker-div thead tr th {
			line-height: 22px;
			font-weight: normal;
			color: #999;
			}
		#message .ui-datepicker tbody tr td,
		#ui-datepicker-div tbody tr td {
			padding: 1px 2px;
			}
			#message .ui-datepicker tbody tr td a,
			#ui-datepicker-div tbody tr td a {
				display: block;
				width: 29px;
				height: 23px;
				line-height: 23px;
				color: #b10028;
				}
			#message .ui-datepicker tbody tr td a.ui-state-active,
			#ui-datepicker-div tbody tr td a.ui-state-active {
				background: url(../images/datapicker-active-date.png) no-repeat center center;
				color: #fff;
				}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	width: 100%;
	}
	#footer ul li {
		float: left;
		list-style: none;
		}
	#footer .wrap,
	#footer .copyright {
		margin: 0 auto;
		width: 955px;
		}
	#footer .top {
		overflow: hidden;
		background: #fff;
		border-bottom: 1px solid #eee;
		}
		#footer .top ul {
			float: left;
			}
			#footer .top ul li {
				line-height: 38px;
				font-size: 12px;
				padding: 0 15px 0 0;
				}
		#footer .top .bank-cards {
			float: right;
			}
			#footer .top .bank-cards img {
				margin: 0 0 0 10px;
				}
	#footer .copyright {
		line-height: 30px;
		font-size: 12px;
		color: #999;
		}
		#footer .copyright a {
			color: #999;
			}