@import url("border.css");
@import url("widget.css");

@import url("red/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_leftMain.css");

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/

body {font-family: "Arial";font-size: 12px;color: #666666;line-height:20px; padding:0; margin:0}
a{color:#464646; text-decoration:none;}
a:hover{color:#FFA500; text-decoration:underline;}

.AllWrap{ margin:0 auto; width:1000px}
.AllWrapInside{ margin:0 auto; width:1000px; }

.banquan{height:150px; width:100%;   text-align:center; overflow:hidden;}


.headerInfo                { height:200px; position:relative; z-index:2}
	.headerInfo  .logo     { position:absolute; left:0; top:3px }
	.headerInfo  .topMenu  { position:absolute; right:28px; top:14px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { position:absolute; left:540px; top:13px; width: 200px; }
	.headerInfo  .info1     { position:absolute; left:830px; top:75px; width: 164px; }
		.headerInfo  .info2     { position:absolute; left:850px; top:119px; width: 115px; }
	.headerInfo  .cartBar  { height:29px; left:814px; position:absolute; top:165px; width:196px; font-size:13px;}
  .headerInfo  .menu     { position:absolute; height:40px; line-height:35px; left:24px; top:126px }
	.headerInfo  .submenu  { position:absolute; height:22px; line-height:35px; left:2px; top:87px }
	.headerInfo  .menu li a { width:94px; height:29px; display:block; float:left; text-align:center; line-height:29px; font-size:15px; color:#fff}
	.headerInfo  .menu li a:hover  {text-decoration:none;}
	.headerInfo  .headerSearchBar  { position:absolute; left:31px; top:157px; height:34px; line-height:34px; color:#000}
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:124px; position:absolute; top:46px;}
	.headerInfo  .zpimg    { position:absolute;height:47px; left:225px; top:22px; width:150px;}
	.headerInfo  .text    { position:absolute; left:225px; top:80px;}
	.headerInfo  .myacc    { position:absolute; left:886px; top:43px;height:26px;}



.topMainBannerArea{float:left; overflow:hidden}
.topMainBannerArea .a{ width:564px;height:250px; float:left; }
.topMainBannerArea .aa{   margin-top:5px; float:left;margin-left:2px; }
.topMainBannerArea .a1{ width:560px;height:120px; position:relative;z-index:0;}
.topMainBannerArea .b{ width:218px; float:right; }
.topMainBannerArea .b1{ background:url(affiche-bg.gif)  no-repeat 6px 0px;float:right; width:218px; margin-top:8px;}
.topMainBannerArea .b1_gg{ width:200px; margin-left:12px; margin-top:4px; }

.bannerad {float:right; width:785px; overflow:hidden}
.bannerad1 {float:center; width:205px;}
.bannerad11 {float:center; width:205px;height=100px;}


.mainColumn       { width:785px; margin-bottom:5px;}

.sideColumn     {float:left; width:205px; overflow:hidden; margin-top:4px;}
.sideColumn .sideWrapTop     { background:url(sider-top.gif)  no-repeat; height:10px; overflow:hidden; }
.sideColumn .sideWrapBg     { background:url(sider-bg.gif) ; }
.sideColumn .sideWrapBottom   { background:url(sider-bottom.gif) no-repeat; height:11px;}
.sideColumn .AdvBanner img    { margin-top:2px;}

.sideColumn1    {float:left; width:205px; margin-top:4px;border:1px solid #ccc;}
.sideColumn1 .sideWrapTop     { height:1px; }


.ShopCartWrap{ cursor:pointer}


.tabcontent{width:511px}
.tabcontent .body{ background:url(tabcontentbg.gif) no-repeat;_height:50px;}
.tabcontent .bottom{ background:url(tabcontentbg.gif) no-repeat 0 bottom; height:10px; margin-top:-5px;}
.tabcontent1{width:785px;}
.tabcontent1 .body{ background:url(tabcontentbg1.jpg) no-repeat;_height:40px; position:relative;}
.tabcontent1  .title   { position:absolute; right:10; top:0px }
.tabcontent2{width:785px;}
.tabcontent2 .body{ background:url(tabcontentbg2.jpg) no-repeat;_height:40px;}
.tabcontent3{width:785px;}
.tabcontent3 .body{ background:url(tabcontentbg3.jpg) no-repeat;_height:40px;}
.tabcontent4{width:785px;}
.tabcontent4 .body{ background:url(tabcontentbg4.jpg) no-repeat;_height:40px;}
.tabcontent5{width:785px;}
.tabcontent5 .body{ background:url(tabcontentbg5.jpg) no-repeat;_height:40px;}

.middleitmeshow{background:#fff url(middleitemshowbg.gif) repeat-x;}
.middleitmeshow .showitem { padding:15px 0 0 40px;}
.middleitmeshow .showitem .pic{ position:relative}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:0; left:-30px; width: 22px; height: 106px; color:#fff; line-height:14px}
.middleitmeshow .red{ background:url(middleitemshowTitle-red.gif) no-repeat}
.middleitmeshow .yellow{ background:url(middleitemshowTitle-yellow.gif) no-repeat}
.middleitmeshow .green{ background:url(middleitemshowTitle-green.gif) no-repeat}
.middleitmeshow .middleitmeshowArt { border-top:1px solid #ccc;}
.middleitmeshow .middleitmeshowArt h6{ margin:2px; text-align:left;}


.middleSep{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen{ background:#b7b82d}
.middleSep .colorYellow{ background:#b89c2d}
.middleSep .colorRed{ background:#b82d55}
.middleSep .middleSepContent{ float:left; width:161px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 

.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden;_height:1%}
.vcat .c-cat-depth-1 ul{ padding:0; margin:0}
.vcat .c-cat-depth-2 { padding:0;padding-left:1px;}
.vcat .c-cat-depth-2  table{width:100%;}
.vcat .c-cat-depth-2  td{width:10%; padding:1px; margin:0;}
.vcat .c-cat-depth-2  td a{ display:block; border:1px solid #FDB92D; text-align:center; padding:1px 1px;}

.TopMsg { width:1000px;
	background-image: url(bg_top_msg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.Foot1{ background:#fff; margin-top:6px;}
#Foot{ background:#fff; margin-top:0px;}

.FootLinks { height:250px; background: url(footer.jpg)  no-repeat; position:relative; z-index:2;}
	.FootLinks  .f1    { position:absolute; left:325px; top:132px;}
  .FootLinks  .f2    { position:absolute; left:480px; top:132px;}
	.FootLinks  .f3    { position:absolute; left:655px; top:132px;}
	.FootLinks  .f4    { position:absolute; left:820px; top:132px;}



.headerInfo .menu li  div{ padding:3px; margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}
	   
div#MainPromotionBanner{
	width:564px;
	height:250px;
	background:#ffffcc;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 250px;
	overflow: hidden;
	border:2px solid #fff;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 560px;
	height: 253px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 560px;
	height: 253px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 230px; 
	right: 5px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #FF0066;
	text-align: center;
	line-height:15px;
	width: 33px;
	height: 15px;
	font-family: Arial;
	font-size:12px;
	cursor: pointer;
	overflow: hidden; 
	margin:1px 1px;
	background: url(http://www.sumaimai.com/themes/sumaimai/flash/slide_trigger.jpg) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(http://www.sumaimai.com/themes/sumaimai/flash/slide_trigger_c.jpg) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 14px;
	line-height: 15px;
	height: 15px;
	width:33px;
	margin:1px 1px; 
}