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



/* form.css */
a:hover { color:#99a; text-decoration:underline;}
input { margin:0; padding:0; vertical-align:top; color:#99a;}
.ipt_txt { padding:1px 0 0 2px; height:14px; border:1px solid #DFDEE4; vertical-align:middle;}
.ipt_btn { margin:0; padding:0; border:none; cursor:pointer;}



/* common.css */
.clearfix {}
.clearfix:after { content: ""; display:block; clear:both; height:0; visibility:hidden;}
.fl { float:left;}
.fr { float:right;}



/* #header (menu, sign in, search)
----------------------------------------------------------------------------------------------------*/
#header { position:relative; z-index:9999; clear:both; margin:0 auto 5px auto; width:1000px; height:103px; background:url(/images/header/headerBg.png) no-repeat; font-size:12px; font-family:Arial, "MingLiU", Tahoma;}
#header .Arial11px { font-size:11px; font-family: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:2px 0 0 0;}
#userinfo span { margin:0 3px 0 5px; color:#99a;}
#userinfo a { color:#690; text-decoration:underline;}
#userAccount em { font-style:normal; color:#f60;}
.login { margin-top:0!important; margin-top:1px; width:38px; height:18px; background-image:url(/images/header/headerBg.png); background-repeat:no-repeat; background-position:0 -170px;}
.checkcode { top:48px; right:40px; width:80px;}
#currentChannel { float:left; overflow:hidden; width:190px; height:49px;}



/* #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 -54px;}
.WM_hover  { background-position:-0 -120px;}
.WM_select { background-position:-0 -144px;}
.MN        { width: 88px; background-position:-285px -54px;}
.MN_hover  { background-position:-91px -120px;}
.MN_select { background-position:-91px -144px;}
.UW        { width:153px; background-position:-374px -54px;}
.UW_hover  { background-position:-180px -120px;}
.UW_select { background-position:-180px -144px;}
.CD        { width:108px; background-position:-528px -54px;}
.CD_hover  { background-position:-334px -120px;}
.CD_select { background-position:-334px -144px;}
.SP        { width: 94px; background-position:-637px -54px;}
.SP_hover  { background-position:-443px -120px;}
.SP_select { background-position:-443px -144px;}
.HD        { width:140px; background-position:-732px -54px;}
.HD_hover  { background-position:-538px -120px;}
.HD_select { background-position:-538px -144px;}
.DC         { width:110px; background-position:-873px -54px;}
.DC_hover  { background-position:-679px -120px;}
.DC_select { background-position:-679px -144px;}

.proSortList { display:none; position:absolute; z-index:3000; top:24px; border:1px solid #ccc; border-top:none; width:350px; background:#fff;}
.proSortList dl { float:left; display:inline; margin:5px 5px 5px 18px; width:90px;}
.proSortList dl dt { margin:0 0 5px 0; color:#000;}
.proSortList dl dd { padding:3px 0;}
.proSortList dl dd a { margin-right:3px; color:#99a;}
.proSortList dl dd a:hover { text-decoration:underline; color:#000;}
.proSortList dl dd .num { font-size:10px; font-family:Arial; color:#ccc;}



/* 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:20px;}
.bbsCol { background-image:url(/images/DefaultImgs/defaultBg.png); background-repeat:no-repeat; background-position:-790px -142px;}
.bbsPos { position:relative; z-index:2000;}
.bbsVideoList {}
.bbsico { display:block; float:left; margin-left:5px; background-image:url(/images/icon/bbsico.gif); background-repeat:no-repeat;}
.bbsVideo { width:11px; height:11px; background-position:0 -12px;}

#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:0 0 0 10px;}
#siteSearch input { border:none; background:none;}
#siteSearch .ipt_txt { padding:4px 0 0 2px; width:178px; color:#99a; vertical-align:middle;}
#siteSearch .ipt_btn { width:24px; height:20px;}

#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 { position:relative;}
#footerInfo { float:right; text-align:right;}
#footerInfo p { clear:both;}
#footerFlash {}
#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:10px;}
#copyright a { margin-left:10px;}