@import url('/skin/redromance/_system.css');
@import url('/skin/redromance/_component.css');
@import url('/skin/redromance/_layout.css');
#ShopContent{ width:820px; margin:5px auto;}
.TextCenter{ text-align:center}
a{ color:#000000}
a:hover{ text-decoration:none}
.important{ color:#FF0000}
#Header{ width:100%; height:180px}
#Menu{width:100%; margin:0 auto;}
#QuickMenu{ height:31px; background:url(/skin/redromance/images/shop/topBarBg.gif) repeat-x;}
#logo{float:left; width:240px; height:51px; overflow:visible;}
#MainMenu{ float:left; width:360px; height:31px}
#MainMenu ul{ list-style:none; padding:0; margin:10px 10px 0}
#MainMenu ul li{ display:inline; margin:5px}
#MainMenu ul li.Right_Border{ border-right:#000000 dashed 1px; padding-right:10px }
#log{ width:390px; height:31px; float:right; padding-top:6px}
#log ul li{ display:inline; margin:5px}
#Content{ width:820px; margin:10px auto;min-height:530px;height:auto !important;height:auto;}
#MainContent{ margin-left:4px;width:610px; float:left; overflow:hidden;}
#MainContent #Recommend{ width:610px; background:url(/skin/redromance/images/shop/cs_left_r1_c9.jpg) repeat-x; height:179px; overflow:hidden}
#MainContent #Recommend div.RLeft{ height:179px;background:url(/skin/redromance/images/shop/cs_left_r1_c1.jpg) no-repeat; float:left; width:15px}
#MainContent #Recommend div.RReft{ height:179px;background:url(/skin/redromance/images/shop/cs_left_r1_c15.jpg) no-repeat; float:right; width:13px}
#MainContent #Recommend #RecommendList{ height:169px; float:left; width:580px}
#MainContent #Recommend #RecommendList div.List{ width:110px; height:110px; margin-top:25px; margin-left:5px; float:left}
#MainContent #Recommend div.RImage{ background:url(/skin/redromance/images/shop/cs_tp1.jpg) no-repeat; height:16px; width:80px;}
#MainContent #Product{ width:610px; min-height:100px;height:auto !important;height:auto;  background:#f3f4ec; margin-top:5px}
#MainContent #Product #ProductList{ width:608px;  min-height:100px;height:auto !important; height:auto; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#f3f4ec solid 1px; overflow:hidden}
#MainContent #Product div.NewProPic{ height:21px; background:url(/skin/redromance/images/shop/cs_tp_r8_c13.jpg) no-repeat; padding-left:10px; width:598px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;}
#MainContent #Product div.AllProPic{ height:21px; background:url(/skin/redromance/images/shop/AllProduct.jpg) no-repeat; padding-left:10px; width:598px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;}
#MainContent #Product #ProductList .List{ width:135px; height:180px; text-align:center; margin:5px; float:left; overflow:hidden}
#MainContent #Product #ProductList .List .name{ display:block}
#MainContent #Product #ProductList .List img{width:135px; height:135px}

#MainContent #Product #ProductList .List a.buy{ display:block; width:43px; margin:1px auto; vertical-align:middle; line-height:20px; height:20px; background:url(images/diy/subnab_menu.jpg) no-repeat}
#MainContent  div.ptb{ background:url(/skin/redromance/images/shop/ptb.gif) no-repeat; width:610px; height:19px}
#MainContent div.pbb{ background:url(/skin/redromance/images/shop/pbb.gif) no-repeat; width:610px; height:19px}
#MainContent #NewLeaveWord h4{ height:23px; width:606px; background:url(/skin/redromance/images/shop/cs_tp_r16_c15.jpg) no-repeat; padding:0; margin:2px; text-align:right}
#MainContent #NewLeaveWord div.NewWordContent{width:608px;  min-height:100px;height:100px; height:auto !important; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#f3f4ec solid 1px;}
#MainContent #NewLeaveWord div.NewWordContent div{ width:460px;border-bottom:1px dotted #ccc; margin:10px auto; padding:5px}

#MainContent #AllLeaveWord h4{ height:23px; width:606px; background:url(/skin/redromance/images/shop/cs_tp_r16_c15.jpg) no-repeat; padding:0; margin:2px; text-align:right}
#MainContent #AllLeaveWord div.AllWordContent{width:608px;  min-height:100px;height:100px; height:auto !important; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#f3f4ec solid 1px;}
#MainContent #AllLeaveWord div.AllWordContent div{ width:460px; margin:5px auto;}
#MainContent #AllLeaveWord div.AllWordContent div{ width:460px; margin:5px auto; border-bottom:#CCCCCC dashed 1px}

#MainContent #LeaveWord h4{ height:23px; width:64px; background:url(/skin/redromance/images/shop/cs_tp_r18_c15.jpg) no-repeat; padding:0; margin:2px}
#MainContent #LeaveWord div.divform{width:608px;  min-height:100px;height:100px; height:auto !important; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#f3f4ec solid 1px;}
#MainContent #LeaveWord div.divform div{ width:450px; margin:0 auto}


#MainContent #ShopDes h4{ height:23px; width:64px; background:url(/skin/redromance/images/shop/ShopDes.jpg) no-repeat; padding:0; margin:2px}
#MainContent #ShopDes div.ShopDesContent{width:608px;  min-height:100px;height:100px; height:auto !important; border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;border-top:#f3f4ec solid 1px;}
#MainContent #ShopDes div.ShopDesContent div{ width:450px; margin:0 auto}



#Menu{ width:820px; height:150px; background: #FF9933 url(/skin/redromance/images/shop/bg.gif) no-repeat; padding:0; clear:both; margin:10px auto; overflow:hidden }
#Menu #ShopLogo{ padding:20px 20px 20px 10px; width:110px; float:left; margin:0}
#Menu #NameAndNotice{ width:200px; float:left; padding-left:10px; height:150px}

#Menu #SmallNav{ float:left; width:370px; height:150px; position:relative; overflow:hidden;}
#Menu #SmallNav div{ margin-top:100px; height:35px; background: url(/skin/redromance/images/shop/SmallNav.gif) no-repeat;}
#Menu #SmallNav div ul { margin-top:0; padding-top:10px; margin-left:25px;}
#Menu #SmallNav div ul li{ display:inline; margin:5px;}
#Menu #SmallNav div ul li a{ color:White}
#Menu #NameAndNotice h2{ font-size:14px; font-weight:bold; margin-top:20px; color:#FFFFFF}
#SideBar{ width:205px; float:left;}
#SideBar a{ text-decoration:none}
#SideBar div ul li{ list-style:none; line-height:23px}
#SideBar #UserInfo h4{ width:205px; height:30px; background:url(/skin/redromance/images/shop/topbg.gif) no-repeat; margin:0 auto; padding-top:5px; text-align:center; color:#FFFFFF;}
#SideBar #UserInfo div{ width:203px; border-left:#ff8000 solid 1px;border:#ff8000 solid 1px; margin:0; padding:0}
#SideBar #UserInfo div ul{ margin-left:50px; padding:0}

#SideBar #ProductClass { margin-top:10px}
#SideBar #ProductClass h4{ width:205px; height:15px; background:url(/skin/redromance/images/shop/cs_right_r10_c3.jpg) no-repeat; margin:0 auto; text-align:center; color:#FFFFFF; overflow:hidden; padding-top:5px}
#SideBar #ProductClass div.MainBg{ width:205px; height:150px; background:url(/skin/redromance/images/shop/cs_right1.jpg) repeat-y; margin:0 auto; padding-top:0; border-top:#fbfbe1 dotted 1px}
#SideBar #Topic div.MainBg{ width:205px; height:120px; background:url(/skin/redromance/images/shop/cs_right1.jpg) repeat-y; margin:0 auto; padding-top:0; border-top:#fbfbe1 dotted 1px}
#SideBar #ProductClass div ul{ margin-left:50px; margin-top:0; padding-top:10px; padding-left:20px; text-align:left}
#SideBar div.BottomBg{ background:url(/skin/redromance/images/shop/cs_right_r15_c3.jpg) no-repeat; width:205; height:15px}
#SideBar #Topic{ margin-top:10px; height:170px; overflow:hidden}
#SideBar #Topic h4{ width:205px; height:15px; background:url(/skin/redromance/images/shop/cs_right_r10_c3.jpg) no-repeat; margin:0 auto; text-align:center; color:#FFFFFF; overflow:hidden; padding-top:5px}
#SideBar #Topic ul { height:100px; width:160px; margin-left:30px}
#SideBar #Topic ul li{ display:inline; word-break:keep-all; margin:8px 10px 5px}



.bold{ font-weight:bold}
#noproductrecommend,.noproduct{ margin:30px}
.pages{ clear:both}
a.more{ margin:5px 10px 5px 5px; display:block; float:right}
#noleaveword{padding:15px}

#ProductList .List .name{ margin:5px}
#ProductList .List .price{ clear:both}