@charset "utf-8";
@import url("/common/script/resource/common.channel.css");
@import url("/common/script/resource/common.box.css");
@import url("/common/script/resource/common.datalist.css");
@import url("/common/script/resource/common.postform.css");
@import url("/common/script/resource/common.codes.css");
@import url("/common/script/resource/common.user.css");
@import url("/common/script/resource/common.comment.css");
@import url("/common/script/resource/common.paging.css");
@import url("/common/script/resource/common.menu.css");
@import url("common.channel.css");
@import url("common.user.css");
@import url("common.oblock.css");

@import url("common.codes.css");
@import url("common.user.css");

body{ background:url(bg.jpg) repeat-x top #1a2858;padding:0;font-family:"Arial","Verdana","宋体"; sans-serif;font-size:12px;margin:0px auto auto auto;color:#0d294f;}
a{ text-decoration:underline;color:#ae1600;}
h1{ font-size:14px;color:#ae1600;font-weight:bold;padding:5px 0 5px 0;margin:0px;}
.clear{ clear:both;}
span{ color:#b77a09;}
p{ text-align:justify;line-height:17px;padding:0px 0 0px 0;margin:0px;}
img.prod_img{ float:left;padding:5px 10px 0 0;}
#main_container{ width:970px;height:auto;margin:auto;
padding:0px;background:url(header_bg.jpg) no-repeat center top;}
#header{ width:970px;height:183px;margin:auto;}
.logo{ padding:15px 0 0 100px;}

/*---------------- menu tab----------------------*/
#menu_tab{ width:950px;height:128px;padding:0 0 0 225px;}

ul.menu { list-style-type:none; display:block; margin: auto; padding:0px; background:none;}

ul.menu li { display:inline;font-size:15px;font-weight:bold;line-height:28px;}

a.nav:link, a.nav:visited { display:block; float:left; padding:0px;width:122px; height:28px; margin:0px 5px 0px 5px; text-align:center;text-decoration:none; background:url(bt.gif); color:#313537;}

a.nav_selected:link, a.nav_selected:visited { display:block; float:left; padding:0px;width:122px; height:28px;margin:0px 5px 0px 5px;text-align:center;text-decoration:none; background:url(../bt_a.gif);color: #313537;}

a.nav:hover { color: #313537; text-decoration:none; background:url(bt_a.gif);}


/*----------------main_content----------------*/
#main_content{ width:970px;clear:both;height:auto;margin:auto;background:url(container_center_bg.jpg) repeat-y center;}
.center_content{ width:970px;background:url(container_top_bg.jpg) no-repeat center top;}
.welcome_block{ width:700px;padding:20px 0 0 40px;}
.title{ clear:both;border-bottom:1px dashed #808dbb;padding:0 0 5px 0;}
.i_divider{ width:1px;height:67px;float:left;padding:0 15px 0 15px;background:url(i_divider.gif) no-repeat center;}
.products{
width:650px;
padding:20px 40px 0 40px;
}
.categories_products{ padding:20px 40px 0 40px;}
.products_box{ padding:15px 0 15px 0;}

.new_products{ width:710px;padding:0 10px 30px 40px;}
.prod_box{ float:left;padding:10px 10px 10px 15px;}
.prod_details{ float:left;width:220px;padding:0 0 0 10px;}
.store_details{ float:left;width:320px;padding:0 0 0 10px;}
.welcome_details{ float:left;width:370px;padding:0 0 0 20px;}
.contact_details{ float:left;width:320px;padding:0 0 0 10px;}
a.order{ float:right;padding:5px 0 0 0;}
/*---------------------pagination-----------------------------*/

div.pagination { padding:20px 0 20px 230px;margin:5px;text-align:center;float:left;font-size:10px;}

div.pagination a { padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #ddd;text-decoration: none; color: #642403;}
div.pagination a:hover, div.pagination a:active { border:1px solid #ddd;color: #642403;background-color: #f4d583;}
div.pagination span.current { padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #ddd;font-weight: bold;background-color: #f4d583;color: #642403;}
div.pagination span.disabled { padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #ddd;color: #ccc;}
/*------contact form------*/
#contact_form{ float:left;width:300px;padding:10px 10px 0 140px;color:#666666;}
.contact_input{ width:290px;height:17px;font-size:12px;float:left;background-color:#fff8dc;
border:1px #DAB75A solid;}
label.contact_form{ width:200px;padding:0 0 5px 0;font-size:12px;}
.contact_textarea{ width:290px;height:80px;font-size:12px;font-family:Arial, Helvetica, sans-serif;float:left;background-color:#fff8dc;border:1px #DAB75A solid;}
input.contact_submit{ float:right;padding:10px;}
.cleardiv { clear:both;overflow:hidden;height:4px;}








body { padding:0px; font-size:12px; font-family:"Verdana","Arial","宋体","Tahoma","sans-serif"; }

/* ******** aLinks ********* */
a,a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }

input { border:1px solid #BBBBBB; height:21px; line-height:21px; }
textarea { border:1px solid #BBBBBB; }
select { border:1px solid #BBBBBB; }


/* ######################### */
/* ##### user-defined ###### */
/* ######################### */
input.ClewSign { background:url("common/ico_clew_sign.gif") no-repeat 7px 5px; }
input.ClewTrue { background:url("common/ico_clew_true.gif") no-repeat 3px 2px; }
input.ClewFalse { background:url("common/ico_clew_false.gif") no-repeat 3px 2px; }
input.ClewYes { background:url("common/ico_clew_yes.gif") no-repeat 4px 5px; }
input.ClewNo { background:url("common/ico_clew_no.gif") no-repeat 5px 5px; }
input.ClewOptional { background:url("common/ico_clew_optional.gif") no-repeat 4px 2px; }
input.ClewIgnorer { background:url("common/ico_clew_ignorer.gif") no-repeat 4px 2px; }

input.btn { background-image:url("common/bg_button.gif"); }
input.push { background-image:url("common/bg_push.gif"); }
button { background-image:url("common/bg_button.gif"); }

table.tab tr.bar td { background-image:url("common/bg_table_tab.gif"); }
table.tab tr.sub td { background-image:url("common/bg_table_tab.gif"); background-position:0px -20px; }
table.frm tr.bar td { background-image:url("common/bg_table_frm.gif"); }
table.frm tr.sub td { background-image:url("common/bg_table_frm.gif"); background-position:0px -20px; }
table.list tr.bar td { background-image:url("common/bg_table_list.gif"); }
table.list tr.sub td { background-image:url("common/bg_table_list.gif"); background-position:0px -20px; }

div.DataListBar { background-image:url("common/datas_bar_line.gif"); }
div.DatasListBar { background-image:url("common/datas_bar_line.gif"); }

div.Menu li { background-image:url("common/ico_menu.gif"); } 
div.MenuBar li { background-image:url("common/ico_menubar.gif"); } 
div.MenuSide li { background-image:url("common/ico_menuside.gif"); } 

div.MenuTab a { background-image:url("common/menu_tab_left.gif"); }
div.MenuTab a span { background-image:url("common/menu_tab_right.gif"); }
div.MenuTab li.pop a { background-image:url("common/menu_tab_left.gif"); }
div.MenuTab li.pop a span { background-image:url("common/menu_tab_right.gif"); } 

div.Block-Login div.BlockBar { background-image:url("common/ico_logo.gif"); }
input.username { background-image:url("account/ico_username.gif"); }
input.password { background-image:url("account/ico_password.gif"); }
input.login-text { background-image:url("common/bg_button.gif"); }

div.Block-Class div.layer-bar { background-image:url("common/ico_class_bar.gif"); }
div.Block-Class div.layer-item { background-image:url("common/ico_class_item.gif"); }
div.Block-Class div.line-item { background-image:url("common/ico_class_item.gif"); }

div.BoxMessage div.ico-succeed { background-image:url("common/box/ico_message_succeed.gif"); }
div.BoxMessage div.ico-fail { background-image:url("common/box/ico_message_fail.gif"); }
div.BoxMessage div.ico-error { background-image:url("common/box/ico_message_error.gif"); }
/* ######################### */


table.form { border:0px; }
table.form td.caption { font-weight:bold; text-align:right; padding:3px 5px 0px 0px; }
table.form td.content { color:#808080; text-align:left; }


/* ********** user ********* */
div.UserLoginBox { width:318px; border:1px solid #C6C3BD; }
div.UserLoginBox div.BoxBar { background:#EFEFDE; color:#888888; font-weight:bold; line-height:normal; padding:6px 6px 4px 8px; }
div.UserLoginBox div.BoxLine { height:1px; background:#C6C3BD; }
div.UserLoginBox div.BoxContent { padding:8px 8px 8px 6px; }
div.UserLoginBox div.BoxForm { clear:both; }
div.UserLoginBox div.formItem { clear:both; padding:4px 0px 4px 0px; }
div.UserLoginBox div.itemCaption { float:left; width:100px; font-weight:bold; text-align:right; padding:4px 5px 0px 0px; }
div.UserLoginBox div.itemContent { margin-left:100px; }


/* ************************* */
/* ********** Page ********* */
/* ************************* */
div.Framer { clear:both; width:950px; }
div.FramerFloor { clear:both; width:950px; }
div.FramerFloor div.MainBody { float:left; width:746px; }
div.FramerFloor div.Mainall { float:left; width:950px; }
div.FramerFloor div.MainCenter { float:left; width:542px; }
div.FramerFloor div.SideLeft { float:left; width:200px; margin:0px 3px 0px 0px; }
div.FramerFloor div.SideRight { float:right; width:200px; margin:0px 0px 0px 3px; }



div.FramerFloor div.SideLeftf { float:left; width:330px; margin:0px 3px 0px 0px;background:#EFEFDE; }
div.FramerFloor div.SideRightf { float:right; width:196px; margin:0px 0px 0px 3px;background:#EFEFDE; }
div.FramerFloor div.SideLeft1 { float:left; width:470px; margin:0px 3px 0px 0px; }
div.FramerFloor div.SideRight1 { float:right; width:470px; margin:0px 0px 0px 3px; }
div.FramerFloor div.SideLeft2 { float:left; width:390px; margin:0px 3px 0px 0px; }
div.FramerFloor div.SideRight2 { float:right; width:160px; margin:0px 0px 0px 3px; }
div.FramerFloor div.SideLeft3 { float:left; width:120px; margin:0px 3px 0px 0px; }
div.FramerFloor div.SideRight3 { float:right; width:410px; margin:0px 0px 0px 3px; }
div.FramerFloor div.Sideall { float:center; width:950px; margin:0px 3px 0px 0px; }

div.FramerFloor div.MainMenu { float:left; width:216px; margin:0px 8px 0px 0px; }
div.FramerFloor div.MainContent { float:left; width:734px; }
div.FramerFloor div.MainFrame {  }


/* ******* SideMenu ******** */
div.SideMenu { height:400px; background:url("frame/menu_bg.gif") repeat-x; }
div.SideMenuFrame { height:400px; background:url("frame/ico_menu_rightline.gif") top right no-repeat; }
div.SideMenuBody {  }
div.SideMenuBar { height:25px; line-height:25px; text-align:left; background:url("frame/menu_bg_bar.gif") top left no-repeat; }
div.SideMenuBar a { display:block; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; padding-left:20px; }
div.SideMenuBar a:visited { color:#ffffff; text-decoration:none; }
div.SideMenuBar a:hover { color:#FFFFFF; text-decoration:underline; }
div.SideMenuBar a:active { color:#FFFFFF; text-decoration:underline; }
div.SideMenuContent {  }
div.SideMenuContent ul {  }
div.SideMenuContent ul li { text-align:left; }
div.SideMenuContent ul li a { display:block; height:25px; line-height:25px; color:#333333; background:url("frame/menu_bg_item.gif") top left no-repeat; font-size:12px; font-weight:bold; text-decoration:none; padding-left:20px; }
div.SideMenuContent ul li a:visited { color:#333333; text-decoration:none; }
div.SideMenuContent ul li a:hover { color:#333333; text-decoration:none; background:url("frame/menu_bg_items.gif") top left no-repeat; }
div.SideMenuContent ul li a:active { color:#333333; text-decoration:none; }
div.SideMenuContent ul li.pop a { color:#333333; text-decoration:none; background:url("frame/menu_bg_items.gif") top left no-repeat; }


/* ********* header ******** */
div.Header { width:100%; background-image:none; }
div.HeaderSpace { clear:both; margin:2px; padding:2px; }
div.HeaderTopSpace { height:12px; }

div.HeaderFrame { clear:both; height:100%; margin:0 auto; padding:0px 0px 0px 0px; }
div.HeaderFrameBody { clear:both; width:950px; }

div.HeaderLogo { float:left; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.HeaderLogo div.HeaderLogoBody { width:200px; height:80px; background-image:url("logo_header.gif"); margin:2px 0px 2px 0px; }

div.HeaderSubMenu { float:right; height:20px; line-height:20px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.HeaderSubMenu ul { }
div.HeaderSubMenu li { display:inline; }
div.HeaderSubMenu li span { }
div.HeaderSubMenu li.space { padding:0px 10px 0px 10px; }
div.HeaderSubMenu li a { float:left; display:block; color:#ffffff; text-decoration:none;  padding:2px 4px 0px 4px; }
div.HeaderSubMenu li a:visited { color:#6D6F71; }
div.HeaderSubMenu li a:hover { color:#D7181F; border:1px solid #C0C0C0; background-color:#EDEDED; }
div.HeaderSubMenu li a:active { color:#D7181F; }

div.HeaderMenu { clear:both; width:950px; }
div.HeaderMenu div.partFrame {  }
div.HeaderMenu div.partBody { float:left; }
div.HeaderMenu div.partInfo { float:right; }
div.HeaderMenu ul { list-style:none; margin:0px 0px 0px 25px; padding:0px 0px 0px 0px; }
div.HeaderMenu li { display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.HeaderMenu li span { font-size:14px; font-weight:bold; }
div.HeaderMenu a { float:left; color:#550404; text-decoration:none; background:url("frame/header_menu_left.gif") no-repeat left top; background-position:0% -35px; margin:0px 0px 0px 2px; padding:0 0 0 4px; }
div.HeaderMenu a span { float:left; display:block; background:url("frame/header_menu_right.gif") no-repeat right top; background-position:100% -35px; padding:8px 10px 5px 8px; }
div.HeaderMenu a span { float:none; }			/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.HeaderMenu a:visited { color:#550404; text-decoration:none; }
div.HeaderMenu a:hover { color:#550404; text-decoration:none; background-position:0% -105px; }
div.HeaderMenu a:hover span { background-position:100% -105px; }
div.HeaderMenu a:active { color:#FFFFFF; text-decoration:none; }
div.HeaderMenu li.pop {  }
div.HeaderMenu li.pop a { float:left; color:#FFFFFF; text-decoration:none; background:url("frame/header_menu_left.gif") no-repeat left top; background-position:0% -70px; margin:0px 5px 0px 5px; padding:0 0 0 5px; }
div.HeaderMenu li.pop a span { float:left; display:block; background:url("frame/header_menu_right.gif") no-repeat right top;; background-position:100% -70px; padding:8px 10px 5px 8px; } 
div.HeaderMenu li.pop a span { float:none; }			/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.HeaderMenu li.pop a:visited { text-decoration:none; }
div.HeaderMenu li.pop a:hover { color:#FFFFFF; background-position:0% -105px; }
div.HeaderMenu li.pop a:hover span { background-position:100% -105px; }
div.HeaderMenu li.pop a:active { text-decoration:none; }

div.HeaderBox { clear:both; width:950px; }
div.HeaderBoxFrame { clear:both; }
div.HeaderBoxHeader { clear:both; height:4px; background:url("frame/block_box1_frame.gif") no-repeat left top; background-position:0% 0%; }
div.HeaderBoxHeader div.partInner { height:4px; background:url("frame/block_box1_frame.gif") no-repeat right top; background-position:100% -8px; }
div.HeaderBoxHeader div.partBody { height:4px; background:url("frame/block_box1_frame.gif") repeat-x left top; background-position:0% -4px; margin:0px 4px 0px 4px; }
div.HeaderBoxFooter { clear:both; height:4px; background:url("frame/block_box1_frame.gif") no-repeat left bottom; background-position:0% -12px; }
div.HeaderBoxFooter div.partInner { height:4px; background:url("frame/block_box1_frame.gif") no-repeat right bottom; background-position:100% -20px; }
div.HeaderBoxFooter div.partBody { height:4px; background:#EDEDED url("frame/block_box1_frame.gif") repeat-x left bottom; background-position:0% -16px; margin:0px 4px 0px 4px; }
div.HeaderBoxBody { clear:both; background:url("frame/block_box1_body.gif") repeat-y left top; background-position:0% 0%; }
div.HeaderBoxBody div.partInner { background:url("frame/block_box1_body.gif") repeat-y right top; background-position:100% 0%; }
div.HeaderBoxBody div.partBody { background:#EDEDED url("frame/block_box1_bg.gif") repeat; margin:0px 4px 0px 4px; padding:4px 8px 2px 8px; }

div.Header-BoxMenu {  }
div.Header-BoxMenu ul {  }
div.Header-BoxMenu li { display:inline; }
div.Header-BoxMenu li a { color:#550404; font-size:14px; font-weight:bold; text-decoration:none; padding:5px 5px 5px 5px; }
div.Header-BoxMenu li a:visited { color:#550404; text-decoration:none; }
div.Header-BoxMenu li a:hover { color:#FFFFFF; background-color:#550404; text-decoration:none; }
div.Header-BoxMenu li a:active { color:#FFFFFF; text-decoration:none; }







/* ********* footer ******** */
div.Footer {  width:970px;height:164px;background:url(footer_bg.jpg) no-repeat center;clear:both;padding:0px;margin:auto;text-align:center;color:#999999;}
div.FooterFrame { clear:both; width:940px; margin:0px; padding:0px 0px 0px 0px; }




div.FooterAds { text-align:left; padding:5px 0px 5px 0px; }

div.FooterMenu { padding:0px 0px 0px 10px; }
div.FooterMenu div.partFrame { padding:0px 0px 0px 0px; }
div.FooterMenu div.partBody { height:30px; border:1px solid #EDEDED; background:#FFFFFF; padding:0px 5px 0px 5px; }
div.FooterMenu div.top { float:right; padding-top:8px; }
div.FooterMenu ul { float:left; padding:0px 0px 0px 5px; }
div.FooterMenu li { display:inline; }
div.FooterMenu li a { float:left; display:block; line-height:30px; color:#666666; text-decoration:none; background-color:#FFFFFF; padding:0px 6px 0px 6px; }
div.FooterMenu li a:visited { color:#666666; }
div.FooterMenu li a:hover { color:#000000; background-color:#CCCC99; }
div.FooterMenu li a:active { color:#000000; }

div.FooterInfo { clear:both; color:#000000; padding:15px 0px 15px 10px; }
div.FooterInfo div.partBody {  }
div.FooterInfo p { color:#000000; padding:2px; }
div.FooterInfo a { color:#000000; }
div.Power-by-Joekoe { float:right; }


div.left_footer{ float:left;padding:17px 0 0 35px;text-align:left; }
div.right_footer{ float:right;padding:17px 40px 0 0;text-align:left; }