@charset "utf-8";

/* Core Code */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial,Verdana,Helvetica,Clean,sans-serif;}

/* Remember to define focus styles! */
:focus { outline: 0;}
body { width:100%; height:100%; text-align:center; color:black; }
ul, ol { list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

img { border:none;}

/*a { color:#000; text-decoration:none;}*/
a { color:#0000ff; text-decoration:none;}

a:hover {text-decoration:underline;}

body { text-align:center;}
#wrapper { text-align:left;}


body { background:#ebf3da url(/theme/images/header-bg.gif) repeat-x;}
#wrapper { margin:0 auto; width:950px;}

#container { display:inline-block; width:950px; background:#FFF;}
#sidebar { float:left; padding:10px;}
#content { float:right; width:700px; padding:10px 0;}


#header { }
.headerinner { height:85px;}
.logo { float:left; width:280px; height:75px; padding-top:5px; text-align:center; background:url(/theme/images/logo-bg.gif) no-repeat;}

.headerlinks { float:right; overflow:hidden; margin-top:20px;}
.headerlinks li { float:left; margin-left:-1px; padding:0 8px; color:#2ac87c; background:url(/theme/images/headerlink-line.gif) no-repeat 0 center;}
.headerlinks a { line-height:15px; color:#2ac87c; font-weight:bold; font-family:Arial;}
.headerlinks .cart a { padding-left:18px; background:url(/theme/images/header-ico.gif) no-repeat;}

.menubar { height:24px; padding:8px 10px; background:url(/theme/images/menu-bg.gif) no-repeat;}
.menubar .menu { float:left; overflow:hidden;}
.menubar .menu li { float:left; margin-left:-1px; background:url(/theme/images/menu-line.gif) no-repeat 0 center;}
.menubar .menu a { float:left; padding:0 15px; line-height:24px; color:#FFF; font-size:14px;}

.searchbar { float:right; width:200px; height:24px; background:url(/theme/images/searchbar-bg.gif) no-repeat;}
.searchbar .search-input { float:left; width:170px; padding:4px; font-size:12px; border:none; background:none;}
.searchbar .search-submit { float:right; width:22px; height:24px; overflow:hidden; border:none; background:none; cursor:pointer;}

.category { width:228px; margin-bottom:10px; border:solid 1px #e0e0e0;}
.category h2 { height:28px; border-bottom:solid 1px #e0e0e0; background:#f1f1f1 url(/theme/images/category-bg.gif) no-repeat;}
.category h2 a { display:block; padding:0 5px 0 30px; line-height:28px; font-size:14px;}
.category ul { padding:5px 8px; background:#FFF;}
.category li { display:block; height:24px; border-bottom:solid 1px #ededed; position:relative;}
/*.category li a { padding:0 8px; line-height:24px; color:#4b4b4b;}*/
.category li a { padding:0 8px; line-height:24px; color:#0000ff;}
.category li ul { display:none; position:absolute; left:212px; top:0;}

.category li.hover { background:#2ac87c;}
.category li.hover a { color:#0000ff;}
.category li.hover ul { display:block; width:200px; padding:5px; border:solid 2px #2ac87c; background:#fff;}
.category li.hover ul li { background:none;}
.category li.hover ul a { color:#0000ff;}


.right-sidebar { float:right; width:220px;  padding:2px 15px;}
.right-sidebar h2 { padding:0 5px; line-height:25px; color:#05b862;}
/*.right-sidebar li { padding:5px; border-bottom:dotted 1px #ccc;}*/

.right-sidebar li span { display:block; line-height:23px; color:#c00;}

.contentinner { width:450px; padding:0 10px 10px 0; border-right:solid 1px #e0e0e0; vertical-align:top;}
.new-products-title { padding:0 8px; line-height:35px; color:#ea3d15; font-size:18px;}
.new-product-list { margin:5px 0;}
.new-product-list li { height:25px; padding:0 5px 0 15px; border-bottom:dotted 1px #ededed; background:url(/theme/images/list-ico.gif) no-repeat 2px center;}
.new-product-list li a { float:left; width:340px; line-height:25px; color:#0000ff;}
.new-product-list li span { float:left; width:80px; line-height:25px; color:#c00;}

.news-title { padding:0 8px; border-bottom:solid 1px #e0e0e0; line-height:30px; font-size:16px; }
.news-list {  margin:5px 0;}
.news-list li { padding:0 5px 0 15px; border-bottom:dotted 1px #ededed; background:url(/theme/images/list-ico.gif) no-repeat 2px center;}
.news-list li a { line-height:25px;}
.news-more { text-align:right; line-height:23px;}






#footer { padding:20px 10px; text-align:center; line-height:23px; background:url(../images/footer-bg.gif) no-repeat;clear:both;}



/* Content */
#content * { line-height:180%;}
#content p { margin:5px 0;}
#content .nav-list { overflow:hidden; height:21px;}
#content .nav-list li { float:left; height:21px; margin-left:-5px; padding:0 10px; background:url(../images/nav-line.gif) no-repeat 0 center;}
#content .nav-list li a { line-height:15px;}

#content .content-title { padding:0 5px; border-bottom:solid 1px #ccc; line-height:30px; font-size:16px;}
#content .content-title2 { padding:0 5px; line-height:25px; font-size:14px; color:#ea3d15;}


.category-page-list { margin:10px;}
.category-page-list li { display:block; padding:0 5px; border-bottom:solid 1px #ededed;}

.a-z-bar { display:inline-block; margin:5px 0;}
.a-z-bar li { float:left; margin-right:4px;}
.a-z-bar li a { float:left; padding:0 5px; border:solid 1px #ccc; line-height:100%;}

.page { padding-right:10px;float:right;}

.product-page-list { width:100%; border-collapse:collapse;}
.product-page-list th, .cartbox th  { padding:4px; border-bottom:solid 2px #ccc; background:#f4f4f4;}
.product-page-list td { padding:4px; border-bottom:solid 1px #ccc; vertical-align:top;}

.product-detail { padding:10px 0;}
.producttabs { height:24px; padding:0 10px; border-bottom:solid 1px #999;}
.producttabs li { float:left; height:23px; margin-right:4px; padding:0 8px; border-style:solid; border-width:1px 1px 0 1px; border-color:#ccc; line-height:23px; background:#efefef;}
.producttabs li a { float:left; font-weight:bold;}
.producttabs li.current { background:#999; border-color:#999;}
.producttabs li.current a { color:#FFF;}

.product-tabs-content { padding:10px;}

.news-page-list li { display:block; padding:5px; border-bottom:dotted 1px #ededed;}
.news-page-list li a { display:block; line-height:21px; font-weight:bold;}
.news-page-list li span { display:block; line-height:21px; color:#666;}





.hiddencontent{display:none;}

.productcontent a{color:#0000ff;}

#links, #announcement {/*border:1px solid #E0E0E0;*/padding:2px;}

.section-title { padding:0 2px; border-bottom:solid 1px #e0e0e0; line-height:30px; font-size:16px; }











