@charset "utf-8";
/* Insignificant stuff, for demo purposes */


/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
.coda-nav ul {

	/* 1tab/160px */
	/* 3tab width:611px; */
	/* 4tab width:697px; */

	/* 1tab for5tab width:140px; */
	/* 5tab width:697px; */
	overflow:hidden;
	clear: both;
	display: block;
	/* for 4tab width: 697px; */
	width: 706px;
	padding: 4px 0;
	border-top: 1px solid #94854B;
	background: #666;
	overflow: hidden;
	_height: 1%;
}

.coda-nav ul li {
	margin: 0 4px 0 4px;
	float: left;
	display: inline;
}
	
.coda-nav ul li a {
/* ‚±‚±*/
	margin: 0 0 0 0;
	width: 128px;
	height: 23px;
	background: url(../images/common/splite/newCommon1011.jpg) no-repeat;
	text-indent: -9000px;
	display: block;
}

/* 3tab
.coda-nav ul li.tab1 a { background-position: -240px -559px;}
.coda-nav ul li.tab2 a { background-position: -400px -559px;}
.coda-nav ul li.tab3 a { background-position: -560px -559px;}

.coda-nav ul li.tab1 a.current { background-position: -240px -582px;}
.coda-nav ul li.tab2 a.current { background-position: -400px -582px;}
.coda-nav ul li.tab3 a.current { background-position: -560px -582px;}
*/

/* 4tab
.coda-nav ul li.tab1 a { background-position: -240px -559px;}
.coda-nav ul li.tab2 a { background-position: -400px -559px;}
.coda-nav ul li.tab3 a { background-position: -560px -559px;}
.coda-nav ul li.tab4 a { background-position: -720px -559px;}

.coda-nav ul li.tab1 a.current { background-position: -240px -582px;}
.coda-nav ul li.tab2 a.current { background-position: -400px -582px;}
.coda-nav ul li.tab3 a.current { background-position: -560px -582px;}
.coda-nav ul li.tab4 a.current { background-position: -720px -582px;}
*/

/* 5tab */
.coda-nav ul li.tab1 a { background-position: -240px -462px;}
.coda-nav ul li.tab2 a { background-position: -370px -462px;}
.coda-nav ul li.tab3 a { background-position: -500px -462px;}
.coda-nav ul li.tab4 a { background-position: -630px -462px;}
.coda-nav ul li.tab5 a { background-position: -760px -462px;}

.coda-nav ul li.tab1 a.current { background-position: -240px -485px;}
.coda-nav ul li.tab2 a.current { background-position: -370px -485px;}
.coda-nav ul li.tab3 a.current { background-position: -500px -485px;}
.coda-nav ul li.tab4 a.current { background-position: -630px -485px;}
.coda-nav ul li.tab5 a.current { background-position: -760px -485px;}


/* Miscellaneous */
.panel h2.title {
	display:none;
}
noscript div {
	background: #ccc;
	border: 1px solid #900;
	margin: 20px 0;
	padding: 15px;
}
/* Most common stuff you'll need to change */

/* Change the width of the entire slider (without dynamic arrows) */
.codaSlider, .codaSlider .panel {
	width: 723px;
	height:227px;
}
/* Change margin and width of the slider (with dynamic arrows) */
.codaSliderWrapper.arrows .codaSlider, .codaSliderWrapper.arrows .codaSlider .panel {
	width: 723px;
	height:227px;
}
.codaSliderWrapper.arrows .codaSlider {
	margin: 0;
}

/* Panel padding */
.codaSlider .panel-wrapper {
	padding: 0;
}
/* Preloader */
.codaSlider p.loading {
	padding: 20px;
	text-align: center;
}
.codaSlider {}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.codaSliderWrapper {
	margin:0 0 5px 0;
	clear: both;
	overflow: hidden;
	border: 1px solid #94854B;
	border-top: none;
	background: url(../images/common/splite/newCommon1011.jpg) -240px -150px no-repeat;
	height: 260px;
}
.codaSlider {
	float: left;
	display:inline;
	overflow: hidden;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
.coda-slider-no-js .codaSlider {
	height: 272px;
	overflow: auto !important;
}
.codaSlider .panel {
	display: inline;
	float: right;
}
.codaSlider .panel p {
	display:inline;
	height:227px;
	width:723px;
	padding: 0;
	margin:0;
	float:left;
}
.codaSlider .panel p a {
	display:block;
	height:227px;
	width:723px;
	padding: 0;
	margin:0;
}