﻿/*@import url("/images/colour/nav.css");*/

.meiwomain{width:960px; margin:auto; border:#999999 solid 0px;}

.meiwomain:after{ 
    content:"."; 
    height:0; 
    visibility:hidden; 
    display:block; 
    clear:both; 
}

.ml{width:760px; float:left; }
.mr{width:160px; float:right;}


/*大的框线架*/
.meiwotop,.meiwotop em,.meiwobottom,.meiwobottom em{background:url(../images/biankuan.gif) no-repeat top left;height:6px;}
.meiwotop{background-position:top left;}
.meiwotop em{background-position:top right; width:10px; float:right;}
.meiwobottom{background-position:0px -30px; }
.meiwobottom em{background-position:right -30px; width:10px; float:right;}
.meiwobg{background:url(../images/bg_meiwomain.gif) repeat-y;color:#999999;}



/*大的框线架 style2*/
.meiwotop_s2,.meiwotop_s2 em,.meiwobottom_s2,.meiwobottom_s2 em{background:url(../images/biankuan.gif) no-repeat;}
.meiwotop_s2{background-position:left -111px;height:40px;}
.meiwotop_s2 em{background-position: right -111px; width:10px; float:right;height:40px;}
.meiwobottom_s2{background-position:0px -168px; height:3px;}
.meiwobottom_s2 em{background-position:right -168px; width:10px; float:right;height:3px;}


/*------------tip ---------------------------------*/


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-11px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #fff;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{margin:3px 0;}

#JT_copy img{padding: 1px;
	border: 1px solid #CCCCCC;}

.jTip{ cursor:hand;}


/* ---------- gallery styles start here ----------------------- */

.dlpicbox{ width:208px; padding-top:0px; float:left; height:160px; }
.dlpicbox span{width:100%; float:left; border:0px solid #ffcc00;}
.dlpicbox .t{ line-height:22px; height:22px;}
.dlpicbox li{float:left; width:186px; text-align:center;}


.dlpicbox {list-style: none;margin: 0;padding-top: 0px;}
.dlpicbox li {padding: 0px;	float: left;position: relative;	margin:0px;	text-align:center;}
.dlpicbox li:hover img {border-color: #000;}
.dlpicbox img {background: #fff;border: solid 0px #ccc;	padding: 0px;width:160px; height:120px;}

.dlpicbox a {text-decoration: none;}
.dlpicbox span {width: 160px;height: 120px;	display: block;	position: absolute;	top: 0px;left: 13px!important;	left:13px;	background: url(/images/dlpic.png) no-repeat;	z-index: 3;}

.dlpicbox span {
background-repeat: no-repeat;
	background-image: url(/images/dlpic.png) no-repeat!important;/* FF IE7 */
}



.dlpicbox h1{font-size:14px;font-weight:normal; padding:0px; margin:0px; color:#343434; text-align:center; }
.dlpicbox h3{font-size:12px;font-weight:normal; padding:0px; color:#343434; text-align:left; width:105px; margin:0px; padding-left:30px;}
.price_p1{font-size:14px; text-decoration:line-through; color:#000000;}
.price_p2{font-size:18px;  color:#FF0000;}

/* ---------- sales styles start here ----------------------- */

.salespicbox{ width:214px; padding-top:0px; float:left;}
.salespicbox span{width:100%; float:left; border:0px solid #ffcc00;}
.salespicbox .t{ line-height:22px; height:22px;}
.salespicbox li{float:left; width:186px; text-align:center;}


.salespicbox {list-style: none;margin: 0;padding-top: 0px;}
.salespicbox li {padding: 0px;	float: left;position: relative;	margin:0px;	text-align:center;}
.salespicbox li:hover img {border-color: #000;}
.salespicbox img {background: #fff;border: solid 0px #ccc;	padding: 0px;width:160px; height:160px;}

.salespicbox a {text-decoration: none;}
.salespicbox span {width: 160px;height: 160px;	display: block;	position: absolute;	top: 0px;left: 13px!important;	left:13px;	background: url(/images/dlpicsales.png) no-repeat;	z-index: 3;}

.salespicbox span {
background-repeat: no-repeat;
	background-image: url(/images/dlpicsales.png) no-repeat!important;/* FF IE7 */
}

.salespicbox h1{font-size:14px;font-weight:normal; padding:0px; margin:0px; color:#343434; text-align:center; }
.salespicbox h3{font-size:12px;font-weight:normal; padding:0px; color:#343434; text-align:left; width:105px; margin:0px; padding-left:30px;}

/* ---------- best styles start here ----------------------- */

.bestpicbox{ width:214px; padding-top:0px; float:left;}
.bestpicbox span{width:100%; float:left; border:0px solid #ffcc00;}
.bestpicbox .t{ line-height:22px; height:22px;}
.bestpicbox li{float:left; width:186px; text-align:center;}


.bestpicbox {list-style: none;margin: 0;padding-top: 0px;}
.bestpicbox li {padding: 0px;	float: left;position: relative;	margin:0px;	text-align:center;}
.bestpicbox li:hover img {border-color: #000;}
.bestpicbox img {background: #fff;border: solid 0px #ccc;	padding: 0px;width:160px; height:160px;}

.bestpicbox a {text-decoration: none;}
.bestpicbox span {width: 160px;height: 160px;	display: block;	position: absolute;	top: 0px;left: 13px!important;	left:13px;	background: url(/images/dlpicbest.png) no-repeat;	z-index: 3;}

.bestpicbox span {
background-repeat: no-repeat;
	background-image: url(/images/dlpicbest.png) no-repeat!important;/* FF IE7 */
}

.bestpicbox h1{font-size:14px;font-weight:normal; padding:0px; margin:0px; color:#343434; text-align:center; }
.bestpicbox h3{font-size:12px;font-weight:normal; padding:0px; color:#343434; text-align:left; width:105px; margin:0px; padding-left:30px;}



	/*AllSort  产品多级菜单样式*/
#AllSort{width:209px;padding:8px 0 0;text-align:left;position:relative;z-index:200;border:solid #CE2020;border-width:0 0px 0px;margin-bottom:6px;}
#AllSort h3{width:209px;height:22px;line-height:22px;padding:3px 5px 0 9px;color:#4E504F;}
#AllSort h3 a:link,#AllSort h3 a:visited{color:#4E504F; font-size:12px; font-weight:normal;}
#AllSort h3 a:hover{ border:#959595 solid 1px; float:left; width:190px; height:22px; background:#FFFFFF; padding-left:6px;}
#AllSort dl{width:209px;overflow:hidden;}
#AllSort dt{width:195px;height:24px;line-height:24px;padding:3px 5px 0px 9px;overflow:hidden;cursor:default;background:url(/images/pics/images/jo_item.gif) no-repeat 199px -140px;}
#AllSort dt span{color:#999;display:block;width:140px;padding-right:5px;height:21px;float:right;overflow:hidden;}
*html #AllSort dt span{padding-right:4px;}
#AllSort .Dis{display:block;}
#AllSort .noDis{display:none;}
#AllSort .curr{width:195px;border-top:1px solid #959595;border-left:1px solid #959595;height:19px;line-height:19px;padding-bottom:4px;background:url(/images/pics/jo_line_bg.jpg) #fff repeat-x 0 -478px;}
#AllSort .curr span{display:none;}
#AllSort dd{background:#fff;width:195px;padding:5px 5px 5px 9px;overflow:hidden;cursor:default;}
#AllSort dd span,#AllSort div span{display:block;width:82px;background:url(/images/pics/jo_item.gif) no-repeat 0 -143px;padding-left:8px;float:left;}
.viewall{text-align:right;padding:6px 8px 0;border-top:1px dotted #E1E1E1;}
.pop_wrap{left:190px;position:absolute;z-index:999;width:201px;margin-top:0px;display:none;background:url(/images/pics/shadow_04.gif) no-repeat left top;padding:0 3px 3px 0;}
.pop{padding:3px 10px;width:180px;overflow:hidden;border:solid #959595;border-width:1px 1px 1px 0;background:url(/images/pics/jo_line1.gif) #fff no-repeat 0 -780px;line-height:24px;}


.textBoxLoad{margin:0px; background-position: 0px 0px; width:220px; height:40px; background-image: url('/ver2010/images/textbg_2.jpg'); background-repeat: no-repeat; overflow:hidden; padding:0px;border:0px;}
.textBox input,  .textBoxLoad input{width:195px; height:30px;font-size:12pt; margin-left:9px; margin-top:5px; border:0px;line-height:28px; background-color:Transparent; color:#666666;}
.textBox{margin:0px; background-position: 0px -41px; width:220px;height:40px; background-image: url('/ver2010/images/textbg_2.jpg'); background-repeat: no-repeat; overflow:hidden; padding:0px;border:0px;}
.textBox:hover{margin:0px; background-position: 0px 0px; width:220px; height:40px; background-image: url('/ver2010/images/textbg_2.jpg'); background-repeat: no-repeat; overflow:hidden; padding:0px;border:0px;}
.textBox:hover input{color:#000000;}
.textBoxs{height:30px;font-size:12pt;line-height:28px;border: 1px solid #DEDEDE; padding:0px 0px 0px 7px; color:#666666;}
.error{background-position: right; height:35px; width:auto; background-image: url('/ver2010/images/error-2.png'); background-repeat: no-repeat;}
.error div{background-position: left; height:35px;background-image: url('/ver2010/images/error-1.jpg'); background-repeat: no-repeat;}
.error div span{font-size:10pt !important; margin-left:20pt; margin-right:10px;line-height:27pt; color: #CC0000;}
.checkOk{background-position: left; height:35px; background-image: url('/ver2010/images/ok.jpg'); background-repeat: no-repeat; width:24px;}
.button{width:97px; height:30px; background-image:url(/ver2010/images/b_button.gif); text-align:center; line-height:30px;}
.button:hover{width:97px; height:30px; background-image:url(/ver2010/images/b_buttons.gif); text-align:center; line-height:30px;}
.line{height:1px; overflow:hidden; background-image:url(/ver2010/images/Point.gif);}