@charset "utf-8";
/* CSS Document */

/*---------common----------*/
* { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6e}
body { margin:10px 0 50px 0; padding:0}
img { border:none}
ul { list-style:none}
a { text-decoration:underline}
#containerH, #container { margin:0 auto; padding:0}
#containerH { width:777px}
#container { width:776px}
#header, #content { margin:0; padding:0; clear:both; width:100%}
#header { height:64px}
#content { padding: 14px 0 0 0 }
.Link { padding:0 0 0 24px; background:url(../Images/image_02.gif) 0 -51px no-repeat; line-height:15px; font-weight:bold}
.clear_both { clear:both}
#logo { float:left; clear:left; width:422px; height:64px; background:url(../Images/logo.jpg) no-repeat; margin:0; padding:0}
#logo a { display:block; width:422px; height:64px; margin:0; padding:0}
#homeMenu { float:right; height:50px; clear:right; padding:14px 0 0 0; margin:0}
#containerH #homeMenu { width:352px}
#container #homeMenu { width:228px}
#homeMenu ul { margin:0; padding:0}
#homeMenu ul li { float:right; margin:0; height:15px; padding:0 11px 0 2px ; background:url(../images/image_02.gif) right top no-repeat}
#homeMenu ul li.last-child {padding-left:0}
#homeMenu ul li a { font-size:10px; color:#232323; text-decoration:none}
#homeMenu ul li a:hover { text-decoration:underline}
#homeMenu ul .logIn { background:url(../Images/image_02.gif) 0 0 no-repeat}
#homeMenu ul .Sitemap { background:url(../Images/image_02.gif) 0 -12px no-repeat}
#homeMenu ul .Email { background:url(../Images/image_02.gif) 0 -24px no-repeat}
#homeMenu ul .shoppingCart {background:url(../Images/image_02.gif) 0 -38px no-repeat; color:#f29a52; font-weight:bold; padding:0 0 0 17px}
#homeMenu ul .shoppingCart a { margin:0 5px; color:#f29a52}
#homeMenu ul .shoppingCart a:hover { color:#7f7f7f}
#homeMenu .searchBar { height:19px; margin:15px 0 0 0; *margin:0; padding:0; border-collapse:collapse; clear:both; float:right}
#homeMenu .searchBar td { font-size:12px; text-align:right}
#homeMenu .searchBar td input { border:1px solid #a5acb2; height:13px; padding:2px; *padding:2px 2px 1px 2px; font-size:10px}
#containerH #homeMenu .searchBar td input { width:216px}
#container #homeMenu .searchBar td input { width:130px}
#homeMenu .searchBar td button { width:27px; height:19px; padding:0; margin:0; background:url(../Images/image_01.png) -52px 0 no-repeat; font-size:12px; color:#000; font-weight:bold; border:none; cursor:pointer}
#homeMenu .searchBar td button:hover { background:url(../Images/image_01.png) -52px -19px no-repeat}

#footer { height:42px; margin:0; clear:both; background:url(../Images/image_02.gif) 0 -83px repeat-x; position:relative; line-height:42px; color:#fff; font-size:10px; padding:0 20px}
#footer .left { width:2px; height:42px; position:absolute; top:0; left:0; background:url(../Images/image_01.png) 0 0 no-repeat}
#footer .right { width:3px; height:42px; position:absolute; top:0; right:0; _right:-1px; background:url(../Images/image_01.png) -3px 0 no-repeat}
#footerMenu { float:right; margin:0; padding:0; width:45%}
#footerMenu li { float:right; margin:15px 0 15px 5px; background:url(../Images/image_02.gif) -10px -68px no-repeat; line-height:11px; padding:0 0 0 5px; height:11px; color:#fff; font-size:10px}
#footerMenu li:last-child, #footerMenu li.last-child { background:none}
#footerMenu li.nolink { background:none}
#footerMenu li a { color:#fff; font-size:10px}
#footerMenu li a:hover { color:#000a6f}


/*-------------home------------*/
#bannerH, #banner, #bannerL { padding:0px 0; _padding:0; margin:0 ; float:right; clear:both; position:relative}
#bannerH { height:196px; width:777px ; margin-bottom:20px;*margin-bottom:10px}
#banner { height:160px; width:603px}
#bannerH img, #banner img { margin:0}
#bannerH img { width:777px}
#banner img { width:603px}
#bannerL { height:140px; width:650px}
#bannerL img { width:650px; height:150px}
#mainContent { width:546px; margin:0; padding:0}
#Con_bottom { margin:11px 0 15px 0; padding:0 10px 0 0; border-right:1px solid #c2c9ff}
#category { height:30px; margin:10px 0 0 0; padding:0}
#category ul { margin:0; padding:0}
#category ul li { float:left; height:30px; padding:0; margin:0 1px 0 0; position:relative; background:url(../Images/image_02.gif) 0 -125px repeat-x}
#category ul li span { position:absolute; top:0; line-height:29px; margin:0; padding:0; width:6px; height:30px}
#category ul li .left { background:url(../Images/image_01.png) -6px 0 no-repeat; left:0}
#category ul li .right { background:url(../Images/image_01.png) -13px 0 no-repeat; right:0; _right:-1px}
#category ul li a {text-decoration:none; color:#fff; font-size:13px; font-weight:bold; line-height:30px; *line-height:28px; padding:0 19px}
#category ul li a:hover { color:#aed5ff}
#introduction, #news { padding:10px 0 10px 5px; margin:0}
#introduction {border-bottom:1px solid #c2c9ff}
.intr_img { float:left; width:107px; margin:0 15px 0 0}
.intr_img img { width:107px; height:162px; margin:0}
h1 { font-size:16px; font-weight:bold; margin:0; padding:0}
p { line-height:150%}
#introduction p { margin:10px 0 0 122px; padding:0}
#introduction p a { color:#de5202; font-weight:bold; margin:0 0 0 5px; padding:0}
#introduction p a:hover { color:#fea500}
#introduction ul { margin:5px 0 0 270px; *margin:5px 0 0 300px}
#introduction ul li { margin:0 0 5px 0}
.newsTable { margin:5px 0; width:100%; padding:0; border-collapse:collapse}
.newsTable td { line-height:20px; height:20px}
.newsTable .time { color:#579aea; font-size:12px; padding:0; margin:0}
.newsTable td span { color:#579aea; font-size:10px; margin:0 0 0 5px}
.newsTable td a:hover, .Link:hover {color:#494949}

#rightSide {width:218px; padding:0; float:right; margin:11px 0 15px 0}


.AD { height:132px; margin:0px 0 0px 0;  padding:0px px; clear:both}
.AD button {height:34px; width:34px; background:url(../images/APC--ZHOU-YI-_03.jpg) no-repeat; margin-top:45px; margin-left:91px;border:none; cursor:pointer}
.AD button:hover{ background:url(../images/icon2_03.jpg)}

.AD p { line-height:15px; margin:2px 10px; *margin:2px 0 2px 18px; padding:0; letter-spacing:0.5px}
.AD p a, .AD p span { color:#de5202; font-weight:bold}
.AD p a:hover { color:#fea500}
.AD p span { text-decoration:none}
#cGMP p { margin:5px 0 5px 0; *margin:5px 0 5px 0}
#cGMP{margin-bottom:8px;*margin-bottom:18px}


/*------------layout--------------*/
#categoryY { width:158px; float:left; margin:0; padding:0}
#categoryY {margin-top:30px;*margin-top:20px}
#categoryY .mainC { margin:0; padding:0; list-style:none}
#categoryY .mainC li { width:158px; padding:11px 0; border-bottom:1px solid #c2c9ff}
#categoryY .mainC .last-child { border-bottom:none}
#categoryY .mainC li ul li.selected a { color:#f29a52}
#categoryY .mainC li a:hover { color:#3171bf}
#categoryY .mainC li .childC li a:hover { color:#363636}
#categoryY .mainC li a { color:#1d449b; font-weight:bold; padding:0 3px; text-decoration:none}
#mainContent_LO .locations .product p a:hover { color:#6cabf6}
#categoryY .mainC li .childC { padding:5px 0 0 0; margin:0}
#categoryY .mainC li .childC li { width:138px; padding:3px 0 3px 20px; border-bottom:1px solid #c2c9ff}
#categoryY .mainC li .childC li.first-child{ border-top:1px solid #c2c9ff}
#categoryY .mainC li .childC li a { color:#6e6e6e; text-decoration:none; padding:0; font-size:11px}
#categoryY .mainC li .childC li .childC_C { padding:0; margin:3px 0 -3px -20px}
#categoryY .mainC li .childC li .childC_C li { width:118px; padding-left:40px} 
#categoryY .mainC li .childC li .childC_C li.last-child { border:none}
#categoryY .mainC li .childC li .childC_C li a { color:#a5a5a5}
#categoryY .mainC li .childC li .childC_C li a:hover { color:#6e6e6e}
#categoryY .mainC li .childC li .childC_C li .childC_C_C { padding:0; margin:3px 0 -3px -40px}
#categoryY .mainC li .childC li .childC_C li .childC_C_C li { width:98px; padding-left:60px}
#categoryY .mainC li .childC li .childC_C li .childC_C_C li a { color:#c2c2c2}
#categoryY .mainC li .childC li .childC_C li .childC_C_C li a:hover { color:#a5a5a5}
#categoryY .mainC li a.selected,
#categoryY .mainC li a.selected:hover, 
#categoryY .mainC li a.selected:hover, 
#categoryY .mainC li .childC_C li.selected a:hover, 
#categoryY .mainC li .childC li .childC_C li.selected a,
#categoryY .mainC li .childC li .childC_C li.selected a:hover { cursor:default; color:#f29a52}
#mainContent_LO { margin:5px 0 0 0px; width:600px; float:right;}
.title { width:776px; height:15px; background:url(../images/repeatY.gif) repeat-y; padding:4px 0 9px 20px; margin:18px 0 0 0; font-size:16px; color:#1d449b; position:relative; font-weight:bold }
.title .topLeft, .title .topRight, .title .bottomLeft, .title .bottomRight { width:1px; height:1px; border:none; background:#fff; position:absolute}
.title .topLeft { top:0; left:0}
.title .topRight { top:0; right:20px}
.title .bottomLeft { bottom:0; left:0}
.title .bottomRight { bottom:0; right:20px}
#path { margin:0; padding:0; width:99%}
#path ul { margin:0; padding:10px 0 15px 0}
#path ul li { list-style:none; float:left; color:#203f9a; font-weight:bold; padding:0 6px 0 12px; background:url(../images/image_02.gif) -7px -17px no-repeat}
#path ul li:first-child, #path ul li.first-child { padding:0 6px 0 0; background:none}
#path ul li a { color:#203f9a; font-weight:bold; text-decoration:none}
#path ul li:last-child, #path ul li.last-child { color:#f29a52}
#mainContent_LO h1 { font-weight:bold; font-size:16px; padding:20px 0 0 0}
#mainContent_LO p { line-height:200%; margin:10px 0 25px 0; padding:0}
.links { border-top:1px solid #c2c9ff; margin:0; padding:15px 0 0 0; *padding:10px 0}
.links table { margin:10px 0; border-collapse:collapse; width:100%; _width:99%}
.links table td { width:50%; line-height:180%}
.links table td a:hover { color:#494949}
.links ul { margin:10px 0 20px 20px; padding:0}
.links ul li { line-height:200%}
.landing h1 { padding:20px 0 10px 0; margin:0; text-align:left}
.landing .information { padding:0; margin:0}
.landing .information img { float:left; margin:0 10px 0 0; *margin:15px 10px 0 0; padding:0}
.landing .information p { margin:-5px 0 20px 0}

/* Sitemap */
.linksA li a { text-decoration:none; line-height:160%}
.linksA li { width:90%; border-top:1px solid #c2c9ff; margin:10px 0 0 0; padding:0 0 0 5px}
.linksA li a { font-size:12px; font-weight:bold; color:#3171bf}
.linksA li a:hover  { color:#f29a52}
.linksA li.first-child { border:none}
.linksB li, .linksC li, .linksD li { list-style:none; border:none; margin:0} 
.linksB li a { font-size:11px; color:#666; font-weight:normal; text-decoration:underline}
.linksB li a:hover { text-decoration:none; color:#666}