/**
* Description：Layout CSS for the website
* Author：Gavin
* E-mail: shengzhizhang@gmail.com
* Created On：2008-10-27
* Last modification On：2010-3-8
**/

/***** Container *****/
#container {
background:#E5E7EB url(bg2.jpg) repeat-x 0 0;
margin:0 auto;
width:982px;
text-align:center; 
}

/***** Header *****/
#header{
padding:0 16px; 
background:url(headBg.jpg) no-repeat 0 0;
}
#headbar {
border-bottom:1px solid #fff; 
height:29px; 
width:950px; 
position:relative; 
}
#headTop {
border-top:1px solid #B1B2B1; 
height:78px;
position:relative;
z-index:1000;
}
#links {
position:absolute; 
top:4px;
right:10px;
}
#links select{
width:100px; 
font-size:12px;
}

/***** Secondary navigation *****/
#secondaryNav {
text-align:left; 
height:29px; 
line-height:29px; 
}
#secondaryNav a{
color:#313131; 
margin:0 5px; 
}
#secondaryNav a:hover {
color:#1255A0; 
}

/***** Logo *****/
#logo {
left:0;
position:absolute;
top:0;
}

/***** Banner *****/
#banner {
overflow:hidden;
border:7px solid #F4F4F4; 
border-width:0 0 5px;
/* added */
width:950px; 
height:362px; 
overflow:hidden;
position:relative; 
z-index:0;
background:#666 url(bannerBg.gif) repeat-x 0 0;
padding-top:4px; 
}
#banner img{
display:block; 
}
#bannerContent {
width:950px; 
height:362px;
}
/* added */
#bannerControls{
position:absolute; 
bottom:0;
left:0;
z-index:1000;
width:100%; 
text-align:right; 
padding-bottom:6px; 
background:url(bannerControlsBg.png) repeat-x 0 100%;
}
#bannerControls a{
display:inline-block; 
position:relative; 
width:20px;
height:20px;
line-height:20px; 
overflow:hidden; 
margin-right:3px;
font-size:12px;
text-align:center; 
color:#fff; 
background:#000; 
}
#bannerControls a:hover,
#bannerControls a.activeSlide{
background:#802323; 
font-weight:bold;
}
#bannerControls a img{
width:98px;
position:absolute; 
top:0;
left:0;
}
#insideBanner {
background:url(insideBannerBg.gif) no-repeat 0 100%;
padding-bottom:21px; 
}

/***** Main *****/
#main {
padding:0 16px; 
overflow: hidden;
text-align:left;
}

/***** Sidebar *****/
#sidebar {
float:right;
width:170px;
}

/***** Content *****/
#content {
float:left;
width:755px;
}

/***** Footer *****/
#footer {
padding:0 16px; 
background:#E5E7EB url(footLogo.gif) no-repeat 16px 20px;
}
#copyright {
text-align:right; 
padding:15px 0 30px; 
border-top:6px solid #fff; 
line-height:20px;
color:#2C2C2C; 
}

/***** Index modules *****/
#part1 {
background:url(part1Bg.gif) no-repeat 0 0;
height:236px; 
overflow:hidden; 
padding-top:10px; 
}
#part2 {
background:#454545 url(divBg.gif) no-repeat 50% 0; 
height:258px; 
overflow:hidden; 
}
.title {
height:29px; 
position:relative; 
line-height:29px; 
}
.title h2{
text-indent:-9999em;
}
.title span{
position:absolute; 
top:0;
right:10px;
}
#news {
float:left;
width:439px; 
display:inline; 
margin-left:10px; 
}
.recommendNews {
float:left;
width:125px; 
height:164px; 
background:#D3D4D5; 
margin-top:8px; 
}
.recommendNews a{
display:block; 
}
.recommendNews a img{
border:1px solid #fff; 
}
.recommendNews a span{
display:block; 
padding:5px;
line-height:17px;
}
#news .newsList {
float:right;
width:278px; 
}
#news .title h2{
background:url(newsTitle.gif) no-repeat 0 0;
}
#news .content, #bbs .content {
padding:10px; 
height:175px; 
overflow:hidden; 
}
#news .content {
background:url(newsBg.gif) no-repeat 0 0;
}
#bbs {
float:left;
width:301px; 
display:inline; 
margin-left:10px; 
}
#bbs .title h2{
background:url(bbsTitle.gif) no-repeat 0 0;
}
#bbs .content {
background:url(bbsBg.gif) no-repeat 0 0;
}
#promotion, #promotion2 {
float:right;
width:170px; 
height:223px; 
overflow:hidden; 
display:inline; 
margin-right:10px; 
background:url(promotionBg.jpg) no-repeat 0 0;
}
#promotion2{
height:310px; 
margin:0; 
background-image:url(promotionBg2.jpg);
}
#promotion h2, #promotion2 h2{
text-indent:-9999em;
height:40px;
overflow:hidden; 
}
#promotion .content, #promotion2 .content {
padding:0 13px; 
}
.promotionImg img{
display:block; 
border:1px solid #fff; 
}
.promotionInfo{
background:#4D4D4D;
margin:4px 0; 
padding:4px; 
}
.promotionInfo a{
display:block; 
height:14px; 
line-height:14px;  
color:#FFF799;
padding-left:15px; 
background:url(listIcon11.gif) no-repeat 0 0;
}
.promotionInfo a:hover{
color:#fff;
}
.promotionInfo span{
display:block; 
color:#fff;
line-height:14px; 
padding-left:15px; 
}
#boutique,
#usedCar {
width:454px; 
padding:10px 10px 5px 10px; 
}
#boutique .title span,
#usedCar .title span{
top:8px;
}
#usedCar {
float:left;
}
#usedCar .title {
background:url(titleUsedCar.gif) no-repeat 0 0;
height:43px; 
}
#boutique {
float:right;
}
#boutique .title {
background:url(titleBoutique.gif) no-repeat 0 0;
height:43px; 
}
#alliance {
background:#BABBBD url(allianceBg.gif) no-repeat 0 0;
padding:20px 10px 20px 120px; 
}
#marqueeDemo {
width:820px;
height:54px; 
overflow:hidden; 
}
#marqueeDemo li{
float:left;
text-align:left; 
width:168px;
}
#marqueeDemo li img{
display:block;
border:2px solid #fff; 
}

/***** Sub navigation *****/
#subNav {
background:url(subNavBg.jpg) no-repeat 0 0;
margin-bottom:15px;
padding-bottom:16px; 
}
#subNav h2 {
font-size:14px;
height:27px;
line-height:32px;
color:#ff0; 
padding:10px 0 0 50px; 
text-align:left;
}
#subNav ul{
background:url(subNavItem.jpg) no-repeat 0 0;
width:132px; 
margin:5px auto 0; 
}
#subNav ul li {
float:left;
font-size:12px;
width:100%;
background:url(subNavDiv.gif) repeat-x 0 100%;
padding-bottom:2px; 
}
#subNav ul li.subNavBottom{
background:url(subNavBottom.gif) no-repeat 0 0;
height:6px; 
overflow:hidden; 
padding:0; 
}
#subNav ul ul {
display:none;
}
#subNav ul li a {
display:block;
text-align:center; 
line-height:14px;
line-height:18px; 
padding:4px 0; 
}
#subNav ul li a.current{
color:#fff; 
background:#5F5F5F url(subNavCurr.gif) no-repeat 0 100%;
}
#subNav ul li li a {
background-image:url(listIcon02.gif);
padding:4px 0 4px 20px;
}
#subNav ul ul li{
background:none;
padding:0; 
}
#subNav ul ul li a{
padding:0 0 0 20px; 
background:#666;
color:#fff; 
}

/***** Inside Pages *****/
.inside {
margin-top:4px; 
}
#mainTitle {
line-height:39px; 
height:39px; 
position:relative; 
padding-bottom:2px; 
background:url(mainTitleBg.gif) repeat-x 0 100%;
}
#mainTitle span {
position:absolute; 
top:0;
right:20px;
background:url(listIcon12.gif) no-repeat 0 50%;
padding-left:20px;
font-family:Verdana, Geneva, sans-serif;
}
#function {
min-height: 480px;
height: auto !important;
height: 480px;
overflow: visible;
padding:20px 14px;
}

/***** Product list *****/
.productList {
text-align:center;
}
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:15px 16px;
width:145px;
min-height:120px;
_height: 120px;
}
.productList a {
display:inline-block;
margin:0 auto;
}
.productList a img {
width:160px; 
height:109px; 
border:#ddd 1px solid;
}
.productList a:hover img {
border-color:#000;
}
.productList a span {
color:#000;
cursor:pointer;
display:block;
line-height:14px;
margin:4px auto 0;
overflow:hidden;
text-align:center;
white-space:nowrap;
text-align:left; 
margin-top:6px; 
}
.productList a:hover span {
color:#E60021;
}
.productList02 li {
padding:10px 3px;
}
.productList02 a img{
border:#ddd 1px solid;
width:140px;
}
.productList02 a:hover img {
border-color:#FFF799;
}
.productList02 a span{
color:#fff; 
}
.productList02 a:hover span {
color:#FFF799;
}

/***** Product list1 *****/
.productList1 {
text-align:center;
}
.productList1 li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:15px 16px;
width:145px;
min-height:120px;
_height: 120px;
}
.productList1 a {
display:inline-block;
margin:0 auto;
}
.productList1 a img {
width:143px; 
height:143px; 
border:#ddd 1px solid;
}
.productList1 a:hover img {
border-color:#000;
}
.productList1 a span {
color:#000;
cursor:pointer;
display:block;
line-height:14px;
margin:4px auto 0;
overflow:hidden;
text-align:center;
white-space:nowrap;
text-align:left; 
margin-top:6px; 
}
.productList1 a:hover span {
color:#E60021;
}
.productList02 li {
padding:10px 3px;
}
.productList02 a img{
border:#ddd 1px solid;
}
.productList02 a:hover img {
border-color:#FFF799;
}
.productList02 a span{
color:#fff; 
}
.productList02 a:hover span {
color:#FFF799;
}













/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
background:url(listDiv01.gif) repeat-x 0 100%;
float:left;
line-height:14px;
padding:10px 0;
position:relative;
text-align:left;
width:100%;
}
.newsList li a {
background:url(listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
font-size:11px;
position:absolute;
right:10px;
}
.newsList02 li{
padding:5px 0 6px 0; 
}
.headline{
margin-bottom:10px; 
}
.headline a {
font-weight:bold;
font-size:14px;
padding-left:20px;
height:30px; 
line-height:30px; 
}
.headline .newsInfo {
background:#F5F5F5; 
border:1px solid #CFCFCF; 
padding:10px 20px; 
line-height:20px; 
}

/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#E5E7EB;
border:1px solid #959699;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a:hover {
background:#4D4D4D;
border-color: #333;
color:#FFF799;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}
.msgPagination{
background:#f3f3f3; 
padding:4px 8px; 
line-height:20px; 
}
.msgPagination li {
float:left;
display:inline; 
margin-right:16px; 
}
.msgPagination li a{
white-space:nowrap;
display:inline-block; 
background:url(listIcon02.gif) no-repeat 0 50%;
padding-left:15px; 
}

/***** Question list *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** Video list *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
background:#fff;
border:solid 1px #eee;
margin:0 auto;
padding:10px;
text-align:center;
width:80%;
}
div.videoShow h4 {
background:url(videoIcon.jpg) no-repeat left 50%;
font-size:14px;
height:50px;
line-height:50px;
margin:0 auto;
padding-left:25px;
text-align:left;
width:80%;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding-bottom:20px;
}
#webmap dt {
color:#975317;
float:left;
height:19px;
line-height:19px;
margin-top:20px;
width:100%;
}
#webmap dt .dtBg01 {
background:url(webmapBg.gif) no-repeat 100% top;
float:left;
}
#webmap dt .dtBg02 {
background:url(webmapBg.gif) no-repeat 0 -38px;
float:left;
line-height:19px;
padding:0 10px;
}
#webmap dd {
float:left;
height:19px;
line-height:19px;
margin:4px 3px 0 0;
}
#webmap dd a {
background:url(webmapBg.gif) no-repeat 100% -19px;
float:left;
}
#webmap dd a span {
background:url(webmapBg.gif) no-repeat 0 -57px;
cursor:pointer;
float:left;
line-height:19px;
padding:0 10px;
white-space:nowrap;
}
#webmap dd a:hover {
background-position:100% 0;
}

#webmap dd a:hover span {
background-position: 0 -38px;
color:#975317;
}

/***** Article *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h4 {
font-size:13px;
margin-bottom:8px;
text-align:left;
}
.newsContent{
padding:20px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productDescription {
margin-bottom:30px; 
line-height:22px; 
}
.productDescription p{
margin:12px 0; 
}
.arguments {
float:left;
width:378px; 
}
.productImg {
float:right;
display:inline; 
text-align:center; 
width:264px; 
margin-top:50px; 
}
.productImg img{
width:246px; 
}
.slogan {
font-size:16px;
padding-left:10px; 
}
.price {
background:url(priceBg.gif) no-repeat 0 0;
width:264px;
height:80px;
overflow:hidden; 
margin-top:20px; 
}
.price strong{
display:block; 
color:#fff;
font-size:15px;
margin:42px 20px 0 50px;
text-align:center; 
overflow:hidden; 
white-space:nowrap;
}
#features {
width:724px; 
}
.tabItem{
background:#fff; 
line-height:22px; 
padding:20px; 
display:none; 
min-height: 300px;
height: auto !important;
height: 300px;
overflow: visible;
}
.desc_list li{
width:100%; 
background:#F6F6F6;
margin-bottom:10px; 
overflow:hidden;
height:auto; 
}
.desc_list .tabImg{
float:left;
}
.desc_list .tabImg img{
display:block; 
}
.desc_list li p {
color:#313131;
float:right;
width:420px; 
padding:10px 20px 0 0; 
margin:0 0 10px 0; 
}
.desc_list li p strong{
display:block; 
height:30px; 
line-height:30px; 
font-size:14px;
}
.tabs li {
float:left;
height:34px; 
line-height:34px; 
overflow:hidden;
background-repeat:no-repeat;
background-position:0 -34px;
text-indent:-9999em;
border-right:1px solid #fff; 
}
.tabs li.active{
background-position:0 0;
}
.tabs li#tab_features{
width:86px; 
background-image:url(tab1.gif);
}
.tabs li#tab_concept{
width:86px; 
background-image:url(tab2.gif);
}
.tabs li#tab_appearance{
width:99px; 
background-image:url(tab3.gif);
}
.tabs li#tab_specifications{
width:100px; 
background-image:url(tab4.gif);
}
.tabs li#tab_price{
width:74px; 
background-image:url(tab5.gif);
}
.tabs li#tab_interior{
width:74px; 
background-image:url(tab6.gif);
}
.tabs li#tab_performance{
width:99px; 
background-image:url(tab7.gif);
}
.tabs li#tab_boutique{
width:99px; 
background-image:url(tab8.gif);
border:none; 
}
.productImage {
text-align:center; 
margin-bottom:20px; 
}
.sub_tabs{
height:40px;
display:block; 
background:url(bg_sub_tabs.gif) repeat-x 0 0;
padding:0 0 0 40px;  
}
.sub_tabs li {
float:left;
height:35px; 
line-height:35px; 
padding:0 18px; 
display:inline; 
margin-right:8px; 
position:relative; 
}
.sub_tabs li.active{
background:url(bg_sub_item.gif) repeat-x 0 0; 
height:33px; 
line-height:33px; 
padding:0 17px; 
border:1px solid #ddd;
cursor:default;
font-size:14px;
}
.sub_tabs li.active span{
position:absolute; 
top:33px;
left:50%;
margin-bottom:-6px;
margin-left:-8px; 
display:block; 
background:url(tab_arrow.gif) no-repeat 0 0;
width:16px; 
height:6px; 
}
.sub_tab_item {
margin-top:20px; 
display:none; 
}

/***** Form elements *****/
fieldset {
border:none;
padding-left:60px;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:20px;
margin-right:1em;
text-align: left;
}
fieldset li .tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:2px;
width:300px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
/*.focusField {
border:solid 1px #83C6FA;
background:#F6FCFF;
color:#000;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #ddd;
}*/

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Member *****/
#member {
position:relative;
width:100%;
}

/***** Member tools *****/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}

.gallery ul{}
.gallery ul li{
float:left;
padding:5px;
}

.gallery ul li img{
border:1px solid #DCDCDC;
padding:1px;
}
.desc_list1 li{
width:100%; 
background:#F6F6F6;
margin-bottom:10px; 
overflow:hidden;
height:auto; 
}
.desc_list1 .tabImg{
float:left;
}
.desc_list1 .tabImg img{
display:block;
padding:15px 0 0 10px;
}
.desc_list1 li p {
color:#313131;
float:right;
width:590px; 
padding:5px 20px 0 0; 
margin:0 0 10px 0; 
}
.desc_list1 li p strong{
display:block; 
height:30px; 
line-height:30px; 
font-size:14px;
}

.gallery1 ul{}
.gallery1 ul li{
float:left;
padding:5px 2px;
text-align:center;
}

.gallery1 ul li img{
border:1px solid #DCDCDC;
padding:1px;
}


.productList01 {
text-align:center;
}
.productList01 li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
padding:15px 16px;
width:200px;
min-height:134px;
_height: 120px;
}
.productList01 a {
display:inline-block;
margin:0 auto;
}
.productList01 a img {
width:200px; 
height:134px; 
border:#C3D2FE 1px solid;
padding:1px;
}
.productList01 a:hover img {
border-color:#833832;
}
.productList01 a span {
color:#000;
cursor:pointer;
display:block;
line-height:14px;
margin:4px auto 0;
overflow:hidden;
text-align:center;
white-space:nowrap;
text-align:left; 
margin-top:6px; 
}
.productList01 a:hover span {
color:#E60021;
}

.productDescription01 {
margin-bottom:30px; 
line-height:22px;
text-align:center; 
}
.productDescription01 p{
margin:12px 0; 
text-align:center; 
}