﻿body
{
background-color:#c0c0c0;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
a{
color:#990000;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:12px;
border-bottom:1px #b2b2b2 dashed;

}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:900px;
height:110px;
}
.logo{
padding:0 0 0 30px;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#990000;
}
span.red{
color:#990000;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
width:900px;
padding:0px 0 0 0;
background:url(images/center_bg.gif) repeat-y center;
}
.left_content{
width:490px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
	width:370px;
	float:left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 12px;
}

.title{
color:#a81f22;
padding:0px;
float:left;
font-size:19px;
width:202px;
margin:10px 0 5px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color:#a81f22;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#a81f22;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.about{
width:337px;
clear:both;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 10px 0;
}
img.right{
float:right;
padding:0 0 0 10px;
}
.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:0px 0 20px 0;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
width:auto;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 15px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:149px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
bottom:-23px;
right:-6px;
z-index:-10px;
}
.special_icon{
position:absolute;
top:0px;
right:2px;
z-index:250;
}
img.thumb{
padding:8px 0 0 0;
height:80px;
width:103px;

}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#931A1D;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
.languages_box{
padding:0 0 5px 0;
float:left;
}
.languages_box a{
padding:0 2px 0 2px;
}
.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}
.currency{
float:left;
padding:0 0 0 20px;
}
.currency a{
text-decoration:none;
color:#333333;
padding:3px;
border:1px #eeedee solid;
}
.currency a.selected{
text-decoration:none;
color:#fff;
padding:3px;
border:1px #eeedee solid;
background-color:#FF9900;
font-weight:bold;
}
.currency a:hover{
border:1px #990000 solid;
}
/*------------------------cart---------------------*/
.cart{
width:337px;
float:left;
height:35px;
margin:0px 0 5px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 20px 0;
}
.home_cart_content{
float:left;
padding:3px;
border:1px #eeedee solid;
margin:10px 10px 0 10px;
}
a.view_cart{
display:block;
float:left;
margin:12px 0 0 10px;
color:#990000;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#990000;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:440px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
background-color:#DFDFDF;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}
/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none; 
color: #990000;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #990000;
color: #fff;
background-color: #990000;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #990000;
font-weight: bold;
background-color: #990000;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:100px;
border-top:1px #b2b2b2 dashed;
background:url(images/footer_bg.gif) no-repeat bottom;
}
.left_footer{
float:left;
padding:10px 0 0 10px;
}
.right_footer{
float:right;
padding:10px 10px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}
/* Reset style */
* { margin:0;
	padding:0; 
	word-break:break-all;
}
/*Always show Firefox scrollbar*/

/* iFocus style */
#ifocus 
{ 
	width:460px; 
	height:280px;
	margin:0px; 
}
#ifocus1
{ 
	margin:0px; 
	width:115px; 
	float:left;
}

#ifocus2 
{ 
	margin:0px; 
	width:250px; 
	float:left;
}
 #ifocus3 
{ 
	width:100%; 
}
#ifocus_pic 
{ 
	display:inline; 
	position:relative; 
	float:left; 
	width:320px; 
	height:225px; 
	overflow:hidden; 
	margin:10px 0 0 10px; 
}
#ifocus_piclist 
{ 
	position:absolute; 
}
#ifocus_piclist li 
{ 
	width:320px; 
	height:225px; 
	overflow:hidden; 
}
#ifocus_piclist img 
{
	 width:320px; 
	 height:225px; 
}
#ifocus_btn 
{ 
display:inline; 
float:right; 
width:91px; 
margin:9px 20px 0 0; }
#ifocus_btn li 
{ 
width:91px; 
height:57px; 
cursor:pointer; 
opacity:0.5; 
-moz-opacity:0.5; 
filter:alpha(opacity=50); 
}
#ifocus_btn img 
{ 
width:75px; 
height:45px; 
margin:7px 0 0 2px; 
}
#ifocus_btn .current 
{ background: url(img/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv 
{ position:absolute; left:0; bottom:0; width:545px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx .normal { display:none; }

UL#mhicon {
	Z-INDEX: 6; LEFT: 50%; POSITION: absolute; TOP: 15px
}
ul#mhicon a{
	display:block;text-align:center; height:65px;
	padding-top:2px;padding-bottom:1px;background-image: 
	url(images/tophelp.gif);
	background-repeat: no-repeat;color: #000; width:65px; cursor:hand; text-decoration: none;
}

UL#mhicon LI {
	POSITION: absolute
}
UL#mhicon LI#mhi1st {
	LEFT: -460px
} 

UL#mhicon LI#mhi2nd {
	LEFT: -210px; margin-top:5px;height:65px;
}
ul#mhicon li#mhi2nd a:link,ul#mhicon li#mhi2nd a:visited{
	background-position: -2px 0px;	
}
ul#mhicon li#mhi2nd a:hover ,ul#mhicon li#mhi2nd a:active
{
	background-position: -2px -66px; color:#fff;
}
UL#mhicon LI#mhi3rd {
	LEFT: -110px; margin-top:5px
}
ul#mhicon li#mhi3rd a:link,ul#mhicon li#mhi3rd a:visited{
	background-position: -67px 0px;		
}
ul#mhicon li#mhi3rd a:hover ,ul#mhicon li#mhi3rd a:active
{
	background-position: -67px -66px; color:#fff;
}

UL#mhicon LI#mhi4th {
	LEFT: -10px; margin-top:5px
}

ul#mhicon li#mhi4th a:link,ul#mhicon li#mhi4th a:visited{
	background-position: -131px 0px;
			
}

ul#mhicon li#mhi4th a:hover ,ul#mhicon li#mhi4th a:active
{
	background-position: -131px -66px; color:#fff;
}

UL#mhicon LI#mhi5th {
	LEFT: 90px; margin-top:5px
}
ul#mhicon li#mhi5th a:link,ul#mhicon li#mhi5th a:visited{
	background-position: -196px 0px;	
}

ul#mhicon li#mhi5th a:hover ,ul#mhicon li#mhi5th a:active
{
	background-position: -196px -66px; color:#fff;
}

UL#mhicon LI#mhi6th {
	LEFT: 190px; margin-top:5px
}

ul#mhicon li#mhi6th a:link,ul#mhicon li#mhi6th a:visited{
		background-position: -260px 0px;	
}

ul#mhicon li#mhi6th a:hover ,ul#mhicon li#mhi6th a:active
{
	background-position: -260px -66px; color:#fff;
}

UL#mhicon LI#mhi7th {
	LEFT: 290px; margin-top:5px
}

ul#mhicon li#mhi7th a:link,ul#mhicon li#mhi7th a:visited{
		background-position: -325px 0px;	
}

ul#mhicon li#mhi7th a:hover ,ul#mhicon li#mhi7th a:active
{
	background-position: -325px -66px; color:#fff;
}

#masthead {
	CLEAR: both; MIN-HEIGHT: 80px; MARGIN: auto; OVERFLOW: hidden; WIDTH: 950px; POSITION: relative; HEIGHT: 90px; TEXT-ALIGN: center
}

#line{
	width:900px; margin-top:10px; background-color:orange; height:2px;
}

.box_top1{
width:460px;
height:11px;
background:url(images/top.gif) no-repeat center bottom;
}
.box_center1{
width:460px;
height:auto;
background:url(images/center.gif) repeat-y center;
}
.box_bottom1{
width:460px;
height:12px;
background:url(images/bottom.gif) no-repeat center top;
}
.center_box{
width:220px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.top_box{
width:220px;
height:11px;
background:url(images/top.gif) no-repeat center bottom;
}
.bottom_box{
width:220px;
height:12px;
background:url(images/bottom.gif) no-repeat center top;
}
.det_box{
width:222px;
float:left;
padding:0 0 0 15px;
position:relative;
}

a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
button.contact{
width:60px;
height:30px;
float:right;
margin:0 0 0 10px;
text-align:center;

}

.code
{
font-family:Arial;
font-style:italic;
color:Red;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.example
{
border:0;
margin-left:80px;
width:200px;
color:#999999;
}
 .unchanged
{
border:0;
}
 .unchanged2
{
border:0;
margin-left:80px;
color:red;
}

.font{
padding-left:120px
}
.font a { text-decoration: none } 
.fontbg{
padding-left:30px
}
.fontbg a { text-decoration: none } 

.detail
{
width:294px;
float:left;
padding:10px 0 10px 0;
margin-left:10px;
}
.box{
width:45px;
float:left;
height:28px;
text-align:center;
border-top: 1px #b2b2b2 dashed;
border-left: 1px #b2b2b2 dashed;
padding:5px 0 5px 0;
}
.box1{
width:45px;
float:left;
text-align:center;
border-top: 1px #b2b2b2 dashed;
border-left: 1px #b2b2b2 dashed;
border-bottom: 1px #b2b2b2 dashed;
padding:5px 0 5px 0;
}
.box2{
width:54px;
float:left;
text-align:center;
border-top: 1px #b2b2b2 dashed;
border-left: 1px #b2b2b2 dashed;
border-bottom: 1px #b2b2b2 dashed;
padding:5px 0 5px 0;
height:43px;
}
.box3{
width:54px;
float:left;
text-align:center;
border-top: 1px #b2b2b2 dashed;
border-left: 1px #b2b2b2 dashed;
padding:5px 0 0 0;
height:35px;
}
/*******9月26日更改  left_content*******/
.left_content .left_content_onemode 
{
width:410px;
height:auto;
display:block;
}
.onemode_title
{
width:410px;
height:30px;
float:left;
display:block;
}
.modeone_ico
{
width:355px;
height:30px;
font-size:24px;
float:left;
font-family:"黑体";
font-weight:bold;
}
.modeone_img
{
width:24px;
height:auto;
float:left;
}
.clearbar
{
float:left;
display:block;
width:410px;
height:5px;
}
.modeone_bar
{
display:block;
float:left;
width:410px;
height:auto;
background:url(../images/modeonebar.jpg) no-repeat;
}
.modeone_content
{
display:block;
float:left;
width:410px;
height:auto;
font-size:13px;
}
.modeone_contenttwo
{
display:block;
float:left;
width:410px;
height:auto;
font-size:19px;
font-family:"华文彩云";
font-weight:bolder;
}
.modethree_content
{
display:block;
float:left;
width:410px;
height:auto;
font-size:13px;
}
/*******9月26日更改  left_content  end*******/


/*******9月26日更改  right_content*******/
.rmode_content
{
width:370px;
height:auto;
float:left;
display:block;
}
.ronemode_title
{
width:370px;
height:auto;
display:block;
float:left;
}
.rmodeone_img
{
float:left;
}
.rmodeone_ico
{
width:280px;
height:auto;
float:left;
font:"黑体";
font-size:24px;
}
.rmodeone_bar
{
display:block;
float:left;
width:370px;
height:auto;
background:url(../images/modeonebar.jpg) no-repeat;
}

.rclearbar
{
width:370px;
height:auto;
display:block;
}
/********office.html***********/
.text_rite
{
width:370px;
height:auto;
}
.title_sakura
{
font-size:18px;
font-family:"黑体";
text-align:center;
}
/****shop.html***/
.content_shop
{
width:900px;
padding:0px;
margin:0 auto;
background:(../images/shop_center_bg.gif);
}
.shop_title
{
width:900px;
height:auto
}
.shop_text
{
width:880px;
height:auto;
margin:10px;
}
.font_shop
{
float:right;
}
.shop_text1
{
float:left;
width:400px;
height:auto;
margin:10px;
}
.shop_text2
{
float:left;
width:400px;
height:auto;
margin:10px;
}
