body{ margin:0 auto; background:url(images/bg_index.gif) top repeat-x #E8E6E7;}
body,td,th,input{ 
	font-family: Arial,Tahoma,Verdana;
	font-size: 12px;
	color: #000;
}
a {color:#000; text-decoration:none;  }
a:hover{ color:#f00; text-decoration:underline}
.clr {clear:both;}
#top0{
	width:949px;
	margin:auto;
	padding:0 0 10px 0;
	background:#EFEFEF;
}
#top0 .nflico{
	height:30px; border-bottom:1px #013972 solid;
}

#top0 .top_banner{
	height:88px; background:url(images/top.jpg); 
}
#top0 .top_menu_1{
	height:25px; float:left; font: 11px/25px Arial, Helvetica, sans-serif; color:#fff;
}
#top0 .top_menu_1 a {
	color:#FF6600; font-weight:bold;
}
#top0 .top_menu_1 a:hover {
	color:#fff;
}
#top0 .top_menu_2{
	height:25px; float:right; font: 11px/25px Arial, Helvetica, sans-serif;
}
#top0 .top_menu_2 a {
	color:#565656; font-weight:bold; padding:0 18px;
}
#top0 .top_menu_2 a:hover {
	color:#FF6600;
}
#body0{
	width:949px;
	margin:0 auto;
	padding:0 8px 10px 8px;
	background:url(images/body.gif) bottom no-repeat;
	
}
#body1{
	background:#fff;
	width:949px;
	margin:0 auto;
	padding-top:15px;
}
.news5{ background:url(images/.jpg) 5px 9px no-repeat;color:#666; padding-left:25px;line-height:29px;height:27px;overflow:hidden; text-overflow:elipsis; }
.news5 b{ float:right;padding-right:20px; font-weight:100; font-size:11px; color:#888}
#news { padding:0 20px 0 32px; width:350px; float:left;}

#foot0{
	clear:both;
	width:949px;
	margin:auto;
	text-align:left;
	padding-bottom:15px;
	color:#565656; font:100 12px Verdana, Geneva, sans-serif; padding-left:10px;
}#foot0 a{color:#565656; font:100 12px Verdana, Geneva, sans-serif; float:right; padding-right:10px;}


.viewstable { background:#ccc;}
.viewstable td{ background:#fff; width:50%;}
.viewstabletitle{ background:#eee; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0}
.viewscontent1{ border-top:3px solid #06c; color:#06c; margin:9px; padding:3px;}

#left0{ 
	width:233px;
	padding:180px 0 0 13px;
	float:left;
	overflow:hidden;
	background:url(images/left_top.gif) top right no-repeat;
}
#right0{
	width:700px;
	float:right;
	overflow:hidden;
	color:#565656;
	
}
#right1{ width:578px;float:left; padding:0; overflow:hidden; background:#fff; border:2px #E6E4E5 solid;}
#right2{ width:190px; float:right; overflow:hidden; padding:0;}



#showpage {  border:0px solid #A7B4C2;  text-align:right;height:34px; line-height:34px; font-size:12px;clear:both; background:#f5f5f5; margin:5px 0; padding:0 15px; color:#666; font-weight:bold;}
#showpage a{ text-decoration:none; color:#013972; font-size:12px;}
#bar0{
	text-align:left;
	border:1px #efefef solid;
	font-size:11px; font-weight:bold;
	background:url(images/barbg2.gif) repeat-x;
	font-size:12px; color:#091E44; font-weight:bold;
	margin:10px 0;
}
#bar0 h2 {
	margin:0; padding:0; color:#013972; padding-left:10px; width:560px; font: bold 12px/30px Arial, Helvetica, sans-serif;
	
}
#bar0 h2 a {
	color:#013972; font:bold 12px/30px Arial, Helvetica, sans-serif;
}
#bar0 h2 a:hoer {
	color:#ff0; font:bold 12px/30px Arial, Helvetica, sans-serif;
}
#bar{
	text-align:right; 	
	line-height:24px; 
	background:url(images/.gif) repeat-x;
	padding-right:5px;
	font-size:12px; color:#000; font-weight:bold;
	margin-bottom:10px;	
  	border-bottom:1px solid #DADADA;
}
#bar span {font-size:12px; padding:0 5px; font-weight:bold; color:#a00; float:left; text-transform:uppercase; display:black; border-bottom:2px #a00 solid;}
#bar b{font-size:12px; color:#800}
#bar a{ font-size:12px;font-weight:bold;}
#clr{ clear:both;}



#hw00{ float:left; width:130px; padding:0 5px;  overflow:hidden; }
#hw1{ text-align:center; margin-top:1px;height:90px; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden; }
#hw1 a img{ border:1px #efefef solid; padding:2px; max-width:105px; max-height:90px; width:expression(this.width > 105 && this.height < this.width*90/105 ? 105: true);  height: expression(this.height > 90 ? 90: true);margin-top: expression(this.height < 90 ? (90-this.height)/2: 0); }
#hw1 a:hover img{ border:1px #013972 solid; padding:2px;}
#hw2{ text-align:center; line-height:1.3; margin:auto; font-size:10px; }
#hw2 b{ color:#000; font-size:11px;}
#hw2 br{ line-height:7px;}
#hw2 a{  color:#666; font-weight:100; font-size:11px;}
#hw2 span{ color:#f00; font-weight:100; font-size:11px;}
#hw2 s{ color:#999; font-size:11px; font-weight:100;}
#hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

#topa1{background:url(images/.gif) no-repeat; height:27px; line-height:12px;}
#topa1 a{color:#666; font-size:12px;}

#topa2{ border:#013972 solid; border-width:1px 0; height:24px; background:#990000; text-align:center; padding-left:10px; width:965px; }

#topa2{ border:#013972 solid; border-width:1px 0; height:24px; background:#990000; text-align:center; padding-left:15px; width:965px; }

#topa2 a{ font-size:12px; display:block; height:24px; line-height:24px; text-align:center; float:left; color:#fff; padding:0 13px; font-weight:bold; text-decoration:none;}
#topa2 a:hover { background:#fff; color:#3A1A19}
#class_menu {
	padding:50px 20px 0 30px;  width:540px; height:130px
}
#class_menu  a.class_menu1  {
	display:block; width:100px; height:120px;  float:left;
}
#class_menu  a.class_menu2  {
	display:block; width:100px; height:120px;  float:left;
}
#class_menu  a.class_menu3  {
	display:block; width:125px; height:120px;  float:left;
}
#class_menu  a.class_menu4  {
	display:block; width:80px; height:120px;  float:left;
}
#class_menu  a.class_menu5  {
	display:block; width:120px; height:120px;  float:left;
}


.right_menu {margin:0; padding:3px; width:188px; font: 11px/14px Arial, Helvetica, sans-serif;}
.right_menu a {
	display:block; padding-left:2px; width:168px; color:#333; 
}
.right_menu a:hover {
	display:block; color:#013972;
}


#box1{ border:1px solid #ddd; padding:3px; text-align:center; margin:6px 0;}

#f1gif{background:#fff;  text-align:center; height:18px; line-height:18px; width:190px; margin:4px 0 10px 0; color:#069; font-style:italic; text-transform:capitalize; font-weight:bold; text-decoration:underline;}
#searchtext{height:16px; padding:0 4px 0 4px; font-size:12px;}
.titles{
	height:30px; padding-left:10px; color:#013972; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:left;
}
.titles a{
	color:#013972;
}
.titles a:hover {
	color:#ff0000;
}
#lefthref1{ padding-bottom:30px; line-height:1.6; }
.titlespan{ display:block; text-align:left; text-indent:5px; font-size:14px; height:18px; line-height:18px; font-weight:bold; color:#000; background:#aaa; text-transform:uppercase; margin:4px 0 0 0;}
.bodyspan{ text-align:center; background:url(images/leftbg.gif);  padding:4px 0; display:block}

#right_hot {
	border:1px #CCCCCC solid; width:245px; height:285px; margin:5px auto;
}
#right_hot h2 {
	background:#EFE6E7; border-bottom:1px #ccc solid;font: bold 15px/26px Arial, Verdana, Helvetica, sans-serif;color:#f00; text-align:left; padding-left:15px;
}
#right_hot .INDEX_PROS {
	border:1px solid #ccc; padding:2px; width:43px; height:44px; float:left; margin: 7px 15px; display:inline
}.menus {
	font: 11px/30px Verdana, Arial, Helvetica, sans-serif; display:block; background:#EFE6E7; border-bottom:1px #ccc solid;border-top:1px #ccc solid; margin:0 auto; padding:0 0 0 10PX; margin-left:-2px; color:#565656; width:694px;
}#hw33{ max-width:330px; border:1px solid #ddd; background:#fff;}
#hw32{ max-width:130px; width:130px; border:1px solid #ddd; background:#fff;}
#left01{ background: url(images/lefttop.jpg) center ;color:#FFF; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:5px; line-height:28px;}
#left01 a{ color:#e3e3e3; }

#leftbox{   margin-bottom:10px; background:url(images/catelogbg.gif) bottom #fff; border:0; padding:10px 0 10px 0; }

#left02{ padding-left:5px; width:195px; line-height:28px; height:28px; margin-bottom:10px;}
#left02 a{ color:#fff; }
#leftbox2{ padding-bottom:1px; margin-bottom:10px; padding-top:20px; background:url(images/left_bg.gif) repeat-x;}


#left03{background:url(images/titlebg3.gif) top #fff; color:#013972; font-weight:bold; font-size:12px;  padding-left:16px; height:27px; overflow:hidden; line-height:27px;}
#left03 a{ color:#013972}
#left03 a:hover{ color:#900}
#leftbox3{   margin-bottom:10px; background:url(images/catelogbg3.gif) bottom #fff; border:0; padding:0px 0 10px 19px; }


.insort55{ margin-bottom:8px ;}
.insort55 td{ font-weight:bold;font-size:11px;}
.insort55 a{  color:#666; }
.insort55 a:hover{  color:#f60; }
.insort55 img{width:36px; height:36px; border:0; margin-right:2px;}
.insort55 span { color:#F66C99;}.insort55 b{ color:#aaa;} 

/* INDEX */
.flasha { padding-top:5px; display:block;text-align:center; color:#069; font-size:11px; height:76px; overflow:hidden; border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:3px solid #fff; }
.flasha:hover{ border-bottom-color:#ccc; border-top-color:#fff;}
.flasha img{  border:0; max-width:49px; max-height:51px; width:expression(this.width > 49 && this.height < this.width*51/49 ? 49: true);  height: expression(this.height > 51 ? 51: true);margin: expression(this.height < 51 ? (51-this.height)/2: 0) 0; }
.flasha2{ display:block; width:309px; height:221px;}
.flasha2 img{  border:0; max-width:309px; max-height:221px; width:expression(this.width > 309 && this.height < this.width*221/309 ? 309: true);  height: expression(this.height > 221 ? 221: true); }
.flasha3 u{ text-decoration:none; font-size:11px;}
.flasha3 a{ color:#069; font-size:12px;}
.flasha3 b{ font-size:20px;color:red;}
.flasha3{ padding-top:8px; line-height:1.6;}
.flasha3 span{font-size:14px; font-weight:bold;}


/* INSORT */
.insort1 {line-height:28px; background:url(images/pro_bg.gif); width:183px; margin:0 auto; padding-bottom:1px; margin-bottom:5px ; text-align:left; padding-right:25px; text-align:right; clear:both; }
.insort1 a { text-transform:capitalize; font-weight:bold; color:#3F3F3F;font-size:12px; font-weight:bold; }
.insort1 a:hover{ color:#BF894B; text-decoration:none;}
.insort1 b{ font-size:11px; color:#000000; padding-left:2px}
.menusubc li { display:block; width:183px; padding-right:25px; list-style-type:none; text-align:right; margin:0 auto}
.menusubc li a{ color:#6C6C6C; font:100 11px/15px Verdana, Geneva, sans-serif;}
.menusubc li a:hover{ color:#b10000; text-decoration:none;}
.menusubc img {padding:4px 5px; float:right; vertical-align:middle;}	


.pjfc{float:left;  width:98%;}
.pjfc2{float:left; width:0}
.pjfc span{float:right; font-size:11px; font-weight: bold; display:block; width:10px; height:22px; background:url(images/jt3.gif) no-repeat left;}
.layer{position: absolute; width:180px; font-size:11px; z-index:1; visibility: hidden; margin-left:1px; border:1px solid #013972;}

/* PRODUCT */

#productListHeading { color: #FF5500; margin-top:-5px; margin-bottom:5px; padding-left:5px; font-size:18px}
#categoryImgListing { text-align:center; }
.clearBoth { clear: both;}
	
#productListing { border:3px solid #eeeeee; margin:5px auto; padding:3px}

.tabTable {margin-bottom: 1.0em; }/* 产品列表表格 common tpl_tabular_display.php*/
.tabTable tr { border:1px solid red}
	td p{ text-align:left; font-size:12px;}
	.productListing-rowheading{}
	.productListing-heading{ background:#1A4168; color:#FFFFFF; padding:3px;
	 }
	.productListing-data { padding-left:3px;}/*表格文字*/
	.productListing-odd { }/*行样式1*/
	.productListing-even{ background: #ffffff}/*行样式2*/
	.itemTitle { padding:5px;line-height:120%; font-size:11px; font-weight:normal; margin:0;}
	.listingDescription  {padding:5px;line-height:120%; font-size:11px; font-weight:normal; }
#productListing .centeredContent { text-align:center;}
#productListing .centeredContent a img { }
#productListing .centeredContent a:hover img { border:1px solid #eeeeee}

h1 { 
	font-size:14px; margin-bottom:5px; color:#1A4168;

}

.productSpecialPrice, .productPriceDiscount {
	color: #ff0000;
	}
	
.hoverbox {
	FLOAT: left; COLOR: #888;
}
.hoverbox img {
	border:0px;
}
.hoverbox A {
	DISPLAY: block; TEXT-DECORATION: none; border:none;
}
.hoverbox A:hover {
	POSITION: relative
}
.hoverbox  SPAN {
	DISPLAY: none; BACKGROUND: #162124; CURSOR: pointer; COLOR: #999; LINE-HEIGHT: 150%; border:none;
}
.hoverbox A:hover SPAN {
	DISPLAY: block; Z-INDEX: 1; LEFT:-20px; POSITION: absolute; TOP: 0px
}
.hoverbox A:hover SPAN.texta {
	DISPLAY: block; Z-INDEX: 9; LEFT: -20px; POSITION: absolute; TOP: -85px
}
.hoverbox2 {
	FLOAT: left; COLOR: #888;
}
.hoverbox2 A {
	DISPLAY: block; TEXT-DECORATION: none
}
.hoverbox2 A:hover {
	POSITION: relative
}
.hoverbox2  SPAN {
	DISPLAY: none; BACKGROUND: #162124; CURSOR: pointer; COLOR: #999; LINE-HEIGHT: 150%
}
.hoverbox2 A:hover SPAN {
	DISPLAY: block; Z-INDEX: 1; right:-20px; POSITION: absolute; TOP: 0px
}
.hoverbox2 A:hover SPAN.texta {
	DISPLAY: block; Z-INDEX: 9; right:-20px; POSITION: absolute; TOP: -85px
}
#productAdditionalImages {
	margin:0; padding:15px 0;
}
.additionalImages {
	float:left; border:none;
}
.centerColumn{ /* no need in index because have many single div*/
	margin:0 6px;
	padding:6px;
	/*border:1px solid #1A4168;*/
}
.loginDefaultHeading {
	margin:0; padding:0; font:bold 14px/25px Arial, Helvetica, sans-serif;
}
.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}
	
	
/*.imcm ul{height:22px; line-height:22px;}
*/
.imcm {background:url(images/menu_bg.gif) top repeat-x; height:32px;}
.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left; vertical-align:top; padding:0px; margin:0; list-style:none outside none; border-style:none; background-image:none; clear:none; float:none; display:block; position:static; overflow:visible; line-height:normal;}
.imcm li a img{display:inline;border-width:0px;}
.imcm span{display:inline;}
.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}
.imcm .imsc{position:relative;}
.imcm .imsubc{position:absolute;visibility:hidden;}
.imcm li{list-style:none;font-size:1px;float:left;}
.imcm ul ul li{width:100%;float:none !important;}
.imcm a{display:block;position:relative;}
.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}
.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}
.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}
.imde ul li:hover .imsubc{visibility:visible;}
.imde ul ul li:hover  .imsubc{visibility:visible;}
.imde ul ul ul li:hover  .imsubc{visibility:visible;}
.imde li:hover ul  .imsubc{visibility:hidden;}
.imde li:hover ul ul .imsubc{visibility:hidden;}
.imde li:hover ul ul ul  .imsubc{visibility:hidden;}
.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}
.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}
.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/<!--[if IE]>.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}<![endif]--><!--[if gte IE 7]>.imcm .imsubc{background-image:url(ie_css_fix);}<![endif]--><!--end-->

<!--[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. -->

/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(sample3_main_arrow.gif); width:7px; height:5px; left:-8px; top:5px; background-repeat:no-repeat;background-position:top left;}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(sample3_main_arrow.gif); background-repeat:no-repeat;background-position:top left;  color:#0165C4;}


/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(arrow_sub.gif); width:10px; height:13px; left:-10px; top:0px; background-repeat:no-repeat;background-position:top left;}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(arrow_sub.gif); background-repeat:no-repeat;background-position:top left;}


/* --[[ Main Container ]]-- */
#imouter0 { padding:0px; margin:0px; }


/* --[[ Sub Container ]]-- */
#imenus0 li ul {background-color:#ccc; padding:0px; text-transform:capitalize; }


/* --[[ Main Items ]]-- */
#imenus0 li a, #imenus0 .imctitle {color:#fff; background:url(images/menu_r.gif) right no-repeat; text-align:center; font:bold 12px/32px Arial, Helvetica, sans-serif; text-decoration:none; padding:0px 5px; }

/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {color:#FF3300; background:url(images/menu_bg2.gif); }
#imenus0 li a.ihover{color:#FF3300; background:url(images/menu_bg2.gif);  }
.imde imenus0 a:hover {color:#FF3300; background:url(images/menu_bg2.gif); }

/* [active] */
#imenus0 li a.iactive {color:#111111; }


/* --[[ Sub Items ]]-- */
#imenus0 ul a, #imenus0 .imsubc li .imctitle  {color:#111111; line-height:26px;  text-align:left; font-size:11px; font-weight:normal; text-decoration:none;  padding:0px 0 0 6px; background:none; }

/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {background:#f30; color:#fff; text-align:left; line-height:26px; }
#imenus0 ul li a.ihover {background:#f30; color:#fff; }

/* [active] */
#imenus0 ul li a.iactive {background:#f30; color:#fff; }

.imatm {width:119px;}

#banner {width:949px;}
#banner .left{ float:left; width:250px;}
#banner .right{ float:right;}
.testDiv{
   width:440px;

   margin:0 auto;
  overflow:auto;
   /*   滚动条 */
       overFlow: auto ;  /* visible ：却省的 hidden auto scroll */
         overFlow-x: hidden ;
    /*   滚动条相关的颜色属性 */
     scrollBar-face-color: #ccc;        /* 滑块 */
     scrollBar-hightLight-color: #efefef;    /* 高亮 */
     scrollBar-3dLight-color: #efefef;    /* 3维光线 */
     scrollBar-darkshadow-color:#efefef;    /* 暗影    */
     scrollBar-shadow-color:#efefef;      /* 阴影   */
     scrollBar-arrow-color:#fff;       /* 箭头 */
     scrollBar-track-color:#efefef;         /* 滑道颜色 */
     scrollBar-base-color:#efefef;          /* 主要颜色 */
  
          
}