/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#918F90;
background-color:#3F3F3F;
}

/*this pushes the horizon (container) down to 50% while giving the ability to pick a min-height so the main content doesn't get cut off at the top of the page*/
#containerpush{
position:absolute;
top:0;
width:100%;
height:50%;
min-height:310px;
}

/*this is necessary to keep the other box in the middle without the lines creating scrollbars i think or something...*/
#container{ /* in ie */
/*
position:absolute;
background-color:#3F3F3F;
left:0;
right:0;
top:0;
bottom:0;
*/
position:absolute;
bottom:0;
width:100%;
height:1px;
}

#main{
position:relative;
background-color:#FFFFFF;
width:800px;
margin:auto;
margin-top:-263px;
/*top:50%;*/
}

.line{
position:absolute;
width:1352px;
height:2px;
left:-276px;
background-image:url(/images/line.png); /* in ie */
background-repeat:no-repeat;
z-index:75;
}
.top{
top:-1px;
}
.bottom{
bottom:-1px;
}

.shadow{
position:absolute;
width:38px;
top:0;
bottom:0;
z-index:50;
}
.right{
right:-38px;
background-image:url(/images/rightshadow.png); /* in ie */
background-repeat:repeat-y;
}
.left{
left:-38px;
background-image:url(/images/leftshadow.png); /* in ie */
background-repeat:repeat-y;
}

/*top and bottom images and phrases*/
#header{
position:absolute;
top:-45px;
left:20px;
z-index:600;
}
#header img{
border:none;
}
/*
#header span{
position:absolute;
bottom:40px;
left:380px;
}*/
#span1{
position:absolute;
bottom:40px;
left:380px;
}
#language{
position:absolute;
bottom:42px;
width:165px;
left:610px;
}
#footer{
position:absolute;
bottom:-65px;
right:20px;
z-index:100;
}
#footer span{
position:absolute;
top:35px;
right:90px;
}
#copyright{
position:absolute;
top:30px;
left:-670px;
width:500px;
}
/*end top and bottom*/

#mainwrap{
overflow:hidden;

}
#truckwrap{ /* in ie to fix the problem with things falling off the bottom */
float:left;
width:550px;
padding-bottom:1000px;
margin-bottom:-1000px;

}
#truckwrap .truck{
margin-bottom:-3px;
}

#content{
position:relative;
border-top:solid #dcddde 2px;
padding:40px 240px 40px 40px;
color:#000000;
margin-left:-50px;
background-color:#FFFFFF;
}

#content p{ /* ugh, this fixes the stupid padding/margin problem in firefox*/
margin-top:0;
font-size:8pt;
}

#featured{
position:absolute;
top:20px;
right:40px;
height:100px;
width:150px;
text-align:right;
font-size:small;
padding-right:60px;
color:#918F90;
}
#featured img{
position:absolute;
right:0;
border:solid #fff 1px;
}
#featured img:hover{
border:solid #F27E24 1px;
}

/*----------------------------------------------------------- tab 页面使用 customization ----------------------------------------------------------------------*/
#woaicss * {
list-style-type:none; 
font-size:12px; 
text-decoration:none; 
margin:0; 
padding:0;

}
/*总体标签切换窗口的样式定义，宽高设置，溢出为隐藏，上下外边距为50px，左右为自动，实现水平居中对齐。*/

.woaicss {
margin:0; 
padding:0;
width:550px; 
height:540px; 
overflow:hidden; 
margin:0px auto;
background-color:gray;
}
/*无序列表UL的样式，宽高设置，背景图片为btn_bg.png。*/

.woaicss_title {
margin:0; 
padding:0;
width:549px; 
height:140px; 
float:right;
background:#fff url(../images/bg_pic.jpg) no-repeat;
overflow:hidden;
}
/*无序列表内列表项的样式，设置为块元素并应用向左的浮动，右侧外边距为2px。将列表项内联，文字对齐方式为居中。
*/
.woaicss_title li {
display:block; 
float:left; 
margin:80px 2px 0 0; 
display:inline; 
text-align:center;
}
/*列表项链接的样式，设置为块元素并指定了宽高，行高为34px，颜色为白色color:#fff；
*/
.woaicss_title li a {
display:block; 
width:33px; 
heigth:30px; 
line-height:34px; 
color:#fff;
}
/*列表项链接的悬停样式，颜色为#f0f0f0，加下划线作为装饰线。
*/
.woaicss_title li a:hover {
color:#f0f0f0; 
text-decoration:underline;
}
/*此四个样式的定义请与步骤四javascript脚本进行联系。即在函数的值变化时，相应的对无序列表的样式进行重新定义，我们在此处对背景图定位进行了调整，实现了选项卡片的突出状态。
*/
.woaicss_title_bg1 {background-position:0 0;}
.woaicss_title_bg2 {background-position:0 -144px;}
.woaicss_title_bg3 {background-position:0 -289px;}
.woaicss_title_bg4 {background-position:0 -434px;}
.woaicss_title_bg5 {background-position:0 -578px;}

/*内容层的样式定义，指定宽高，并设置背景图片con_bg.png。MB5U.com请您非凡注重，这里的背景图片与无序列表UL的背景图片应该是无缝结合。即从外观上它们两者是一个整体。*/

.woaicss_con {
margin:0; 
padding:0;
display:block; 
width:549px; 
height:500px; 
float:right;
background-color:#fff;
overflow:hidden;
}
/* 定义第一个标签的被景为一辆车 */
#woaicss_con1{
background:#fff url(../images/con_bg.png) no-repeat;
background-position:140px 120px; 
}
/* 内容部份*/
.woaicss_con h1{
	font-size:9pt;
	padding:10px;
	color:#848284;
}
.inner_div{
	margin:0;
	padding:0;
	width:518px;
	margin:20px 15px;
	padding-left:20px;
	//background-color:yellow;	
	//float:left;
	font-size:10pt;
	color:#000;
}
.inner_div ul{
margin:0;
padding:0;
width:388px; 
height:80px; 
display:inline;
color:#848284; 
font-size:9pt;
}
.inner_div ul li {

width:378px; 
line-height:20px; 
margin:0 auto; 
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden;

}