/* *****************************************
/*+  servicePage  +*************************
/***************************************** */
/*+ BACKGROUND + ---------------------------- */
body#service div#mainImage { background:url(../img/service_bg.jpg) no-repeat top center;}

div.serviceLead {
	margin:0 auto 30px;
	width:740px;
	}
ul.serviceLink {
	margin:0 auto 30px;
	width:760px;
	}
ul.serviceLink li {
	margin:0 0 20px;
	}
ul.serviceLink li a {
	display:block;
	width:760px;
	height:120px;
	text-indent:-99999px;
	overflow:hidden;
	}
li.serMainte a {background:url(../img/bt_maintenance.jpg) no-repeat top;}
li.serBody a {background:url(../img/bt_bodyrepair.jpg) no-repeat top;}
li.serGuarantee a {background:url(../img/bt_guarantee.jpg) no-repeat top;}
li.serParts a {background:url(../img/bt_parts.jpg) no-repeat top;}
li.serLoan a {background:url(../img/bt_loan.jpg) no-repeat top;}
li.serInsura a {background:url(../img/bt_insurance.jpg) no-repeat top;}
li.serMainte a:hover,
li.serBody a:hover,
li.serGuarantee a:hover,
li.serParts a:hover,
li.serLoan a:hover,
li.serInsura a:hover {
	background-position:0 -120px;
	}
dl.serviceTxt {
	margin:0 auto 0 20px;
	width:740px;
	}
dl.serviceTxt dt{
	clear:both;
	display:block;
	float:left;
	width:84px;
	}
dl.serviceTxt dd {
	display:block;
	margin:0 0 5px 10px;
	padding:0 0 0 84px;
	}
/*+ service Detail + ---------------------------- */
div.serviceTxt {
	margin:0 0 20px 20px;
	}
/*+ service Side + ---------------------------- */
div#sideServiceWrap {
	margin:0 0 20px;
	padding:0 0 5px;
	background:url(../img/side_service_bottom.jpg) no-repeat bottom left;
	}
div#sideService {
	padding:0 0 7px;
	width:222px;
	background:url(../img/side_service_bg.jpg) repeat-y;
	}
div#sideService ul {
	width:222px;
	}
div#sideService ul li a {
	display:block;
	width:222px;
	height:30px;
	text-indent:-99999px;
	overflow:hidden;
	}
div#sideService ul li.mainte a {background:url(../img/nav_maintenance.gif) no-repeat top left;}
div#sideService ul li.bodyrepair a {background:url(../img/nav_bodyrepair.gif) no-repeat top left;}
div#sideService ul li.road a {background:url(../img/nav_guarantee.gif) no-repeat top left;}
div#sideService ul li.parts a {background:url(../img/nav_parts.gif) no-repeat top left;}
div#sideService ul li.loan a {background:url(../img/nav_loan.gif) no-repeat top left;}
div#sideService ul li.insura a {background:url(../img/nav_insurance.gif) no-repeat top left;}
body.maintenance div#sideService ul li.mainte a,
body.guarantee div#sideService ul li.road a,
body.parts div#sideService ul li.parts a,
body.loan div#sideService ul li.loan a,
div#sideService ul li.mainte a:hover,
div#sideService ul li.bodyrepair a:hover,
div#sideService ul li.road a:hover,
div#sideService ul li.parts a:hover,
div#sideService ul li.loan a:hover,
div#sideService ul li.insura a:hover {
	background-position:0 -30px;
	}
/*+ maintenance + ---------------------------- */
div.serviceBox {
	width:520px;
	margin:0 0 30px 20px;
	}
div.serviceBox h4 {
	margin:0 0 5px;
	line-height:1.4;
	}
div.serviceBox dt {
	float:left;
	margin:0 20px 0 0;
	width:221px;
	}
div.serviceBox dl.serBox02 dt {
	float:left;
	margin:0 0 0 20px;
	width:221px;
	}
div.serviceBox dl.serBox02 dd {
	float:left;
	padding:0;
	width:270px;
	}
div.serviceBox dl.serBox03 dt {
	float:left;
	margin:0 15px 0 0;
	width:180px;
	}
div.linkOfficial {
	margin:0 auto 10px;
	width:520px;
	text-align:right;
	}
div.serviceBox dl {
	margin:10px 0;
	}
div.serviceBox p.serAttention {
	font-size:0.9em;
	}
div.serviceBox p.serBlock {
	padding:10px 0 0 0;
	}
div.serviceBox ul {
	margin:10px 0 20px 20px;
	}
dl.reserveList {
	margin:0 auto 20px;
	width:520px;
	}
dl.reserveList dt {
	margin:0 0 5px;
	padding:0 0 0 10px;
	background:url(../../common/img/list_icon.gif) no-repeat left center;
	font-weight:bold;
	}
dl.reserveList dd {
	margin:0 0 5px 10px;
	}
div.reserveImage {
	margin:0 auto 20px;
	width:520px;
	}
ul.reserveOption {
	margin:0 auto;
	width:520px;
	}
ul.reserveOption li {
	font-size:0.9em;
	}
ul.reserveOption li span {
	padding:0 5px 0 0;
	}
/*+ service Tab + ---------------------------- */
div#approvedCar {
	display: none;
	}
ul#tabIndex {
	margin:0 auto 20px;
	width: 520px;
	height: 27px;
	text-indent: -99999px;
	position: relative;
	background:url(../img/tab_line.gif) repeat-x bottom left;
	}
ul#tabIndex li {
	display: inline;
	}
ul#tabIndex li a {
	display:block;
	height:27px;
	overflow: hidden;
	position: absolute;
	top: 0;
	}
ul#tabIndex li a .close {
	display:block;
	height:27px;
	cursor:pointer;
	}
ul#tabIndex li.newCar a,
ul#tabIndex li.newCar a .close {
	width: 115px;
	}
ul#tabIndex li.newCar a {
	background:url(../img/tab_new_on.gif) no-repeat;
	left: 12px;
	}
ul#tabIndex li.newCar a .close{
	background:url(../img/tab_new_off.gif) no-repeat;
	}
ul#tabIndex li.approvedCar a,
ul#tabIndex li.approvedCar a .close {
	width:145px;
	}
ul#tabIndex li.approvedCar a {
	background:url(../img/tab_approved_on.gif) no-repeat;
	left: 137px;
	}
ul#tabIndex li.approvedCar a .close {
	background:url(../img/tab_approved_off.gif) no-repeat;
	}
div#newCar dl.reserveList dt.strTxt {color:#c84017;}
div#approvedCar dl.reserveList dt.strTxt {color:#22a3b3;}
div#newCar ul.reserveOption {
	background:#e9af9d;
	padding:10px;
	}
div#approvedCar ul.reserveOption {
	background:#c1e3e7;
	padding:10px;
	}