@import url('/skin/redromance/_system.css');
@import url('/skin/redromance/_component.css');
@import url('/skin/redromance/_layout.css');



#ProductList .childclasslist_box
{
    width: 100%;
}
.p_childclass_list ul li
{
    float: left;
    margin: 3px;
    text-align: center;
 
   
}


.p_list_price span.price
{
    color: Red;
    margin-right: 6px;
}
.p_list_price span.marketprice
{
    text-decoration: line-through;
}
  .childclasslist_box .c_main_box .class_title a{ display:none}


#banner
{
    width: 720px;
    height: 353px;
margin-top:5px;
    
}

#MainContent .LeftContent{ width:560px; float:left; height:865px}
#MainContent .RightContent{ width:210px; float:right; overflow:hidden}
#MainContent .LeftContent .BestProduct .Productlist{margin-top:5px; border:1px solid #eee;width:560px; height:625px}
#MainContent .LeftContent .BestProduct h5{ font-weight:700; line-height:35px; padding-left:30px; border:1px solid #eee}
#MainContent .LeftContent .BestProduct .List{ border:1px solid #ccc; margin:20px}
.C_list li{ line-height:30px;border-bottom:1px dashed #ccc;}

#subtempllateList { width:720px; height:656px; margin-top:3px; border:1px solid #ccc}
#subtempllateList .Temp_list {width:350px; height:220px; float:left; overflow:hidden; margin:1px 5px 1px 5px}
#subtempllateList .Temp_list p{ padding:0; margin:2px;}
#subtempllateList .Temp_list ul{width:350px; text-align:center}
#subtempllateList .Temp_list ul li{float:left; margin:0 5px 0 5px; }
#subtempllateList .Temp_list ul li a{color:Maroon; text-decoration:underline}



#CategoryInfo{ width:720px; height:auto;margin-top:3px;}
#CImage{ float:left; width:360px}
#CDescription{ float:left; width:350px; margin-left:3px}
#CDescription p{ width:280px; vertical-align:middle; padding:16px}
#TemplateList{ width:720px;margin-top:3px; border:1px dashed #ddd; height:auto; }
#TemplateList div.T_list{ width:720px; min-height:300px; height:auto;overflow:hidden }
#TemplateList ul li{ width:140px; float:left;height:140px; margin:15px}
#TemplateList ul li .pe_u_thumb_title{ text-align:center}
.fourBy .gridCell{width:98px;height:123px;}
.fourBy .gridCell img{width:96px;height:96px;}
.occasions{float:left;}
.WhosItFor .gridShell{width:354px !important;}
#pageTitle span.note{padding-left:10px;font-size:.8em;}
.createBlurb{margin-left:10px;}
.shopGiftCenter{background:url("images/product/shopGiftCenter.jpg") top left no-repeat;height:333px;width:720px;color:#fff;position:relative;}.shopGiftCenter a{color:#fff;}
.shopGiftCenter .column{ margin-top:20px}
.shopGiftCenter .bottomPromo{color:#fff;}
.shopGiftCenter .topPromo{font-weight:bold;font-size:16px;}
.shopGiftCenter .daysLeft{color:#fff;}
.shopGiftCenter .hr{background-image:url(images/border.gif);}
.WhosItFor{padding-top:48px;padding-left:18px;width:334px;}
.occasions{padding-top:55px;padding-left:18px;_padding-left:0;width:158px;}
.giftCenterPromo{width:300px !important;}
.giftCenterPromo{width:332px;margin-bottom:14px;}
#main{padding-top:0;}#group_1{padding-top:13px;}

.shopTheGiftCenter{position:absolute;bottom:9px;right:9px;}
.shopTheGiftCenterButton{background-image:url(images/gray_left1.gif) !important;}
.shopTheGiftCenterButton span{color:#fff !important;background-image:url(images/gray_right1.gif) !important;}
.gridCell .realviewLink,.gridCell .nextviewLink{border-color:#fff;}

	/* BuyIndexSearchBar */
	#BuyIndexSearchBar{ margin:10px; padding:10px; border-bottom:1px dashed #ccc}
		#BuyIndexSearchBar h2,
		#BuyIndexSearchBar h2 i{height:6px; }
		#BuyIndexSearchBar *{font-size:14px;}
		#BuyIndexSearchBar strong{font-weight:700; }
		#BuyIndexSearchBar input{width:5em;line-height:2em;*line-height:1em; *padding-top:3px; }
		#BuyIndexSearchBar input#searchCheck{width:auto;}
		#BuyIndexSearchBar input.searchKey{width:20em; }

.Productlist .List{ float:left; width:140px; height:170px; margin:20px; text-align:center; border:3px solid #fff}
.Productlist .List span.name{ display:block; line-height:15px;}
.Productlist .List span.price{ display:block; line-height:15px;}
.Productlist .List img{ width:135px; height:135px}
.Productlist .List:hover{ float:left; width:140px; height:170px; margin:20px; text-align:center; border:3px solid #cbd1a3}

.cp_list {
	MARGIN-LEFT: 7px
}
.cp_list LI {
	WIDTH: 147px; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: 9px; margin-top:10px;
}
.cp_list LI A .cp_s_pic {
	DISPLAY: block; border:1px solid #FFFFFF;
}
.cp_s_text {
	TEXT-ALIGN: center; MARGIN-TOP: 10px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; COLOR: #16377c; FONT-SIZE: 12px
}
.cp_hyprice {
	TEXT-ALIGN: center; MARGIN-TOP: 5px; DISPLAY: block; FONT-FAMILY: Georgia; MARGIN-BOTTOM: 15px; COLOR: #b50f13; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.cp_s_text2 {
	LINE-HEIGHT: 16px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; COLOR: #666666; FONT-SIZE: 11px
}
.cp_s_bun {
	MARGIN: 0px auto; WIDTH: 113px; DISPLAY: block; BACKGROUND: url(/skin/redromance/images/butn_buy.gif) no-repeat; HEIGHT: 20px; CURSOR: pointer
}
.cp_s_bun1 {
	MARGIN: 0px auto; WIDTH: 113px; DISPLAY: block; BACKGROUND: url(/skin/redromance/images/butn_diy2.gif) no-repeat; HEIGHT: 20px; CURSOR: pointer
}
.cp_list LI A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.cp_list LI A:hover .cp_s_pic {
	BORDER-BOTTOM: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-RIGHT: #ff0000 1px solid
}