﻿@CHARSET "UTF-8";

/**debug / design **/
/**
#main_content{
	background-image: url("../images/grid.gif");
}
**/
/****reset***/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td { margin: 0; padding: 0; }

fieldset, img { border: 0; }

/* remember to define focus styles! */
:focus { outline: 0; }

address, caption, cite, code, dfn,
em, th, var, optgroup { font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr, acronym { border: 0; font-variant: normal; }

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt { font-size: 100%; }
.clear { clear:both;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/****reset******/

/***** basic default style *****/

table { border-collapse: collapse; border-spacing: 0; }
form, p, fieldset, pre { margin: 0; padding: 0; }
html   { text-align: center; }
a      { color: #4d9ad7; text-decoration: none; }
a:hover{ color: #ff3399; text-decoration: underline; }
em     { font-style: normal; color: #ff3399; }

/*END* basic default style *****/

/***** Heading *****/
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: bolder; color: #333; }
h1{ font-size: 24px; line-height: 1.5em; margin: 1em 0; }
h2{ font-size: 22px; line-height: 1.5em; margin: 1em 0; }
h3{ font-size: 20px; line-height: 1.5em; margin: 1em 0; }
h4{ font-size: 18px; line-height: 1.5em; margin: 1em 0; }
h5{ font-size: 16px; line-height: 1.5em; margin: 1em 0; }
h6{ font-size: 14px; line-height: 1.5em; margin: 1em 0; }
/*END* Heading *****/

/***** width *****/
.span-1 {width:50px;}
.span-2 {width:110px;}
.span-3 {width:170px;}
.span-4 {width:230px;}
.span-5 {width:290px;}
.span-6 {width:350px;}
.span-7 {width:410px;}
.span-8 {width:470px;}
.span-9 {width:530px;}
.span-10 {width:590px;}
.span-11 {width:650px;}
.span-12 {width:710px;}
.span-13 {width:770px;}
.span-14 {width:830px;}
.span-15 {width:890px;}
/*END* width *****/

.color1 { color:red;}
.color2 { color:#000;}
.color3 { color:#333;}
.color4 { color:#666;}
.color5 { color:#999;}
.color6 { color:#fff;}

/***** basic layout *****/
body{
	margin: auto;
	font-size: 12px;
	color: #000;
	text-align: left;
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

/**********header*********/
#main_header { width:950px; overflow:hidden; padding:0;margin:0; margin: auto;}
#logo { text-align:center;}
#search_block { clear:both; margin-bottom:20px; widht:950px; overflow:hidden; zoom:1; text-align:center;}

.search_left {  width:590px; margin-left:230px; zoom:1;}
.search_help { float:right; width:120px;}
.search_input {
	width: 410px;
	height: 22px;
	vertical-align: middle;
	margin: 0;
	margin-right:30px;
	padding: 3px 0 0 5px;
	border: 1px solid #ccc;
	line-height: 16px;
}
#searchbutton { padding:0 8px; height:127px; margin: 0; line-height: 16px;}
.nav {
	padding-left:30px; width:920px;
	margin:20px auto;
	display:block; overflow:hidden; background:url('../images/menu_bg.gif') repeat-x scroll left top #203FA0;
}
.nav li {
	float:left;

	padding:8px 25px 0px 0px;
	height:32px;
}
.nav li a { font-size:16px; font-weight:bold; color:#fff;}
.nav li a:hover { text-decoration: none; color:#fff; font-size:18px;}
.header_contact { text-align:center;}

/**********header*********/
#main_content{
	margin: auto;
	width:950px;
}
#main_foot{
	margin: auto;
	clear: both;
	padding: 10px 0;
	border-top: solid 1px #ccc;
	margin-top:20px;
	text-align: center;
	width:950px;
}
#main_foot a{
	color: #333;
	text-decoration: none;
}
/*END* basic layout *****/

/***** page nav *****/
.nav_div{
	float:none;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
}
.page_nav{
	clear:both;
	text-align:left;
	BORDER: none;
	BACKGROUND: none;
	LINE-HEIGHT: 26px;
	overflow:hidden;
}
.page_nav li{
	 display:inline;
	  margin-right:5px;}
.page_nav .current_page {
	font-weight: bolder;
}
.page_nav a{
	color:#333;
	padding: 4px;

	margin-left:3px;
	border:1px solid #e0e0e0;
	text-decoration:none;
}
.page_nav span{
	float:left;
}
.page_nav a:hover{
	text-decoration: underline;
	background-color: #efefef;
}
/*END* page nav *****/

.searchword{
	background-color: #ff0;
	color:#000;
}
.float_left { float:left;}
.float_right { float:right;}

.pos_nav { overflow:hidden; margin-bottom:15px; width:950px;}
.pos_nav ul { overflow:hidden;}
.pos_nav li { float:left;}
.children_list { margin-bottom:20px;}

.main_left { float:left; overflow:hidden; width:230px;}
	.side_block { margin-bottom:20px; border:1px solid #ccc; padding:10px;}
	.side_title{ background-color:#e0e0e0; padding-left:10px; margin:10px 0; font-size:14px; font-weight:bolder; }
		.side_block h4{ background-color:#e0e0e0; padding-left:10px; margin-top:10px;}

.main_right { float:right; padding:10px 0; width:700px; overflow:hidden;}

.prdt_title { font-weight:bolder;}
.prdt_price { color:red; font-size:14px;}

/***** window *****/
.window__{
	background: white;
	border: 3px solid #DDD;
	outline: 5px solid white;
}
.window__ .head__{
	text-align: right;
}
.window__ .body__{
	margin: 0 10px 10px 10px;
}
/*END* window *****/

/***** table *****/
table{
	width: 98%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

thead{
	background-color: #e0e0e0;
	border-bottom: 1px solid #ccc;
}
.even{
	background: #f2f2f2;
}
th{
	font-weight: bold;
}
th, td{
	text-align: left;
	padding: 5px 2px 3px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.ubb_post {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #e0e0e0;
	padding:10px;
	width:450px;
}
.ubb_post p{
	margin-top:10px;
}
.ubb_post a{
	margin:5px;
	padding:2px;
	border:1px solid #e0e0e0;
}

/*END* table *****/
/*****tab****/
#tab ul{
	height:30px;
	background: url('../images/tab_bottom.jpg') repeat-x bottom;
	overflow:hidden;
	margin-bottom:20px;
}
#tab li{
	display:inline;
}
#tab a{
	float:left;
	margin-right:3px;
	display:block;
	color:#333;
	text-decoration:none;
	width:80px;
	background-color:#f2f2f2;
	border:1px solid #e0e0e0;
	height:23px;
	text-align:center;
	padding-top:5px;
	font-size:14px;
	font-weight:bolder;
}
#tab .tab_now a{
	background-color:#fff;
	background-color:#fff;
	border-bottom: 1px solid #fff;
	height:23px;
}
#top_bar {
	border-bottom:1px solid #ccc; height:20px; padding:5px 0; text-align:right;
}
#top_content { margin:auto; width:950px;}
#top_bar a { color:#000; font-size:14px;}

.Brand-shop .BD-content {
    height: 380px;
}

.Brand-shop .BD-content .BD-mid {
    height: 306px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    float: left;
    padding: 20px 40px;
    position: relative;
    overflow: hidden;
}

.Brand-shop .BD-content .BD-mid .BD-wrap {
    height: 306px;
    overflow: hidden;
}

.BD-content .BD-mid .BD-wrap .scroll-wrap {
    height: 306px;
    position: relative;
}

.BD-content .BD-mid .BD-wrap .scroll-brand {
    height: 306px;
    float: left;
    position: relative;
}

    .BD-content .BD-mid .BD-wrap .scroll-brand li {
        width: 145px;
        height: 100px;
        float: left;
    }

.BD-content .BD-mid .BD-wrap .scroll-brand li a {
    width: 111px;
    height: 62px;
    margin-top: 20px;
    display: inline-block;
    background-image: url(../Images/brand_03.png);
    background-repeat: no-repeat;
    background-position: right center;
}

    .BD-content .BD-mid .BD-wrap .scroll-brand li a img {
        width: 100px;
        height: 50px;
        margin: 6px auto;
    }