﻿/*---------------- Common Part ----------------*/
* { margin:0; padding:0;}
body { background:white;}
.OLmainColor { color:#F06EA1;}
a { text-decoration:none; color:Black;}
a:hover{ text-decoration:underline; color:#EA1166;}
* ul li { list-style:none;}
.space { clear:both; width:100%; height:7px; overflow:hidden;}
.OLOldPrice { color:#000;}
.OLNewPrice { color:#C63808;}

/*---------------- Holiday Part ------------------*/
#OLUpGradeAd { display:none; color:red; font-size:13px; line-height:18px; padding:6px 8px; border:1px solid #CCC; width:932px; margin:5px auto; margin-bottom:3px; text-align:center; font-weight:bold;}


body { background:white !important;}
.OLHolidayBg { margin:0 auto; width:100%; height:550px; position:absolute; z-index:-9999; left:0; background:url(/skin/onlylove/holidayBg/2012valentine1.jpg) center top no-repeat;}
#main { margin:0 auto; padding-top:96px; width:950px;}

/*---------------- unHoliday Part ---------------*/

/*
body { background:white;}
.OLHolidayBg { display:none; margin:0 auto; width:100%; height:0;}
#main { margin:0 auto; width:950px; }
*/


/*----------- Common Page Top ----------------*/
.OLTop { width:950px; height:167px; background:white;}
    .OLHead { width:950px; height:81px; background:url(images/bg_ol_head.gif) 0 0 no-repeat; overflow:hidden;}
        .OLHead dt { float:left; padding:0; width:180px; height:81px; overflow:hidden;}
            .OLHead dt a img { border:none;}
        dd.OLIdea { float:left; padding:7px 0 0 5px; width:150px; height:72px; line-height:14px; font-size:13px; overflow:hidden;}
            dd.OLIdea b { padding:2px 0 0 2px; letter-spacing: 5px; font-weight:normal; color:#858585; border-left:1px solid #F06EA1;}
            dd.OLIdea em { padding-left:4px; letter-spacing: 1px; font-style:normal; color:#F06EA1; border-left:1px solid #F06EA1;}
        dd.OLLogin { float:left; width:245px; height:81px; font-size:13px; color:#636363;}
            dd.OLLogin b { display:block; height:30px; line-height:30px; font-weight:normal;}
            dd.OLLogin em { display:block; height:51px; line-height:51px; font-style:normal; font-size:13px; color:#333;}
            .dd.OLLogin a { color:#6A6060;}
            dd.OLLogin .OLa { color:#B00C0C;}
            dd.OLLogin a.OLa:hover { color:#EA1166;}
        dd.OLControl { float:right; padding:0 5px; width:359px; height:29px; line-height:29px; font-size:13px; text-align:right; background:url(images/common.gif) -385px -232px no-repeat; text-align:left; overflow:hidden;}
            dd.OLControl a { margin:0 7px; color:#666;}
            dd.OLControl a:hover { color:#EA1166;}
                dd.OLControl span { float:left;}
                dd.OLControl p { float:right;}
        .OLHead dd.OLService { float:right; width:359px; height:52px; background:url(images/bg_top_service.gif) 160px 0 no-repeat; overflow:hidden;}
/*---------- Common Main Menu -------*/
    .OLMenu { padding:0px 0 0 20px;  width:930px; height:38px; font-size:14px; text-align:center; background:url(images/common.gif) 0 0 no-repeat; overflow:hidden;}
        .OLMenu dt { float:left; padding-right:10px; width:474px; height:38px; line-height:33px; position:relative; overflow:hidden;}
            .OLJing { position:absolute; top:0; right:83px;}
            .OLMenu dt a b, .OLMenu dt a p { float:left; padding-top:7px; width:57px; color:#FFFFFF; text-align:center; cursor:pointer; overflow:hidden;}
            .OLMenu dt a p { width:82px;}
                .OLMenu dt a:hover { text-decoration:none;}
                .OLMenu dt a b.aOn { background:url(images/common.gif) -213px -142px no-repeat; color:#F06EA1; font-weight:bold;}
                .OLMenu dt a p.aOn { background:url(images/common.gif) -279px -142px no-repeat; color:#F06EA1; font-weight:bold;}
        .OLMenu dd.OLMenuList { float:left; padding:7px 0 0 0px; width:75px; height:33px; line-height:33px; color:#FFFFFF; cursor:pointer; text-align:left;}
            .NewsTop { width:312px; height:10px; background:url(images/common.gif) -385px -197px no-repeat; overflow:hidden;}
            .NewsCom { display:block; padding:0 9px; width:290px; height:200px; line-height:30px; font-size:14px; border-left:2px solid #EA4385; border-right:2px solid #EA4385; background:white; overflow:hidden;}
                .NewsCom li { float:left; width:72px; height:24px; line-height:24px; text-align:center; font-size:13px; overflow:hidden;}
                    .NewsCom li a { color:#333;}
                    .NewsCom li a:hover { font-weight:bold; text-decoration:none; color:#EA1166;}
                .NewsCom li.fNode { margin:5px 0; width:290px; border-bottom:1px dotted #F06EA1; text-align:left; line-height:24px; text-indent:0.5em;}
                    li.fNode a { color:#555; font-weight:bold;}
                    li.fNode a:hover { color:#EA1166; font-weight:bold;}
	        .NewsBot { width:312px; height:10px; background:url(images/common.gif) -385px -212px no-repeat; overflow:hidden;}
            .GiftSearchTop { width:513px; height:12px; background:url(images/common.gif) -385px -167px no-repeat; overflow:hidden;}
            ul.GiftSearch { padding:0 9px; width:491px; height:250px; line-height:30px; font-size:14px; border-left:2px solid #EA4385; border-right:2px solid #EA4385; background:white; overflow:hidden;}
                ul.GiftSearch li { float:left; width:70px; line-height:24px; text-align:center; font-size:13px;}
                    ul.GiftSearch li a { color:#333;}
                    ul.GiftSearch li a:hover { font-weight:bold; text-decoration:none; color:#EA1166;}
                ul.GiftSearch li.se, .GiftSearch li.ob, .GiftSearch li.si { margin:5px 0; width:491px; text-align:left; line-height:24px; text-indent:0.5em;}
                ul.GiftSearch li.se { color:#F06EA1; border-bottom:1px dotted #F06EA1;}
                ul.GiftSearch li.ob { color:#1096D0; border-bottom:1px dotted #1096D0;}
                ul.GiftSearch li.si { color:#4BA125; border-bottom:1px dotted #4BA125;}
                    ul.GiftSearch li em { font-size:13px; font-weight:bold; font-style:normal;}
	        .GiftSearchBot { clear:both; width:513px; height:15px; background:url(images/common.gif) -385px -182px no-repeat; overflow:hidden;}
        .OLMenu dd.OLSpeedGate { float:right; padding:7px 5px 0 0; width:291px; height:33px; line-height:33px;}
			.OLTotalCart, .OLHeadService { float:left; font-size:13px; color:#C11659; cursor:pointer; text-align:left;}
			.OLTotalCart { padding:0 10px 0 30px; width:150px;}
			.OLTotalCart span { padding:0 5px; color:#1871B5; font-weight:bold;}
			.OLHeadService { float:right; padding-top:1px; width:90px; text-align:left; font-weight:bold;}
			.OLHeadService a { display:block; text-indent:1.8em; color:#C11659; background:url(images/service_qq.gif) 0 7px no-repeat;}
			.OLHeadService a:hover { color:#EA1166;}
/*---------- Common Top Search -------*/
    .OLSearch { width:950px; height:48px; background:url(images/common.gif) 0 -38px no-repeat; font-size:13px;}
        .OLSearch dt { float:left; padding:11px 0 11px 17px; width:410px; height:26px;}
            .OLSearch .TopSelectItem { float:left; margin:0px 0 0 1px; height:26px; width:89px; color:#646362; position:relative; z-index:10;}
/*---------- Search List Item ---------*/
            .TopItem, .ItemList { width:82px; position:absolute; top:22px; left:0px; z-index:30;}
            .TopItem { width:84px; line-height:25px; z-index:90; top:0px; left:0px;}
            .TopItem span { display:block; width:84px; color:#646464; cursor:pointer; text-indent:0.75em;}
            .ItemList { display:none; padding-top:3px; border:1px solid #ccc; border-right-color:#EAEDF3; background:#fff; border-top:none;}
	            .ItemList ul { width:82px; height:52px; padding:0px;}
	            .ItemList li { text-align:left;}
	            .ItemList li a { display:block; height:26px; line-height:26px; color:#7a7d7c; padding-left:8px;}
	            .ItemList li a:hover { color:#EA1166; background:#FFEECB; font-weight:bold; text-decoration:none; letter-spacing:1px;}
            .OLSearch .TopSearchInput { float:left; margin:1px 0 0 0px; width:230px; height:24px; line-height:24px; border:none; background:none; color:#646464;}
            .OLSearch dt input.TopSearchClick { float:right; margin:0px 9px 0 0; width:68px; height:25px; line-height:25px; text-align:center; font-size:14px; font-weight:bold; color:#9C5E1F; border:none; background:none; cursor:pointer; overflow:hidden;}
        .OLSearch dd { float:left; width:522px; height:48px; line-height:48px; font-size:13px; color:#707070; overflow:hidden;}
            .OLSearch dd a { margin:0 10px 0 0; color:#707070;}
            .OLSearch dd a:hover { color:#EA1166;}
/*--------- Your Position Path --------*/
.OLHeadPath { clear:both; padding-left:20px; width:930px; height:30px; line-height:30px; background:url(images/common.gif) -5px -93px no-repeat white; font-size:13px; color:#555; overflow:hidden;}
    .OLHeadPath a, .OLHeadPath b { color:#0054A6; font-weight:normal;}
    .OLHeadPath a:hover { color:#EA1166;}
/*--------- Take With Shopping Cart --------*/
.CartNothing{ width:530px; margin:0 auto;  height:20px; line-height:20px; font-size:13px; color:#6B696B; text-align:center; }
.OLCartTop{ clear:both; margin:0; width:545px; height:15px; background:url(images/common.gif) -385px -137px no-repeat; overflow:hidden;}
.OLCartCenter{ clear:both; margin:0; width:545px; background:url(images/cart_center_bg.gif) repeat-y; overflow:hidden; font-size:13px;}
	.CartContHead { margin:0 auto; width:535px; height:24px; line-height:24px; font-weight:bold; color:#C63808; font-size:13px; background:#FFEECB;}
	.CartContList { margin:0 auto; width:535px; border-left:1px solid #FFF; border-right:1px solid #FFF; height:72px; line-height:72px; font-size:13px;}
	    .CartProPic, .CartProSumTitle, .CartProSum, .CartProPriceTitle, .CartProPrice, .CartProName, .CartProNumTitle, .CartProUnitTitle, .CartProUnit, .CartProNum, .CartBtnTitle, .CartBtn { border-bottom:1px solid #FFEECB; border-left:1px solid #FFF;}
		.CartProPicTitle, .CartProPic { float:left; margin:0; padding:0; width:99px; text-align:center;}
		.CartProPic img  { padding-top:3px; padding-bottom:3px;}
		.CartProSumTitle, .CartProSum { float:left; width:59px; text-align:center; font-size:13px;}
		.CartProPriceTitle, .CartProPrice { float:left; width:50px; text-align:center;}
		.CartProPrice { padding-bottom:27px; height:45px; overflow:hidden;}
		.CartProNameTitle { float:left; width:160px; text-align:center;}
		.CartProName { float:left; padding:0; padding-top:18px; width:160px; text-align:center; height:54px; line-height:25px; background:none; font-size:13px; overflow:hidden;}
		.CartProName a { color:#333; text-decoration:none;}
		.CartProName a:hover { color:#EA1166;}
		.CartProNumTitle, .CartProUnitTitle, .CartProUnit { float:left; width:40px; text-align:center;}
		.CartProNum { float:left; padding-top:25px; padding-bottom:26px; height:21px; width:40px; text-align:center;}
.OLCartCenter input { width:30px; height:15px; border:1px solid #FFEECB;}
		.CartUnitSumName, .CartUnitSum {float:right; width:40px; text-align:left;}
		.CartPriceTotalSumName { float:right; width:50px; text-align:center;}
		.CartPriceTotalSum { float:right; width:130px; text-indent:1em; text-align:left;}
		.CartBtnTitle { float:left; width:76px; text-align:center;}
		.CartBtn { float:left; padding-top:6px; padding-bottom:6px; width:76px; text-align:center; line-height:30px;}
			.CartBtnChange, .CartBtnDel { padding:2px 10px; border:1px solid #FFF; cursor:pointer; text-decoration:none; color:Black;}
		.CartBtn a:hover { color:#EA1166; background:#E7E3E7; border:1px solid #999; text-decoration:none;}
		a.CartPay { float:right; width:74px; height:24px; line-height:24px; text-align:center; font-size:13px; font-weight:bold; color:White; letter-spacing:2px; background:url(images/common.gif) -759px -264px no-repeat;}
		    a:hover.CartPay { color:White; text-decoration:none;}
	.CartContBot { margin:0 auto; padding-bottom:2px; width:535px; height:24px; line-height:24px; border:1px solid #FFF; border-top:none;}
.OLCartBot{ clear:both; margin:0; width:545px; height:10px; background:url(images/common.gif) -385px -152px no-repeat; overflow:hidden; }
/*----------- Product Category ----------------*/
dl.proCategory { float:left; width:210px; height:auto !important;}
dl.proCategory dt.sortTitle { float:left; padding-left:30px; height:31px; line-height:34px; width:180px; font-size:14px; font-weight:bold; color:#611834; background:url(images/common.gif) 0px -142px no-repeat; overflow:hidden;}
dd.sortContent { float:left; padding:0px; width:208px; height:auto !important; border-left:1px solid #DEDFDE; border-right:1px solid #DEDFDE; overflow:hidden;}
    dd.sortContent span { float:left; width:208px; height:30px;}
        dd.sortContent span b { float:left; margin:4px 10px 0; padding:0 0 0 20px; width:168px; height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#DE3D7E; border-bottom:1px solid #FFE7EF;}
    dd.sortContent ul { float:left; margin:0; padding:5px 10px; width:188px; height:auto !important;}
        .sortBg { background-color:#FFFAF5;}
            .sortBg1 { background:url(images/common.gif) 0 -178px no-repeat;}
            .sortBg2 { background:url(images/common.gif) 0 -204px no-repeat;}
            .sortBg3 { background:url(images/common.gif) 0 -230px no-repeat;}
            .sortBg4 { background:url(images/common.gif) 0 -256px no-repeat;}
        dd.sortContent ul li { float:left; margin:0; padding:0 10px; width:74px; height:23px; line-height:23px; font-size:13px; overflow:hidden; background:url(images/common.gif) -955px 10px no-repeat;}
            dd.sortContent ul li a { float:left; padding:0 0 0 10px; width:64px; height:23px; color:#393039;}
            dd.sortContent ul li a:hover { padding:0; width:74px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; background:url(images/common.gif) -759px -232px no-repeat;}
                dd.sortContent ul.sortSe li a:hover { background-position:-759px -265px;}
                dd.sortContent ul.sortOb li a:hover { background-position:-848px -232px;}
                dd.sortContent ul.sortSi li a:hover { background-position:-848px -265px;}
dd.sortBot { clear:both; margin-bottom:7px; width:210px; height:10px; background:url(images/common.gif) 0 -287px no-repeat; overflow:hidden;}
/*------- View Product List --------*/
#ProductLog { float:left; padding:10px 3px 0 10px; width:195px; border-left:solid 1px #DEDFDE; border-right:solid 1px #DEDFDE;}
    #ProductLog li { float:left; margin-bottom:10px; width:195px; list-style:none;}
        #ProductLog img { float:left; margin:5px 10px 0 0; width:88px; width:66px; border:1px solid #E7DFDE;}
        .browseProname { float:left; padding:0px; width:97px; height:36px; line-height:18px; color:#636963; font-size:12px;overflow:hidden;}
        .browsePrice1, .browsePrice2 { display:none;}
        .browseBuybtn { clear:none; float:left; margin:0; padding:0 0 0 23px; width:67px; height:21px; line-height:21px; color:#394142; font-size:12px; background:url(images/pagePro.gif) 0 -310px no-repeat; border:0; overflow:hidden;}
        .deleteCookie { float:right; margin:5px 5px 0 0; padding-left:17px; font-size:12px; cursor:pointer; color:#63696B; background:url(images/pagePro.gif) 0 -351px no-repeat;}
    .clearView { margin:0; width:195px; height:21px; text-align:right; font-size:14px; color:Red; font-weight:bold; overflow:hidden;}
/*----------- Service----------------*/
.Service { clear:both; padding:0 0 7px 0; width:950px; height:202px; background:white; overflow:hidden;}
    .ServiceTop { width:950px; height:45px; background:url(images/service_top.gif) no-repeat; overflow:hidden;}
        .ServiceTop input { float:left; margin:12px 0 0 298px; width:300px; height:20px; line-height:21px; border:1px solid #fff; color:#707070;}
        .ServiceTop a { float:left; margin:11px 0 0 6px; width:50px; height:23px; line-height:25px; color:#111111; font-size:13px; text-align:center;}
        .ServiceTop a:hover { text-decoration:none;}
    .ServiceBot { width:950px; height:157px; background:url(images/service_bot.gif) no-repeat; overflow:hidden;}
        .ServiceBot .LinkMe { float:left; margin:72px 30px 0 75px; font-size:13px; color:#4D3535; cursor:pointer;}
        .ServiceBot a:hover { color:#EA1166;}
        .ServiceBot a { float:left;}
        .ServiceBot .ServiceList { float:left; margin-top:29px; width:720px; height:111px; display:inline; list-style:none; overflow:hidden;}
        .ServiceBot .ServiceList li { float:left; width:120px; height:21px; line-height:21px; text-align:center; font-size:13px; overflow:hidden;}
        .ServiceBot .ServiceList li a { float:none; color:#636163;}
        .ServiceBot .ServiceList .ListTitle { font-weight:bold; font-size:14px; color:#636163;}
        .ServiceBot .ServiceList li a:hover { color:#EA1166;}
/*----------- Link ----------------*/
.OLLink { width:950px; height:100px; background:url(images/home_inc.png) 0px -1545px no-repeat; overflow:hidden;}
    .OLLinkTab { float:left; padding-left:50px; width:600px; height:30px; list-style:none;}
        .OLLinkTab li { float:left; padding-top:10px; width:108px; height:20px; line-height:20px; font-size:13px; text-align:center; background:none; cursor:pointer; color:#4A414A;}
        .OLLinkTab .LinkOn { background:url(images/home_inc.png) 0 -255px no-repeat;}
    .OLLink .Tips { float:right; padding-right:10px; width:290px; height:30px; line-height:30px; font-size:13px; color:#4A414A; text-align:right;}
        .OLLink .Tips a { background: url("images/service_qq.gif") no-repeat left center; float: right; height: 30px; line-height: 30px; text-indent: 1.8em; width: 105px; }
    .OLLink p { clear:both; padding:5px 10px 4px 10px; width:930px; height:60px; line-height:20px; font-size:13px;}
    .OLLink p a { margin-right:7px; color:#63595A;}
    .OLLink p a:hover { color:#EA1166;}
/*----------- Contact Me ----------------*/
.AboutMe { clear:both; margin:0 auto; padding-bottom:20px; width:950px; height:30px; line-height:30px; font-size:13px; text-align:center; border-top:1px solid #FFA6C6;}
    .AboutMe a { padding:0 12px; color:#4A414A;}
    .AboutMe .left { float:left; padding-left:5px; width:70px;}
.BotLogo { margin:0 auto; padding:0 205px; width:540px; height:63px; background:url(images/bot.gif) center 0 no-repeat white; overflow:hidden;}
.CopyRight { padding-bottom:20px; width:950px; line-height:20px; font-size:12px; text-align:center; color:#707070; letter-spacing:2px;}
.CopyRight a { color:#707070;}

.AdFixBottom { width:950px; height:50px; position:fixed; bottom:0; _position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:1000; }


/******������¼����*****************/
.quickLogin { top:32%!important; border:1px solid  #fff;}
.quickLoginCom { width:500px; border:2px solid  #fff; background:#F2F2F2; line-height:34px;}
.quickLoginCom input { height:24px; line-height:24px; border:1px solid #ccc;}

.ajaxLoginClose { padding:5px 5px 10px 160px; width:335px; height:61px; border-bottom:1px solid #F17BA9; background:white;}
    .ajaxLogo { float:left;}
    .ajaxClose { float:right; cursor:pointer;}
    
.ajaxLoginTxt { width:493px; padding-left:7px; height:50px; line-height:50px; font-weight:bold; font-size:30px; font-family:Franklin Gothic Medium; color:#DFDFDF; border-top:1px solid #F17BA9;}
.ajaxLoginCon { clear:both; width:500px; height:auto !important;}
    .ajaxLeft { float:left; width:330px;}
        .ajaxLeft p { clear:both; width:330px; height:35px;}
            .ajaxLeft p b { float:left; width:180px; line-height:24px; font-size:14px; text-align:right; color:#575757; font-weight:normal;}
            .ajaxLeft p input { width:130px;}
            .ajaxLeft p span { float:right; width:150px;}
    .ajaxRight { float:right; width:170px;}
      .ajaxRight img#login { cursor:pointer; }
.ajaxNoId { clear:both; padding-bottom:10px; width:500px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#ACACAC;}
    .ajaxNoId a { margin-right:20px; color:#B00C0C;}
    .ajaxNoId a:hover { color:#EA1166;}


.AdFixBottom { width:950px; height:50px; position:fixed; bottom:0; _position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:1000; }
