/* CSS Document */

html,body{
	margin:0px;
	background:url(../image/new/bg-site.jpg) top repeat-x; 
	background-color:#030303; 
	font-family:Tahoma;
	font-size:12px;
}

.clearboth{	clear:both;}
p{margin:0px; padding:0px;}
.wrap{ width:980px;}
.clr{ clear:both;}
a{text-decoration:none; color:#666666;}
a:hover {	text-decoration:none;}
.red{border:1px solid red;}
.blue{border:1px solid blue;}
.module{ margin-bottom:5px;}

.banner{ background:url(../image/new/bg-header.jpg) top no-repeat; height:120px;}
.logo{float:left; height:95px; width:440px;}
.logo a{ float:left; height:99%; width:440px; background:url(../image/new/logo.jpg) left top no-repeat;}

.Menu{ height:46px; background:url(../image/new/bg-menu.jpg) repeat-x; line-height:46px;}
.Menu .left{height:100%; background:url(../image/new/l-menu.jpg) left no-repeat;}
.Menu .right{height:100%; background:url(../image/new/r-menu.jpg) right no-repeat;}
.menu-item, .menu-item-select{ background:url(../image/new/diamon.png) right no-repeat; float:left; position:relative;}
.menu-item a, .menu-item-select a{ display:block; float:left; color:#8D7DD5; text-transform:uppercase; text-decoration:none; padding:0 34px 0 14px; font-size:11px; font-family:Verdana;}
.menu-item-select a, .menu-item a:hover{ color:#fff;}

.content{padding:0px; text-align:left; position:relative; z-index:2;}
.left-content{float:left; width:200px; position:relative; z-index:4;}
.right-content{float:right; width:765px; position:relative; z-index:4; padding-top:320px;}

.contain-content{ background:url(../image/new/point.jpg) top repeat-x;position:relative; z-index:2;}
.left-border{ background:url(../image/new/point.jpg) left repeat-y; position:relative; z-index:3;}
.right-border{ background:url(../image/new/point.jpg) right repeat-y; position:relative; z-index:3;}
.l-t-border{ background:url(../image/new/l-t-content.jpg) top left no-repeat;}
.r-t-border{ background:url(../image/new/r-t-content.jpg) top right no-repeat;}

.bottom-content{ height:4px; font-size:1px; background:url(../image/new/point.jpg) bottom repeat-x;}
.bottom-content .left{ height:100%; background:url(../image/new/l-content.jpg) bottom left no-repeat;}
.bottom-content .right{ height:100%; background:url(../image/new/r-content.jpg) bottom right no-repeat;}

.bottom-footer{ height:8px; font-size:1px; background:url(../image/new/point.jpg) bottom repeat-x; background-color:#110D15;}
.bottom-footer .left{ height:100%; background:url(../image/new/l-b-footer.jpg) bottom left no-repeat;}
.bottom-footer .right{ height:100%; background:url(../image/new/r-b-footer.jpg) bottom right no-repeat;}

.footer{ background-color:#110D15; margin:0 1px; padding:15px 0 10px; color:#B598D2;line-height:20px;}
.footer a{ color:#B598D2;}

.sthemes{ float:right; width:400px; padding-top:10px; text-align:right; font-size:11px;color:#fff; font-family: Verdana;}
.sthemes a{color:#fff;}
.search{ float:right; width:400px; padding-top:30px; font-size:11px;}
.cart{ float:left; width:45%; color:#AFA0E8; text-align:left;  padding-left:35px; background:url(../image/new/cart.png) top left no-repeat;}
.cart a{ color:#CC3333;}

.search-box{ float:right; width:185px;}
.search-box input{ float:left; background:none; border:1px solid #2F1C49; height:20px; color:#AFA0E8; width:155px; font-size:11px;}
.search-box .btsearch{float:left; width:16px; height:24px; background:url(../image/new/search.jpg) no-repeat;}

.t-pro{ height:3px; font-size:1px; background:url(../image/new/point.jpg) top repeat-x;}
.t-l-pro{ height:100%; background:url(../image/new/l-t-pro.jpg) top left no-repeat;}
.t-r-pro{ height:100%; background:url(../image/new/r-t-pro.jpg) top right no-repeat;}
.b-pro{ height:3px; font-size:1px; background:url(../image/new/point.jpg) bottom repeat-x;}
.b-l-pro{ height:100%; background:url(../image/new/l-b-pro.jpg) bottom left no-repeat;}
.b-r-pro{ height:100%; background:url(../image/new/r-b-pro.jpg) bottom right no-repeat;}
.tab{ font-size:14px; color:#E0D8E8; font-style:italic; padding-left:18px; background:url(../image/new/diamon.png) left 3px no-repeat;  font-family:Arial;}

.prohot{ width:190px;}
.t-pro-hot{ height:4px; font-size:1px; background:#251C2F;}
.t-l-pro-hot{ height:100%; background:url(../image/new/l-t-hot.jpg) top left no-repeat;}
.t-r-pro-hot{ height:100%; background:url(../image/new/r-t-hot.jpg) top right no-repeat;}
.b-pro-hot{ height:4px; font-size:1px; background:#251C2F;}
.b-l-pro-hot{ height:100%; background:url(../image/new/l-b-hot.jpg) bottom left no-repeat;}
.b-r-pro-hot{ height:100%; background:url(../image/new/r-b-hot.jpg) bottom right no-repeat;}


.Tab1{ height:37px; line-height:34px; background:url(../image/new/bg-tab.jpg) repeat-x; color:#E0D8E8; font-size:14px; font-style:italic; font-family:Arial; }
.Tab1 .left{ height:100%;background:url(../image/new/l-tab.jpg) left no-repeat; padding-left:40px;}
.Tab1 .right{ height:100%; background:url(../image/new/r-tab.jpg) right no-repeat;}

.content-tab{ background-color:#110D15; padding:10px; color:#fff; line-height:20px;}
.b-tab{ background-color:#110D15; height:4px; font-size:1px;}
.l-b-content-tab{ height:100%; background:url(../image/new/l-b-tab.jpg) left bottom no-repeat;}
.r-b-content-tab{ height:100%; background:url(../image/new/r-b-tab.jpg) right bottom no-repeat;}

.pro{ float:left; width:185px; margin-bottom:5px;}
.btdetail{ color:#CC3333; text-decoration:underline;}

.span_select_class{ color:#CC0000;  padding-right:5px; font-weight:bold;}
.span_a_class{ padding-right:5px;}
.paging_link_class, .span_a_class a{ color:#006699;}

.sub-cat{ padding-left:15px;}
.subcategory, .subcategory-select,.category, .category-select{background:url(../image/new/list.png) left 11px no-repeat; padding:5px 0px 4px 15px; line-height:20px; border-bottom:1px dotted #ccc; }
.category a,.subcategory a,.category-select a,.subcategory-select a{ color:#fff; text-decoration:none;  font-size:11px;}
.category-select a, .category a:hover, .subcategory-select a, .subcategory a:hover{ color:#009999; text-decoration:none;}

.center-tab{
	background:url(../image/box/center-tab-top.jpg) no-repeat top;
	width:720px;
	padding-top:15px;
	height:25px;
	padding-left:10px;
	float:left;
	margin-top:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}
.center-tab-content{position:relative; float:left; width:708px; color:#999999; border-left:1px solid #333333; border-right:1px solid #333333; padding:10px; _margin-top:-10px;}
.title_link{font-size:16px; font-weight:bold; color:#008CD0;}
.content-pro{
	height:210px;
	float:left;
	width:160px;
	margin-top:20px;
}
.button-view-detail{
	background:url(../image/icon/view-detail.gif) no-repeat top;
	width:93px;
	height:21px;
	color:#000000;
	font-size:11px;
	border:0px;
}
.button-back{
	background:url(../image/icon/btn-back.gif) no-repeat top;
	width:93px;
	height:21px;
	color:#000000;
	font-size:11px;
	border:0px;
}
.content-footer{
	height:120px; 
	border-left:1px solid #6c4508; 
	border-right:1px solid #6c4508; 
	width:970px; 
	background:#000000;
}
.content-footer div{
	background:url(../image/bg/footer.jpg) no-repeat top center;
	width:100%;
	height:105px;
}
.content-footer div a{color:#FFFFFF;}
.new-pro-top{
	background:url(../image/box/new-pro-top.jpg) no-repeat;
	height:5px;
	width:730px;
	float:left;
}
.new-pro-center{
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	width:728px;
	height:180px;
	float:left;
	_margin-top:-10px;
}
.new-pro-bottom{
	background:url(../image/box/new-pro-bottom.jpg) no-repeat;
	height:5px;
	width:730px;
	float:left;
}

.counter{
	margin-top:10px;
	float:left;
	width:190px;
}
.menu-footer{
	float:right; margin-top:15px; color:#FFFFFF; margin-right:15px;
}
.menu-footer a{color:#FFFFFF;}
.left-footer{float:left; margin-top:5px; margin-left:15px; width:300px;}

.div_text_contact{width:100px; float:left; margin-top:10px;}
.div_contact{width:590px; float:left; margin-top:10px;}
.button{border:0px;}
.col-bar{
	border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center;
}
.first-col-bar{
	border-left:1px solid #cccccc;
}
.first-row-bar{
	border-top:1px solid #cccccc;
}
.search-left{
	background:url(../image/box/search-left.gif) no-repeat;
	height:26px;
	width:3px;
	float:left;
}
.search-center{
	background:url(../image/box/search-center.jpg) repeat-x;
	height:26px;
	float:left;
}
.search-right{
	background:url(../image/box/search-right.gif) no-repeat;
	height:26px;
	width:3px;
	float:left;
}
#select{
	position:absolute;
	display:none;
	z-index:1000;
	border:1px solid #cccccc;
	top:24px; 
	left:0px;	
	background:#FFFFFF;	
}
.option{
	float:left;
	text-align:left;
	padding:5px 0px 5px 5px;
	
}
.view-pro{width:708px; float:left;}
