#goodsintro 	{CLEAR: both; MARGIN: 0px auto; WIDTH: 960px}
#goodsintro .bg {FLOAT: left; WIDTH: 948px}

#goodsintro .attribute {CLEAR: both; MARGIN-TOP: 15px; FLOAT: left; WIDTH: 960px}
#goodsintro .attribute .left {FLOAT: left; OVERFLOW:visible; WIDTH: 300px}
#goodsintro .attribute .left .note {MARGIN-TOP: 0px; Z-INDEX: 999; BACKGROUND: #000000; FILTER: Alpha(opacity=60); MARGIN-LEFT: 0px; WIDTH: 80px; COLOR: #ffffff; LINE-HEIGHT: 21px; POSITION: absolute; HEIGHT: 21px; TEXT-ALIGN: center; -moz-opacity: .6; opacity: 0.60}

#goodsintro .attribute .right {FLOAT: right; WIDTH: 650px; position:relative}
H1 {CLEAR: both; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 20px; WIDTH: 585px; COLOR: #f26521; LINE-HEIGHT: 30px}
#goodsintro .attribute .right .tmxx {CLEAR: both; width:250px}
#goodsintro .attribute .right DL {CLEAR: both; DISPLAY: block; PADDING-LEFT: 20px; WIDTH: 565px; PADDING-TOP: 10px; HEIGHT: 15px}
#goodsintro .attribute .right DT {FLOAT: left}
#goodsintro .attribute .right DD {PADDING-LEFT: 10px; FLOAT: left}
#goodsintro .attribute .right .lineover {TEXT-DECORATION: line-through}
#goodsintro .attribute .right .height30 {LINE-HEIGHT: 30px; HEIGHT: 30px}
#goodsintro .attribute .right STRONG {FONT-SIZE: 20px; COLOR: #f00}

#goodsintro .attribute .right .jinbi {CLEAR: both; DISPLAY: block; PADDING-LEFT: 20px; WIDTH: 585px; HEIGHT: 35px! important}
#goodsintro .attribute .right .jinbi LI {FONT-WEIGHT: bold; FLOAT: left; COLOR: #ff0000; LINE-HEIGHT: 30px; MARGIN-RIGHT: 20px}
#goodsintro .attribute .right .jinbi LI SPAN {MARGIN-RIGHT: 5px}
.txtconfig {display:table;BORDER: #e8e7e7 1px solid;PADDING: 10px 0 10px 0; BACKGROUND: #f7f7f7; FLOAT: left; WIDTH: 650px; margin-top:26px}


#nav_bsize 	{height: 25px; padding-left: 10px}
#mainparam {padding: 3px 0 3px 8px; float: left; color: #666}
#txtvalue ul li {height: 30px; width:402px}
#txtparam { clear:both; height:50px; background-color:#FCF9CB; border:1px solid #F7D273; padding:4px 4px 0 4px; margin-top:3px}
#txtvalue ul li .inputtxt {width: 315px; height: 21px; line-height:21px;  border: 1px solid #999; color: #666; padding-left:2px}
#txtvalue ul li .areatxt {height: 45px; width: 315px; border: 1px solid #999; color: #666; padding-left:2px;float:left}
#mainparam .fsparam_t {width: 388px; height:25px; color: #666} 
#mainparam .fsparam_b {width: 388px;height:25px; color: #666} 
#mainparam .scparam {width:204px; line-height:30px; color:#f00; font-size:14px} 
#mainparam .scparam span {font-size:12px; color:#ccc} 
#mainparam ul li {float:left}
#qrparam .inputtxt {width: 115px; height: 22px; line-height:22px;  border: 1px solid #999; color: #666; padding-left:2px; margin-bottom:5px}

#txtvalue ul li A{display:block;BORDER: #999 1px solid; color:#ccc; float:left;width:50px; height:24px; line-height:24px;text-align:center; background-color:#4787DC}
#txtvalue ul li A.link {color:#ccc}
#txtvalue ul li A.link:hover {COLOR: #fff; TEXT-DECORATION: none; border:1px solid #2095d7}
#txtvalue ul li A.this { background-color:#F00; color:#fff}

.xycontrol {width: 960px; background-color:#EBEBEB; line-height: 33px; height: 33px; margin: 0 auto}
.xycontrol ul li {float: left; padding:3px 0 0 4px}
.xycontrol ul li input {width:55px; height:25px}

.newcell {height:25px; padding-left:2px}
.newcell span {width:80px; height:25px; line-height:25px; display:block; border:1px dashed #ccc; float:left; text-align:center; margin-right:10px; background-color:#FAEEC0; cursor:pointer}

#selector_bg,#selector_mb,#selector_jb,#selector 	{position: absolute;top: 0;	left: 0;width: 20px;height: 20px;background: url(../images/select2.png);}
#selector_bg div,#selector_mb div,#selector_jb div,#selector div {position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;background: url(../images/select2.png) center;}
#pickerHolder_bg,#pickerHolder_mb,#pickerHolder_jb,#pickerHolder {top: 32px;left: 0;width: 356px;height: 0;overflow: hidden;position: absolute}
#colorWidget_bg,#colorWidget_mb,#colorWidget_jb,#colorWidget{position: relative;height: 20px;float:left;margin-left:4px;}

#workrect {MARGIN: 0px auto}
.layout 				{-moz-user-select:none; -webkit-user-select:none; user-select:none; POSITION: relative;MARGIN: 0px auto; WIDTH: 650px; z-index:1; background-color: #525252;}
.card 					{position:absolute; left: 17px; top: 17px; width: 631px; background-color:#c0c0c0; z-index:2; border:1px solid #000}
#wordreae 				{width: 631px;position:relative;text-align:center; background-color:#c0c0c0; overflow:hidden}

.rule_v					{position:absolute; width:1px; height:17px; background:url(../images/rule_v.gif) no-repeat -750px 0; top:1px; left:18px; z-index:3}
.rule_h					{position:absolute; width:17px; height:1px; background:url(../images/rule_h.gif) no-repeat 0 -500px; top:18px; left:1px; z-index:4}
.rulecomm 				{position:absolute; width:16px; height:16px; border:1px solid #000; border-width:0 1px 1px 0; background-color:#fff; top:1px; left:1px; z-index:5; line-height:16px; text-align:center; cursor:pointer}
#leftrightimg			{position:absolute; border-width:0px; top:1px; left:11px; z-index:501}
#topdownimg				{position:absolute; border-width:0px; top:18px; left:1px; z-index:501}
#leftright				{position:absolute;left:0;top:0;width:1px;height:1px;border-top:1px dotted #666;z-index:498;font-size:1px;}
#topdown				{position:absolute;left:0;top:0;width:1px;height:1px;border-left:1px dotted #666;z-index:498;font-size:1px;}
.marqueeHoriz 		{position: absolute;width: 100%;height: 1px;background: transparent url(../images/marqueeHoriz.gif) repeat-x 0 0;	z-index: 3;}
.marqueeVert 		{position: absolute;height: 100%;width: 1px;background: transparent url(../images/marqueeVert.gif) repeat-y 0 0;z-index: 3;}
#outer {text-align: center;}
.jcExample{	text-align: left;width: 300px; overflow:hidden;		font-size: 80%;	margin: 0 auto 0 auto;	*margin: 0 10% 0 10%;/*border: 1px black solid;	padding: 1em 2em 2em;*/}
/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.designDiv {position: absolute;border: 1px dashed #f00}

/*
The main mouse handle that moves the whole element.
You can apply to the same tag as alixixi if you want.
*/
.drsMoveHandle {height: 20px;border-bottom: 1px dashed #f00;cursor: move;}

/*
The DragResize object name is automatically applied to all generated
corner resize handles, as well as one of the individual classes below.
*/
.dragresize {position: absolute;width: 5px;height: 5px;font-size: 1px;background: #EEE;border: 1px solid #333;}

/*
Individual corner classes - required for resize support.
These are based on the object name plus the handle ID.
*/
.dragresize-tl {top: -8px;left: -8px;cursor: nw-resize;}
.dragresize-tm {top: -8px;left: 50%;margin-left: -4px;cursor: n-resize;}
.dragresize-tr {top: -8px;right: -8px;cursor: ne-resize;}

.dragresize-ml {top: 50%;margin-top: -4px;left: -8px;cursor: w-resize;}
.dragresize-mr {top: 50%;margin-top: -4px;right: -8px;cursor: e-resize;}

.dragresize-bl {bottom: -8px;left: -8px;cursor: sw-resize;}
.dragresize-bm {bottom: -8px;left: 50%;margin-left: -4px;cursor: s-resize;}
.dragresize-br {bottom: -8px;right: -8px;cursor: se-resize;}


#makebtn{width:173px;height:55px;background-image:url(../images/down_btn.jpg);}
#makebtn>a{	width:173px;height:55px;display:block;}
#makebtn a{color:#CBDEF0;}
#makebtn a:hover{text-decoration:none;}
#maketext{position:relative;top:33px;left:20px;	}
#makebtnshadow{margin-top:6px;width:173px;height:25px;background-image:url(../images/down_shadow.png);clear:both;}
#makeboxright{width:200px;float:left}
#makeboxleft{width:83px;float:left;margin-top:3px;color:#686868;line-height:18px;}

#nav_menu					{ width:73px; height:155px; float:left}
#nav_menu a 					{ display:block; width:73px; line-height:25px; text-align:center;background-color:#ebebeb; color:#666; border-right:1px solid #ccc}
#nav_menu .this{background-color:#fff; color:#333; font-weight:bold; border:1px solid #ccc; border-width:1px 0 1px 1px}
#nav_menu .this a{color:#333}

.saveplan a				{background: transparent url('../images/oval-gray-left.gif') no-repeat top left;display: block;float: left;font: normal 13px Tahoma;line-height: 16px;height: 24px;padding-left: 9px;text-decoration: none;margin-left: 3px}
.saveplan a:link, .saveplan a:visited, .saveplan a:active{color: #494949; }
.saveplan a span		{background: transparent url('../images/oval-gray-right.gif') no-repeat top right;display: block;padding: 4px 11px 4px 0;}
.saveplan a:hover		{background-position: bottom left;}
.saveplan a:hover span	{background-position: bottom right;color: black;}
.btextbox {width:30px; height:17px; border:1px solid #999} 

#backimglist span {width:20px; height:20px; line-height:20px; display:block; border:1px solid #f00; background-color:#ccc; text-align:center; float:left; margin-right:4px}


.shuquan {width: 650px; line-height: 30px; height:30px}
.shuquan ul li {float:left; width:52px}
#makerect {width:650px; float:right; overflow:hidden; margin-top:8px}

.sort{ width:300px; height:300px; margin-bottom:8px; float:left; background:#f0f0f0; overflow:hidden;}
.sort h2{font-size:18px; padding-left:8px; background-color:#EBEBEB; line-height:32px; border-bottom:#E5E5E5 1px solid;}
.sort dl{ border-top:#F6F6F6 1px solid; padding-right:3px;}
.sort dt{ font-weight:bold; clear:both; padding-top:10px; padding-left:10px; line-height:18px}
.sort dd{ float:left; padding-left:10px; white-space:nowrap; line-height:18px}
.sort dd A { color:#666;}
.sort dd A:hover{ color:#f5811d;}
.sort dd .curr{color:#f00}



#picList1 .this	{border:1px solid #99CC33;}
#picList1 P {display:block; float:left; WIDTH:56px; HEIGHT: 42px; line-height:42px; border:1px solid #ccc; margin-right:4px; text-align:center; position:relative}
#picList1 {FLOAT: left; margin-top:4px}
#picList1 p .dcldel{position:absolute;top:28px;left:46px;z-index:999}
#fileQueue  		{overflow:hidden;width: 298px; float: left; height: 30px; color: #666; padding: 2px 2px; border: 1px solid #666}
.uploadifyQueueItem		 		{font: 11px Verdana, Geneva, sans-serif;background-color: #ccc;padding: 4px;width: 298px;}
.uploadifyError 				{background-color: #FDE5DD !important;}
.uploadifyQueueItem .cancel 	{float: right;}
.uploadifyProgress 				{background-color: #fff;width: 100%;}
.uploadifyProgressBar 			{background-color: #09f;width: 1px;height: 3px;}

#picList_sc {position: absolute; width:204px; height:130px; overflow:hidden}
#picList_sc .this	{border:1px solid #99CC33;}
#picList_sc P {display:block; float:left; WIDTH:62px; HEIGHT: 46px; line-height:44px; border:1px solid #ccc; margin-right:4px; margin-bottom:4px; text-align:center; position:relative}
.pagelist { width:960px; height:33px; display:block; clear:both; margin-bottom:15px; overflow:hidden; }
.pagelist .fl { float:left; margin-top:6px; line-height:20px; margin-left:10px; }
.pagelist .fr { float:right; margin-top:6px; margin-right:8px; }
.pagelist a { padding:1px 3px; display:block; float:left; font-weight:bold; }
.pagelist a.pre { width:30px; padding:3px 4px; display:block; float:left; font-weight:normal; }
.pagelist a:hover,.pagelist a.curr { color:#f7941c; }
.pagelist .fr big { float:left; font-size:12px; line-height:20px; }
.pagelist select { font-size:12px; }
.fix { width:215px; float:left; border-bottom:8px #ffffff solid; }

#DesignHelper {position:absolute; z-index:99999; display:none; background:url('../images/divpropertyicobg.png') no-repeat left 0px; width:88px; height:20px}
#DesignHelper ul li {float: left; width:21px; height:20px}

.SliderRotateDiv	{width: 100px; height: 20px; float: left}
.SliderRotate				{ height:20px; width:100px; background-image:url("../images/scrollrotatebg.png"); }
.SliderRotateBar    				{height:17px; width:15px; background-image:url("../images/scrollrotatehandle.png"); }

.rotate_slider{width:100px;height:20px;position:relative;float:left; background-image:url("../images/scrollrotatebg.png");}
.rotate_slider_handle{position:absolute;width:15px;height:17px;background:url("../images/scrollrotatehandle.png") no-repeat;cursor:w-resize}

.ruleh_slider{width:17px;height:610px;position:relative;float:left;}
.ruleh_slider_handle{position:absolute;width:17px;height:10px;background:url("../images/scrfloat_h.gif") no-repeat;cursor:n-resize}

.rulev_slider{width:500px;height:17px;position:relative;float:left;}
.rulev_slider_handle{position:absolute;width:10px;height:17px;background:url("../images/scrfloat_v.gif") no-repeat;cursor:w-resize}