*
{
border:0;
margin:0;
padding:0;
font-size:12px;
font-family:Arial;
color:#666;
}
body,html
{
background:#f6cfe1;
}
ul
{
list-style:none;
}
a
{
text-decoration:none;
color:#666;
}
a:hover
{
color:#cf035c;
text-decoration:none;
}
#box
{
width:894px;
background:url(../images/box_bg.gif) left top repeat-y;
}
#leftside
{
float:left;
width:314px;
}
#leftside img
{
background:url(../images/LOGO.gif) left top no-repeat;/**设置ＬＯＧＯ为左边的背景**/
width:265px !important;/**设置左边图片的大小**/
width /**/:314px;
padding-right:49px;/**定位左边图片的位置与ＬＯＧＯ的衔接**/
padding-top:201px;
}
#rightside
{
float:left;
width:560px;
background:#fff;
}
#rightside #navmenu
{
width:560px;
float:left;
height:37px;
background:url(../images/menu_bg.gif) left top repeat-x;
}
#rightside #navmenu ul
{
margin-left:14px;
width:546px;
height:37px;
background:url(../images/menu_lastbg.gif) right top no-repeat;
}
#rightside #navmenu ul li
{
float:left;
}
#rightside #navmenu ul li a 
{
display:block;
font-family:"Arial Black";
color:#ce035c;
text-decoration:none;
padding:15px  15px  5px 15px;
}
#rightside #navmenu ul li a:hover
{
text-decoration:underline;
}
#rightside #navbanner
{
clear:left;
padding-top:20px;
margin-left:5px;
width:512px;
height:39px !important;
height /**/:59px;
background:url(../images/right_pic.gif) left bottom no-repeat;
}
#rightside #navbanner ul
{
width:420px;
}
#rightside #navbanner ul li
{
float:left;
list-style-type:square;
display:inline;
line-height:20px;
}
#rightside h1
{
float:left;
background:url(../images/right_h1_bg.gif) left center no-repeat;
width:380px !important;
width /**/:420px;
line-height:43px;
padding-left:40px;
font-size:18px;
font-family:"Arial Black";
text-transform:capitalize;
}
#rightside h2
{
float:left;
padding:15px 20px;
}
#rightside #news,#rightside #product
{
margin-top:20px;
margin-left:5px;
width:540px;
height:200px;
clear:left;
}
#rightside #news h1
{
color:#999;
}
#rightside #product h1
{
color:#999;
}
#rightside #news p
{
clear:both;
width:500px!important;
width /**/:560px;
float:left;
padding:10px 20px;
word-spacing:normal;
word-break:break-all;
word-wrap:break-word;
overflow:auto;
line-height:180%;

}
#rightside #product ul
{
clear:both;
width:540px;
}
#rightside #product ul li
{
margin:5px 13px 5px 0;
float:left;
width:167px;
height:134px !important;
height /**/:140px;
text-align:center;
padding-top:6px;
background:url(../images/product_bg.gif) left top no-repeat;
}
#footer
{
clear:both;
border-top:2px solid #e5e5e5;
line-height:40px;
margin-left:275px;
width:590px;
text-align:center;
}

/****** about us page style******/
#title
{
margin-top:20px;
marin-left:10px;
width:520px;
background:url(../images/about_titlebg.gif) left bottom no-repeat;
height:43px !important;
height /**/:55px;
padding-bottom:12px;
}
#title h1
{
background:url(../images/right_h1_bg.gif) left center no-repeat;
line-height:43px;
padding-left:40px;
font-size:14px;
color:#cf035c;
font-family:"Arial Black";
text-transform:uppercase;
float:left;
width:150px !important;
width /**/:190px;
}
#title h2
{
float:right;
text-align:right;
width:200px;
font-weight:normal;
line-height:40px;
font-size:12px;
padding:0;
text-transform:capitalize;
}
#content,#about,#newscontent
{
width:520px;
margin:15px 10px;
line-height:180%;
word-spacing:normal;
word-break:break-all;
word-wrap:break-word;
overflow:auto;
}
#newscontent
{
background:url(../images/news_bg.gif) left bottom no-repeat;
padding-left:200px;
width:320px !important;
width /**/:520px;
height:400px;
}
#newscontent ul
{
width:320px;
}
#newscontent ul li
{
line-height:30px;
background:url(../images/news_ico.gif) center left no-repeat;
width:300px !important;
width /**/:320px;
border-bottom:1px dotted #b8b8b8;
padding-left:20px;
list-style:none;
}
#productcontent
{
width:520px;
line-height:180%;
background:url(../images/product_contentbg.gif) left top repeat-y;
}
#product1
{
margin-top:15px;
margin-bottom:15px;
margin-left:0;
width:520px;
marin-left:10px;
padding-bottom:3px;
}
#product1 p
{
margin-top:15px;
clear:both;
width:520px;
text-align:center;
color:#000;
letter-spacing:2px;
background:none;
}
#newscontent p,
#productcontent p
{
margin-top:20px;
clear:both;
width:320px;
text-align:center;
color:#000;
letter-spacing:2px;
background:none;
}
#productcontent p
{
width:320px !important;
width /**/:520px;
}
#searchproduct
{
margin-top:10px;
height:25px;
background:#ddd0da url(../images/search_ico.gif) left center no-repeat;
padding-left:45px;
width:470px !important;
width /**/:515px;
line-height:25px;
}
#searchproduct #btn_search
{
background:#7f9db9 url(../images/btn_search.gif)left center no-repeat;
width:49px;
height:16px;
}
#content p
{
margin-top:10px;
margin-bottom:10px;
}
#content img
{
float:right;
margin-left:2px;
margin-top:2px;
}
#content h1
{
clear:both;
text-align:center;
background:none;
border-bottom:1px dotted #666;
color:#333;
font-size:14px;
font-family:"Arial";
font-weight:bold;
width:480px!important;
margin-bottom:10px;
font-weight:normal;
display:block;
}
dl
{
width:420px;
padding-top:7px;
height:118px!important;
height /**/:125px;
margin:0 auto;
}
#ddleft,dd
{
float:left;
width:260px;
text-transform:capitalize;
line-height:140%;
}
dt
{
float:left;
width:140px !important;
width /**/:160px;
text-align:center;
height:115px;
padding-left:20px;
}
.otherdt
{
padding:0;
}
.title
{
color:#771e72;
font-weight:bold;
text-transform:uppercase;
}
.clear-div
{
clear:both;
display:block;
}
#content #productpic
{
width:235px;
float:left;
}
#productpic img
{
width:235px;
margin-bottom:25px;
}
#content .protitle
{
width:235px;
text-transform:capitalize;
text-align:center;
color:#78116a;
font-weight:bold;
}
#content .prodescription
{
float:left;
width:260px !important;
width /**/:300px;
margin-left:15px;
line-height:150%;
word-spacing:normal;
word-break:break-all;
word-wrap:break-word;
overflow:auto;
}
#content #aboutpro
{
clear:both;
width:520px;
margin-top:30px;
margin-bottom:20px;
word-spacing:normal;
word-break:break-all;
word-wrap:break-word;
overflow:auto;
}

/****down menu style***/
#navbanner #nav {
line-height: 12px; list-style-type: none;margin-left:20px;
}

#navbanner #nav a {
display: block;text-align:center;
}

#navbanner #nav a:link {
color:#666; text-decoration:none;
}
#navbanner #nav a:visited {
color:#666;text-decoration:none;
}
#navbanner #nav a:hover {
color:#cf035c;text-decoration:none;font-weight:bold;
}

#navbanner #nav li {
float: left; margin-left:35px;
}
#navbanner #nav li a:hover{
background:#e6d5dd;
}
#navbanner #nav li ul {
line-height: 20px; list-style-type: none;text-align:left;
left: -999em; width:150px; position: absolute;background:#fff;
}
#navbanner #nav li ul li{
width: 150px; margin:0;
}

#navbanner #nav li ul a{
display: block; width: 145px !important; width /**/:150px; text-align:left;padding-left:5px;
}

#navbanner #nav li ul a:link {
color:#666; text-decoration:none;
}
#navbanner #nav li ul a:visited {
color:#666;text-decoration:none;
}
#navbanner #nav li ul a:hover {
color:#cf035c;text-decoration:none;font-weight:normal;
}

#navbanner #nav li:hover ul {
left: auto;
}
#navbanner #nav li.sfhover ul {
left: auto;
}
.clear
{
clear:both;
}   
