@import url(/skin/redromance/_system.css );
@import url(/skin/redromance/_component.css );
@import url(/skin/redromance/_layout.css );
a{padding-left:5px}

.Pic_content {
	MARGIN: 0px auto; WIDTH: 850px
}
#SideBar {
	WIDTH: 151px
}
#Content #SideBar {width:151px}

#PicCategory {
	MARGIN-TOP: 6px; WIDTH:151px
}
.dire_tit {
	WIDTH: 151px;
	HEIGHT:21px;
	background:url(../newskin/images/home_032.jpg);
	color: #FFFFFF;
	text-align: center;}
.dire_conbg {
	PADDING-LEFT: 10px;
	WIDTH: 151px;
	PADDING-RIGHT: 10px;
	background-image:url(../newskin/images/home_10.jpg);
	background-repeat: repeat-y;
}
.dire_conbg UL {
	LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none
}
.dire_botmbg {
	WIDTH: 151px;
	HEIGHT: 5px;
	CLEAR: both;
	background-image: url(../newskin/images/home_57.jpg);
}
.C_ProList {

}
.C_ProList .C_ProPiece {
	
}
.C_ProList .C_ProPiece {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; margin-left:25px; margin-right:25px; margin-bottom:10px; margin-top:5px;display:inline;PADDING-LEFT: 0px; WIDTH: 180px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}

body   #Content #MainContent {
	width:770px;
	overflow:visible;
	float: left;
	
	 }
BODY.image .C_ProList .C_ProPiece {
	POSITION: relative;
	WIDTH:200px;
	HEIGHT:200px;
	text-align: center;
	vertical-align: middle;
}
BODY.image .C_ProList .C_ProPiece DIV {
	TEXT-ALIGN: center!important;
	LINE-HEIGHT: 200px;
	WIDTH:200px;
	HEIGHT:200px;
	background-image: url(Images/User/album_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
BODY.image .C_ProList .C_ProPiece .name {
	LINE-HEIGHT: 26px
}
.CategoryGuide {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH:750px; HEIGHT: 30px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.CategoryInfo {
	TEXT-ALIGN: left; PADDING-LEFT: 5px; WIDTH: 200px; FLOAT: left; FONT-SIZE: 17px
}
.CategoryInfo STRONG {
	TEXT-ALIGN: left; LINE-HEIGHT: 30px; COLOR: Red
}
.PageInfo {
	WIDTH:500px!important; FLOAT: right; margin-top:10px
	
}

.PicImgInfo {
	TEXT-ALIGN: center; WIDTH: 450px; FLOAT: left
}
.PicImgInfo{
float:left;
margin:5px 1px 0 1px;
width:20px;
height:20px;
color:#999;
font:12px/20px ËÎÌå;
text-align:center;
text-decoration:none;
border:1px solid orange;
}
.PicImgInfo:hover {
	position:relative;
	margin:0 -9px 0 -9px;
	padding:0 5px;
	width:30px;
	height:30px;
	font:bold 16px/30px ËÎÌå;
	color:#000;
	border:1px solid black;
	background:#eee;
	margin-bottom: 2px;
}

.ImageInfo H4 {
	BORDER-BOTTOM: #ccc 1px solid; LINE-HEIGHT: 26px
}
.PicImgInfo H2 {
	LINE-HEIGHT: 32px; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.PicImgInfo .picture {
	BORDER-BOTTOM: #ccc 1px solid;
	POSITION: relative;
	TEXT-ALIGN: center;
	BORDER-LEFT: #ccc 1px solid;
	LINE-HEIGHT: 400px;
	WIDTH: 400px;
	HEIGHT: 400px;
	OVERFLOW: hidden;
	BORDER-TOP: #ccc 1px solid;
	BORDER-RIGHT: #ccc 1px solid;
}
.PicImgInfo .picture P {
	POSITION: static; VERTICAL-ALIGN: middle; TOP: 50%
}
.PicImgInfo .picture P IMG {
	POSITION: static; VERTICAL-ALIGN: middle; TOP: -50%; LEFT: -50%
}
.PicDetail {
	PADDING-BOTTOM: 15px;
	PADDING-LEFT: 15px;
	WIDTH: 350px;
	PADDING-RIGHT: 15px;
	FLOAT: right;
	margin-top: 25px;
	margin-bottom: 200px;
}
.PicDetail UL LI {
	LINE-HEIGHT: 32px
}
.PicDetail UL LI.hits {
	BORDER-BOTTOM: #1e90ff 1px solid
}
.PicDetail UL LI.dashed {
	BORDER-BOTTOM: #1e90ff 1px dashed
}
.HotProduct {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 850px; CLEAR: both
}
.HotProduct .more {
	POSITION: absolute; WIDTH: 60px; HEIGHT: 26px; TOP: 10px; RIGHT: 5px
}
.HotProduct .more A {
	COLOR: red
}
.HotProduct H2 {
	
}
.c_main_box {
	HEIGHT: 200px; OVERFLOW: hidden
}
.c_main_box UL LI {
	MARGIN: 12px;display:inline; WIDTH: 140px; FLOAT: left; HEIGHT: 185px; OVERFLOW: hidden
}
.c_main_box UL LI .p_list_pic {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.c_main_box UL LI .p_list_pic IMG {
	WIDTH: 135px; HEIGHT: 135px
}
.c_main_box UL LI .p_list_name {
	TEXT-ALIGN: center; LINE-HEIGHT: 26px
}
.c_main_box UL LI .p_list_price {
	TEXT-ALIGN: center
}
#DesignPicture {
	BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; MARGIN: 10px auto 5px; WIDTH: 850px; padding-left:0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
#DesignPicture H2 {
	LINE-HEIGHT: 18px; MARGIN: 5px; PADDING-LEFT: 20px; BACKGROUND: url(/skin/redromance/images/quan.gif) no-repeat 1px 0px; HEIGHT: 18px; FONT-SIZE: 16px
}
#DesignPicture .more {
	POSITION: absolute; TOP: 5px; RIGHT: 5px
}
#productsandservices .yuimenuitemlabel {
	CURSOR: pointer; TEXT-DECORATION: none
}
#ref-products-container .yui-carousel-nav {
	
}
#ref-products-container .yui-carousel-nav H3 {
	LINE-HEIGHT: 30px; PADDING-LEFT: 20px; FLOAT: left; COLOR: #fff
}
#ref-products-container .yui-carousel-item-selected {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid
}
.yui-carousel-element LI {
	TEXT-ALIGN: left; HEIGHT: 150px
}
#ref-products-container A {
	TEXT-DECORATION: none
}
#ref-products-container .item {
	POSITION: relative; MARGIN: 0px 12px; WIDTH: 140px; DISPLAY: inline; OVERFLOW: hidden
}
#ref-products-container .item DIV {
	TEXT-ALIGN: center; LINE-HEIGHT: 135px; HEIGHT: 135px
}
#ref-products-container .item DIV P {
	POSITION: static; TOP: 50%
}
#ref-products-container .item DIV P IMG {
	POSITION: static; VERTICAL-ALIGN: middle; TOP: -50%; LEFT: -50%
}
#ref-products-container .item DIV P:after {
	VISIBILITY: hidden; FONT-SIZE: 1px; CONTENT: "."
}
#ref-products-container .item P.all {
	Z-INDEX: 2; POSITION: absolute; BOTTOM: 6px; DISPLAY: none
}
#ref-products-container .item P.all A {
	FONT-SIZE: 85%; FONT-WEIGHT: bold
}

#detailInfo {
	CLEAR: both;
	float: none;
}
#detailInfo .C_md_c {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#detailInfo .panelTitle {
	BACKGROUND: url(/skin/redromance/images/bg_repeat.png);font-size:14px;height:30px; line-height:30px; border-bottom:2px dotted #ccc;margin-bottom:5px; color:red;
}
#detailInfo .CurInfo .panelTitle {
	
}
#detailInfo #detailPanel {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
#detailInfo .baseProperty {
	WIDTH: 100%; BORDER-COLLAPSE: collapse; MARGIN-BOTTOM: 1em
}
#detailInfo .baseProperty TH {
	WIDTH: 7em; FONT-WEIGHT: 700
}
#detailInfo .baseProperty TH {
	BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; PADDING-TOP: 8px
}
#detailInfo .baseProperty TD {
	BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 8px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; PADDING-TOP: 8px
}
.C_richText {
	TEXT-ALIGN: left; LINE-HEIGHT: 150%; min-HEIGHT: 50px; height:auto; OVERFLOW: hidden
}
.C_richText P {
	TEXT-INDENT: 2em; MARGIN: 1.2em 0px
}
.C_richText P.img {
	TEXT-ALIGN: center; TEXT-INDENT: 0px
}
.C_richText P.img IMG {
	MARGIN: 1.2em auto; DISPLAY: block
}
.C_richText EM STRONG {
	COLOR: red
}
.C_richText EM {
	COLOR: red
}
.C_richText STRONG EM {
	FONT-WEIGHT: 700
}
.C_richText STRONG {
	FONT-WEIGHT: 700
}