/*
 * COPYRIGHT (c) 2009 www.FashionsFriend.com. ALL RIGHTS RESERVED.
 * http://www.fashionsfriend.com
 * @Author A.D.JC   
*/



/* Reset */
html,body,div,span,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,img,
fieldset,form,label,legend,
table,caption,thead,tbody,tfoot,tr,th,td,
dl,dt,dd,ol,ul,li,
strong,em { margin:0; padding:0;}
a:link { color:#666; text-decoration:none;}
a:visited { color:#999; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
img { border:none;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
table { border-collapse:collapse; border-spacing:0;}
input,select,textarea { font-size:12px; font-family:Verdana, Arial; vertical-align:baseline;}
textarea { padding:2px;}
fieldset { border:none;}
body { font-size:12px; font-family: Arial,"宋体",Verdana;color:#99a;background:#FFFFFF url(../images/bg.jpg) repeat-x scroll 0 0;}
.break { word-break:break-all; word-wrap:break-word; }
.hide_msg {display:none;}


/* Patchs */
.fl { float:left;}
.fr { float:right;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}
.tl { text-align:left;}
.tr { text-align:right;}
.tc { text-align:center;}
.vat { vertical-align:top;}
.vam { vertical-align:middle;}
.displayNone { display:none;}
.displayBlock { display:block;}
.clearfix {}
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
.break { word-break:break-all; word-wrap:break-word;}
html > body .break { overflow:hidden;}
.inlineBlock { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}


/* #header */
#header { position:relative; z-index:3000; clear:both; margin:0 auto 5px auto; width:1000px; height:103px; background:url(../images/header/headerBg.png) no-repeat; font-size:12px; font-family:Verdana, Arial;}
#info { overflow:hidden; height:54px;}
#fashionsfriend { float:left; display:inline; margin:0 0 0 330px;}
#fashionsfriend a { display:block; width:350px; height:50px;}
#signin { padding:10px 10px 0 0; text-align:right;}
#switchLink { overflow:hidden;}
.loginIco   { display:inline-block; vertical-align:middle; width:45px; height:14px; background-image:url(../images/header/headerBg.png); background-repeat:no-repeat;}
.vipchannel { background-position:-45px -170px;}
.register   { background-position:-90px -170px;}
.lostpw     { background-position:-135px -170px;}
.signout    { background-position:-180px -170px;}
.userID     { width:20px; background-position:-253px -170px;}
.userPW     { width:20px; background-position:-298px -170px;}
#userinfo { clear:right; margin:5px 0 0 0;}
#userinfo span { margin:0 3px 0 5px; color:#99a;}
#userinfo a { color:#690; text-decoration:underline;}
#userinfo .inputText { padding:0 2px 0 2px; border:1px solid #DFDEE4;color:#575768;}
#userAccount em { font-style:normal; color:#f60; font-size:11px;}
.login { margin:0; padding:0; border:none; width:38px; height:18px; background:url(../images/header/headerBg.png) no-repeat 0 -170px; vertical-align:middle; cursor:pointer;}
#currentChannel { float:left; overflow:hidden; width:190px; height:49px;}
/* product Hit Cllct style 2009-10-21 */
small{font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:0 3px;}
.productListNo{float:left;font-size:10px; color:#999999;}
.productListHit{padding-left:20px;background:url(/images/hit.jpg) left 2px no-repeat;}
.productListCllct{padding-left:33px;padding-right:2px;background:url(/images/cllct.jpg) left 2px no-repeat;}

/* #menu */
#menu { padding-top:2px;}
#menu ul { height:24px;}
#menu ul li { position:relative; float:left; display:inline;}
.proSort   { display:block; float:left; display:inline; height:24px; background-image:url(../images/header/headerBg.png); background-repeat:no-repeat;}
.WM        { width: 90px; background-position:-194px -55px;}
.WM_hover  { background-position:-0 -120px;}
.WM_select { background-position:-0 -144px;}
.MN        { width: 88px; background-position:-285px -55px;}
.MN_hover  { background-position:-91px -120px;}
.MN_select { background-position:-91px -144px;}
.UW        { width:153px; background-position:-374px -55px;}
.UW_hover  { background-position:-180px -120px;}
.UW_select { background-position:-180px -144px;}
.CD        { width:108px; background-position:-528px -55px;}
.CD_hover  { background-position:-334px -120px;}
.CD_select { background-position:-334px -144px;}
.SP        { width: 94px; background-position:-637px -55px;}
.SP_hover  { background-position:-443px -120px;}
.SP_select { background-position:-443px -144px;}
.HD        { width:140px; background-position:-732px -55px;}
.HD_hover  { background-position:-538px -120px;}
.HD_select { background-position:-538px -144px;}
.DC        { width:110px; background-position:-873px -55px;}
.DC_hover  { background-position:-679px -120px;}
.DC_select { background-position:-679px -144px;}


.proSortList{position:absolute;z-index:999;top:24px;display:none;width:340px;overflow:hidden}
.proSortList dl {float:left;display:inline;margin:5px;width:90px;}
.proSortList dl dt {margin:0 0 5px 0;color:#000;}
.proSortList dl dd {margin-bottom:5px;}
.proSortList dl dd a {margin-right:3px;color: #666666;}
.proSortList dl dd a:hover {color:#000; text-decoration:none;}
.proSortList dl dd a:visited{color: #999999;}
.proSortList dl dd .num {font-size:10px;font-family:Arial;color:#ccc;}
.dcList{right:-12px;width:220px;}
/* 头部下拉菜单阴影外框样式 */
.dropMenuTable{margin:0;padding:0;border-collapse:collapse;}
.rBackground{width:6px;background:url(../images/header/rBackground.png) right 0 repeat-y;}
.rTop{ display:block;width:6px;height:6px; background:url(../images/header/rTop.png) right 0 no-repeat;}
.bBackground{height:6px;background:url(../images/header/bBackground.png) left top repeat-x;}
.bLeft{height:6px;height:6px;background:url(../images/header/bLeft.png) 0 0 no-repeat;}
.rightAndBottom{width:6px; height:6px; background:url(../images/header/right_bottom.png) right top no-repeat;}
.bgWhite{background-color:#fff;}
.lTop{width:6px; height:6px;border-left:1px solid #999;background-color:#00231D;}
.mTop{border-right:1px solid #999;background-color:#00231D;}
.lMiddle{border-bottom:1px solid #999;border-left:1px solid #999;}
.mMiddle{border-bottom:1px solid #999;border-right:1px solid #999;}

.lineDiv{border:1px solid #f3f3f3; border-top:3px solid #08422E;}

/*  品牌弹出菜单样式 add date 2009.11.25  */
.dropMenuTable tbody tr td{ behavior: url( /js/iepngfix.htc )}
.brandThreeMenu{position:relative;left:10px;}
.brandThreeMenu .brandThreeMenuList{display:none;width:220px;position:absolute;left:0px;top:3px;*top:14px;}
.brandThreeMenu .brandThreeMenuList h3{ margin:3px 5px;font-size:12px; font-weight:normal; color:#999999;}
.brandThreeMenu .brandThreeMenuList .brandThreeMenuListFirst{color:#000000;}
.brandThreeMenu .brandThreeMenuList dt{color:#000000;font-size:12px;}
.brandThreeMenu .brandThreeMenuList dl{margin:5px;}
.brandThreeMenu .brandThreeMenuList dd{width:80px;font-size:12px;}
.brandThreeMenu .TM{left:-194px;top:-12px;_top:0;}  /* 特卖区右对齐特定样式 */
.brandThreeMenu .TM .innerDiv{margin:0; overflow:hidden;}
.brandThreeMenu .TM h3{margin-bottom:2px;margin-right:10px;clear:left;border-bottom:1px solid #f3f3f3;text-align:center;}
.brandThreeMenu .TM h3 a{color:#000000;}
.brandThreeMenu .TM .innerDiv{margin-left:0;}
.brandThreeMenu .TM dl{width:80px;}
.brandThreeMenu .TM dt{}
.brandThreeMenu .TM dd{}

/* toolbar */
#bbsChannel { float:left; width:315px; line-height:190%;}
* + html #bbsChannel { line-height:210%;}
* html #bbsChannel { line-height:210%;}
#bbsChannel ul {}
#bbsChannel ul li { float:left; display:inline; margin-right:10px;}
#bbsChannel a.subChannel { display:block; float:left; display:inline; width:68px; height:24px; color:#829C2F; text-align:center;}
#bbsChannel a.subChannel:hover { text-decoration:underline; color:#99a;}
#bbsChannel .proSortList { line-height:normal;}
#bbsChannel .proSortList dl { width:220px;}
#bbsChannel .proSortList dl dd { float:left; width:110px;}
#bbsChannel .proSortList dl dd a.bbsItem { display:block; float:left;}
#bbsChannel .proSortList dl dd .num { display:block; float:left; width:30px;}
.bbsCol { background-image:url(../images/header/headerBg.png); background-repeat:no-repeat; background-position:-790px -142px;}
.bbsPos { position:relative; z-index:2000;}
.bbsico { display:block; float:left; margin-left:5px; background-image:url(../images/style/icon/bbsico.gif); background-repeat:no-repeat;}
.bbsVideo { width:11px; height:11px; background-position:0 -12px; float:left; margin-right:15px;}
#searchbar { float:left; width:367px; line-height:normal;}
#searchbar a { display:block; float:left; display:inline; margin:0 0 0 6px;}
#sizeSearch { width:62px; height:18px;}
#orderSearch { width:62px; height:18px;}
#siteSearch { float:left; padding:3px 0 0 10px;}
#siteSearch .inputText { padding:0 2px 0 2px; border:none;background:none; color:#575768;}
#siteSearch .inputButton { margin:0; padding:0; border:none; width:17px; height:17px; background:none; cursor:pointer;}
#cart { float:left; width:122px; line-height:190%;}
#cart a { color:#829C2F;}
#showcart { padding:0 0 0 26px;}
#history { padding:0 0 0 10px;}
/* #header end */


/* #footer */
#footer {}
#footerInfo { clear:both; text-align:right; margin:80px auto 0px auto; width:960px; margin-bottom:50px;}
#footerInfo p { clear:both; margin:0}
#footerFlash {height:auto;padding-left:1px; position:absolute;z-index:0; width:960px;}
#footerLink { float:right;}
#footerLink a { display:block; float:left; display:inline; margin:0 3px;}
#footerLink .separator { float:left; height:9px; color:#DFDEE4;}
#copyright { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#copyright a { margin-left:10px;}

/* nav */
.navTop{padding:5px 0 5px 0;width:960px;margin:auto;}

/* back to top */
.topButton { width:17px;height:56px;background:url(/images/style/icon/img_top.gif);position:fixed;bottom:100px;right:2px;display:none;cursor:pointer; filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}


/* blank9 */
.blank9 { clear:both; display:block; height:9px; overflow:hidden;}

/* bbs统一14PX字体 */
.link14px:link{color: #666666;font-size:14px;}
.link14px:visited{color: #999999;font-size:14px;}
.link14px:hover{color:#000;font-size:14px;text-decoration:underline;}
.link14px:active{color:#000;font-size:14px;text-decoration:underline;}

/* 英文字体 */
.fontA{font-size:11px; font-family:Arial;}
.fontV{font-size:11px; font-family:Verdana;}