body, div, h1, h2, h3, table, tr, td, ul, span, p, iframe, input, img, textarea { margin: 0; padding: 0; border: 0; border-spacing: 0; line-height: 12px;}

body { background: #faf9fa url("../../img/bg.png") no-repeat top center; }
#wrapper { width: 966px; margin: 0 auto; }
.clear { clear: both;}

/* ------------- HEADER -------------- */
#header {  }
	#logo { background: url("../../img/logo.jpg") no-repeat; width: 171px; height: 148px; display: block; text-indent: -9999999px; margin: 10px 0 0 60px; float: left; }
	#nav { float: right; position: relative; margin-top: 140px;}
		.nav-bg.a1{ background: url("../../img/nav-bg.png") no-repeat; width: 76px; height: 56px; position: absolute; top: -18px; left: -12px;}
		.nav-bg.a2{ background: url("../../img/nav-bg-a2.png") no-repeat; width: 180px; height: 130px; position: absolute; top: -18px; left: 50px; }
		.nav-bg.a3{ background: url("../../img/nav-bg-a3.png") no-repeat; width: 125px; height: 130px; position: absolute; top: -18px; left: 230px; }
		.nav-bg.a4{ background: url("../../img/nav-bg-a4.png") no-repeat; width: 220px; height: 130px; position: absolute; top: -24px; left: 340px; }
		.nav-bg.a5{ background: url("../../img/nav-bg-a5.png") no-repeat; width: 97px; height: 105px; position: absolute; top: -18px; right: 10px; *right: -10px;}

		#nav li { float: left; list-style: none; position: relative; margin-left: 25px;}
		#nav li a{ text-decoration: none; font-size: 20px; color: #666666;}
		#nav li a.active{ color: #fff; }
		#nav li a.home{ background: url("../../img/home.png") no-repeat; width: 18px; height: 20px; text-indent: -9999999px; display: block; overflow: hidden; }
		#nav li a.home.active{ background-position: 0 -20px;}
	#driver { background: #fa0a0a; width: 966px; height: 340px; color: #fff; overflow: hidden; margin-top: 15px; position: relative;}
		#driver .allSlides { position: absolute; width: 2000px;}
		#driver .slide { position: relative; width: 966px;  height: 340px; overflow: hidden; float: left;}
		#driver .image { position: relative; float: right;}
		#driver .desc { background: url("../../img/driver-desc.png") repeat-y; width: 305px; height: 340px; position: absolute;}
			#driver .desc h1 { font-size: 36px; width: 230px; margin-left: 38px; margin-top: 30px; font-family: "SWCNBLN";  line-height: 30px;}
			#driver .desc p { font-size: 14px; width: 230px; margin-left: 38px; margin-top: 85px;}
			#driver .desc p a { color: #000; }
#shadow { background: url("../../img/pager.png") no-repeat top center; width: 966px; height: 30px; }
		#pager { padding-top: 10px; margin-left: 480px;}
			#pager a { background: url("../../img/pager-a.png") no-repeat; width: 14px; height: 14px; background-position: 0 -14px; overflow: hidden; float: left; text-indent: -999999px;
							display: block; cursor: pointer; margin-right: 5px; }
			#pager a.current { background-position: 0 0; }

	.bar { background: url("../../img/bar.png") no-repeat; width: 966px; height: 150px; color: #fff; margin-top: 15px; position: relative;}
		.bar h1{ width: 220px; position: absolute; bottom: 25px; left: 20px;}

/*-------------- BOX ----------------- */
.box { background: #e6e6e6; width: 100%; }
.box.search { height: 125px; font-size: 11px; margin-top: 5px;}
	.box.search table { padding: 5px; }
	.box.search td { border-right: #c9cbcc 1px solid; width: 220px; padding-left: 25px; padding-top: 3px; padding-bottom: 4px;}
	.box.search td.last { border: 0;}
	tr.names td { padding-bottom: 0; font-size: 11px; color: #4d4d4d;}
	.box.search span { padding-left: 4px; padding-right: 4px; color: #999;}
.box.map { height: 245px; }
	.box.map .column{ width: 325px; margin: 25px 0 0 15px; float: left; }
.box.map2 { height: 285px; }
	.box.map2 .column{ width: 325px; margin: 25px 0 0 15px; float: left; }
.box.form { height: 945px; *height: 910px;}
.box.form.photo { height: 695px; *height: 710px; cursor: default;}
/*--------------- MAIN -------------------*/
.main { margin-top: 20px; }
	.main p { padding: 20px 0 0 20px; width: 665px; font-size: 14px; color: #333333;}
	.main .left { width: 230px; float: left; margin-top: 13px;}
		.main .menu { margin-bottom: 25px; display: block;}
		.main .menu h3 { color: #fd1414; font-size: 18px; margin-bottom: 5px; margin-left: 15px; }
		.main .pag { padding: 20px 5px 0 0; float:right; display: block; color: #777777; font-size: 12px; margin-bottom: 5px; }
		.main .pag a { color: #777777; text-decoration: none; }
	.main .menu li { background: #e6e6e6; color: #777777; width: auto; display: block; padding: 10px 15px; margin: 3px 0; list-style: none; *height: 20px;}
		.main .menu .beam { background: #e6e6e6; color: #777777; width: auto; display: block; padding: 10px 15px; margin: 3px 0; height: 20px;}
		.main .menu a {  text-decoration: none; display: block;}
		.main .menu a {  text-decoration: none; display: block;}
		.main .menu p { width: 200px !important; color: #808080 !important; font-size: 11px; padding-top: 10px; padding-left: 15px; display: block; clear: both;}
	.main .right { float: left; width: 726px; margin-left: 10px; }
		.main .right h2 { color: #333; font-size: 28px; margin-left: 15px; margin-bottom: 5px;}
		.main .right h2 span.search { color: #f90808; }
		.main .right h2 span.offer { font-size: 18px; }
		.main .right h3 { padding-top: 20px; margin-bottom: 10px;}
		.main .right  span.line p { line-height: 26px;}

		.main div.offer { width: 230px; height: 194px; position: relative; float: left;}
			.main .offer .image { position: absolute;} 
			.main .offer .image img{ display: block; border:0; width:230px; height:194px;}
			.main .offer .desc { background: url("../../img/offer-desc.png") repeat; position: absolute; bottom: 0; height: 60px; font-size: 12px; width: 230px;}
			.main .offer .desc p { padding: 8px !important; width: auto !important; color: #fff !important; } 
			.main .offer a { width: 230px; height: 194px; display: block; }
		.main .offer.middle { margin: 0 15px; } 

		.new { background: url("../../img/new.png") no-repeat; width: 81px; height: 73px; position: absolute; top: -5px; left: -5px;}
		.promotion { background: url("../../img/promotion.png") no-repeat; width: 81px; height: 71px; position: absolute; top: -5px; left: -5px;}
.main .offer-row { margin-bottom: 15px; margin-left: 5px;}

#map { border: #e6e6e6 5px solid; margin-bottom: 20px;}
	#map iframe{ display: block; }
.btn-send { background: url("../../img/btn-send.png") no-repeat; width: 76px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: right; margin-right: 10px;}
.btn-backoffer { background: url("../../img/btn-backoffer.png") no-repeat; width: 140px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: right; margin-top: 10px; margin-right: 10px;}
.btn-save { background: url("../../img/btn-save.png") no-repeat; width: 76px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: left; margin-right: 5px;}
.btn-view { background: url("../../img/btn-view.png") no-repeat; width: 90px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: left;}
.btn-search { background: url("../../img/btn-search.png") no-repeat; width: 77px; height: 20px; display: block; text-indent: -999999px; cursor: pointer; float: right; margin-right: 28px;}
.btn-next { background: url("../../img/btn-next.png") no-repeat; width: 150px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: left; margin-right: 5px;}
.btn-finish { background: url("../../img/btn-finish.png") no-repeat; width: 76px; height: 37px; display: block; text-indent: -999999px; cursor: pointer; float: left; margin-right: 5px;}
.big-photo { border: #e6e6e6 5px solid; position: relative;}
	.big-photo img { display: block; width: 100%;}
	.zoom { background: url("../../img/zoom-ico.png") no-repeat; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block;}
.photo { float: left; margin-top: 10px; display: block; cursor: pointer; }
.photo.middle { margin-right: 15px; margin-left: 15px; } 


/*---------- FOOTER ------------------- */
#footer { width: 100%; padding-top: 5px; border-top: #e6e6e6 1px solid; margin-top: 15px; color: #bcbcbc; font-size: 11px; margin-bottom: 100px; }
	#footer span { float: left; margin-left: 10px; }
	#footer span a { color: #fc5d5d; text-decoration: none; }
	#footer ul { float: right; }
	#footer ul li { float: left; list-style: none; }
	#footer ul li a:link, #footer ul li a:hover, #footer ul li a:visited, #footer ul li a:active { text-decoration: none; color: #bcbcbc; padding: 0 7px;}


input[type="text"]{
	background: #fcfcfc;
	border: #c9cbcc 1px solid;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	color:#999999;
}

input.file{
	background: #fcfcfc;
	border: #c9cbcc 1px solid;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	color:#999999;
	margin-bottom: 5px;
	*margin-bottom: 1px;
}

textarea{
	background: #fcfcfc;
	border: #c9cbcc 1px solid;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	color:#999999;
	resize: none;
}

.box.map tr.names td { padding-bottom: 5px; }
.box.map tr td { padding-bottom: 15px; }
.box.form tr.names td { padding-bottom: 2px; }
.box.form tr td { padding-bottom: 10px; padding-right: 40px; }
.inner { padding: 0 20px;}

.checkbox { font-size: 14px; color:#999999; padding-bottom: 5px;}
	.checkbox span.name{ padding-top: 4px; display: block; margin-left: 25px; font-style: italic;}
	.checkbox span.name a { color:#000; }

#fb{ position: fixed; top: 160px; right: -300px; }
.fb-icon{ background: url('../../img/fb-icon.png') no-repeat; width: 50px; height: 73px; float: left;}
.fb-content { background: #fff; width: 300px;  height: 300px; margin-left: 50px; margin-top: 9px; }

/**.lb { background: #aaa6a3; width: 720px; height: 440px; color: #fff; position: absolute; z-index: 9999999; top: 100px; left: 50%; margin-left: -360px; display: none;}**/
.lb { background: #aaa6a3; color: #fff; position: absolute; z-index: 9999999; top: 100px; left: 50%; margin-left: -360px; display: none;}
.lb-bg { background: url("../../img/lb-bg.png") repeat; width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;}
	.btn-close { background: url("../../img/btn-close.png") no-repeat; width: 19px; height: 20px; display: block; position: absolute; top: -25px;  right: 0; cursor: pointer;}
	/**.lb .image { width: 712px; height: 340px; overflow: hidden; margin: 4px; *padding-top: 4px;}**/
	.lb .image { overflow: hidden; margin: 4px; *padding-top: 4px;}
	.lb .desc { padding: 8px 8px 0 15px; font-size: 14px; }