html,body,div,span,applet,object,iframe,p,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
	caption,tbody,tfoot,thead {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.cleanCss{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html,body{
}

input,select {
	margin: 0px;
}

input[type=text]{
	height: 20px;
	padding:0px;
}

body {
	text-align: center;
	/*background-image: url("../images/background.png");*/
	background-image: url("../images/body_bg.png");
	background-repeat:repeat-x;
	/*background-color: #A10A0A;*/
	overflow-y:auto;
}

a {
	 text-decoration: none;
}

#contentWrapper{
	position:relative;
	width:920px;
	margin: 0 auto; /*** Centers the design ***/
	text-align: left;
}

#bodyContent{
	position:relative;
	background-color: white;
	vertical-align: top;
	min-height: 376px;
	border:1px solid #eee;
}

#header{
	height:96px;
}

#footer{
	border-top:2px solid #ccc;
	background-color: white;
	text-align: center;
	color:gray;
	padding:4px;
	height: 80px;
	background-image: url("../images/footer_bg.png");
	background-repeat:no-repeat;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

#logo_menu{
	position:relative;
	height:100px;
	background-image: url("../images/xuancau_logo.png");
	background-repeat: no-repeat;
}

#logo_menu ul{
}

#logo_menu ul li{
	display: inline;
	list-style-image: url("../images/menu_sep.png");
	list-style-position: inside;
}

#slogan{
	position: absolute;
	top:16px;
	left:140px;
	color:#666666; 
	font-size:14px;
}
#top_tool_box{
	position: absolute;
	z-index:1000;
	top:14px;
	right:0px;
	width:260px;
	line-height:20px;
	vertical-align: middle;
}
#menu{
	position: absolute;
	bottom: 26px;
	right: 0px;
	width:780px;
	height:33px;
	background-image: url('../images/menu_bg.png');
	background-repeat: no-repeat;
	padding-left:4px;
}

.sub_menu{
	position: absolute;
	z-index:100;
	width:564px;
	top:85px;
	left:140px;
	display: none;
	height:20px;
	background-image: url('../images/sub_menu_bg.png');
	background-repeat: no-repeat;
}

span#hotline_chat{
	font-weight: bold;
	font-size: 12px;
	color:#1AA3F0;
	margin-top:4px;
	display:block;
	cursor: pointer;
}

.sub_menu .no_sep{
	background-image: none;
}
/*
#menu .left{
	float:left;
	background-image: url('../images/menu_left.png');
	background-repeat: no-repeat;
	width:10px;
	height:31px;
}
*/
#menu .right{
	position:absolute;
	right:0px;
	/*
	background-image: url('../images/menu_right.png');
	background-position:top right;
	background-repeat: no-repeat;
	*/
	width:160px; 
	height:33px;
}

#menu .center{
	float:left;
	width:630px; 
	height:33px;
}

#menu a{
	display: block;
	float:left;
	padding:8px 0px 8px 0px;
	color: #333333;
	width:102px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-image: url('../images/menu_sep.png');
	background-position: right 2px;
	background-repeat: no-repeat;
}

#menu .no_sep{
	background-image: none;
}

#menu a:hover{
	background-image: url('../images/btn_bg.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color:white;
}

.sub_menu a {
	display: block;
	float:left;
	padding:4px 0px 4px 0px;
	color: #333333;
	width:140px;
	text-align: center;
	text-decoration: none;
	/*
	background-image: url('../images/menu_sep.png');
	background-position: right;
	background-repeat: no-repeat;
	*/
}

.sub_menu a:hover {
	/*
	background-image: url('../images/sub_menu_highlight.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-decoration: underline;
	*/
	color:#cc0000;
}

#searchInp{
	background-image: url('../images/search_bg.png');
	background-repeat: no-repeat;
	padding-left:12px;
	padding-right:22px;
	line-height:18px;
	font-size:10px;
	width:109px;
	height:18px;
	float:left;
	border:0px; 
	margin-top:4px;
	
}

.slideshow-content{
	overflow: hidden;
}

#footer ul{
}

#footer ul li{
	list-style: none;
}

#bigAdv{
	position:relative;
	width:920px; 
	height:334px;
	overflow: hidden;
}

#hp_nav{
	position: absolute;
	bottom: 10px;
	left:  10px;
	z-index: 100;
}

#nav_pager {
	font-size: 14px;
	margin: 3px 0;
}

.nav a, #s7 strong {
	margin: 0px 4px;
	padding: 1px 5px;
	background: #ea0;
	text-decoration: none;
}

.nav a.activeSlide {
	background: #cc6600;
	font-weight: bold;
	color:black;
}

.nav a:focus {
	outline: none;
}

#smallAdvSection{
	position:relative;
	width:920px; 
	height:160px;
	padding-left:0px;
}

#smallAdvSection .smallAdv{
	width:280px;
	height:134px;
	float:left;
	margin:8px 0px 8px 28px;
}

#smallAdvSection .smallAdv .header{
	background-image: url('../images/small_box_tab.png');
	background-repeat: no-repeat;
	width:100%;
	height:23px;
}

#smallAdvSection .smallAdv .container{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:110px;
	overflow: hidden;
}

#smallAdvSection .smallAdvDark{
	width:280px;
	height:134px;
	float:left;
	margin:8px;
	
}

#smallAdvSection .smallAdvDark .header{
	background-image: url('../images/black_small_box_tab.png');
	background-repeat: no-repeat;
	width:100%;
	height:24px;
}

#smallAdvSection .smallAdvDark .header .viewmore{
	float:right;
	width:60px;
	text-align: right;
}

#smallAdvSection .smallAdvDark .header .title{
	float:left;
	width:120px;
	padding-left: 18px;
	padding-top:5px;
	color:white;
	text-transform: uppercase;
}

#smallAdvSection .smallAdv .header .viewmore{
	float:right;
	width:60px;
	text-align: right;
}

#smallAdvSection .smallAdv .header .title{
	float:left;
	width:120px;
	padding-left: 18px;
	padding-top:5px;
	color:gray;
	text-transform: uppercase;
}

#smallAdvSection .smallAdvDark .container{
	height:110px;
	background-image: url('../images/black_small_box_bg.png');
	overflow: hidden;
	color:white;
}
.result-msg-box {
	background-color: #eee;
	border: 1px solid #ccc;
	margin: 15px;
}

/*
.scroll-pane {
	width: 200px;
	height: 100px;
	overflow: auto;
	background: white;
	float: left;
}
.osX .jScrollPaneTrack {
	background: url(images/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(images/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(images/osx_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(images/osx_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
 */
 
 /**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width:830px;
	float:left;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
 
#carousel-container { width:918px; height:135px; position:relative; margin:0px 0px 0px 0px;background-image: url("../images/slide_carou_bg.png");background-repeat: repeat-x;}
#carousel-container #tab {position: absolute; top: 0px; left: 20px;z-index: 1;}
#line-carousel-container { width:900px; height:104px; position:relative; margin-left:14px;}
#sr_carou_wrap{width:855px; height:113px; left:32px;position:absolute;bottom:0px;overflow:hidden;background-image: url("../images/sr_carousel_bg.png");background-repeat: repeat-x;}
#carousels{text-align:left;margin-top:10px;}
#line_carousels {width:886px; height:100px; overflow:hidden;float:left; text-align:center;}

#carousels li { float:left;	height:118px; width:258px; list-style-type: none; position: relative;margin:2px 8px;overflow: hidden;}
#carousels li div {text-transform: capitalize;float:left;font-size: 10px; width:134px;height:82px; display:block;color:#666666;margin-top:10px;}
#carousels li img { cursor:pointer;float:left; margin-top:10px; width:118px; height: 86px; margin-right:4px;}
#carousels li a { cursor:pointer; color:#5B5B5B;}


#line_carousels li { float:left; height:98px; width:120px; list-style-type: none; position: relative; text-align: center;}
#line_carousels li span {display:block; text-transform: uppercase;font-weight: bold; line-height:18px; width:110px; vertical-align:bottom; border-bottom:1px solid #ccc; }
#line_carousels li img { cursor:pointer; margin-top:10px; height: 70px;}
#line_carousels a {color: black;text-decoration: none;}
#left-arrow { position:absolute;bottom:0px;; cursor:pointer; }
#right-arrow{ position:absolute;right:0px;bottom:0px;cursor:pointer; }
#line-right-arrow, #line-left-arrow{ float:left; cursor:pointer; margin-top:38px;}

.locationBlock{
	background-image: url("../images/showroom_header.png");
	background-repeat: no-repeat;
	background-position:22px 0px;
	height: 26px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	padding-left:30px;
	vertical-align: middle;
}

.showroomBlock{
	width:420px;
	margin-left:20px;
	margin-top:10px;
}

.showroomBlock img{
	width: 168px;
	float: left;
	margin-right:4px;
}

.showroomBlock .showroomDescBlock{
	color:gray;
	float:left;
	width:242px;
}

.showroomDescBlock a{
	font-weight: bold;
	color:#5b5b5b;
}

.pageTitle{
	margin:0px 0px 14px 10px;
	padding-top:10px;
	height:20px;
	font-weight: bold;
	font-size: 12px;
	color: #5b5b5b;
}

.pageTitle1{
	margin:0px 0px 4px 10px;
	padding-top:10px;
	height:20px;
	font-weight: bold;
	font-size: 12px;
	color: #5b5b5b;
}

#lineDetailsSection{
	position: relative;
	height: 344px;
	overflow: hidden;
	background-image: url("../images/line_detail_bg.png");
	background-repeat: repeat-x;
	border:1px solid #ccc;
	color: gray;
}
#lineMenu ul{
	list-style: none;
	padding:0px;
	margin-top:10px;
}
#lineMenu ul li{
	list-style: none;
	padding:0px;
	margin-right:6px;
}
#lineMenu ul li a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	display:block;
	height: 24px;
	width:160px;
	color: gray;
	padding:5px;
	/*
	background-image: url("../images/dtl_menu_bg.png");
	background-repeat: no-repeat;
	*/
}
#lineMenu ul li a:hover{
	color: #ffcc66;
	cursor: pointer;
}
#lineMenu ul li a:selected{
}
/*
.liOnSelect{
	background-color: gray;
}
.liOnSelect a{
	color: white;
}
*/
#lineDetailsSection #lineMenu{
	height: 322px;
	width: 150px;
	float:left;
	padding:20px 0px 0px 20px;
}
#lineDetailsSection #lineImageDetail{
	height: 322px;
	width: 360px;
	float:left;
}

#lineImageDetail #imageCompartment{
	margin-top:22px;
	height: 300px;
	width: 340px;
	overflow: hidden;
}
#lineDetailsSection #lineDetails{
	height: 322px;
	width: 370px;
	float:left;
	padding-top:20px;
}

#lineMenu .lineName{
	color:#5b5b5b;
	font-weight: bold;
	font-size: 18px;
}

#descriptionSection{
	height: 170px;
	overflow: auto;
}

#lineDetailsSection .thumbnailPic{
	float:left;
	width:40px;
	height: 40px;
	margin:2px 6px 6px 6px;
	border:1px solid gray;
	cursor: pointer;
    filter: alpha(opacity =   40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    background-position: center;
}

#ymChatSupport{
	z-index:99;
	display:none;
	position: fixed;
	width:240px;
	height: 300px;
	bottom:0px;
	right:0px;
	background-color: white;
	border:2px solid #ccc;
}

#ymChatBoxClose{
	position:absolute;
	right:8px;
	bottom:8px;
	z-index: 100;
	cursor: pointer;
}

.promoContent{
	padding:0px 10px 10px 10px;
}

.promoSubTitle span{
	font-size:12px;
	color:#333333;
}

.promoSubTitle a{
	font-weight: bold;
	font-size: 12px;
	color: #0686DB;
	text-decoration: none;
}

.label{
	font-weight: bold;
	font-size: 11px;
	color: gray;
}

.error{
	color:red;
}

p.thanksPara{
	margin-top:20px;
	color: gray;
}
#srDetailsSection .thumbnailPic{
	float:left;
	width:60px;
	height: 40px;
	margin:2px 6px 6px 6px;
	border:1px solid gray;
	cursor: pointer;
    filter: alpha(opacity = 40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    background-position: center;
}
#srDetailsSection{
	position: relative;
	height: 380px;
	/*border:1px solid #ccc;*/
	color: gray;
}
#srMenu ul{
	list-style: none;
	padding:0px;
	margin-top:2px;
}
#srMenu ul li{
	list-style: none;
	padding:0px;
	margin-right:6px;
}

#srMenu ul li a{
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	display:block;
	height: 24px;
	width:160px;
	padding:5px;
	color: gray;
	/*
	background-image: url("../images/dtl_menu_bg.png");
	background-repeat: no-repeat;
	*/
}
#srMenu ul li a:hover{
	color: #ffcc66;
	cursor: pointer;
}
#srMenu ul li a:selected{
}
/*
.liOnSelect{
	background-color: gray;
}
.liOnSelect a{
	color: white;
}
*/
#srDetailsSection #srMenu{
	height: 322px;
	width: 150px;
	float:left;
	padding:20px 0px 0px 20px;
}

#srDetailsSection #srImageDetail{
	height: 322px;
	width: 360px;
	float:left;
}

#srImageDetail #imageCompartment{
	margin-top:20px;
	height: 300px;
	width: 340px;
	overflow: hidden;
}
#srDetailsSection #srDetails{
	height: 322px;
	width: 370px;
	float:left;
	padding-top:20px;
}
#srMenu .srName{
	color:#1AA3F0;
	font-weight: bold;
	font-size: 18px;
}

#priceSection{
	margin-top:10px;
}

.newsContent{
	color:#5b5b5b;
}

.newsListTitle{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.newsList ul{
	margin:10px 0px 20px 10px;
}