@import "reset.css";
#container{
	width: 1000px;
	background: #bee9ff url(../images/bgver.gif) repeat-y left top;
	margin: 0 auto;
	text-align: left;
}
#container2 {
	width: 1000px;
	margin: 0 auto;
	background: url(../images/bgtop.gif) no-repeat left top;
}
#container3
{
	margin: 0 auto;
	background: url(../images/bgbottom.gif) no-repeat left bottom;
	width: 1000px;
}
#main{
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#content {
	width: 780px;
	float: left;
	overflow: hidden;
	text-align: left;
	background: #fff;
}
#menu-footer {
	text-align: right;
	color: #fff;
	float: left;
	width: 780px;
	height: 32px;
	overflow: hidden;
	padding-top: 6px;
}
#menu-footer a, #menu .menu-left a {
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
	padding-right:10px;
	padding-left:10px;
	margin: 0;
	border-right: 1px solid #fff;
}
#menu-footer a.non-border, #menu .menu-left a.non-border {border-right: 0;padding-right:0;}
.item {
	width: 100%;
	overflow: hidden;
}
.box-inside {
	padding: 5px;
}
/* #header */
#header {
	float: left;
	overflow: hidden;
	width: 780px;

}
/* end #header */
/* #menu */
#menu {
	float: left;
	border-top: 1px solid #fff;
	background: #4c4c4c;

	overflow: hidden;
	width: 780px;
	
}
.menu-left {
	background: url(../images/menuleftbg.gif) repeat-x left top;
	width:430px;

	padding-top: 6px;
}
.menu-left2 {
	background: url(../images/menuleftbg.gif) repeat-x left top;
	width:50px;
	padding-top: 5px;
}
.menu-left2 A:hover 
{
	
}
.menu-left3 {
	background: url(../images/menuleftbg.gif) repeat-x left top;
	width:65px;

	padding-top: 6px;
}
 #menu .menu-left3 a {
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:0;
	margin: 0;
	border-left : 1px solid #fff;
}
.m1
{
	background: url(../images/menuleftbg.gif) repeat-x left top;
	vertical-align: middle;
}
.m2
{
	
	
	height: 24px;
    text-align:center;
    padding-right:10px;
}

.m21
{
    font-weight: bold;
	height: 24px;
    vertical-align: middle;
}

.m21 A
{
    color: White;
}

.m3
{
	
}

.m31
{
    font-weight: bold;
    padding-left :5px;
    background-color:#BB1819;
    border:solid 1px White;
    padding:1px;
    padding-left :5px;
    width :150px;
    
}

.m31 A
{
    color: White;
    height: 25px;
}
.m31 a:active
{
    color: White;
    height: 25px;
}
.m31 A:hover
{
    color: Yellow ;
    height: 25px;
}
.menuright {width: 220px;height: 28px; padding: 3px 5px 0 5px;}
.menu-right {width: 240px;height: 28px; padding: 0 10px 0 33px;}
.menu-right .weblink {float: right; width: 150px;border: 1px solid #cdcdcd; margin-top: 3px;}
.menu-right .language {float: right;text-align: center;padding-top: 6px;}
/* end #menu */

/* search */
.search {
	background: #cfdee6 url(../images/searchbg.gif) repeat-x left bottom;
	height: 59px;
	overflow: hidden;
	float: left;
	width: 780px;
}
.search2 {
	background: url(../images/searchbgleft.gif) no-repeat left bottom;
	height: 54px;
	padding: 5px 0 0 98px;
	color: #00388b;
}
.search-left {width: 487px;}
.search-right {width: 195px;}
.search-left td, .search-right td {padding-right: 8px;}
.search-left .searchbutton, .search-right .searchbutton {position: relative; top: 2px;}
.search-left select, .search-right select {overflow: hidden;}
.search-button {margin-top: 3px;}
/* end search */

/*login + cart + support box  */
.login-outer {
	float: left;
	margin-top: 15px;
	padding: 0 6px;
	width: 768px;
}

.login {
	width: 209px;
	float: left;
	margin-right: 5px;
}
.login .xb1, .cart .xb1, .support .xb1 {background: #d7d7d7;}
.login .xb3, .login .xb4, .cart .xb3, .cart .xb4, .support .xb3, .support .xb4 {background: #fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.login .xb2, .cart .xb2, .support .xb2 {background: #fff; border-left: 2px solid #d7d7d7; border-right:2px solid #d7d7d7;}
.login .xbottom .xb1, .cart .xbottom .xb1, .support .xbottom .xb1 {background: #d7d7d7;}
.login .xbottom .xb3, .login .xbottom .xb4, .cart .xbottom .xb3, .cart .xbottom .xb4, .support .xbottom .xb3, .support .xbottom .xb4 {background: #fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.login .xbottom .xb2, .cart .xbottom .xb2, .support .xbottom .xb2 {background: #fff; border-left: 2px solid #d7d7d7; border-right:2px solid #d7d7d7;}
.login-content {
	border:0 solid #d7d7d7;
	border-width:0 1px;
	background: #fff;
}
.login-content-inner {
	padding: 0 7px 5px;
	overflow: hidden;
	float: left;
}

.login .login-content-inner {
	width: 193px;
	height: 126px;
	color: #00388b;
	overflow: hidden;
}

.log-label {
	height: 18px;
	overflow: hidden;	
	position: relative;
	top: -13px;
	left: 0;
	padding-left: 10px;
}
.log-label2 {
	background: #d8d8d8 url(../images/loglabelbg.gif) repeat-x left top;
	height: 18px;
	float: left;
}
.log-label3 {
	background: url(../images/leftloglabelbg.gif) no-repeat left top;
	height: 18px;
	float: left;
}
.log-label4 {
	background: url(../images/rightloglabelbg.gif) no-repeat right top;
	height: 17px;
	padding: 1px 15px 0 15px;
	width: auto;
	float: left;
}
.login .login-row {padding-bottom: 3px;}
.login .text-label {color: #00388b; width: 60px; margin-right: 3px; float: left; padding: 3px 0 0 0; overflow: hidden;}
.login .text-input {width: 130px; float: left; overflow: hidden;}
.login .text-inputtag {width: 120px;}
.login .login-content-inner a {color: #67889a;}
.login .login-content-inner a:hover {text-decoration: underline;}

.cart {width: 253px; float: left; margin-right: 5px;}
.cart .log-label {text-align: center; left: 50px;}
.cart .login-content-inner {
	width: 237px;
	height: 126px; 
	overflow: hidden;
}
.cartimg {width: 90px; float: left; overflow: hidden;}
.cartinfo {width: 147px; float: left; overflow: hidden; padding-top:30px;}

.support {width: 293px; float: left;}
.support .log-label {float: right;text-align: right; margin-right: 10px;}
.support .login-content-inner {
	width: 277px;
	height:126px;
	overflow: hidden;
}
.support-row {padding: 4px 0 7px 0;}
.support .text-info {padding: 5px 0 0 10px; float: left;width: 142px; overflow: hidden;}
.support-img{width: 125px; float: left; overflow: hidden}
/*login + cart + support box  */

/* shadow box */
.shadow {
	background: url(../images/sbbg.gif) repeat-x left bottom;
}
.shadow-lb {
	background: url(../images/slbcor.gif) no-repeat left bottom;
}
.shadow-rb {
	background: url(../images/srbcor.gif) no-repeat right bottom;
	padding-bottom: 22px;
}
.shadow-left {background: url(../images/slbg.gif) repeat-y left bottom; padding-left: 8px;}
.shadow-right {
	background: url(../images/srbg.gif) repeat-y right bottom;
	padding-right: 8px;
}
/* end shadow box */

/* gray tab */
.graytab {
	background:#ededed url(../images/graytabbg.gif) repeat-x left top;
	height: 34px;
	overflow: hidden;
}
.graytab-left {
	background: url(../images/lgraytab.gif) no-repeat left top;
	height: 34px;
}
.graytab-right {
	background: url(../images/rgraytab.gif) no-repeat right top;
	height: 26px;
	padding: 8px 18px 0 18px;
	color: #5c5c5c;
}
.graytab .graytab-right a {color: #5c5c5c;}
.graytab-right span {background: url(../images/graytabitem.gif) no-repeat left center; padding-left: 20px;}
/* end gray tab */

/* profeature */
.profeature {
	float: left;
	width: 780px;
	overflow: hidden;
}
.profeature .col {width: 25%; padding: 5px 8px;}
.rborder { border-right: 1px solid #e6e6e6;}
.bborder{ border-bottom: 1px solid #e6e6e6;}
.pf-title {padding: 5px 0; font-weight: bold;}
.pf-thumb {padding-right: 5px;}
.pdetail {padding: 10px 0 5px;}
.detailbutton {background: url(../images/detail.gif) no-repeat left top;height: 22px; width:58px; border:0; cursor: pointer;}
/* end profeature */
/* banner */
.banner {
	float: left;
	width: 780px;
	overflow: hidden;
	padding: 10px 0;	
}
.banner td {padding: 8px; vertical-align:top; }
.banner1 {
	float: left;
	width: 460px;
	overflow: hidden;
	padding: 5px 0;	
}
.banner1 td {padding: 2px; vertical-align:bottom; }
.banner2 {
	float: left;
	
	overflow: hidden;
	padding: 5px 0;	
}
.banner2 td {padding: 2px; vertical-align:bottom; }
/* end banner */
.content-row {float: left;width: 780px;overflow: hidden;}
/* tire */
.tire {width: 388px; }
.rim {width: 392px;}
.tire .graytab {width: 388px;}
.tire .col, .rim .col {width: 25%; padding: 5px 8px;}
.tire .shadow-right{width: 372px;}
/* end tire */

/* servicenews */
/* tab */
.tab {
	background: #f4f4f4 url(../images/tabbg.gif) repeat-x left top;
	height: 28px;
}
.tab-left {
	height: 28px;
	background: url(../images/ltabbg.gif) no-repeat left top;
}
.tab-right {
	height: 22px;
	background: url(../images/rtabbg.gif) no-repeat right top;
	color: #5a5a5a;
	padding: 6px 10px 0 10px;
	font-weight: bold;
}
.tab-right span {
	background: url(../images/tabitem.gif) no-repeat left center;
	padding-left: 20px;
}
.tab .tab-right a {
	font-weight: bold;
	color: #5a5a5a;
}

.tab-box .xb1 {background: #bcbcbc;}
.tab-box .xb3, .tab-box .xb4 {border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc;}
.tab-box .xb2 { border-left: 2px solid #bcbcbc; border-right:2px solid #bcbcbc;}
.tab-box .xbottom .xb1 {background: #bcbcbc;}
.tab-box .xbottom .xb3, .tab-box .xbottom .xb4 {border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc;}
.tab-box .xbottom .xb2 { border-left: 2px solid #bcbcbc; border-right:2px solid #bcbcbc;}
.tab-boxinside {
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	
	padding: 5px 7px;
}

.servicenews {
	float: left;
	width: 780px;
	text-align: left;
}
.service {
	width: 307px;
	padding: 0 7px;
	overflow: hidden;
}
.service-title{padding: 0px 0 0; height:100px;}
.service-thumb {
	padding: 0px 0 0;
}
.service-othernews {
	padding-left: 20px;
	margin-top: 5px;
}
.service-othernews span {
	background: url(../images/newsitem.gif) no-repeat left top;
	padding-left: 20px;
}
.service .service-othernews span a {
	color: #000;
	font-weight: bold;
}
.other-news {padding-top: 20px;}
.news {
	width: 459px;
	padding-right: 7px;
	overflow: hidden;
}

.news-text {
	color: #393939;
	float: left;
	margin-bottom: 5px;
}
.news-text img {
	float: left;
	margin-right: 8px;
}
.news .service-othernews span a {
	color: #000;
	font-weight: bold;
	position: relative;
	top: -3px;
}
.news-title {
	padding: 5px 0 15px;
}
.news-thumb {padding-right: 15px;}
.news .news-title a {
	font-weight: bold;
	color: #000;
}
/* en servicenews */

/* webvisit */
.webvisit {
	float: left;
	width: 780px;
	
	background: url(../images/webvisitbg.gif) repeat-x left top;
	overflow: hidden;
}
.webvisit .visit{vertical-align: bottom;padding: 0 0 5px 10px; color: #afafaf;font-weight: bold;}
.webvisit .copyright{padding: 40px 10px 0 0; color: #afafaf; text-align: right;}
/* end webvisit */
/* end webvisit */



.menu-footer {
	text-align: right;
	color: #fff;
	float: left;
	width: 780px;
	height: 32px;
	overflow: hidden;
	padding-top: 6px;
}
.menu-footer a {
	color: #fff;
	font-weight: bold;
	padding: 0 5px;
	padding-right:10px;
	padding-left:10px;
	margin: 0;
	border-right: 1px solid #fff;
}
.menu-footer a.non-border {border-right: 0;padding-right:0;}

