/* YesStyle.com */
body{background-color:#fff; padding:0; margin:0}
body, td, select, option, input, textarea{font-family:Tahoma,Arial; font-size:12px; color:#333; margin:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
select, option, input, .alignabs{vertical-align:middle}
form{margin:0; display:inline}
img{border:none; -ms-interpolation-mode:bicubic}
hr[noshade]{border-width:1px 0 0 0; border-color:#ccc}
html{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
*, *:before, *:after{box-sizing:inherit}
#container, .center, .elitewelcome{text-align:center}
.tocenter{margin:auto}
#content, #frame, #userBar, #ysHeader, #ysFooter, #poweredBy, ul#navigationBar, #topbar .content{margin:0 auto}
#frame{text-align:left; padding-top:10px}
#content, #userBar, #ysHeader, #ysFooter, ul#navigationBar, #topbar .content, .brandInfoWrapper .brandInfo{width:1230px; padding:0 15px}
.scrollWrapper .scrollspyNav, #fixedbar{width:1200px}

/* Fix float Height */
#ysHeader:after, #siteItems:after, #content:after, .clearRow:after, dl:after, div.rating:after, .ui-tabs-nav:after, ul.tabs:after, ul.jcarousel-list-horizontal:after, ul.inline:after, #brandlist ul:after, #confirmation:after, #tipslist li:after, ul.pagination:after, .psissue li:after, .partners ul ul:after, .partners ul dl:after, .partners ul li:after, ul.itemlist:after, .colorinfo:after, .description:after, #ysFooter:after, #ticker-wrapper.has-js:after, #fblike-content:after, ul.catlinks:after, #sns:after, #topbar .content:after, .copyRightWrapper:after{content:""; display:block; clear:both}
*html #ysHeader, *html #navigationBar, *html #siteItems, *html #content, *html #searchBox, *html .clearRow, *html dl, *html .ui-tabs-nav, *html ul.tabs, *html ul.jcarousel-list-horizontal, *html ul.inline, *html #brandlist ul, *html #brandlist li, *html #confirmation, *html #tipslist li, *html ul.pagination, *html .psissue li, *html .partners ul ul, *html .partners ul dl, *html .partners ul li, *html ul.itemlist, *html .colorinfo, *html .description, *html #ysFooter, *html #ticker-wrapper.has-js, *html #fblike-content, *html ul.catlinks, *html #sns, *html #topbar .content, *html .copyRightWrapper{height:0%}

/* Shared Background */
span.play, span.pause, #speaker, .speaker, .path .home, .yes, .goUp, .goDown, .goLeft, .goRight, .jcarousel-prev, .jcarousel-next, .metallic, .multicolor, .pattern, .ic_shoppingbag, .ic_envelope, .ic_printer{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/tool_icons.gif); background-repeat:no-repeat}
.tellfan{background:url(http://c.ysi.bz/Assets/res/imgs/icons/envelope.gif) no-repeat}
.productpage h4.sectitle, .browsepage h4.sectitle, #helpcontent h4.sectitle, #aboutuscontent h4.sectitle, #peoplestyle h4.sectitle, #browsefooter h5.subtitle, #tipsblock h4.title, .filter b, .videopop h4.title, .storecontent, .creditpop h4.title, #promolist h3.pagetitle{background:url(http://c.ysi.bz/Assets/res/imgs/bg/title-bar.jpg); padding:2px 0}

/* Elite Club Gift Page */
.graphictitle, .viptitle2014{background-image:url(http://c.ysi.bz/Assets/res/imgs/text/title2014_en.gif); background-repeat:no-repeat}
.viptitle2013{background-image:url(http://c.ysi.bz/Assets/res/imgs/text/title2013_en.gif); background-repeat:no-repeat}

/* Icons */
.ic_shoppingbag, .ic_envelope, .ic_printer{display:-moz-inline-box; display:inline-block; position:relative; vertical-align:middle; font-size:1px}
.ic_shoppingbag{width:12px; height:11px; background-position:-16px -61px}
.ic_envelope{width:16px; height:10px; background-position:0 -171px}
.ic_printer{width:16px; height:13px; background-position:0 -10px}
.verifyicon, .sponsoredreviewer, .yesstylestafficon{background:#c6ecc1 no-repeat 100% 50%; border-radius:2px; display:-moz-inline-box; display:inline-block; font-style:normal}
.verifyicon{height:12px; *height:15px; padding:2px 19px 1px 3px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/verify.gif)}
.sponsoredreviewer{padding:2px 3px 1px 3px}
.yesstylestafficon{height:12px; *height:15px; padding:2px 23px 1px 3px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/yesstylestaff.gif)}

/* Links */
a, a.remark{color:#363}
a:hover, a:hover .title, a.morelink:hover, a.title:hover, a.brand:hover{color:#55be47; text-decoration:none}
a.help, .remark, .note{font-weight:normal}
a.help, #leftmenu li a.help, a.explain, span.help{cursor:help; color:#363}
a.help, span.help{background:url(http://c.ysi.bz/Assets/res/imgs/icons/help.gif) no-repeat center right; padding-right:12px}
#siteItems ul li a, #headerFunctions a, .path a, a.remark, a.help, #leftmenu li a, .actable a, .noline a, .lotinfo a, .reviewer a, .pagingOption a, .reviewButtonRow .option a, .pagination a, .pointlinks a, .ui-tabs-nav li a, ul.tabs a, #backtotop a, a.pointlink, #brandlist li a, #tipslist a, #leftmenu li a.cbutton:hover, .sizeselection a, .psissue a, #helpresult ul li a, #qlist a, #publication dl a, .bottombrandlink a, .fansites a, .dropmenu a, ul#reflist a, .accordion a, .shareurl a, a.sharethiscomment, .titleRow a, .departmentFilter a, .browsingHeader a.reviewLink, .browsingQuickLinks h2 a, a.tagLink{text-decoration:none}
#siteItems ul li a:hover, #headerFunctions a:hover, a.remark:hover, #leftmenu li a:hover, .noline a:hover, .reviewer a:hover, .pointlinks a:hover, a.pointlink:hover, #itemsummary b.title:hover, #tipslist a:hover b.title, .bagnote a, .dropmenu a:hover, .accordion a:hover, ul.tabs a:hover, .shareurl a:hover{text-decoration:underline}
a.morelink{margin-top:10px; color:#000}
.lotinfo b.title{display:block; font-weight:normal}
#topbar a.topbarclose img{margin:-1px 0 0 5px; vertical-align:middle}
.selectsiteoption{width:70px}
.bold{font-weight:bold}

/* Elements */
.pngElement, .pngbg, .flag, .shopNowArrow, .smallGreenArrow, .favRibbon, .koreaFlag, .japanFlag, .newitem, .mostPopular, .newArrivalSale, .discountBall, .newArrivalDiscountBall, .dailyDealBall, .weeklyDeals, ul.itemlist li .sizes, ul.itemlist li .sizesGradient, span.tagIcon, .photoTagging .isTagged, .iconsale, .iconnew, .icon50off, .iconnew2, #PBYA, .shoppingBag, .tollFree, .pullDown, .newsAndStore .news li, .saleCountdown, .shippingnote li, .coupondetail li, .brandselection li a, .availabilityselection li a, li.listoption a, .regionfilter li a, .sizeselection li a, .availabilityshow a:before, ul.yesStyleStatus li a:hover span.checkBox, ul.yesStyleStatus li a.on span.checkBox, .shareLink li a span, a.refresh, button.refreshcaptcha, .reviewShareRow a.yes, .arrowWrapper span, .icon-custom-ys-staff, .icon-custom-verified-buyer, .reviewShowing .glyphicon, .pulldownIcon, a.collapseExpandLink span.glyphicon, .ui-slider-horizontal .ui-slider-handle, .magnifier, input.searchButton, .path .child, span.previous, span.next, .dlapp, .tprating, .tplogo, .browsingHeaderWrapper:after{background:url(http://c.ysi.bz/Assets/res/imgs/elements_en.png) no-repeat}

/* Header */
.extbanner{display:table; display:inline\9; text-align:center; margin:0 auto; background:url(http://c.ysi.bz/Assets/res/imgs/text/h-weRecommend_en.gif) no-repeat center left; padding-left:10px}
.bannershell{background:url(http://c.ysi.bz/Assets/res/imgs/bg/s-pattern.gif); padding:5px 12px; margin:0 3px 15px; text-align:center; border:1px solid #ddd}
#userBar{height:18px; position:relative; z-index:10}
#welcomeMsg{color:#666; float:left; margin:0 20px 0 0}
.helloShopper{max-width:400px; margin-right:5px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
#switchLang{float:right; margin-left:20px; position:relative; border-left:1px solid #CCC; padding-left:10px}
#switchLang .switchLang a, #switchLang > a{text-decoration:none; margin:0 5px; display:inline-block}
#switchLang a.on{font-weight:bold; color:#000}
.switchCurrency{float:left}
#switchLang .switchCurrency>a{display:inline-block; position:relative; cursor:pointer; margin:0 12px 0 0}
#switchLangCurrency{float:right; margin-left:15px; position:relative}
#switchLangCurrency .cf span, #switchLangCurrency a{float:left}
#switchLangCurrency a, #switchLangCurrency .seperator, #switchLangCurrency .goog-te-gadget-icon{position:relative; z-index:99; font-weight:normal; text-decoration:none}
#switchLangCurrency a.languageLink{padding:0 5px 0 10px}
#switchLangCurrency a.currencyLink{padding-left:5px}
#switchLangCurrency a, #switchLangCurrency span, .pulldownIcon{display:-moz-inline-box; display:inline-block}
.pulldownIcon{width:12px; height:12px; background-position:-152px -358px}
#switchLangCurrency .pulldownIcon{margin:3px 6px 0 0}
#switchLangCurrency .seperator{position:relative; top:-1px; font-weight:bold; color:#bbb; margin:0}
#switchLangCurrency .seperator ~ .seperator{margin-left:5px}
#switchLangCurrency .languageCurrencyMenu, #switchLangCurrency .hideMenu, .hideMenu{position:absolute; top:0; right:0}
#switchLangCurrency .languageCurrencyMenu{width:328px; top:-10px; right:-15px; z-index:90; text-align:left}
#switchLangCurrency .title, #switchLangCurrency .contentWrapper{padding:0 15px; margin-bottom:13px; font-size:13px}
#switchLangCurrency .title{position:relative; padding-right:42px; overflow:hidden; font-weight:bold; color:#333; white-space:nowrap; line-height:33px; background-color:#efefef}
#switchLangCurrency .title .indicated{font-weight:normal}
#switchLangCurrency .hideMenu, .manageBrand .hideMenu{display:block; padding:0 13px 0 10px; color:#aaa; font-weight:bold; font-size:20px; line-height:33px}
.hideMenu{display:block; color:#aaa; font-weight:bold; font-size:20px; line-height:33px}
.hideMenu:hover, #switchLangCurrency .hideMenu:hover, .langIndicator .active:hover{color:#55be47}
.languageCurrencyMenu .hideMenu{padding:0 20px 0 10px}
#switchLangCurrency .languageOption a{float:left; display:block; width:100px; padding:0; margin-right:-1px; line-height:25px; color:#555; border:1px solid #ddd; background-color:#fff; text-align:center}
#switchLangCurrency .languageOption a:hover, #switchLangCurrency .languageOption a.active{background-color:#f1f1f1}
#switchLangCurrency .languageOption a.active{position:relative; z-index:30; color:#fff; background-color:#55be47; border-color:#55be47}
#switchLangCurrency .languageOption.disabled a, #switchLangCurrency .languageOption.disabled a:hover, #switchLangCurrency .languageOption.disabled a.active{color:#bbb; border-color:#b7edb2; background-color:#fff; cursor:default}
.languageOption select{display:none}
.languageCurrencyMenu select{width:100%; height:27px; padding-left:3px}
.currencyOption option{padding-left:5px}
.languageOption, .currencyOption{margin-bottom:15px}
#switchLangCurrency .saveOption{padding-right:0}
.saveOption .remark{float:left; padding-top:0; margin-left:-1px; width:234px; color:#666}
#switchLangCurrency .saveOption .remark span.indicated{font-size:12px; line-height:14px}
#switchLangCurrency a.help{float:none; width:9px; height:9px; padding:0}
#switchLangCurrency .saveOption .mbutton{float:right}
.selectGoogleLanguage{padding-left:6px; font-weight:normal}
#switchLangCurrency .goog-te-gadget-icon{float:left; margin:-3px 0}
#switchLangCurrency .languageCurrencyMenu, .newFeatureAlert{background-color:#fff; _border-bottom:1px solid #ececec; -webkit-box-shadow:0 7px 10px -6px #222; -moz-box-shadow:0 7px 10px -6px #222; box-shadow:0 7px 10px -6px #222}
.newFeatureAlert{background-color:#55be47; font-size:12px; text-align:left; border:3px solid #55be47}
.messageWrapper{border:1px solid #fffff2; padding:10px 10px 9px; text-align:center}
.messageWrapper h4{margin:0; padding:0; font-weight:bold; color:#fff; font-size:13px}
.messageWrapper .alertMessage{padding:4px 0 12px; color:#fff}
.newFeatureAlert .arrowTop{float:right; width:15px; height:7px; position:absolute; top:-10px; right:11px; background-position:-160px -382px}
#switchLangCurrency .newFeatureAlert{width:300px; position:absolute; top:25px; right:9px; z-index:200}
#switchLangCurrency .newFeatureAlert input.xsbutton{padding-left:5px; padding-right:5px; margin-left:6px; position:relative; top:-2px; font-size:12px; background:none; background-color:#fff; border-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
#switchLangCurrency .newFeatureAlert input.xsbutton:hover{background:none; background-color:#fffff2; border-color:#fffff2; color:#333}
#switchLangCurrency .newFeatureAlert input.xsbutton:active{top:-1px}
#switchLangCurrency .newFeatureAlert input.xsbutton{margin:0 4px; min-width:50px}
#switchLangCurrency .cf .langIndicator span{float:none}
.langIndicator{color:#bbb}
.langIndicator .active{color:#363}
.langIndicator .slash{display:inline-block; padding:0 2px}
#bgTop, a[name=buyingOptions]{font-size:1px}
#bgTop{background-position:top; height:5px; position:relative}
#ysHeader, #ysFooter{}
#ysHeader{min-height:80px; padding-bottom:5px}
#ysHeader h1{margin:0}
#ysLogo{margin:17px 0 16px; float:left}
#headerFunctions{float:right; width:75%; text-align:right; padding-top:10px}
ul#menuItems{height:18px}
ul#menuItems li{margin-left:20px; float:right}
ul#menuItems li b{color:#000}
ul#menuItems a{font-size:12px; line-height:13px; display:inline-block}
.tollFree, .shoppingBag, .pullDown{display:inline-block; width:12px; height:12px}
.shoppingBag{background-position:-198px -206px}
.tollFree{background-position:-198px -224px}
.pullDown{background-position:-164px -258px}
.menuContent, .manageBrand{display:none; background-color:#fff; _border-bottom:1px solid #ececec; -webkit-box-shadow:0 4px 10px -5px #222; -moz-box-shadow:0 4px 10px -5px #222; box-shadow:0 4px 10px -5px #222}
.hoverMenuActivator{position:relative}
.hoverMenuActivator:hover a{position:relative; z-index:210}
.menuContent{position:absolute; top:-11px; left:-14px; z-index:200; min-width:159px; _width:159px; padding-top:38px}
@media screen and (-webkit-min-device-pixel-ratio:0){.menuContent{top:-14px; padding-top:34px}}
ul#menuItems li .menuContent a{display:block; float:none; text-align:left; white-space:nowrap; padding:13px 30px 12px 14px; border-top:1px solid #f0f0f0; letter-spacing:normal}
.switchCurrency .menuContent a{padding:5px 14px; display:block; white-space:nowrap; text-align:left}
.switchCurrency .menuContent a:first-child{border-top:1px solid #f0f0f0}
.switchCurrency .menuContent a.help{background-color:#ECECEC; padding-left:28px; background-position:14px 50%}
ul#menuItems li .menuContent a .favRibbon{margin-right:6px}
ul#menuItems li .shoppingBag, ul#menuItems li .tollFree{margin:-1px 4px -1px 0}
ul#menuItems li .favRibbon{margin:0 4px -2px 0}
#headerFunctions .pullDown{margin:0 0 -2px 3px}
.menuContent .scroller a:first-child{border-color:#fff}
#bastketItemsCount, #wishListItemsCount{margin:0 -1px 0 3px}
.scroller{position:relative; min-height:38px; max-height:379px; max-width:500px; overflow:auto}
#searchBlock{position:relative; text-align:right; margin:5px 0 0}
a.freeShipping{margin:12px 20px; text-decoration:none; font-family:Helvetica, Arial; color:#55be47; font-size:13px; font-weight:normal; line-height:17px}
a.freeShipping b{color:#000}
#searchBlock .searchBox, #searchBlock a.freeShipping, a#freeShipping.freeShipping{float:right}
#searchBlock .searchBox{float:right; text-align:right; padding-top:8px}
#searchBlock .keyinWrapper .searchButtonWrapper{_width:37px}
#searchBlock .keyinWrapper .searchButtonWrapper input{_line-height:100px}
#searchBlock input.keyin{border:1px solid #ccc; border-right:none; padding:0 5px; font-size:14px; width:350px; height:26px; _height:24px}
#searchBlock input.keyin:focus{border-color:#6bd15e}
a#freeShipping.freeShipping{margin:45px 20px 0}
.disabledAlert, #sessionerror{width:1200px; margin:0 auto; padding:20px; background-color:#fcfcc2; text-align:center}
.dn, .hidden, .demo, #noCookie, #PBYA cite, a.refresh span, .scripthide, span.scripthide, input.scripthide, .graphictitle span, .graphictitle span, .graphictitle2011 span, a.home span, .path .child span, .hidetips, .fans .first .closebutton, #addpop, #popcon, #bagmsg, #savemsg, ul.colorinfo li small, #attrInfo, .empty, .exclusive, .exclusive .item span, .ui-tabs-hide, .newitem span, .mostPopular span, #brandlist .index a, .icon50off span, .iconnew span, .iconsale span, .acpage .exclusive, #promptmessage, .onread .readmore, #psissue, #YSSurvey span, .itemRange .reset, #peoplestyle .pinfo, #browseContent .designerLabels ul.colorinfo, .reviewRow .exclusive, #tipsblock .exclusive, #tipsblock .discountBall, #tipsblock .newArrivalDiscountBall, #tipsblock .dailyDealBall, #tipsblock .pinfo, #tipsblock .newitem, #tipsblock .mostPopular, .carousel .exclusive, .carousel .newitem, .carousel .mostPopular, .carousel .colorinfo, #frame .itemlist .colorinfo .multicolor, #frame .itemlist .colorinfo .pattern, .designerLabels .lotinfo .sizes, #commentnewsite span, #paypalcheckout, #storeGallery h2, .viptitle span, .viptitle2014 span, .viptitle2012 span, .viptitle2013 span, .announcementheader span, .announcementheader2011 span, #urlfield, #peel span, .iconnew2 span, #refwrap, .superDeal span, #publication .first .itemRange, #navigationBar .dropdown, #memberstatus p.remark, .shareurlblock, .signInAlertContainer, .sitespulldown, #bigImage .closebutton, .languageCurrencyMenu{display:none}

/* Google Translate */
#google_translate_element{display:inline-block; zoom:1}
*html #google_translate_element{display:inline}
.goog-te-gadget-simple{border:none !important; padding:0 !important; background:none !important; font-size:11px !important}
#switchLang a.goog-te-menu-value, #switchLangCurrency a.goog-te-menu-value{margin:0 !important; padding-left:2px !important; color:#363 !important}
.goog-te-menu-value span:not(:first-child), .goog-te-menu-value img{display:none !important}
.goog-te-menu2{border-color:#666 !important}
.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div{color:#363 !important}

/* Navigation Bar */
#header-nav, ul#navigationBar{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#474747), to(#232323)); background:-webkit-linear-gradient(top, #474747, #232323); background:-moz-linear-gradient(top, #474747, #232323); background:-o-linear-gradient(top, #474747, #232323); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#232323'); background:-ms-linear-gradient(top, #474747, #232323); background-color:#232323\9}
ul#navigationBar{padding:0; list-style:none}
ul#navigationBar li{float:left}
ul#navigationBar li a{color:#fff; cursor:pointer; display:inline-block; height:35px; line-height:35px; padding:0 15px; font-size:15px; font-family:Tahoma, arial; text-decoration:none; text-transform:uppercase}
ul#navigationBar li a.annsale{color:#f4ecb7; background:#d3022a}
ul#navigationBar li a:hover.annsale{color:#fff}
ul#navigationBar li a:hover, ul#navigationBar li.on a, ul#navigationBar li.rollover a, .brandrecommend ul li a.listmore:hover, .brandrecommend ul li:hover a.listmore, .couponFinalWeekAlert:hover, .shopNowAlert:hover{text-shadow:0 1px 0 #129d14; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#37cb2e), to(#1daa14)); background:-webkit-linear-gradient(top, #37cb2e, #1daa14); background:-moz-linear-gradient(top, #37cb2e, #1daa14); background:-o-linear-gradient(top, #37cb2e, #1daa14); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#37cb2e', endColorstr='#1daa14'); background:-ms-linear-gradient(top, #37cb2e, #1daa14); background-color:#1daa14\9}
.dropmenu ul, ul.catlinks, ul.nostyle, .list-unstyled{list-style:none; padding:0; margin:0}
ul#navigationBar .shadow{background:none}
ul#navigationBar .rightItem{float:right; margin-right:15px}
ul#navigationBar .rightItem > a{padding-right:25px;position:relative}
.rightItem > a::before,.rightItem > a::after{content:'';position:absolute;top:50%;right:7px;margin-top:-1px;display:inline-block;height:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:9px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;background:#c9cbc4;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:width 0.3s,-webkit-transform .3s;-moz-transition:width 0.3s,-moz-transform .3s;transition:width 0.3s,transform .3s}
.rightItem > a::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.rightItem > a::after{-webkit-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg)}
.rightItem.on > a::before,.rightItem.on > a::after{width:14px}
.rightItem.on > a::before{-webkit-transform:translateX(5px) rotate(-45deg);-ms-transform:translateX(5px) rotate(-45deg);transform:translateX(5px) rotate(-45deg);right:12px}
.rightItem.on > a::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

/* Dropdown Menu */
ul#navigationBar li .dropmenu li a, ul#navigationBar li li b{color:#555; filter:none; font-family:Tahoma,arial; text-transform:none; display:inline-block; height:auto; background:none; font-size:12px; padding:1px 0; line-height:1em; text-shadow:none}
ul#navigationBar li .dropmenu li b{font-weight:bold; color:#000}
ul#navigationBar li .dropmenu li a:hover{color:#222; text-decoration:underline; filter:none}
.dropdownmenu{padding:9px; background:#fcfcfc; border:1px solid #666; border-top:none; box-shadow:0 5px 7px -5px #222}
.dropmenu{white-space:nowrap}
.dropmenu .title{color:#333; display:block; padding:0 5px 2px; border-bottom:1px dashed #ccc; margin-bottom:3px; font-weight:bold}
.dropmenu ul.subcat, .dropmenu .category{display:inline-block; vertical-align:top; width:200px}
.dropmenu .categories{display:inline-block; vertical-align:top}
.dropmenu .categories h4{margin:4px 0 0 5px; font-size:12px; color:#000; font-family:Tahoma,arial}
.dropmenu:after, .dropmenu ul:after{content:""; display:block; clear:both}
.dropmenu li{width:200px; margin:4px 0 0 5px; white-space:normal; padding-right:5px}
.dropmenu .special{width:200px; margin-bottom:19px}
.dropmenu .special .subtle{color:#aaa}
ul#navigationBar li .subcat a span{display:inline}

/* Site Selection */
#topbar .selectsite{background:url(http://c.ysi.bz/Assets/res/imgs/icons/white-down.gif) no-repeat 95% 50% #98c292; border:1px solid #c9e5c5; padding:0 10px 0 4px; text-decoration:none}
.siteselection{text-align:left; background:#fff; color:#333}
.siteselection hr{border:0; border-top:1px solid #CCC}
.siteselection ul, .styleNone{padding:0; margin:0; list-style:none}
#topbar .siteselection ul li a{display:block; color:#333; padding:2px 10px; text-decoration:none; white-space:nowrap}
#topbar .siteselection ul li a:hover{background:#efefef}

/* Flag Icons */
.flag{display:-moz-inline-box; display:inline-block; width:16px; height:11px; overflow:hidden; vertical-align:middle; margin-top:-1px}
.f_gb{background-position:0 -571px}
.f_us{background-position:-22px -571px}
.f_au{background-position:-44px -571px}
.f_uk{background-position:-66px -571px}
.f_ca{background-position:-88px -571px}
.f_hk{background-position:-110px -571px}

/* Footer */
#siteItems{padding:0 0 15px}
#siteItems .links{float:left; width:15%; margin:2px 10px 0 0}
#siteItems ul{list-style:none; padding:0 10px 0 0; margin:0}
#siteItems ul li{margin:5px 0}
#siteItems .paymenticons{margin:0}
#siteItems .paymenticons ul{float:none; padding:0 0 0 10px; margin:0; text-align:right; width:100%}
#siteItems .paymenticons ul li, .fansites li{margin-left:5px; display:inline-block; padding:0}
.snrow{padding:20px 0; border-top:2px solid #666}
.snrow h3{display:inline-block; margin:0}
.snrow #shoppingaffiliate{margin-top:-8px}
.appcorner{float:right; margin:-1px 0 15px}
.dlapp{background-position:0 -678px; width:200px; height:34px; display:inline-block; vertical-align:middle; position:relative}
.dlapp a{display:inline-block; width:98px; height:34px}
.fansites li{margin-left:10px}
.fansites{display:inline-block; list-style:none; text-align:center; margin:0; padding:0}
#footerRemark{margin:0 0 10px; padding-bottom:0; border-bottom:none}
a.trustpilot{margin:5px 0; float:right; text-decoration:none; font-weight:bold; color:#333}
.tprating, .tplogo{display:inline-block; height:16px; vertical-align:middle; margin:0 3px}
.tprating{width:88px; background-position:0 -635px}
.tplogo{ width:138px; background-position:0 -657px; margin-right:0}
#poweredBy{height:auto; margin:0; border-top:1px solid #CCC; text-align:center; padding-top:15px}
#poweredBy #PBYA{display:block; width:158px; height:30px; background-position:0 -258px; margin:0 auto 10px; vertical-align:middle}
#exposure{padding:19px 0 19px 16px; background:#f3f3f3}
#exposure a{float:left; margin:4px}
#backtotop{display:none; position:absolute; top:50%; right:15px; z-index:1000; margin-top:-20px; text-align:center}
#backtotop a{display:block; padding:0 10px; height:38px; line-height:39px; text-transform:uppercase; color:#fff; background-color:#666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#backtotop a:hover{color:#fff; background-color:#55be47}
@media screen{span#backtotop, #ajaxloading, #promptmessage, div#floatcol, div.floatappromo, a#cn_entry, a#au_entry, a#hk_entry, a#uk_entry{position:fixed}}
.nortonssl{float:right; margin-top:-15px}
.copyRightWrapper{margin:10px 0 0}
.copyRightWrapper a{padding:0 5px}
#shoppingaffiliate{float:right; margin-left:15px}
.appwin{display:inline-block; text-align:right; margin-right:8px; vertical-align:middle}

/* Content */
.leftCol, .floatLeft{float:left}
.rightCol, .floatRight, .totalBlock .sumtotal, #tipslist .readmore, .thumbselection, .vdivide{float:right}

/* Common Use */
.subtle, .remark, .tips, .explanation, #eliteTC, b.subtitle, #tipslist .date{color:#666; font-family:Tahoma,arial}
.pinfo .title{color:#444}
.starMark, .mandatory, .requiredStar{position:relative; bottom:-6px; margin:0 2px; color:#f30; font-family:arial; font-weight:normal; font-size:20px; line-height:12px}
.normal{font-size:12px; font-weight:normal; color:#333; font-family:arial}
.pagetitle{margin:0 0 20px; font-size:14pt}
.title, h4.title, h5.title, #leftmenu #socialWeb25x25 h5, #leftmenu #socialweb30x30 h5, .frontfilter .filter b, .frontfilter .filter .bold{color:#55be47; position:relative; background:none}
h5.subtitle{margin:5px 0; color:#666; font-size:12px}
h4.title, #leftmenu #socialWeb25x25 h5, #leftmenu #socialweb30x30 h5, #alist h5.q{margin:0 0 10px; font-size:12pt}
.pagetitle, h4.title, h4.title2, #leftmenu h5, #bestsellerheader h3, h3.brandlistheader, .header, #tipslist b.title, #tipsblock h4, h4.featurebrand, .designerLabels h4.sectitle, .browsepage h4.sectitle, #peoplestyle h4.sectitle, .discountBall td, .newArrivalDiscountBall td, .col1 h4.title, h5.q, .accordion h3, #aboutuscontent h4.sectitle, #helpcontent h4.sectitle{font-family:Tahoma, Arial}
h5.title{margin:20px 0 5px}
.modalCloseImg.videoClipClose{top:-5px; right:102px}
.videopop{width:640px; margin:0 auto}
.videopop h4.title{font-size:12pt; margin:0; padding:4px; border-bottom:1px solid #fff; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; min-height:21px; *width:640px; *height:28px}
.extraInfo h4.sectitle, .reportForm h4.sectitle, .sectitle{background:#DDD}
.extraInfo h4.sectitle, .reportForm h4.sectitle, h4.sectitle, #browsefooter .subtitle, #aboutuscontent h4.sectitle{padding:5px; font-size:12px; margin:0 0 10px 0}
#aboutuscontent h4.sectitle, #helpcontent h4.sectitle{text-align:left; padding-left:0; font-size:14px}
#helpcontent h4.sectitle{padding:6px 0; position:relative}
#helpcontent h4.sectitle .toRight{margin:-1px 5px 0 0}
.em{color:#333}
.formtable, .actable, .reviewtable, .infotable, .prdtable, .virtable{border-collapse:collapse}
.tips{width:350px; line-height:12pt}
ul.availabilityselection{position:relative; width:143px}
.fullwidth, .brandselection li, .availabilityselection li, .regionfilter li, .reportform textarea, .formtable textarea, #writeholder textarea, .productpage .fullwidth, .oneshipment .orderdetails, #leftmenu .category li{width:100%}
.formtable td{padding:3px 3px 3px 0; vertical-align:top}
tr.bottom td{vertical-align:bottom}
.formtable .tips, .itips, .resetPasswordPage .tips{display:none; position:absolute; padding-left:10px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/w-arrow.gif) no-repeat 0 0; margin:2px 0 0 5px}
.itips{display:inline; position:static}
.defaultvalue{position:absolute; color:#999; padding:5px 5px 0; display:inline; font-weight:normal}
.brandfilter input.widthfull, .stylefilter input.widthfull{width:100%; padding:4px 6px 3px}
ul.bullet, ul.noIndent, ol.noIndent, #Checkout .notes ul, ul.notes{margin:10px 0; padding:0 0 0 15px}
ol.noIndent{padding-left:25px}
ul.bullet{padding:0; list-style:none}
.noIndent li, ul.notes li{margin-bottom:4px}
.bullet li, #maintips ul li, #aboutuscontent .dedicate dt, #elitePage ul.vipbullet li{padding-left:12px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/bullet.gif) no-repeat 0 2px}
ul.pointlinks li, a.pointlink, #tipslist .readmore{background:url(http://c.ysi.bz/Assets/res/imgs/icons/g-arrow.gif) no-repeat 0 4px; padding-left:8px; margin-bottom:2px}
tr.over td, dl.over{background:#ECECEC; cursor:pointer}
.divide{border-top:1px solid #ECECEC; padding:5px 0}
.first{border:none}
a.help, .nowrap, .dropmenu{white-space:nowrap}
.closebutton{position:absolute; top:5px; right:5px; z-index:99; display:inline-block; color:#fff; background-color:#55be47; font-family:arial; font-size:15px; line-height:15px; padding:0 3px; text-decoration:none}
.closebutton:hover{color:#fff; background-color:#444}
.scaledImage{height:100px; position:relative; cursor:pointer}
.scaledUpImage{box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.magnifier{background-position:-29px -89px; width:23px; height:23px; overflow:hidden; cursor:pointer; opacity:0.7}
.magnifier:hover{background-position:-59px -89px}
#leftmenu ul, .errorbox ul, .alert-success ul, .alert-danger ul, ul.colorinfo, ul#menuItems, .ui-tabs-nav, ul.tabs, ul.jcarousel-list, ul.pointlinks, #tipslist, .nodir, #qlist ul, .shippingnote ul, #socialWeb25x25 ul, #socialWeb30x30 ul, #leftmenu #socialWeb25x25 ul, #leftmenu #socialWeb30x30 ul, .brandrecommend ul, ul.hotline, ul#faq{margin:0; padding:0; list-style:none}
.toRight{position:absolute; right:0}
.rowcell{display:table-cell; display:inline-block; vertical-align:middle}
input.captcha, .contactform input.captcha{width:170px}
.positionRelative{position:relative}
.pageContentWrapper{margin-bottom:50px}
.transit, #ajaxloading, .reviewLink span, .pinfo .title, .closebutton, .availabilityshow a, .productpageFlashdeal.flashdealWrapper ul.grid, .colorinfo a, .pagingOption a, .reviewButtonRow .option a, .paging .on, .controlbar a, #backtotop a, .arrowWrapper, #fullWidthContainer a:not(.favRibbon), .grid a, ul#menuItems a, ul#menuItems li a #bastketItemsCount, ul#menuItems li a #wishListItemsCount, .brandInfo a, .buyingOptions, .keyinWrapper, .keyin, .shippingGuaranteed a, .extraLinks a, .jqthumb, a.additionalImageButton, .textLink ul li a, .textLink ul li, ul.shareLink li a, ul.shareLink li, .mainPromotion ul li .slidingDoor, .optionalPromotion .overlay, .newsAndStore .seeMore, .news li a, .news li a span, .brandrecommend ul li a, .brandrecommend ul li a span.overlay, .regionMenu ul li a, .pagination, ul.rightQuickLinks li a, ul.shortcutLinks li a, .yesStylist a, .beautyLab a, .slidingDoor .subTitle, .slidingDoor .seeMore, .optionalPromotion .subTitle, .optionalPromotion .seeMore, a.shareButton, a.empty, .availabilityshow a.clearall, ul.inlineStyle li a, .bestOf .catPromotion a, .helpfulReportWrapper a, a.pointlink, .relatedLink a, .otherCategories.cmsSection .listing a, #brandlist a, .productgrid .navigation a, .itemlist.threeGrid .mostPopularCover:after, .itemlist.fourGrid .mostPopularCover:after{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s}
.truncate, ul.grid a.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* Pop */
a.refresh, .shadow, .explanation, #speaker, .speaker, .dropdownmenu{position:absolute}
a.refresh{margin:46px 0 0 146px}
#attrInfo{position:absolute; z-index:100; overflow:auto; max-height:400px; border:1px solid #666; *width:100%}
.attrTable{background-color:#fff; *width:100%}
#attrInfo .attrTable{max-width:440px}
.shadow{background:#666; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); margin:2px 0 0 2px}
.explanation, .balloon{padding:5px; background:#fcfcfc; border:1px solid #ddd}
a.explain:hover{text-decoration:none}
#speaker, .speaker{width:12px; height:12px; overflow:hidden}
.popna, .reviewlistcontainer .pop{background-position:-12px -36px}
.popnb{background-position:-1px -36px}
.popea{background-position:-13px -48px}
.popeb{background-position:-13px -37px}
.popsa{background-position:-12px -49px}
.popsb{background-position:-1px -49px}
.popwa, .pop{background-position:0 -48px}
.popwb{background-position:0 -37px}

/* Paging */
#itemlist .pagingOption{margin-left:12px}
#itemlist .pagingOption.sortingRow{margin-bottom:25px}
#itemlist .pagingOption .option{position:relative}
#itemlist .sortingLeftBlock{position:absolute; top:0; right:0; right:0\9; _right:27px}
#itemlist .sortingRightBlock{text-align:right}
#itemlist .sortByForm{margin-bottom:5px; float:left}
.pagingOption select{padding:3px 3px 2px}
.pagingOption a.on:hover{border-color:#333; background:#666; color:#fff; cursor:default}
.pagingRow{margin:5px 0; text-align:right}
#itemlist .pagingRow, #fullWidthContainer .pagingRow, #helpresult .pagingRow, .userReviewList .pagingRow{border-top:1px dashed #ddd; padding:10px 0 0}
#itemlist .pagingOption .first, #fullWidthContainer .pagingOption .first, #helpresult .first, .userReviewList .first{border:none; border-bottom:1px dashed #ddd; margin-bottom:8px; padding:0 0 8px}
.itemRange{float:left; margin:4px 10px 0 0}
.carousel .itemRange{float:none; margin-bottom:10px}
.pagingOption a, .reviewButtonRow .option a, .paging .on, .controlbar a{padding:3px 7px 2px; border:1px solid #ddd; background-color:#fff; display:inline-block; vertical-align:middle; font-size:12px} /* SEO Task */
.pagingOption a:not(.prevPage):not(.nextPage){min-width:23px; text-align:center; padding-left:4px; padding-right:4px}
.paging .on, .pagingOption a.on, .reviewButtonRow .option a.on, .pagination li.active a{background-color:#666; border:1px solid #666; color:#fff}
span.previous, span.next, span.play, span.pause{display:-moz-inline-box; display:inline-block; vertical-align:middle; position:relative; overflow:hidden}
span.previous{margin:-2px 1px 0 -2px}
span.next{margin:-2px -2px 0 2px}
a:hover span.next{background-position:-205px -508px}
a:hover span.previous{background-position:-194px -508px}
span.play{margin-left:1px; background-position:-5px 0}
a:hover span.play{background-position:-15px 0}
span.pause{background-position:-20px 0; width:6px}
a:hover span.pause{background-position:-26px 0}

/* Special event for Paging */
#itemlist .sortByForm .wrapper{display:inline-block; vertical-align:top}
#itemlist .pagingOption .short{width:49px; display:block\9; width:auto\9; margin-top:5px\9}
@media screen and (-webkit-min-device-pixel-ratio:0){#itemlist .pagingOption .short{width:55px}}
.pagingOption a.specialevent{color:#fff; background-color:#fd0b47}
.pagingOption a.specialevent:hover{color:#000; background:#fd0b47; border-color:#000}

/* Small Font */
.xsfont, .xsbutton, #backtotop{font-size:11px}
h3 .xsfont{font-weight:normal; font-family:Tahoma, arial}

/* Error, Success, Warning Box */
.errorbox, .alert-danger, .successbox, .warning, .alert-warning{background-color:#fffff2; border:3px solid #e50; padding:10px 7px; display:block; text-align:left; position:relative; margin-bottom:20px}
.errorbox ul li, .alert-danger ul li, .errorurl address{margin:2px 0; color:#E50}
.errorbox ul li, .alert-danger ul li, .alerticon, ul.notes li, .onesize li{padding-left:13px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/note.gif) no-repeat 0 3px; list-style:none}
.onesize li{margin:4px 0}
.successbox{border-color:#55be47}
.successbox h4{margin:2px 0 8px}
.warning, .alert-warning{background:#FCFCFC}
.addedbox{background-color:#fffff2; border:1px solid #55be47; padding:10px 22px 10px 8px}
.addedbox p{margin:8px 0 0}
.addedbox .item, #leftmenu ul.category .on{font-weight:bold; color:#333}

/* To be removed: begin */
#simplemodal-container.mobile{height:100% !important}
#simplemodal-container.mobile .modal-header{top:-1.8em}
#resolution.mobile, #resolution.mobile .bbutton, .simplemodal-container.mobile .modal-title{font-size:28px !important; line-height:1.2em}
/* To be removed: end */

/* Viewport Resolution Alert */
.modal-open{overflow:hidden}
.modal-overlay, .modal-custom{position:fixed; top:0; bottom:0; left:0; right:0}
.modal-overlay{z-index:3000; width:100%; height:100%; background-color:#000; opacity:0.5}
.modal-custom{z-index:3100; overflow-x:hidden; overflow-y:auto}
.modal-container{max-width:840px; margin:80px auto}
.modal-custom h3.modal-title{color:#444; margin:0; white-space:normal; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; border-radius:5px 5px 0 0}
.modal-custom .modal-body{padding:20px 20px 5px; line-height:17px; background-color:#fff; border-radius:0 0 5px 5px}
.modal-custom .modal-button{margin:20px -10px 0; text-align:center}
.modal-custom .bbutton{margin:0 10px 20px}
.modal-custom.modal-mobile .modal-container{max-width:none; width:96%}
.modal-custom.modal-mobile h3.modal-title{padding:20px 25px; font-size:36px; line-height:1.3em}
.modal-custom.modal-mobile .modal-body{font-size:32px; line-height:1.3em; padding:30px 25px}
.modal-custom.modal-mobile .bbutton{margin-top:15px; font-size:32px; line-height:1.5em}

/* Fields Has Error */
.resetPasswordPage .has-error input, .has-error input, .has-error textarea, .has-error select, .writereview .has-error .ratingRow.glyphicon, input.fielderrorbg, select.fielderrorbg, .fielderrorbg{border:1px solid #e50}

/* CSS Clear Fix */
.cf:after, .stickyWrapper:after, .clearfix:after, .floatStyle:after, .splashSection:after, .rightQuickLinks:after, #exposure:after, #navigationBar:after, .bestOf ul.category:after, .productpage ul.itemlist.grid:after, .pagingOption .option:after, #userBar{content:""; display:table; clear:both}
.cf, .stickyWrapper, .clearfix, .floatStyle, .splashSection, .rightQuickLinks, #exposure, #navigationBar, .bestOf ul.category, ul.itemlist.grid, .pagingOption .option, #userBar{zoom:1}

/* Text Link */
.splashSection, .cmsSection{margin:0 0 45px 13px}
.textLink{margin-bottom:22px; margin-left:13px}
.textLink ul li{margin-right:8px; padding:3px; background:#e5e5e5; width:276px}
.textLink ul li:hover{background:#fff}
.textLink ul li a{padding:10px; display:block; color:#555; background:#fff; border:1px solid #ccc; text-shadow:0 1px 0 #eee}
.textLink ul li a:hover{color:#363; background:#f4fff3; border-color:#75d968}
.textLink ul li a, ul.shareLink li a{text-align:center; text-decoration:none}
.splashSection.textLink{margin-left:13px}
ul.floatStyle, ul.feedbackPanel{list-style:none; margin:0; padding:0}
ul.floatStyle li{float:left}
ul.floatStyle li.right{float:right; margin-right:13px}
ul.floatStyle li a .displayBlock{display:block}
ul.floatStyle li .subTitle{color:#444; font-family:Tahoma, Arial; font-size:12px; line-height:15px}

/* Section Front Page */
.frontpage{margin-top:10px}
.frontpage .brandName{display:none}
.frontpage .productgrid{min-height:249px}
.sect-beauty .brandName, .sect-jewelry .brandName{display:inline}
.sectionTitle, .newsAndStore .mainTitle, #browseContent .frontpage h4.sectitle, .cmsPageListWrapper h4.sectitle, .cmsPage h1.sectitle, .yesStylist .articleTitle, .beautyLab .articleTitle, .bestOf h4.sectitle, .allBrands h4.sectitle, h4.heading{color:#222; display:block; font-family:Tahoma, Helvetica, Arial; _font-family:Helvetica, Arial; font-size:25px; line-height:25px; font-weight:normal; text-transform:uppercase}
.sectionTitle, h4.heading{margin-bottom:10px; text-align:center}
.fdtitle{border:2px solid #000; padding:5px 10px; margin-top:-10px; display:inline-block; vertical-align:middle}
.toprated{float:left; width:590px}
.toprated .productgrid{width:612px; margin-top:25px}
.frontpage .brandpopular ul{border:1px solid #CCC; border-width:1px 0; padding:15px 0}
.brandpopular{text-align:center; margin-bottom:80px}
.brandpopular ul{list-style:none; margin:0; padding:0}
.brandpopular ul li{display:inline-block; width:140px; text-align:center; margin:7px 0}
.brandpopular a.more{text-decoration:none; display:inline-block; font-size:16px; padding:5px 20px; border:0; border-radius:0 0 5px 5px; box-shadow:0 1px 3px -1px rgba(0,0,0,0.5); background:#55BE47; color:#FFF; margin:0 10px}
.blogtopic{float:right; width:560px; margin-bottom:50px}
.blogtopic h4.heading{margin-top:0}
.blogtopic .cover{float:right; width:220px; height:147px; overflow:hidden; margin-left:20px}
.blogtopic img{width:220px}
.blogtopic .cf{line-height:1.5em; border-bottom:1px dashed #CCC; margin-bottom:20px; padding:0 0 30px 20px; font-size:14px}
.blogtopic a{white-space:nowrap}
.blogtopic h3{font-size:18px; font-weight:normal; padding:0 0 20px 20px;  border-bottom:1px dashed #CCC; cursor:pointer}
.blogtopic h3.ui-state-active{border-bottom:none; color:#009530}
.blogtopic h3:before{position:absolute; margin:6px 0 0 -20px; content:""; font-size:0; margin-right:10px; width:0; height:0; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #000}
.blogtopic h3.ui-state-active:before{margin-top:9px; border-style:solid; border-width:6px 6px 0 6px; border-color:#009530 transparent transparent transparent}
.blogtopic div.cf{margin-top:-20px}
.satisfactionBrands h4.heading{font-size:20px; text-transform:none; margin-top:0}
.cathighlight{position:relative; margin:0 -12px 80px; padding:0}
.cathighlight ul{margin:30px 0; padding:0; text-align:center}
.cathighlight ul li{margin:-20px 9px; padding:10px 0; display:inline-block; line-height:190px}
.cathighlight li a{overflow:hidden; display:block; height:208px; width:208px; text-decoration:none; position:relative; border-radius:50%; margin:0 auto; padding:9px}
.cathighlight a:hover{box-shadow:none}
.cathighlight a:before{content:""; display:block; width:100%; height:100%; border-radius:50%; border:9px solid #DDD; position:absolute; z-index:1; left:0; top:0; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out}
.cathighlight a:hover:before{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0);}
.cathighlight h3{vertical-align:middle; margin:0; padding:3px 10px; opacity:1; position:relative; display:inline-block; background:#FFF; width:auto; line-height:20px; -webkit-transition:all 0.5s; transition:all 0.5s; z-index:2; color:#000; box-shadow:2px 2px 0 rgba(0,0,0,0.2)}
.cathighlight a:hover h3{opacity:0; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}
.cathighlight img{position:absolute; left:9px; top:9px; border-radius:50%}

/* Women */
.newarrivalslist{float:left; width:180px; height:469px}
.newarrivalslist h3{text-transform:uppercase; font-size:18px; width:160px; text-align:center; margin-top:50px}
.newarrivalslist h3 b{display:block}
.newarrivalslist ul{margin:0; padding:0; list-style:none}
.newarrivalslist li{width:160px; margin-bottom:5px; height:30px}
.newarrivalslist li a{width:160px; display:block; padding:5px; text-decoration:none; color:#000; font-size:14px; text-align:center; border:1px solid #CCC; -webkit-transition:all 0.3s; transition:all 0.3s}
.newarrivalslist li a:hover{font-weight:bold; position:absolute; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1)}
.s01{float:left}
.sect-women .quicklinkbar, .sect-men .quicklinkbar{margin-bottom:30px}
.beautycorner{position:relative; margin:0 0 60px; float:left}
.beautycorner .msg{position:absolute; padding:30px 50px; color:#666}
.popbrandlist{position:absolute; width:383px; height:155px; right:0; top:0; padding:8px 0}
.popbrandlist ul:hover{background:rgba(255,255,255,0.95)}
.popbrandlist h3{margin:0; font-size:14px; text-align:center}
.popbrandlist ul{margin:4px 0; padding:4px 0; list-style:none; line-height:15px; background:rgba(255,255,255,0.7); border-top:1px solid rgba(0,0,0,0.2); -webkit-transition:all 1s; transition:all 1s}
.popbrandlist li{width:30%; float:left; margin:1px 0 1px 3%}
.popbrandlist a{text-decoration:none; color:#333}
.popbrandlist a:hover{color:#363}
.toprated ul.grid li{margin-bottom:30px}
.toprated, .toprated .productGridWrapper{margin-bottom:0; padding-bottom:0}

/* Beauty */
.beautyregion{position:absolute; width:383px; margin:150px 0 0; padding:0; list-style:none}
.beautyregion li{width:200px; height:30px; margin:0 auto 20px}
.beautyregion li a{width:200px; display:block; padding:5px; text-decoration:none; color:#000; font-size:16px; text-align:center; background:#FFF; opacity:0.8; border:1px solid #CCC; -webkit-transition:all 0.3s; transition:all 0.3s}
.beautyregion li a:hover{font-weight:bold; position:absolute; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1)}
.beautylabs{border:1px solid #CCC; border-width:1px 0; background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/beauty/beautylab.jpg) no-repeat top left; min-height:161px; padding-left:325px; margin-bottom:60px}
.beautylabs .item{float:left; min-height:161px; width:407px; margin-left:30px; padding-left:30px; border-left:1px dashed #CCC; line-height:1.5em}
.beautylabs h3{font-size:18px; font-weight:normal; margin-bottom:10px; line-height:1.2em}
.beautylabs h3 a{text-decoration:none; color:#333}
.beautylabs h3 a:hover{color:#55be47}

/* B01 */
.b01, .a01, .c01{float:right}
.b01 a, .c01 a{display:block; position:relative; color:#666; width:383px; line-height:16px}
.b01 img, .c01 img{display:block; margin-bottom:2px}
.b01 .msg{text-align:left; position:absolute; right:0; margin-top:20px; width:210px; background:#FFF; opacity:0.7; padding:5px 20px; -webkit-transition:all 1s; transition:all 1s}
.b01 a:hover .msg, .c01 a:hover .msg{opacity:0.9}
.msg h4{font-size:18px; margin:5px 0; color:#000; line-height:1em}
.msg u{display:block; margin:5px 0; color:#000}
.b01.row, .c01.row{float:none; text-align:justify; line-height:0}
.b01.row:before, .b01.row:after, .c01.row:before, .c01.row:after{display:inline-block; width:100%; content:""}
.b01.row a, .c01.row a{display:inline-block}
.sect-sale .b01, .sect-men .b01.row{margin-bottom:60px}

/* C01 */
.c01 img{border:1px solid #999}
.c01 .msg{text-align:center; position:absolute; left:0; width:383px; color:#666; margin-top:5px}
.sect-men .c01.row{margin-bottom:80px}

/* Quick Link Bar */
.quicklinkbar{margin:5px 0 60px; padding:0; list-style:none; display:table; width:100%}
.quicklinkbar li{display:table-cell; text-align:center; background:#666; text-transform:uppercase; font-size:16px; color:#FFF; -webkit-transition:all 1s; transition:all 1s}
.quicklinkbar li:nth-child(even){background:#333}
.quicklinkbar li a{display:block; color:#FFF; padding:8px; text-decoration:none}
.quicklinkbar li:hover{background:#000}
li.multilinks a{display:inline-block; text-transform:none; text-decoration:underline}

/* Quick Link Bar - Daily Free Gifts Link */
li.dailyfreegiftlink{background:#51b7ef}
li.dailyfreegiftlink a{padding:8px 0; text-transform:uppercase}
li.dailyfreegiftlink .bybrand, li.dailyfreegiftlink .bybrand a{font-size:12px; text-transform:none}
li.dailyfreegiftlink a:hover{text-docoration:none}

/* Section Frontpage - Multi-currency Tag */
.frontPageS01 .mcSlide{position:relative}
.frontPageS01 .amountPositioning{width:638px; position:absolute; left:16px; bottom:11px}
.frontPageS01 .certainAmount{display:inline-block; padding:3px 5px 2px 4px; background-color:rgba(255,255,255,0.9); _background-color:#fff; border:1px solid rgba(0,0,0,0.2); _border:1px solid #ddd; white-space:nowrap}
.frontPageS01 .amountPositioning.backgroundTransparent .certainAmount{background:none; border:none; padding-top:4px; padding-bottom:3px}

/* Feature Blocks */
ul.featureblocks{list-style:none; margin:5px 15px; padding:0}
ul.featureblocks li{float:left; text-align:center; width:278px; border:1px solid #CCC; border-left-color:#fff}
ul.featureblocks li:first-child{border-left-color:#CCC}
ul.featureblocks li a{display:block; padding:15px 5px; text-decoration:none; color:#666; background-color:#DEDEDE; margin:3px}
ul.featureblocks li a:hover{background-color:#ffc7bc}

/* Count Number */
#newitemscount{margin-top:25px; color:#fff; border:1px solid #6BCFF3; border-width:1px 0; padding:2px 0 5px; display:table; display:inline-block}
#newitemscount b{font-size:23pt}
#newitemscount span{font-size:12px; display:block}

/* My Account */
.acpage, .pageContentWrapper{margin-top:30px}
.acpage h5{border-bottom:2px solid #999; padding-bottom:3px; font-size:12px}
.acpage .leftCol, .acpage .rightCol, .signin .leftCol, .signin .rightCol{width:49%}
.signin .rightCol{border-left:1px solid #DDD; padding-left:20px}
#signin, .userreviewlist{margin-bottom:20px}
#signin .tips{width:150px}
.savelatersignin{border:1px solid #55be47; padding:10px; margin-bottom:10px; font-weight:bold; background:#F0FBEE}
#guarantee{clear:both; padding:10px 20px; border:1px solid #DDD}
#guarantee h4{margin:5px 0; font-size:10pt}
#guarantee .verisign{float:left; margin-right:10px}
.secureStatement{margin-left:150px}
#leftmenu{float:left; padding:4px 20px 20px 0; width:224px; border-right:1px solid #cdcdcd}
#leftmenu li{margin-bottom:15px}
#leftmenu li a, .dropmenu a{color:#555}
#leftmenu ul ul li{margin:4px 0 0; font-weight:normal}
#leftmenu ul, .errorurl{margin-bottom:25px}
#leftmenu a.on, tr.deduct td{color:#55be47}
#leftmenu a.listmore{border-bottom:1px dashed #CCC}
#accountContent{padding-left:20px; min-height:300px}
.actable th{background:#EEE; padding:2px 10px; vertical-align:bottom; font-size:12px; color:#555}
.actable th.date{width:100px}
.actable th.sb{width:110px}
.actable td{padding:2px 10px; vertical-align:top; border-bottom:1px dotted #ddd}
.virtable td{padding:2px 10px 2px 0; border:none}
.preferenceOptions{line-height:15pt; margin-bottom:20px}
.preferenceOptions .explanation{width:400px; line-height:12pt}
.preferenceOptions li{width:200px; float:left}
.fixwidth{display:-moz-inline-box; display:inline-block; width:200px}
.eliteMsg{background:url(http://c.ysi.bz/Assets/res/imgs/bg/eliteMsg.gif) #f0fbee; border:1px solid #d7f2d2; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.sbpaging{padding:1px 5px; background:#eee}

/* My Account Summary */
.creditItemCol span{float:left; padding-right:10px; margin-right:10px; margin-bottom:2px; border-right:1px dotted #aaa; line-height:14px}
.creditItemCol span:last-child{margin:0; padding:0; border:none}

/* My Account Credit */
[currency]{text-align:right; white-space:nowrap}
[currency]:before{content:attr(currency)}
td span[currency], .collapse.in{display:block}
.collapse{display:none}
table.accordionTable{width:100%; max-width:100%; margin-bottom:20px; border-spacing:0; border-collapse:collapse; background-color:#fff}
table.accordionTable > thead > tr > th, table.accordionTable > tbody > tr > td{padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd}
table.accordionTable > thead > tr > th{color:#999; font-size:12px; vertical-align:bottom; border-bottom:2px solid #ddd}
table.accordionTable > thead:first-child > tr:first-child > th, table.accordionTable > thead:first-child > tr:first-child > td{border-top:0}
.table-hover > tbody > tr:hover > td{background-color:#f5f5f5}
.accordionTable tr th:nth-child(3), .accordionTable tr th:nth-child(4), .accordionTable tr th:nth-child(5), .accordionTable tr td:nth-child(3), .accordionTable tr td:nth-child(4), .accordionTable tr td:nth-child(5){text-align:right}
table.accordionTable > thead > tr > th{text-align:left; padding:10px 8px 7px}
a.collapseExpandLink{display:block; padding:0 9px 0 0; line-height:2.4; color:#333; font-size:14px; font-weight:bold; background-color:#ebebeb; border-bottom:1px solid #c1c1c1; text-decoration:none}
a.collapseExpandLink:hover{background-color:#e1e1e1}
a.collapseExpandLink span.currencySymbol{float:left; overflow:hidden; width:60px; padding:0 9px; margin-right:10px; color:#fff; background-color:#55be47; border-right:1px solid #dadada}
a.collapseExpandLink span.steps{width:8%; float:left; padding:0 9px; margin-right:10px; color:#fff; background-color:#55be47; border-right:1px solid #dadada}
a.collapseExpandLink:hover span.currencySymbol{background-color:#38b128}
a.collapseExpandLink span.glyphicon{float:right; margin-top:15px; width:10px; height:6px; background-position:-128px -382px}
a.collapseExpandLink.collapsed span.glyphicon{background-position:-144px -382px}
.remark.transactionRecords{padding:20px 9px 0}
.creditConvertion{margin-top:45px; padding-top:14px; border-top:1px solid #eee}
.creditConvertion a.mbutton{cursor:pointer}
ul.credit{padding:0 0 10px 22px}

/* My Account Coupon */
.label-currency, .exchangedAmount span{color:#fff; background-color:#c4c4c4; padding:1px 3px 0; line-height:13px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}

/* My Account RMA */
.dashedLine{color:#666; border-bottom:1px dashed #bbb}
#orderDetails table.accordionTable{margin-bottom:40px}
.importantNote, .optionChecked{background-color:#f0fbee}
.returnCreateRow, .returnClosedDate, .freeGiftNote{border:1px solid #e4e4e4}
.returnCreateRow{padding:10px 8px; margin:-10px 0 40px; background-color:#f7f7f7}
.returnCreateRow .help{margin-top:3px}
.returnCreateRow.returnClosed, .returnClosedDate, .freeGiftNote{background-color:#fcfcc2}
.returnCreateRow .createReturn, .returnCreateRow .alerticon, .freeGiftNote .alerticon{margin-right:6px}
.returnCreateRow .help{font-size:12px}
.finalClearanceRow{margin:-25px 0 25px}
.importantNote{margin-bottom:30px; padding:15px 20px; border:3px solid #55be47}
.importantNote .noteTitle{padding-bottom:8px; margin-bottom:12px; font-size:13px; font-weight:bold; border-bottom:1px solid #aaa}
ul.noteList{list-style:disc; margin:12px 0 12px 16px; padding:0}
ul.noteList li{margin-bottom:6px}
.importantNote .remark{font-size:12px}
.yourReturn .accordionTable th:last-child, .yourReturn .accordionTable td:last-child{text-align:left}
.shipmentAndTracking .accordionTable th:nth-child(3), .shipmentAndTracking .accordionTable td:nth-child(3){text-align:left}
.returnClosedDate, .freeGiftNote{padding:9px 8px 8px; font-weight:bold; line-height:17px}
.returnClosedDate{margin:-6px 0 6px}
#returnItems{margin-bottom:60px}
#returnItems .collapse, .whyReturning{position:relative; margin-bottom:40px}
#returnItems .collapse .mbutton{margin-top:10px}
#returnItems a.collapseExpandLink.stepDisabled{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); cursor:default}
#returnItems a.collapseExpandLink.stepDisabled:hover{background-color:#ebebeb}
#returnItems a.collapseExpandLink .floatRight{display:none}
#returnItems a.collapseExpandLink.stepCompleted.collapsed .floatRight{display:block}
#returnItems a.collapseExpandLink .floatRight .cbutton{font-weight:normal; padding:4px 6px 2px}
#returnItems a.goBack{margin-left:16px; padding:4px 6px}
.orderNumberRow{margin-bottom:24px}
.returnListItem, .refundType{border-bottom:1px dashed #ccc}
.returnListItem, .refundNotes{padding:15px 0}
.returnListItem:last-child{border:none}
.returnListItem .returnItemCover, .col-select, .col-productInfo{float:left}
.returnListItem .returnItemCover{width:100px; height:auto; text-align:center; margin-right:20px}
.returnListItem .returnedItemStatus{float:right; color:#289b19; border-radius:4px}
.optionDisabled input[disabled="disabled"]{-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30)}
.whyReturning .returnListItem{margin:10px 0; border:1px solid #55be47}
.whyReturning .mbutton{margin-right:10px}
.returnListItem .remark{padding-top:2px; line-height:13px}
.returnInfo{float:right; width:100%; padding:10px 10px 0}
.returnSectionFirst{padding-top:15px; border-top:1px dashed #ccc}
.returnSection{margin-bottom:10px}
.returnSection .errorbox{margin:0 4px 10px 186px}
.chooseItems .errorbox{margin:10px 0 0}
.returnSectionLast{margin-bottom:0}
.sectionTitleLeft, .sectionFieldRight{float:left}
.sectionTitleLeft{width:186px; text-align:right; padding-right:20px}
.sectionFieldRight{width:458px; padding-bottom:5px}
.sectionFieldRight textarea{padding:6px 5px}
.sectionFieldRight .remark{margin-top:5px}
.col-select{width:66px; padding:0 9px; margin-right:10px; overflow:hidden}
.col-productInfo{width:470px}
.col-productInfo div{margin-bottom:3px}
.col-productInfo .brand{font-weight:bold}
.col-productInfo .catalogNo{margin-top:12px}
.col-productInfo .nonReturnable{border:1px solid #f66; background:#ffe5e5; padding:4px 8px 3px; margin-bottom:10px}
.refundType{padding-bottom:10px; margin-bottom:10px}
.refundType .returnListItem{padding:20px 10px 0}
.refundType ul.noteList{margin-top:0; margin-bottom:0}
.refundType .remark{margin-top:2px; padding-top:10px; border-top:1px dashed #ddd}
.refundTotal{padding:18px 0 40px; font-weight:bold; font-size:16px; text-align:right; border-top:1px solid #999}
.refundTotal .remark{margin-top:10px; text-align:right; font-size:12px; color:#333}
#returnSummary a.collapseExpandLink{padding-left:10px}
#returnSummary .col-productInfo{width:360px}
#returnSummary .col-price{float:right; width:170px; padding:0; margin-right:10px; text-align:right; font-weight:bold}
#returnSummary .listPrice{color:#666; margin-top:3px; font-weight:normal}
#returnSummary .itemsTotal{border:none}
#returnSummary .orderNumber{margin-bottom:5px}
#returnSummary .orderNumber a{text-decoration:none; font-weight:bold}
.returnInstruction{padding:10px 0 15px}
.returnInstruction ul.noteList{margin-top:4px}
.returnInstruction ul.noteList li{margin-bottom:2px}
.refundValue, .printButton{margin-top:10px}
.refundNotes{border-top:1px solid #ddd}
.refundNotes .noteItem{margin-bottom:10px}
ul.infoSlice{margin:30px 0 40px; background-color:#fff}
ul.infoSlice li{display:table-cell; padding:0 10px}
ul.infoSlice li.shipto, ul.infoSlice li.billto{width:25%}
ul.infoSlice li.shipto{padding-left:0}
ul.infoSlice li.ordetotal{width:50%; padding-right:0; border:none}
ul.infoSlice li h4{font-size:13px; margin:0 0 10px; padding:0 0 3px; border-bottom:2px solid #999; color:#55be47}
ul.infoSlice li.ordetotal h4{margin-bottom:3px}
.listSection{line-height:18px}
table.ordertotal td{padding:7px 0; border-bottom:1px dotted #ddd; verticle-align:top}
table.ordertotal td.notranslate{text-align:right}
table.ordertotal tr:last-child td{border-bottom:0}

/* Registration */
.mediumWidthPage, .smallWidthPage{margin:0 auto; padding:35px 0 48px}
.mediumWidthPage{width:888px}
.smallWidthPage{width:600px}
.signUpPanel h3.pagetitle{padding:0 10px; margin-bottom:30px}
.signUpPanel .errorbox{margin-left:10px; margin-right:10px}
.smallWidthPage .successbox{margin-top:10px}
ul.accountInformationForm, ul.checkboxList{list-style:none; margin:0; padding:0}
ul.accountInformationForm{margin:0 -9px}
ul.accountInformationForm li{width:100%; padding:0 10px; margin-bottom:15px}
ul.accountInformationForm li.halfWidth{width:50%}
ul.accountInformationForm li.gender{margin-top:8px}
ul.checkboxList li{width:25%; padding:0 10px 0 0; margin:5px 0 0}
ul.checkboxList li input{margin-top:-3px}
ul.accountInformationForm li.subscribeNewsletter{margin:-10px 0 30px}
.fieldTitle{margin-bottom:2px; color:#000}
ul.accountInformationForm li, .oneLine .fieldTitle, .oneLine .fieldContent, .captchaInputField, .captchaimg{float:left}
.oneLine .fieldTitle{width:90px}
.oneLine .remark{margin-top:4px}
.oneLine .captchaInputField{padding-top:29px}
.oneLine .captchaimg{position:relative; margin-left:20px; background-color:#feffc6}
.oneLine .captchaimg .refresh{position:absolute; bottom:0; right:0; margin:0}
h3.pagetitle .requriedRemark{float:right; font-weight:normal; font-size:12px; margin-top:6px; color:#666}
.checkboxWrapper input{margin-top:-2px}

/* Personal Information */
.personalInformation, .personalInformation ul.accountInformationForm{margin:0}
.personalInformation .errorbox, .personalInformation .successbox{margin-right:20px}
.personalInformation ul.accountInformationForm li{padding:0 20px 0 0}
ul.accountInformationForm li .currentPassword{margin:15px 0; padding-top:20px; border-top:1px solid #cdcdcd}

/* Form Elements */
input.standardField{font-size:14px; height:28px; padding:0 5px; border:1px solid #ccc}
input.standardField{width:100%}
.captchaInputField input{width:210px}
input.radio{margin-top:-3px}
input.fielderrorbg{border:1px solid #f88}
input.standardField:focus, #searchBlock input.keyin:focus{border-color:#6bd15e; background-color:#fbfffa}
input.fielderrorbg:focus{border-color:#f88; background-color:#fff}

/* Guest Order Tracking */
.guestOrder{width:976px; margin-left:auto; margin-right:auto}
#trackYourOrder{margin:2px 0 30px}
#trackYourOrder .pagetitle{margin-bottom:2px}
#trackYourOrder .errorbox{margin-top:20px}
.guestOrder #orderDetails ul.infoSlice li.shipto, .guestOrder ul.infoSlice li.ordetotal{float:left; width:50%}
.guestOrder #orderDetails .rightCol{float:left}
ul.ordertrackingform{margin:20px 0; padding:0; list-style:none}
ul.ordertrackingform li{float:left; margin:0 20px 12px 0}
ul.ordertrackingform li label{display:block; margin-bottom:2px; font-size:12px}
ul.ordertrackingform li label span{color:#666}
ul.ordertrackingform li.captchaItem, ul.ordertrackingform li.submit{width:100%; margin-bottom:0}
ul.ordertrackingform li.captchaItem .captchaInputField{margin:25px 20px 0 0}
ul.ordertrackingform li.submit{padding-top:19px}
ul.ordertrackingform  input.standardField{width:250px}
ul.ordertrackingform span.mbutton input{padding:6px 8px}

/* Data Content */
.dataContnetDefault{display:none; position:relative}
.dataContnetDefault.active{display:block}

/* Accordion Menu */
.accordionMenu{margin:-8px 0 40px}
.accordionMenu .collapseExpandLink{line-height:19px; margin-top:8px; padding:7px 9px; color:#55be47; background-color:#fff; border:1px solid #ddd; border-bottom:none}
.accordionMenu .collapseExpandLink:hover{color:#55be47; background-color:#fff}
.accordionMenu .collapseExpandLink .glyphicon{margin-top:7px}
.accordionMenu .collapseExpandLink.collapsed{color:#333; background-color:#f8f8f8; border-bottom:1px solid #ddd}
.accordionMenu .collapse{position:relative; padding:10px 10px 12px; border:1px solid #ddd; border-top:none; line-height:19px}
.accordionMenu .accordionTable{margin:12px 0 4px}
.accordionMenu.reduceOffsetContent .accordionTable{margin:0}

/* Reset Password Page */
.resetPasswordPage{min-height:200px}
.resetPasswordPage h3{font-family:Tahoma,Arial; font-size:14pt; margin:0}
.resetPasswordPage p{margin-bottom:20px}
.resetPasswordPage .form-group .sr-only{display:inline-block; min-width:135px; _width:135px; _float:left; _padding-top:2px}
.resetPasswordPage input.form-control::-webkit-input-placeholder, .writereview .fullWidth::-webkit-input-placeholder{color:#fff}
.resetPasswordPage input.form-control:-moz-placeholder, .writereview .fullWidth:-moz-placeholder{color:#fff}
.resetPasswordPage input.form-control::-moz-placeholder, .writereview .fullWidth::-moz-placeholder{color:#fff}
.resetPasswordPage input.form-control:-ms-input-placeholder, .writereview .fullWidth:-ms-input-placeholder{color:#fff}
.resetPasswordPage .form-group{margin-bottom:10px}
.resetPasswordPage input.form-control, #signin .formtable input[type=text], #signin .formtable input[type=password], .captchabox{width:200px}
.captchabox{height:70px; width:204px\9; _width:200px}
.captchabox, input.btn-primary{position:relative; left:138px}
.captchabox a.refresh, .captchabox button.refreshcaptcha{position:absolute; right:0; bottom:0}
button.refreshcaptcha, a.refresh{width:24px; height:24px; background-position:0 -88px}
button.refreshcaptcha{_height:8px; overflow:visible; text-align:center; margin:0; outline:0; border:0; background-color:transparent; cursor:pointer}
.resetPasswordPage .alert-danger{background-color:#fffff2; border:3px solid #e50; padding:12px 10px 10px; display:block; text-align:left; position:relative; margin:15px 0}
.resetPasswordPage .alert-danger ul{margin:6px 0 0; padding:0}
.resetPasswordPage .alert-danger ul li{margin:2px 0; color:#e50; font-weight:normal}
.resetPasswordPage .alert-danger ul li{padding-left:13px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/note.gif) no-repeat 0 2px; list-style:none}
.resetPasswordPage .alert-danger .bold{font-weight:bold}
.text-success, .reportThis .alert.alert-success .bold, .writeReviewForm .alert.alert-success .bold{color:#55be47; font-weight:bold; font-size:14px}
.resetPasswordPage p.muted{margin:40px 0 10px; color:#666}
.resetPasswordPage .remark{margin:10px 0 -40px}
.resetPasswordPage .tips{display:inline-block}

/* Currency Reminder - To Be Removed */
.creminder{border:1px solid #ccc; padding:10px 12px 0 12px}
.creditpop{width:610px; display:none}
.creditpop h4.title{font-size:12pt; margin:0; padding:4px; border-bottom:1px solid #fff; white-space:nowrap; text-overflow:ellipsis; display:block; overflow:hidden; min-height:21px; *width:640px; *height:28px}
#creditaution{padding:10px 5px}
#creditaution ul{margin:2px 0 18px 20px; *margin-left:25px; padding:0; list-style:decimal}
#creditaution li{margin-bottom:3px}
#simplemodal-credit{width:610px; height:185px; background-color:#fff; border:3px solid #fff; top:100px}

/* Order Details */
#orderDetails{margin:20px 0}
.oneshipment{padding:10px 0}
.shipmentinfo{padding:0; margin:0 0 10px; list-style-type:none}
.shipmentinfo li{float:left; width:49%; margin:0 5px 4px 0}
.sumtotal td{text-align:right}
.totalBlock{border-top:1px solid #aaa; padding-top:10px}
.totalBlock .table.table-hover.accordionTable{width:50%; float:right}
.totalBlock .table.table-hover.accordionTable tr:first-child td{border-top:none}
tr.grandTotal td, .grandTotal{font-weight:bold; font-size:14px}
tr.slice td, tr.subitem td{background:#F0FBEE}
tr.subitem td.emptycell{background:none; border:none}
tr.last td.emptycell{border-bottom:1px dotted #ECECEC}
.helpStatus dl{border-bottom:1px dotted #DDD; padding:5px 0; margin:0}
.helpStatus dt{float:left; width:19%; font-weight:bold; color:#666}
.helpStatus dd{float:right; width:80%; margin:0; padding:0}
#orderDetails .explanation{width:200px}
.decZero{margin:0; padding-left:30px; list-style-type:decimal-leading-zero}
.decZero li{margin-bottom:20px}
.orderfrom{margin-top:8px}
.needHelpOnYourOrder{margin:25px 0}

/* Elite Club */
#eliteclubtable, #elitePage .pageheader, #elitePage .pagefooter, .eliteCard, span.bronzecard, span.silvercard, span.goldcard{background-image:url(http://c.ysi.bz/Assets/res/imgs/eliteclub/eliteclub2013.gif); background-repeat:no-repeat}
.elitewelcome .graphictitle, .graphictitle2011{background-position:0 0; height:30px; width:459px; margin:0 auto; display:block}
.viptitle, .viptitle2011, .viptitle2012, .viptitle2013{background-position:0 -30px; width:436px; margin:0 auto; display:block; height:30px} 
.viptitle2014{background-position:0 -30px; display:block; height:30px; width:288px}
#eliteclubtable{background-position:-47px -148px; width:760px; height:370px}
#eliteclubtable.ec2013{background-image:url(http://c.ysi.bz/Assets/res/imgs/bg/eliteClub2013.gif); height:350px}
#eliteclubtable dl{font-size:11pt; padding:2px 0; margin:0 0 5px}
#eliteclubtable dl.title{margin:0; padding:90px 0 10px}
#eliteclubtable dt, #eliteclubtable dd{display:table-cell !important; display:inline-block; vertical-align:middle}
*html #eliteclubtable dt, *html #eliteclubtable dd{display:inline}
#eliteclubtable dt{width:129px; font-weight:bold; color:#666; padding-right:7px}
#eliteclubtable dd{width:148px; margin:0; padding:8px 0; text-align:center}
#memberstatus{background:#F0FBEE}
#eliteclubtable dl a{font-size:12px; font-weight:bold}
#eliteclubtable .vip2013{color:#55BE47; width:590px; height:37px; line-height:30px; margin-left:127px; font-size:12pt; font-weight:bold; text-align:center; margin-bottom:2px}
#memberstatus .divide{float:left; border-top:none; border-left:1px solid #D7F2D2; padding:18px 8px 0}
#eliteTC h6{margin:20 0 5px; font-size:12px}
.bordertable th{text-align:left; font-size:12px; background:#ececec}
.bordertable th, .bordertable td{padding:2px 5px; border:1px dotted #ECECEC; border-width:0 1px 1px 0}
#elitePage{background:#f7fff7; padding:10px 20px; text-align:center; margin:0}
#elitePage .pageheader{background-position:50% 0; height:85px; margin:0}
#elitePage .pagefooter{background-position:50% -128px; height:20px}
#elitePage .pagecontent, #elitePage .vipcontent{background:url(http://c.ysi.bz/Assets/res/imgs/eliteclub/eliteclub-bg.gif) repeat-y center; margin:0 auto; padding:10px 220px; text-align:left}
#elitePage .vipcontent{padding:0 220px}
#elitePage .vipinfo{padding:0 20px ; background:#F0FBEE; border:1px solid #eee; border-width:1px 0}
#elitePage .vipinfo ul{margin:0; padding:0; list-style:none}
#elitePage .vipinfo li{padding:8px 0 6px 0}
#elitePage .vippadding{padding:10px 0 12px 0; line-height:17px}
#elitePage .vipborder{border-bottom:1px solid #D7F2D2}
#elitePage span.bronzecard, #elitePage span.silvercard, #elitePage span.goldcard{background-position:-327px -148px; float:left; margin-right:22px; display:block; width:141px; height:86px}
#elitePage span.silvercard{background-position:-475px -148px}
#elitePage span.goldcard{background-position:-622px -148px}
#elitePage .viplist{padding-top:7px; float:left}
#elitePage .viplist h3{margin:0 0 2px 0; padding:0; font-size:16px}
#elitePage .pagetitle{width:100%; background-position:50% 0; margin-top:0}
.eliteCard{width:113px; height:70px; float:left; display:block}
.regular, .ys_regular{background-position:0 -519px}
.bronze, .ys_bronze{background-position:-113px -519px}
.silver, .ys_silver{background-position:-226px -519px}
.gold, .ys_gold{background-position:-340px -519px}
#eliteclub .elitesummary{border:1px solid #DDD; border-width:1px 0; padding:0 0 25px; margin:0 0 40px}
#elitePage ul.vipbullet li{padding:0 0 0 14px; line-height:18px; background-position:0 4px}
h3.subtitle{text-align:center; margin:0}
.newfeature{background:#caf9c5; border:1px solid rgba(0,0,0,0.15); border-radius:4px; padding:15px 10px 5px; transition:all 0.3s ease-out; overflow:hidden; position:relative}
.socle{margin-bottom:20px; position:relative; z-index:2}
.socle:after{content:""; z-index:-1; position:absolute; border-radius:6px; box-shadow:inset 0 1px 0 rgba(196,174,122,0.1),  inset 0 -1px 0 rgba(255,255,255,0.7); top:-6px; bottom:-6px; right:-6px; left:-6px; background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0))}
.ribbon{text-shadow:0 1px rgba(0,0,0,0.5); background:#C00; display:inline-block; color:#fff; font-weight:bold; font-size:14pt; padding:8px 50px 6px; position:absolute; left:-47px; top:2px; box-shadow:0 1px 1px rgba(0,0,0,0.3); background-image:radial-gradient(circle farthest-corner at center 0 , rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); transform:rotate(-35deg); -ms-transform:rotate(-35deg); -webkit-transform:rotate(-35deg)}
.newfeature ul{list-style-image:url(http://c.ysi.bz/Assets/res/imgs/icons/bullet.gif); color:#363}
.newfeature ul li{margin-top:3px}
.badge{padding:1px 3px; background-color:#bfffbf}

/* Browse Path */
.path{padding:15px 0}
.path, .path .pathProductTitle{color:#666}
.path a, .path a.on, .path .child, .path .pathProductTitle, .availabilityshow a{position:relative}
.path .child{top:-1px; margin:0 3px; display:-moz-inline-box; display:inline-block; vertical-align:middle; bottom:0}
.path .child, span.next, span.previous{width:5px; height:9px}
.path .child, span.next{background-position:-205px -493px}
span.previous{background-position:-194px -493px}
.availabilityshow{margin-left:3px; color:#555; font-size:12px}
.availabilityshow a{margin-right:2px; padding:1px 15px 2px 6px; color:#555; background-color:#e6e6e6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.availabilityshow a:before{content:""; position:absolute; top:6px; right:4px; width:8px; height:8px; background-position:0 -465px}
.availabilityshow a:hover{color:#fff; background-color:#55be47}
.reviewShareRow a.yes{padding:0 9px 0 4px; background-position:right -618px}

/* Browse Path - selection */
.availabilityshow a .metallic, .availabilityshow a .multicolor, .availabilityshow a .pattern, .availabilityshow a .red, .availabilityshow a .blue, .availabilityshow a .green, .availabilityshow a .yellow, .availabilityshow a .orange, .availabilityshow a .violet, .availabilityshow a .pink, .availabilityshow a .brown, .availabilityshow a .white, .availabilityshow a .beige, .availabilityshow a .gray, .availabilityshow a .black{display:-moz-inline-box; display:inline-block; width:10px; height:10px; margin:2px 0; margin-bottom:-1px; border:1px solid #CCC; position:static; *width:12px; *height:12px; *margin-bottom:-2px}
.availabilityshow a small{display:none}
.availabilityshow a .red{background:#F30}
.availabilityshow a .blue{background:#034c8c}
.availabilityshow a .green{background:#008f34}
.availabilityshow a .yellow{background:#Fcdd51}
.availabilityshow a .orange{background:#F90}
.availabilityshow a .violet{background:#92278F}
.availabilityshow a .pink{background:#F49AC1}
.availabilityshow a .brown{background:#6C563A}
.availabilityshow a .white{background:#FFF}
.availabilityshow a .beige{background:#FFE293}
.availabilityshow a .gray{background:#666}
.availabilityshow a .black{background:#000}
.availabilityshow a .metallic, .availabilityshow a .multicolor, .availabilityshow a .pattern{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/selection_icons.gif); background-repeat:no-repeat}
.availabilityshow a .metallic{background-position:0 0px}
.availabilityshow a .multicolor{background-position:-20px 0px}
.availabilityshow a .pattern{background-position:-10px 0px}
.availabilityshow a.clearall:before{background-image:none}

/* Help Page  */
#helpcontent, #aboutuscontent{padding-left:20px}
#helpintro, #qlist, #alist{margin-bottom:30px}
#helpresult ul{list-style:none; padding:0; margin:10px 0}
#qlist ul li, #alist h5.q, #helpresult ul li{background:url(http://c.ysi.bz/Assets/res/imgs/icons/help.gif) no-repeat 6px 3px; margin-bottom:4px; padding-left:20px}
#helpresult ul li{margin-bottom:10px}
#alist h5.q{background-position:6px 15px; border-top:1px solid #DDD; padding-top:10px}
#alist div.a{margin:0 0 20px 20px}
#helpsearch{padding:10px 20px 15px; background-color:#EFEFEF; border:1px solid #DDD}
#helpsearch h4.title{margin:0}
#helpsearch input[type=text]{width:500px}
#helpresult{padding:10px 0}
#helpresult h3.pagetitle, #faq h3.pagetitle{margin:5px 0}
#faq h3.pagetitle{font-size:12pt}
#faq #qlist{margin-bottom:5px}
#faq li{display:inline-block; vertical-align:top; width:48%; margin:0 2% 20px 0}
*html #faq li{display:inline}
#faq ul li{display:block; width:auto}
.contactnote{background-color:#fffff2; padding:10px; box-shadow:0 0 3px #CCC; margin-bottom:10px; display:none}

/* Help Contact */
.contactinfo{float:left; width:60%}
.contactinfo, .hotline li, .contactus, #helpresult .resultmessage{margin-bottom:20px}
.hotline ul li{margin-bottom:4px}
.hotline h5, .address h5{padding-left:20px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/phone.gif) no-repeat 0 0; font-size:12px; margin:5px 0; height:16px}
.onService{margin-bottom:5px}
.contactform{float:right; width:40%}
.contactform td{padding:5px 0}
.contactform input, .contactform .formtable{width:100%}
.address h5{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/address.gif)}

/* Help Announcement */
.announceList{list-style:none; margin:-10px 0 30px; padding:0; border:1px solid #DDD}
.announceList h5{margin:0; padding:4px 20px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/note.gif) no-repeat 6px 7px; font-size:12px; color:#363}
.announceList h5 .date{padding-right:10px}
.announceList h5.ui-state-active, .announceList h5.ui-state-hover{background-color:#EAFDE7; cursor:pointer}
.announceList .nonews{padding:20px; border:3px solid #CCC}
.announceList li .announcement{padding:10px 20px; border-bottom:1px solid #DDD}
.announcement b{color:#666}

/* Shipping Rate Table */
.helptable th{font-size:12px; background-color:#ccc}
.helptable .odd{background-color:#fff; text-align:center}
.helptable .even{background-color:#efefef; text-align:center}
.helptable .free{font-weight:bold; color:#f00}
.helptable .highlight{background-color:#fefbdc}
.helptable .even .highlight{background-color:#eeebce}
.helptable ul{margin:0; padding:0 0 0 15px}
.helptable ul li{margin-bottom:4px}
.centercell td, .centercell th{text-align:center}
.totalrate{background:#999; margin:-5px -6px}
.totalrate table.unbreak{border-spacing:1px 0}
.estimatedelivery{width:100%; max-width:500px; *width:500px}
.totalTime{background-color:#666; padding:3px 10px; text-align:center; margin:10px; font-weight:bold; color:#fff; position:relative; height:20px}
.totalTime:before{width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #666; display:block; content:""; position:absolute; left:-10px; top:0}
.totalTime:after{width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #666; display:block; content:""; position:absolute; right:-10px; top:0}
.arrivalTime{margin:0; padding:0; list-style:none; *zoom:1; width:100%}
.arrivalTime:after{clear:both; content:""; display:block}
.arrivalTime li{float:left; width:40%}
.arrivalTime li div{border-left:1px solid #333; padding:0 0 10px}
.arrivalTime li span{padding:3px 10px; display:block; font-weight:bold}
.arrivalTime li.arrive{text-align:right; width:20%}
.arrivalTime li.arrive div{border-left:none; border-right:1px solid #333; padding:0 0 10px}
ul.remarklist{list-style:none; padding-left:15px; margin-left:0}
ul.remarklist dfn{position:absolute; margin-left:-15px}

/* About Us */
#aboutuscontent .brandrecommend ul{padding:0; margin:-5px -5px 20px}
#aboutuscontent .helpStatus{font-size:12px}
#aboutuscontent .dedicate dt{width:28%; color:#060}
#aboutuscontent .dedicate dd{width:70%}
#joblist .item{border:1px solid #DDD; padding:0 20px 10px; margin-bottom:20px}
#joblist h5{margin:0; font-size:10pt; padding:10px 20px; margin:0 -20px 10px; background:#ECECEC}
#publication dl.title{font-weight:bold}
#publication dl{padding:5px 0; border-bottom:1px dotted #CCC; margin:0}
#publication dt{float:left; width:70px}
#publication dd{float:left; width:530px; margin-left:10px}
#newscontent{margin:20px 0; padding-bottom:20px; border-bottom:1px solid #DDD}
#newscontent img.responsive{display:block; margin:0 auto}
.partnersList dl{margin:30px 0}
.partnersList dt{float:left; width:140px}
.partnersList dd{margin-left:160px}
.acpage .partnersList dd{width:660px}
.partnersList h5{font-size:11pt; margin:0 0 5px}
.partnersList dl.linkinfo{padding:10px 0; border:1px solid #CCC; border-width:1px 0}

/* Category Graphics */
.category_graphics{width:200px; height:301px; float:right; margin-left:15px}
.category_graphics a{float:left; width:100px; height:100px}
.category_graphics, .category_graphics a:hover{background:url(http://c.ysi.bz/Assets/res/imgs/AboutYS/category_graphics.gif) no-repeat}
.category_graphics a.g1:hover{background-position:-200px 0}
.category_graphics a.g2:hover{background-position:-300px 0}
.category_graphics a.g3:hover{background-position:-200px -100px}
.category_graphics a.g4:hover{background-position:-300px -100px}
.category_graphics a.g5:hover{background-position:-200px -200px}
.category_graphics a.g6:hover{background-position:-300px -200px}

/* Browse Page */
.browsepage, .acpage{padding:0 0 40px}
#browseContent, #accountContent{float:right; width:977px; margin-left:-1px; border-left:1px solid #cdcdcd}
#browsecontent .pbanner{margin-bottom:15px}
#leftmenu h4.title, #leftmenu #socialWeb25x25 h5, #leftmenu #socialweb30x30 h5, .frontfilter .filter b, .frontfilter .filter .bold{margin:0 0 5px 0}
#leftmenu #socialWeb25x25 h5, #leftmenu #socialweb30x30 h5{padding-top:5px; border-top:1px solid #DDD}
#leftmenu b, #leftmenu .bold, #leftmenu h2{font-size:12px}
#leftmenu .featurebrands{position:relative; border:1px solid #DDD; border-left:none; padding:0; background:#FFF}
a.empty{position:absolute; right:0; top:-3px}
a.empty, .availabilityshow a.clearall{background-color:#fff; color:#666; line-height:14px; padding:2px 5px 1px}
a.empty:hover, #leftmenu a.empty:hover, .availabilityshow a.clearall:hover{text-decoration:none; color:#55be47}
.filter{position:relative; margin-bottom:25px}
.filter b, .filter .bold{padding-right:15px; display:block; margin:0 -10px 5px 0}
#leftmenu ul .featurebrands li{margin:0}
#leftmenu h2{margin:0; font-weight:normal}
.featurebrands li a{border-top:1px solid #fff; border-bottom:1px dotted #DDD; display:block; padding:3px 0}
.featurebrands li a:hover{border-color:#55be47; border-style:solid none solid none}
.featurebrands li a.morelink, .featurebrands li a.morelink:hover{border:none; padding-bottom:7px}
#leftmenu .brandselection, #leftmenu .sizeselection{width:100%; max-height:200px; overflow:auto; border-bottom:1px solid #ddd; padding-top:5px; margin-bottom:5px}
#leftmenu .sizeselection{border:none}
.brandselection li.divide{border-top:1px dashed #CCC; padding:0; font-size:0}
.brandselection li a, .availabilityselection li a, li.listoption a, .regionfilter li a, .sizeselection li a{background-position:-20px -424px; padding-left:12px; display:block}
.brandselection li a.on, .availabilityselection li a.on, li.listoption a.on, .regionfilter li a.on, .sizeselection li a.on{background-position:-10px -442px}
.brandselection li a.on:hover, .availabilityselection li a.on:hover, li.listoption a.on:hover, .regionfilter li a.on:hover, .sizeselection li a.on:hover{background-position:0 -462px}
.recommendbanner{margin-bottom:-42px}
#leftmenu ul.kronlyfilter{margin-bottom:0; padding:3px 0; background:-moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(215,249,207,1) 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,0)), color-stop(100%,rgba(215,249,207,1))); background:-webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(215,249,207,1) 100%); background:-o-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(215,249,207,1) 100%); background:-ms-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(215,249,207,1) 100%); background:linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(215,249,207,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#d7f9cf',GradientType=1)}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
  /* Chrome & Safari */
  .brandselection li a, .availabilityselection li a, li.listoption a, .regionfilter li a, .sizeselection li a{background-position:-20px -425px}
  .brandselection li a.on, .availabilityselection li a.on, li.listoption a.on, .regionfilter li a.on, .sizeselection li a.on{background-position:-10px -443px}
  .brandselection li a.on:hover, .availabilityselection li a.on:hover, li.listoption a.on:hover, .regionfilter li a.on:hover, .sizeselection li a.on:hover{background-position:0 -461px}
  /* Safari 5+ */
  ::i-block-chrome, .brandselection li a, .availabilityselection li a, li.listoption a, .regionfilter li a, .sizeselection li a{background-position:-20px -426px}
  ::i-block-chrome, .brandselection li a.on, .availabilityselection li a.on, li.listoption a.on, .regionfilter li a.on, .sizeselection li a.on{background-position:-10px -444px}
  ::i-block-chrome, .brandselection li a.on:hover, .availabilityselection li a.on:hover, li.listoption a.on:hover, .regionfilter li a.on:hover, .sizeselection li a.on:hover{background-position:0 -462px}
}

#leftmenu .brandselection li a.disabled, #leftmenu .availabilityselection li a.disabled, #leftmenu li.listoption a.disabled, #leftmenu .regionfilter li a.disabled, #leftmenu .sizeselection li a.disabled, #leftmenu .brandselection li a.disabled:hover, #leftmenu .availabilityselection li a.disabled:hover, #leftmenu li.listoption a.disabled:hover, #leftmenu .regionfilter li a.disabled:hover, #leftmenu .sizeselection li a.disabled:hover{background-position:-202px -463px; _background-position:-202px -462px; color:#aaa; text-decoration:none; cursor:default}
.moresizes .sizeselection li{display:-moz-inline-box; display:inline-block}
*html .moresizes .sizeselection li{display:inline; padding:0 3px 0 0}
.moresizes .sizeselection li a{display:block; display:inline-block; text-align:center; padding:2px 4px; border:1px solid #DDD; background:none}
.moresizes .sizeselection li a:hover{background-color:#ECECEC}
.hl_collections h4.title{padding-top:5px; margin:0 0 -10px 12px; color:#55be47}
.hl_collections .browseCollectionList{border-bottom:1px solid #eee}
.promotionentitle ul.noIndent{margin:0}
.frontfilter li a, .frontfilter li a.on, .frontfilter li a.disabled{background:none; padding:0}
#leftmenu .frontfilter .brandselection{border-width:1px; margin-bottom:0}
#leftmenu .brandsfrom{background:#F0FBEE; padding:5px 5px 5px 12px}
#leftmenu .brandsfrom ul{margin:0 0 5px}
.frontfilter .brandselection li a, .frontfilter .brandselection li a.on, .frontfilter .brandselection li a.disabled{padding-left:12px}
.matchedkey{background:#FF0}
.alphafilter li{display:inline}
.alphafilter li a{width:18px; text-align:center; padding:1px 0; float:left; border:1px solid #DDD}
#leftmenu .alphafilter li a.on{background:#666; color:#fff}
#leftmenu ul ul.sub{margin:0 0 0 12px}
#leftmenu ul ul.firstsub{margin:0}
#noresult{background-color:#fcfcc2; padding:15px; text-align:center}
#itemlist #noresult{margin-left:0px}
.bottomMore{margin:10px 20px 30px 0; text-align:center}

/* YesStyle Status Filter Panel */
ul.yesStyleStatus li a{position:relative; padding-left:12px}
ul.yesStyleStatus li a span.checkBox{position:absolute; top:5px; left:0; width:8px; height:8px; border:1px solid #999; background-color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; _font-size:1px}
ul.yesStyleStatus li a:hover span.checkBox, ul.yesStyleStatus li a.on span.checkBox{top:4px; left:-1px; width:10px; height:10px; border-color:#55be47; background-color:#55be47; background-position:-173px -403px}
ul.yesStyleStatus li a.on:hover span.checkBox{background-color:#666; border-color:#666; background-position:-189px -403px}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
  /* Chrome & Safari */
  ul.yesStyleStatus li a span.checkBox{top:4px}
  ul.yesStyleStatus li a:hover span.checkBox, ul.yesStyleStatus li a.on span.checkBox{top:3px}
  /* Safari 5+ */
  ::i-block-chrome, ul.yesStyleStatus li a span.checkBox{top:3px}
  ::i-block-chrome, ul.yesStyleStatus li a:hover span.checkBox, ul.yesStyleStatus li a.on span.checkBox{top:2px}
}

/* Browsing Header */
.browsingHeader{margin:0 130px 30px; text-align:center}
h1.browsingTitle{margin:2px 0 8px; padding:0; font-size:23px; line-height:23px}
h1.browsingTitle a.reviewLink{display:line-block; margin-bottom:-10px; font-size:12px; font-weight:normal}
.browsingHeaderWrapper{line-height:18px}
.brandPromotion{margin:10px auto; padding:0; list-style:none}
.brandPromotion li{padding:6px 0; margin-top:-1px; border-top:1px solid #555; border-bottom:1px solid #555}
.browsingQuickLinks{margin:9px 50px 0; text-align:center; font-size:0}
.browsingQuickLinks h2{display:inline-block; display:-moz-inline-box; -moz-box-orient:vertical; vertical-align:top; word-wrap:break-word; width:25%; margin:6px 0 0; padding:0 13px; font-weight:normal; font-size:12px; line-height:14px}
.browsingQuickLinks h2>*{display:table; table-layout:fixed}
.browsingQuickLinks h2 a{display:inline-block}
.browsingHeader a.reviewLink span.singleStar{margin:0 6px -2px 0}
#leftmenu a.tagLink{margin-top:-4px}
a.tagLink{display:inline-block; padding:4px 7px 3px; border:1px solid #ddd}
a.tagLink:hover{border-color:#55be47; text-decoration:none}
a.tagLink .singleStar{margin-top:-1px}
.headerImage{position:relative; height:150px}
.headerImage img{display:block}
.headerImage .amountPositioning{width:931px; position:absolute; left:22px; bottom:10px}
.amountPositioning.left{text-align:left}
.amountPositioning.center{text-align:center}
.amountPositioning.right{text-align:right}
.headerImage .certainAmount{display:inline-block; padding:3px 5px 2px 4px; background-color:rgba(255,255,255,0.9); _background-color:#fff; border:1px solid rgba(0,0,0,0.2); _border:1px solid #ddd; white-space:nowrap}

/* Brand Browsing Video */
.brandvideo{background:#fff; position:relative; margin:0 -130px; width:977px; min-height:200px; text-align:center; border-collapse:collapse; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; filter:blur(0); -webkit-filter:blur(0)}
.brandvideo .browsingHeaderWrapper{width:820px; z-index:10; padding:20px 25px; background:rgba(255,255,255,0.7); position:relative; margin:20px auto; margin:0 auto\9}
.brandvideo .ytvideo{width:900px; height:506px; top:0; margin:0; left:50%; top:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); position:absolute; z-index:1; filter:blur(5px); -webkit-filter:blur(5px); transition:all 0.5s; -webkit-transition:all 0.5s; display:none\9}
.brandvideo .ytvideo iframe{width:900px; height:506px; margin:0; position:relative; z-index:1}
.brandvideo .browsingHeaderWrapper:after{content:""; margin:10px auto 0; display:inline-block; width:48px; height:34px; background-position:-200px -27px}
.brandvideo:hover .browsingHeaderWrapper{opacity:0; pointer-events:none}
.brandvideo:hover, .brandvideo:hover .ytvideo{display:table; min-height:506px; height:506px; filter:blur(0); -webkit-filter:blur(0)}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {.brandvideo .ytvideo{display:none} .brandvideo .browsingHeaderWrapper{margin:0 auto}}

/* Browsing Footer */
#browsefooter{margin:0 20px}
#browsefooter ul.pointlinks li{float:left; margin-right:30px}

/* Child Brand */
.brandrecommend ul{padding:5px 15px 10px}
.brandrecommend ul li{width:20%; margin:0; padding:0; float:left}
.brandrecommend ul li a{position:relative; display:block; margin:5px; padding:7px 0; height:44px; text-align:center; border:1px solid #d4d4d4; background-color:#fff}
.brandrecommend ul li a span.overlay{-moz-opacity:0; opacity:0; filter:alpha(opacity=0)}
.brandrecommend ul li a:hover{border-color:#83d483}
.brandrecommend ul li a:hover span.overlay, .splashbrands li a:hover .overlay, .splashbrands li a.on .overlay{position:absolute; top:0; left:0; width:100%; height:44px; background:#27E90E; -moz-opacity:0.1; opacity:0.10; filter:alpha(opacity=10); cursor:pointer}
.brandrecommend ul li table{border-collapse:collapse; width:100%; height:44px; background-color:#E6FBE2; border:1px solid #EAEAEA; border-color:#E6FBE2 #AEE0A6 #AEE0A6 #E6FBE2}
.brandrecommend ul li a.listmore{white-space:nowrap; background-color:#eeffeb; border-color:#cacaca; text-decoration:none; font-weight:bold; line-height:30px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none}
.brandrecommend ul li a.listmore:hover{border-color:#cacaca; color:#fff}
.brandrecommend .iconnew, .brandrecommend .iconsale, .brandrecommend .icon50off, .splashbrands .iconnew, .splashbrands .iconsale{width:46px; height:46px; display:block; position:absolute; right:-2px; bottom:-2px; vertical-align:baseline}
.brandrecommend .iconnew{background-position:0 -206px}
.brandrecommend .iconsale{background-position:-52px -206px}
.brandrecommend .icon50off{background-position:-104px -206px}
.brandrecommend ul li .regionMenu{position:absolute; display:none; z-index:10; width:161px; margin-left:-3px; padding:0 3px 3px; background:#ddd}
.brandrecommend ul li:hover .regionMenu{display:block}
.brandrecommend ul li:hover a.listmore{color:#fff}
#brandnote .readmore{margin-bottom:20px; display:none}
a.togglebutton{display:inline-block; vertical-align:middle; background-color:#ccc; margin:0 4px; text-decoration:none; width:11px; height:11px; background-position:-182px -352px}
a.togglebutton:hover{background-color:#aaa}
a.up{background-position:-171px -352px}
#childbrand{margin:0; padding:15px 0 20px; background-color:#f2f2f2; text-align:center}
#childbrand h4{margin:0 20px; padding:0}
#childbrand .brandrecommend ul li{display:inline-block; float:none}

/* Search Result Message */
#resultmessage{font-size:14px; margin:20px 0; padding:15px; background-color:#ececec; text-align:center}
#resultmessage .alerticon{display:block}
#fuzzysearch{margin-top:10px}
#lucene{margin-top:8px; font-size:12px}
ul.inline li{float:left; margin-right:20}
#matchedbrand{margin:0 0 20px; padding:0 15px; text-align:center; letter-spacing:nowrap}
#matchedbrand h5.subtitle{margin:-8px 12px 0 0}
#matchedbrand .pointlinks li{margin:0 12px 0 0}
#matchedbrand .pointlinks li:last-child{margin-right:0}
#matchedbrand h5.subtitle, #matchedbrand .pointlinks, #matchedbrand .pointlinks li{display:inline-block}

/* Bestseller */
#bestsellerheader{background:#55be47; color:#fffff2; padding:10px 10px 0}
#bestsellerheader h3{margin:0 0 5px; font-size:18pt}

/* Tabs */
.ui-tabs-nav, ul.tabs{position:relative; margin-bottom:-1px}
.ui-tabs-nav li, ul.tabs li{display:inline-block; vertical-align:bottom; padding:0; margin:3px 2px 1px 0; background:#ececec; border:1px solid #ddd; border-bottom:none; font-weight:bold; position:relative; z-index:1; _float:left}
.ui-tabs-nav li.ui-tabs-selected, ul.tabs li.ui-tabs-selected{background:#fff; padding:0; margin:0 2px 0 0}
.ui-tabs-nav li a, ul.tabs li a, .producttabs .tabs li.ui-tabs-selected a, #bestsellerheader .ui-tabs-nav li.ui-tabs-selected a{display:block; padding:4px 10px}
.ui-tabs-nav li a{padding:6px 10px 5px}
li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected h1 a, ul.tabs li.ui-tabs-selected h1 a{text-decoration:none; cursor:default}
.ui-tabs-nav li.ui-tabs-selected a, ul.tabs li.ui-tabs-selected a{color:#000}
.ui-tabs-nav li.ui-tabs-selected h1, ul.tabs li.ui-tabs-selected h1{padding:8px 20px 3px; margin:0; font-size:13pt}
.ui-tabs-nav li.ui-tabs-selected h1 a, ul.tabs li.ui-tabs-selected h1 a{padding:0}
.ui-tabs-panel{border:1px solid #ddd; padding:5px}
#bestsellerheader .ui-tabs-nav li a, .producttabs .tabs li a{padding:2px 10px}
.tabblock .ui-tabs-nav li{padding:3px 10px 2px}
.tabblock .ui-tabs-nav li.ui-tabs-selected{padding:4px 10px 4px}
.tabblock .ui-tabs-nav li a{display:inline; padding:0}
.ui-tabs-nav li.ratingTab a{float:left; padding-right:0}
.ui-tabs-nav li.ratingTab a.brandRatingButton{padding-right:10px; padding-left:0}
.ui-tabs-nav li.deparmentRatingTab a{float:left}
.ui-tabs-nav li.deparmentRatingTab a .singleStar{margin-top:-2px; margin-bottom:-4px}
.ui-tabs-nav li.deparmentRatingTab a span{font-weight:normal}
.ui-tabs-nav li.ui-tabs-selected .singleStar{margin:0 -2px -3px 0}

/* New Item */
.newitem, .newArrivalSale, .mostPopular{display:block; position:absolute; left:3px}
.newitem, .mostPopular{width:35px; height:15px; top:-3px}
.newArrivalSale{width:142px; height:19px; top:-5px; background-position:0 -402px}
.newArrivalSale span{display:none}

/* Most Popular Icon */
.mostPopular{width:99px; background-position:0 -514px}

/* Discount Ball */
.discountBall, .newArrivalDiscountBall, .dailyDealBall, .weeklyDeals{width:56px; height:56px; position:absolute; right:-11px; top:176px; z-index:2; padding:0; box-sizing:border-box; -moz-box-sizing:border-box}
.discountBall{background-position:0 -26px; _background-position:0 -23px}
.discountBall td, .newArrivalDiscountBall td, .dailyDealBall td, .weeklyDeals td, .isSoldOut td{color:#fff; font-weight:bold; font-size:14px; line-height:14px; padding:0 8px !important; white-space:normal; text-align:center; vertical-align:middle}
.campaignicon{position:absolute; right:0; top:68px}

/* New Arrival Discount Ball */
.newArrivalDiscountBall{background-position:0 -336px; _background-position:0 -333px}

/* Daily Deal Ball */
.dailyDealBall{background-position:-62px -26px}
.dailyDealBall td{color:#fff4b5}

/* Weekly Deal Ball */
.weeklyDeals{width:70px; height:63px; _width:73px; _height:66px; right:-16px; top:169px; background-position:-124px -26px; _background-position:-124px -23px}
table.weeklyDeals td.notranslate{padding:9px 7px 0}

/* Sold Out Ball */
.isSoldOut{width:100%; height:226px; position:absolute; top:-3px; left:0; z-index:1; background:#fff; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80)}
.isSoldOut td{color:#555}

/* Browse Page Item List */
#itemlist{padding:12px 0 10px 8px; border-top:1px solid #cdcdcd}
#browseoption{display:block; background-color:#ececec; padding:5px; margin:0 10px 10px 0}
.rank{border-bottom:1px solid #474747; width:140px}
.rank b{width:40px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/ranktab.gif) no-repeat 0 0; text-align:center; display:block; color:#fff}
.rank sup{vertical-align:top; padding-left:2px}
#browsefooter h5.subtitle{margin:30px 0 5px; background:none}

/* Product Listing */
ul.itemlist{margin:20px 0 10px; padding:0; list-style:none; position:relative; width:980px; letter-spacing:-4px}
ul.itemlist .remark{color:#999}
ul.itemlist li{width:245px; margin-bottom:25px; padding:0 13px 0 12px; position:relative; display:inline-block; *display:inline; vertical-align:top; word-wrap:break-word; text-align:left; font-size:12px; letter-spacing:0}
ul.itemlist li .lotinfo{width:220px; position:relative}
ul.itemlist li .sizes, ul.itemlist li .colorinfo, .visibilityHidden{visibility:hidden}
ul.itemlist li .sizes{position:relative; width:220px; margin-top:2px; padding-left:27px; background-position:-176px 3px; overflow:hidden; display:inline-block; white-space:nowrap; word-wrap:normal/*Prevent IE Line Break*/}
ul.itemlist li .sizesGradient{display:block; width:28px; height:17px; position:absolute; top:0; right:0; background-position:-140px 0}
ul.itemlist li .colorinfo{width:100%; padding-left:1px}
ul.itemlist li .colorinfo li{float:left; padding:0}
ul.itemlist li .coverWrapper, ul.itemlist li a.coverlink{position:relative; display:block; width:220px; height:220px}
ul.itemlist li a.coverlink{overflow:hidden}
ul.itemlist li a.coverlink img.cover{width:100%; height:100%; margin:0}
ul.itemlist li .koreaFlag, ul.itemlist li .japanFlag{position:absolute; left:3px; bottom:3px; margin:0}
ul.itemlist li .pinfo{display:block; width:220px; margin:8px auto; text-align:left; min-height:90px; height:auto !important; height:90px}
ul.itemlist li .pinfo .title{margin:10px 0 5px; line-height:14px}
ul.itemlist li .pinfo .ratingstars{margin:0 0 0}
ul.itemlist li .lotinfo .sale{display:block; height:14px; overflow:hidden; margin-bottom:11px}
ul.itemlist li .lotinfo .sale span.notranslate{display:block; overflow:auto}

/* Normal Case */
ul.itemlist li .isSoldOut{_width:152px}

/* Hover Case */
ul.itemlist li.itemHover .sizes, ul.itemlist li.itemHover .colorinfo, ul.itemlist li:hover .sizes, ul.itemlist li:hover .colorinfo{visibility:visible}

/* Most Popular Item */
.itemlist .mostPopularCover:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; border:3px solid #f00; background:none; -moz-opacity:0.65; opacity:.65; filter:alpha(opacity=65)}
.itemlist .lotinfo:hover .mostPopularCover:after{display:none}
.itemlist.threeGrid .mostPopularCover:after{height:206px}
.itemlist.threeGrid.reviewCoverImage .mostPopularCover:after{height:170px}
.itemlist.threeGrid .lotinfo:hover .mostPopularCover:after, .itemlist.fourGrid .lotinfo:hover .mostPopularCover:after{display:block; -moz-opacity:0; opacity:0; filter:alpha(opacity=0)}

/* Brand Colelction Itemlist */
ul.itemlist.collections{width:980px; padding-left:2px}
ul.itemlist.collections li{width:163px; padding:0 13px 0 10px}
ul.itemlist.collections li .lotinfo{width:140px}
ul.itemlist.collections li .lotinfo a{display:block}
ul.itemlist.collections li .pinfo{width:100%; min-height:0; height:auto}
ul.itemlist.collections li .pinfo .title{font-weight:bold}

.cmsPage{padding-bottom:48px}
.cmsPage .featureblock{margin:45px -12px 65px}
.cmsPage .featureblock .brandrecommend{background:none; margin:15px 0 0; padding-top:0; padding-bottom:12px}
.cmsPage .featureblock .brandrecommend ul li{width:12.5%}
.cmsPage .brandrecommend ul li a{margin:0; border-color:#d4d4d4 #efefef}
.cmsPage .productGridWrapper{margin-top:40px}
.textLinksWrapper{width:303px; position:absolute; right:0; bottom:20px}
.textLinksWrapper .textLink{float:left}
.textLinksWrapper .textLink ul.floatStyle li{width:276px}
.textLinksWrapper .textLink ul.floatStyle.has1Link li{width:560px}
ul.shareLink{float:right; width:289px}
ul.shareLink li{width:87px; margin-right:8px; padding:3px; background:#e5e5e5}
ul.shareLink li:hover{background:#fff}
ul.shareLink li.googlePlus{width:86px}
ul.shareLink li a, ul.shareLink li a:hover{color:#fff}
ul.shareLink li a{line-height:15px; padding:10px 2px; display:block; border:1px solid #ccc}
ul.shareLink li a span{display:inline-block; height:15px; margin:0 5px -4px 0}
ul.shareLink li.facebook a{text-shadow:0 1px 0 #5f70a2; border-color:#4c69ba; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#798fcb), to(#6d80b9)); background:-webkit-linear-gradient(top, #798fcb, #6d80b9); background:-moz-linear-gradient(top, #798fcb, #6d80b9); background:-o-linear-gradient(top, #798fcb, #6d80b9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#798fcb', endColorstr='#6d80b9'); background:-ms-linear-gradient(top, #798fcb, #6d80b9); background-color:#6d80b9\9}
ul.shareLink li.facebook a:hover{text-shadow:0 1px 0 #364d8f; border-color:#3b55a0; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c69ba), to(#3c56a1)); background:-webkit-linear-gradient(top, #4c69ba, #3c56a1); background:-moz-linear-gradient(top, #4c69ba, #3c56a1); background:-o-linear-gradient(top, #4c69ba, #3c56a1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3c56a1'); background:-ms-linear-gradient(top, #4c69ba, #3c56a1); background-color:#3c56a1\9}
ul.shareLink li.twitter a{text-shadow:0 1px 0 #3caed3; border-color:#00b6f1; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53d5ff), to(#41c9f5)); background:-webkit-linear-gradient(top, #53d5ff, #41c9f5); background:-moz-linear-gradient(top, #53d5ff, #41c9f5); background:-o-linear-gradient(top, #53d5ff, #41c9f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53d5ff', endColorstr='#41c9f5'); background:-ms-linear-gradient(top, #53d5ff, #41c9f5); background-color:#41c9f5\9}
ul.shareLink li.twitter a:hover{text-shadow:0 1px 0 #079fd0; border-color:#00b6f1; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1ac7ff), to(#01b7f1)); background:-webkit-linear-gradient(top, #1ac7ff, #01b7f1); background:-moz-linear-gradient(top, #1ac7ff, #01b7f1); background:-o-linear-gradient(top, #1ac7ff, #01b7f1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ac7ff', endColorstr='#01b7f1'); background:-ms-linear-gradient(top, #1ac7ff, #01b7f1); background-color:#01b7f1\9}
ul.shareLink li.googlePlus a{text-shadow:0 1px 0 #bf6155; border-color:#dd4b37;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e67869), to(#da6d5f)); background:-webkit-linear-gradient(top, #e67869, #da6d5f); background:-moz-linear-gradient(top, #e67869, #da6d5f); background:-o-linear-gradient(top, #e67869, #da6d5f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67869', endColorstr='#da6d5f'); background:-ms-linear-gradient(top, #e67869, #da6d5f); background-color:#da6d5f\9}
ul.shareLink li.googlePlus a:hover{text-shadow:0 1px 0 #b53828; border-color:#cd3c2a; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd4b37), to(#cd3c2a)); background:-webkit-linear-gradient(top, #dd4b37, #cd3c2a); background:-moz-linear-gradient(top, #dd4b37, #cd3c2a); background:-o-linear-gradient(top, #dd4b37, #cd3c2a); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b37', endColorstr='#cd3c2a'); background:-ms-linear-gradient(top, #dd4b37, #cd3c2a); background-color:#dd4b37\9}
ul.shareLink li.facebook a span{width:15px; background-position:0 -118px}
ul.shareLink li.twitter a span{width:18px; background-position:-21px -118px}
ul.shareLink li.googlePlus a span{width:16px; background-position:-45px -118px}

/* Korea Frontpage - 4 Items in Row */
.cmsPageS01{position:relative; height:300px}
.cmsPageS01 .ytvideo{right:14px; top:16px; position:absolute; z-index:10}
.cmsPageS01 .ytvideo iframe{width:276px !important; height:155px !important; border:1px solid #000}
.cmsPageListWrapper{margin:45px 0 0}
.cmsPageListWrapper .brandrecommend ul{padding:5px 8px}
.cmsPageListWrapper ul.itemlist{width:1225px; margin:20px -12px}
.cmsPageListWrapper h4.sectitle, .cmsPage h1.sectitle{margin:0 0 12px}
.cmsPageListWrapper h4.sectitle, .cmsPage h1.sectitle, .bestOf h4.sectitle, .allBrands h4.sectitle{padding:0 0 5px; background:none; text-align:center}
.cmsPageListWrapper .bottomMore{padding-bottom:22px; margin:0; position:relative; top:-20px}
.cmsPageListWrapper .bottomMore.borderNone{border:none}
.cmsPageListWrapper .bottomMore .cbutton{margin-left:10px; margin-right:10px}
.cmsPage .cmsSection{padding-bottom:14px}
ul.inlineStyle{list-style:none; margin:0; padding:0}
ul.inlineStyle li{display:inline}
.cmsPage .categoryLink{position:relative; z-index:50; margin:-13px 0 0; padding:0; height:28px; text-align:center}
.cmsPageDesc{margin:0; background-color:#f4f4f4; text-align:center; color:#444; padding:14px 100px; line-height:19px}
.catLinkAnimator{border-bottom:1px solid #ebebeb}
.catLinkAnimator{position:relative; z-index:500; overflow:hidden; height:28px; min-height:28px; background-color:#fff}
.catLinkAnimator.catLinkShadow{-webkit-box-shadow:0 5px 6px -5px #222; -moz-box-shadow:0 5px 6px -5px #222; box-shadow:0 5px 6px -5px #222}
.cmsPage .categoryLink ul.inlineStyle{margin-top:7px; padding:0 90px 18px}
.cmsPage ul.inlineStyle li{padding:0 5px}
.cmsPage ul.inlineStyle li a{color:#777; display:inline-block; margin-bottom:10px; font-weight:bold}
.cmsPage ul.inlineStyle li a:hover{color:#55be47}
.categoryLink a.showMoreLink{display:none; position:absolute; top:6px; right:14px; z-index:600; height:17px; color:#777; line-height:12px; padding:2px 6px 0 8px; text-decoration:none}
@media screen and (-webkit-min-device-pixel-ratio:0){.categoryLink a.showMoreLink{top:6px}}
.categoryLink a.showMoreLink span{position:relative; top:-1px; display:inline-block; _font-size:1px; width:11px; height:5px; border-left:3px solid #fff; background-position:-190px -270px; background-color:#777}
.categoryLink a.showMoreLink:hover, .categoryLink a.showMoreLink.active{color:#55be47}
.categoryLink a.showMoreLink:hover span, .categoryLink a.showMoreLink.active span{background-color:#55be47}

/* Korea Frontpage - Listing */
ul.itemlist.fourGrid{width:840px}
ul.fourGrid li{width:190px; margin:0 17px 25px 0; _margin-right:20px}
ul.fourGrid li .lotinfo{width:190px}
ul.fourGrid li .coverWrapper, ul.fourGrid li a.coverlink, ul.fourGrid li a.coverlink img.cover{width:190px; height:190px}
ul.fourGrid li .sizes{width:153px}
ul.fourGrid li .colorinfo{width:182px}
ul.fourGrid li .pinfo{display:block; width:190px; margin:8px auto; text-align:left}

/* Korea Frontpage - Normal Case */
ul.fourGrid li .discountBall, ul.fourGrid li.itemHover .discountBall, ul.fourGrid li .newArrivalDiscountBall, ul.fourGrid li.itemHover .newArrivalDiscountBall, ul.fourGrid li .dailyDealBall, ul.fourGrid li.itemHover .dailyDealBall{top:146px; right:-11px}
ul.fourGrid li .weeklyDeals, ul.fourGrid li.itemHover .weeklyDeals{top:134px}
ul.fourGrid li .isSoldOut, ul.fourGrid li.itemHover .isSoldOut{width:100%; _width:190px; height:193px}

/* Korea Frontpage - Hover Case */
ul.fourGrid li.itemHover .lotinfo, ul.fourGrid li:hover .lotinfo{border:none; width:190px; padding:0; left:0; top:0; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
ul.fourGrid li.itemHover a.coverlink, ul.fourGrid li:hover a.coverlink{width:190px; margin:0}
ul.fourGrid li:hover .discountBall, ul.fourGrid li:hover .newArrivalDiscountBall, ul.fourGrid li:hover .dailyDealBall{top:146px; right:-11px}
ul.fourGrid li:hover .weeklyDeals, ul.fourGrid li:hover .weeklyDeals{top:134px}

/* Browse Collection Overwrite */
#itemlist ul.itemlist.browseCollectionList .lotinfo{position:static; border:none; text-align:left; background:#fff; height:auto; padding:0; margin-bottom:25px; width:144px; height:160px\9; _height:160px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} 
#itemlist ul.itemlist.browseCollectionList .lotinfo .cover{margin-bottom:6px}
#itemlist ul.itemlist.browseCollectionList .lotinfo .pinfo{display:inline}
#itemlist ul.itemlist.browseCollectionList .lotinfo .pinfo .title{font-weight:bold}
#itemlist ul.itemlist.browseCollectionList li{margin-bottom:10px}
#itemlist ul.itemlist.browseCollectionList.threeGrid li{width:148px}

/* Korean Cosmetic Page */
.koreanCosmeticPage{position:relative}
.koreanCosmeticHeader{height:148px; margin:0 5px; padding:0 0 0 40px; color:#09d2c2; font-size:38px; line-height:132px; text-transform:uppercase; font-family:Tahoma, Helvetica, Arial}
.krCosmeticHeader{margin:0; padding:35px 0 0 60px; color:#09d2c2; font-size:38px; text-transform:uppercase; font-family:Tahoma, Helvetica, Arial; height:40px}
.krCosmeticDesc{color:#3aa090; margin:10px 0 25px 63px; width:550px; text-shadow:1px 1px 1px #FFFFFF; height:60px}
.promotionBanner{margin:27px 5px 86px; position:relative}
.promotionBanner .frontPageS01{width:670px; height:280px; overflow:hidden; position:relative; _left:95px; margin:0 auto; border:1px solid #ececec; border-bottom:none; _border-bottom:1px solid #ececec; -webkit-box-shadow:0 8px 10px -8px #222; -moz-box-shadow:0 8px 10px -8px #222; box-shadow:0 8px 10px -8px #222}
.koreanCosmeticPage .textLink ul li, ul.shareLink li{background-color:#fff}
.promotionBanner .pagination{position:relative; top:258px; background:none; text-align:center}
.promotionBanner .pagination a{width:14px; height:14px; padding:0; margin:0 3px; float:none; display:inline-block; border:none; background-color:rgba(0,0,0,0.4); _background-color:#999; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%}
.promotionSection ul li{width:418px; height:175px; margin-right:8px}
.cmsPage .cmsBrandWrapper{position:relative; margin:45px 0 0; padding-bottom:12px}
.cmsPage .cmsBrandWrapper .brandrecommend{width:100%; background:none; padding:0}
.brandNewArrival .sectionTitle{margin-right:5px; padding-bottom:5px}
.brandNewArrival .brandrecommend{margin:8px 0 30px}
.brandNewArrival .brandrecommend ul{padding:0}
.brandNewArrival .brandrecommend ul li{margin:0; width:200px}
.brandNewArrival .brandrecommend ul li a{border-color:#ddd; padding:0; height:43px; overflow:hidden}
.brandNewArrival .brandrecommend ul li a .brandLogo{float:left; width:100%; height:43px; padding:7px 0; border-bottom:1px solid #ebebeb}
.brandNewArrival .brandrecommend ul li a:hover .brandLogo, .promotionBanner a:hover{border-color:#7ad677}
.brandNewArrival .brandrecommend .newArrivalCover{display:block}
.brandNewArrival .brandrecommend .newArrivalCover img.cover{width:198px; height:198px}
.brandNewArrival .brandrecommend ul:hover a, .brandNewArrival .brandrecommend ul.active a{height:242px; overflow:none}
.bestOf{margin-top:40px}
.bestOf h4.sectitle{margin:0 5px 20px}
.bestOf .catPromotion.cmsSection{margin:0 auto}
.bestOf .catPromotion li{width:276px; height:224px; margin:0 12px 20px; text-align:center}
.bestOf .catPromotion li img{vertical-align:middle; margin:0 auto}
.bestOf .catPromotion ul a{display:block; text-decoration:none; text-align:center; border:1px solid #ddd; background-color:#fff}
.bestOf .catPromotion ul a:hover{border-color:#7ad677}
.bestOf .catPromotion ul .catTitle{display:block; line-height:35px; height:34px; border-bottom:1px solid #eee; color:#333}
.bestOf .catPromotion ul a:hover .catTitle{border-color:#7ad677; color:#fff; background-color:#7ad677}
.bestOf .otherCategories.cmsSection{margin:0}
.bestOf .otherCategories.cmsSection ul{list-style:none; margin:0; padding:0 12px}
.bestOf .otherCategories.cmsSection ul.category{-moz-column-count:4; -webkit-column-count:4; column-count:4; -moz-column-gap:24px; -webkit-column-gap:24px; column-gap:24px}
.bestOf .otherCategories.cmsSection ul.category li{display:inline-block; width:273px; _float:left; _margin:0 15px}
.bestOf .otherCategories.cmsSection ul.category li h2{padding-bottom:2px; margin-bottom:6px; font-size:12px; border-bottom:1px dotted #ddd}
.bestOf .otherCategories.cmsSection ul.category li h2 a, .allBrands #brandlist a{color:#333; text-decoration:none}
.bestOf .otherCategories.cmsSection ul.category li h2 a:hover, .allBrands #brandlist a:hover{color:#55be47; text-decoration:underline}
.bestOf .otherCategories.cmsSection ul.category li ul.sub{margin-bottom:23px}
.bestOf .otherCategories.cmsSection ul.category li li{width:100%; margin:0}
.bestOf .otherCategories.cmsSection ul.category li li h2{padding:0; margin:0; font-weight:normal; border:none; line-height:20px}
.bestOf .otherCategories.cmsSection ul.category li li h2 a, .allBrands #brandlist a{color:#666}
.allBrands{margin-top:45px}
.allBrands #brandlist{border:none; padding:20px 12px}
.allBrands .cmsSection{margin:0}

/* Exclusive Item */
.exclusive{position:relative; width:140px; height:16px; display:block; overflow:hidden}
.exclusive .item{position:relative; width:140px; height:16px; background:url(http://c.ysi.bz/Assets/res/imgs/text/exclusive.gif) no-repeat 0 0; display:block}
ul.itemlist .exclusive{position:absolute; left:0; top:125px}
ul.itemlist .exclusive .item{top:15px}

/* Brand List */
.brandlistheader{font-size:14pt; padding:10px; margin:0; background:#55be47; color:#fff; text-transform:uppercase}
#brandlist{padding:20px 0 0 20px; margin:0; list-style:none}
#brandlist ul{padding:0; margin:0 0 0 30px; list-style:none; *width:95%}
#brandlist li{margin:0 0 10px; padding:0 0 6px; border-bottom:1px dotted #DDD}
#brandlist li:last-child{border:none; padding:0}
#brandlist li ul li{float:left; margin:0 20px 4px 0; padding:0; border:none; display:block; height:17px}
#brandlist ul li{white-space:nowrap}
#brandlist li .index{background:url(http://c.ysi.bz/Assets/res/imgs/icons/alphabet.gif) no-repeat 0 0; width:16px; height:16px; display:inline; display:inline-block; float:left}
#brandlist li.num .index{background-position:0 0}
#brandlist li.A .index{background-position:0 -16px}
#brandlist li.B .index{background-position:0 -32px}
#brandlist li.C .index{background-position:0 -48px}
#brandlist li.D .index{background-position:0 -64px}
#brandlist li.E .index{background-position:0 -80px}
#brandlist li.F .index{background-position:0 -96px}
#brandlist li.G .index{background-position:0 -112px}
#brandlist li.H .index{background-position:0 -128px}
#brandlist li.I .index{background-position:0 -144px}
#brandlist li.J .index{background-position:0 -160px}
#brandlist li.K .index{background-position:0 -176px}
#brandlist li.L .index{background-position:0 -192px}
#brandlist li.M .index{background-position:0 -208px}
#brandlist li.N .index{background-position:0 -224px}
#brandlist li.O .index{background-position:0 -240px}
#brandlist li.P .index{background-position:0 -256px}
#brandlist li.Q .index{background-position:0 -272px}
#brandlist li.R .index{background-position:0 -288px}
#brandlist li.S .index{background-position:0 -304px}
#brandlist li.T .index{background-position:0 -320px}
#brandlist li.U .index{background-position:0 -336px}
#brandlist li.V .index{background-position:0 -352px}
#brandlist li.W .index{background-position:0 -368px}
#brandlist li.X .index{background-position:0 -384px}
#brandlist li.Y .index{background-position:0 -400px}
#brandlist li.Z .index{background-position:0 -416px}
.iconnew, .iconsale, .icon50off{height:13px; display:-moz-inline-box; display:inline-block; overflow:hidden; vertical-align:middle}
.iconnew, .iconnew2{width:27px; background-position:0 -187px}
.iconsale{width:30px; background-position:-33px -187px}
.icon50off{width:45px; background-position:0 -168px}

/* Slider */
.rangeselection{margin-top:5px}
.rangeselection .rangeValueEnd{margin-top:21px; text-align:right}
.rangeValueBegin, .rangeValueEnd{display:block; overflow:hidden; white-space:nowrap}
.ui-slider{position:relative; text-align:left; margin:-29px 5px 25px}
.ui-slider .ui-slider-handle{position:absolute; z-index:2; width:15px; height:17px; cursor:pointer}
.ui-slider .ui-slider-range{position:absolute; z-index:1; font-size:5px; display:block; border:0}
.ui-slider-horizontal{height:9px; border:1px solid #DDD; background:#CCC; font-size:5px}
.ui-slider-horizontal .ui-slider-handle{top:-5px; margin-left:-6px; background-position:-160px -207px}
.ui-slider-horizontal .ui-slider-range{top:0; height:100%; background:#ECFFEC}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}

/* Product Page */
.brandInfoWrapper{background-color:#f4f4f4; border-bottom:1px solid #e0e0e0}
.brandInfoWrapper .brandInfo{padding:15px 15px 11px}
.brandInfo{padding:15px 0 11px; margin:0 auto}
.brandInfo h3.brand{margin:0; padding:0; font-size:17px; line-height:17px; float:left}
.brandInfo h3.brand a, .brandInfo a.brandRegion{color:#363; text-decoration:none}
.brandInfo h3.brand a:hover, .brandInfo a.brandRegion:hover{color:#55be47}
.brandInfo a.brandRatingButton{margin:-1px 0 0 9px; float:left}
.brandInfo a.brandRegion, .brandInfo .brandRegion{margin-left:15px; line-height:17px; border-radius:3px}
.brandInfo .brandRegion{padding:2px 0 0}
.brandInfo a.brandRegion{padding:0}
.brandInfo .brandRegion{color:#666; _float:left}
.brandInfo .favBrand{float:right}
.koreaFlag, .japanFlag{display:inline-block; position:relative; bottom:-3px; width:24px; height:17px; margin-top:-3px; margin-left:4px}
.koreaFlag{background-position:-226px -493px}
.japanFlag{background-position:-226px -516px}
.brandRegion .koreaFlag, .brandRegion .japanFlag{margin-left:0; bottom:-4px}
.smallGreenArrow, .smallGreyArrow, .glyphicon.glyphicon-chevron-right{display:inline-block; width:5px; height:9px; margin:0 -1px 0 4px; _display:none}
a:hover .smallGreenArrow, a:hover .glyphicon.glyphicon-chevron-right, a:hover .smallGreyArrow{background-position:-62px -337px}
.smallGreyArrow{background-position:-84px -337px}
.smallGreenArrow, .glyphicon.glyphicon-chevron-right{background-position:-73px -337px}
.largeGreenArrow, .largeGreyArrow{display:inline-block; width:8px; height:15px}
.largeGreenArrow{background-position:-109px -337px}
a:hover .largeGreenArrow{background-position:-95px -337px}
.largeGreyArrow{background-position:-123px -337px}
a:hover .largeGreyArrow{background-position:-137px -337px}
.productpage{padding:30px 0 40px}
.productpage .sideInfo{width:320px}
.productpage .property{float:left; width:557px; min-height:320px; margin:0 0 25px 25px; padding:0 45px 0 0; border-right:1px solid #cdcdcd}
.productpage .sideInfoRight{float:right; width:299px; min-height:320px; padding-top:2px; padding-left:20px; margin-bottom:14px; margin-left:-1px; border-left:1px solid #cdcdcd}
.productpage .sideInfoRight .productpageFlashdeal.flashdealWrapper{margin-bottom:10px}
.productpage .sideInfoRight .extraCouponWrapper .extraCoupon:last-child{margin-bottom:2px}

/* Free Gift Lot */
.freegiftlot{padding:1px; margin:20px 0; background:#51B7EF}
.freegiftlot:hover{background:#44B639}
.freegiftlot h4{color:#FFF; font-size:15px; margin:0 0 6px; padding:6px; background:#0082D3; min-height:40px}
.freegiftlot a{color:#FFF}
.freegiftlot .sponsor{font-weight:normal; color:#BAE5F6; font-size:12px; display:block}
.freegiftlot img.scaledImage{vertical-align:middle; height:80px}
.freegiftlot .giftsample{float:left; margin-right:10px}
.property .refprice{color:#888}
.property .titleInfo{position:relative}
.property .titleInfo .productTitle{padding:2px 0 0}
.productTitle h1.ptitle{color:#444; margin:0 5px 0 0; padding:0; float:left; font-size:16px; line-height:16px}
.property .product_rating, .property .reviewnotify{margin-top:10px}
.property .product_rating~.buyinginfo, .property .reviewnotify~.buyinginfo{border-top:1px solid #cdcdcd}
.property .product_rating{color:#383}
.property .product_rating span.help{color:#666}
.property .product_rating .ratingstars{margin-right:-4px; _margin:-2px -6px 0 0}
.property .product_rating .ratingValue{float:none; color:#090; font-size:14px; font-weight:bold}
.property .verticleBar{position:relative; top:-1px; color:#ccc; margin:0 10px; font-size:12px}
.finalprice{display:block; font-size:24px; line-height:24px; font-weight:normal}
.eliteprice .inside, .unitprice .inside{float:left}
.eliteprice .inside, .unitprice .inside, .buyinginfo .sizeColor select{width:230px}
.eliteprice h5, .unitprice h5{font-size:12px; padding:0; margin:9px 0 3px; margin-bottom:10px\9; _margin:2px 0 9px}
.eliteprice, .unitprice{position:relative; margin:0; padding:20px 0 0}
.buyinginfo{display:block; margin:12px 0 0; padding:0}
.buyinginfo .priceOffer{overflow:hidden}
.buyinginfo select.alert{border:2px solid #f60}
.buyinginfo .pricetable{float:right; border-collapse:collapse; margin:3px 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.saleCountdown{color:#f00; padding:0 0 0 18px; height:15px; background-position:-180px -294px; margin-left:120px}
.buyinginfo .pricetable .saleCountdown{margin:2px 5px 0 0; line-height:15px}
.saleCountdown .timer{font-size:14px; font-weight:bold; display:inline-block; min-width:60px; _width:60px}
.buyinginfo .pricetable td{padding:0}
.buyinginfo .pricetable .listSavePrice{font-size:12px; color:#333; padding:1px 2px 0 0; line-height:14px}
.buyinginfo .pricetable .listSavePrice.savePrice{padding-right:10px}
.buyinginfo .pricetable .listSavePrice span.priceText{color:#888}
.buyinginfo .discountBall, .buyinginfo .newArrivalDiscountBall, .buyinginfo .campaignicon, .buyinginfo .superDeal, .buyinginfo .weeklyDeals, .buyinginfo .dailyDealBall{position:static; margin:-3px -3px 0 0}
.buyinginfo .sizeColor{margin-top:20px; position:relative; width:105%}
.buyinginfo .sizeColorRow{float:left; margin-right:20px}
.buyinginfo .sizeColorRow, .buyinginfo .availability, .buyinginfo .nobuyinginfo{line-height:19px}
.buyinginfo .availability, .shippingnote ul{color:#777}
.buyinginfo .nobuyinginfo{font-weight:bold}
.buyinginfo .oneSizeVeticleLine{margin-left:14px}
#cartbutton{margin-top:20px}
#cartbutton .addToBag{margin-right:17px; _float:left}
#cartbutton .addToBag, #cartbutton .saveForLater, #cartbutton input{width:230px}
#cartbutton .explanation{width:190px}
#addpop .explanation{max-width:400px}
.shoppingBenefit{margin:35px 0 4px}
.freeShippingNoteLink{display:inline-block; margin-bottom:10px; color:#444; text-decoration:none}
.shippingGuaranteed{margin:0 14px 0 0}
.shippingGuaranteed a{display:inline-block; width:50%; padding-left:10px; margin-bottom:5px; margin-right:50px; color:#444; line-height:14px; font-weight:bold; text-decoration:none; border:1px solid #fff; border-radius:3px; background:none; border:none}
.shippingGuaranteed a:hover{color:#55be47}
.shippingGuaranteed a span.smallGreyArrow{float:left; margin:3px 0 0 -9px; _display:inline-block; _position:relative; _top:3px}
.extraCouponWrapper{margin:-2px 0 16px}
.extraCouponWrapper .couponOffer{display:block; color:#e00; font-size:15px; font-weight:bold; text-decoration:none}
.extraCouponWrapper .couponCode{display:inline-block; text-transform:uppercase; margin:2px 0 5px; padding:0 4px 2px; font-size:13px; line-height:17px; border-radius:2px; background-color:#fff10f}
.extraCouponWrapper .couponExpire, .extraCoupon.finalWeek .couponExpire.solidColor{color:#666}
.extraCouponWrapper .couponExpire b{margin-left:6px; color:#fb4a4c}
.extraCouponWrapper a.help{float:right; margin-left:5px}
.extraCoupon{width:100%; margin-bottom:10px; padding:0 0 19px; color:#444; background-color:#fff; border-bottom:1px dashed #ddd}
.extraCoupon.finalWeek a.help.hideText{width:9px; height:9px; margin-top:2px; padding:0}
.extraCoupon.finalWeek a.help.hideText, .hideText{text-indent:100%; white-space:nowrap; overflow:hidden}
.extraCoupon.finalWeek .couponExpire{color:#efefef}
.extraCoupon.finalWeek .couponCode{margin-top:0; border:none}
.extraCoupon.finalWeek .couponExpire{position:relative; top:1px}
.multipleCoupon .couponCondition{padding-top:3px}
.couponBorder{margin:8px 8px 1px 0}
.couponFinalWeekAlert, .shopNowAlert{margin:-3px 8px 5px 0; padding:1px 7px 2px; float:left; display:inline-block; color:#fff; vertical-align:bottom; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.couponFinalWeekAlert{background-color:#fc080b; background-image:-webkit-linear-gradient(top, #fc080b, #d30101); background-image:-moz-linear-gradient(top, #fc080b, #d30101); background-image:-o-linear-gradient(top, #fc080b, #d30101); background-image:-ms-linear-gradient(top, #fc080b, #d30101); background-image:linear-gradient(top, #fc080b, #d30101); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fc080b', EndColorStr='#d30101')}
.couponFinalWeekAlert:hover, .shopNowAlert:hover{color:#fff}
.couponFinalWeekAlert:active, .shopNowAlert:active{position:relative; top:1px}
.shopNowAlert{background-color:#555}
.shopNowArrow{display:inline-block; width:7px; height:10px; margin:0 -1px 0 7px; background-position:-194px -523px}
.couponFinalWeekAlert .finalWeekBorder{padding:0 5px}
.couponFinalWeekAlert b, .shopNowAlert b{font-size:14px; text-transform:uppercase}
.couponDate{color:#666; display:inline-block}
.condensed01{letter-spacing:-0.1px}
.condensed02{letter-spacing:-0.2px}
.condensed03{letter-spacing:-0.3px}
.condensed04{letter-spacing:-0.4px}
.condensed05{letter-spacing:-0.5px}
.shippingnote ul{margin:10px 0}
.shippingnote li, .coupondetail li{margin-bottom:5px; padding-left:10px; background-position:-206px -338px}
.shippingnote b{color:#333}
.shippingGuaranteed .shippingnote li .remark a{width:auto; display:inline; padding:0; margin:0; font-weight:normal; color:#363}
.extraLinks{padding-left:9px; margin:13px 0 20px 0; text-align:right}
.seperater{position:relative; top:-1px; color:#bbb; display:inline-block; font-weight:bold; padding:0 8px}
.extraLinks, .extraLinks a{color:#777}
.extraLinks a:hover{color:#363}
.socialblock{border-top:1px solid #ececec; padding-top:10px; position:relative; *display:inline}
.socialblock .floatLeft{width:210px; padding:7px 20px 0 0}
.socialblock h5{margin:0}
.socialblock .relatedlink, .socialblock .ratinginfo{margin-bottom:12px}
#sns{float:left}
.shareWrapper{float:right; position:relative; margin-top:4px}
.shareWrapper a.shareButton, .finalClearance{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.shareWrapper a.shareButton{position:relative; margin-top:4px; padding:3px 5px 1px 20px; text-decoration:none; background-color:#fff; border:1px solid #e0e0e0; background-position:-178px -376px}
.shareWrapper a.shareButton:hover, .shareWrapper:hover a.shareButton{color:#55be47; border:1px solid #eee; background-color:#eee; z-index:20; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0}
.shareWrapper #socialWeb25x25{display:none; min-width:220px; _width:240px; position:absolute; right:0; top:16px; z-index:10; background-color:#eee; padding:10px 10px 6px}
.shareWrapper #socialWeb25x25 h5, .visitMobileSite a .qrcodeWrapper, .writeReviewForm #socialWeb25x25 h5{display:none}
.shareWrapper:hover #socialWeb25x25, .visitMobileSite a:hover .qrcodeWrapper, .visitMobileSite .qrcodeIcon{display:block}
.visitMobileSite{position:relative; float:right; margin-top:0; padding:4px 0 2px}
.visitMobileSite a{color:#555; text-decoration:none}
.visitMobileSite a .visitLink{position:relative; z-index:100}
.visitMobileSite .qrcodeIcon{float:right; margin:-3px 0 0 5px; width:18px; height:18px; background-position:-128px -358px}
.visitMobileSite .qrcodeWrapper{position:absolute; top:-10px; right:-20px; z-index:90; padding:50px 20px 20px; background:#fff; _border:1px solid #ddd}
.finalClearance{margin-left:5px; padding:2px 5px; display:inline-block; font-size:10px; line-height:11px; color:#fff; background-color:#ff6000}
.productTitle .finalClearance{float:left; margin:0 5px 2px 0}
ul.itemlist li .finalClearance, .actable .finalClearance{margin:0 0 4px}
.deliverformula{margin:20px 0 0 20px}
.deliverformula .explanation{width:240px}
#fewleft{color:#333}
#converter{background:#f2f2f2; border:1px solid #ddd; margin-top:2px; padding:2px 6px 1px; float:left}
#converter input{padding:2px 4px}
.measurementConverterWrapper{margin-top:8px}
.paper h4.sectitle{margin-bottom:0}
.extraInfo .paper .intro, #cnwelcome .paper .intro{padding:10px; border:1px solid #EFEFEF; border-top:none}
.extraInfo .paper, form .paper, #cnwelcome .paper{background:url(http://c.ysi.bz/Assets/res/imgs/bg/paper-shadow.gif) no-repeat bottom center; padding-bottom:13px; margin-bottom:10px}
.prdtable{width:820px}
.prdtable td{vertical-align:top}
.productpage .maininfo{margin-bottom:20px; float:left; width:468px}
.productpage .extraInfo{float:right; width:340px}
.facebooklike{width:100%; overflow:hidden; height:25px; margin:-5px 0}
.tellfan{font-weight:bold; text-decoration:none; padding-left:24px; background-position:center left}
.basicInfo{z-index:2}
.sizechartable{border:4px double #ECECEC}
.tabblock{margin-bottom:20px}
.actable .title{font-weight:bold; color:#666; padding-top:10px}
.actable .subtitle{text-decoration:underline}
.onesize{border:1px #FC0 solid; padding:3px 5px; margin:10px 0}

/* Product Page Scrollspy Navigation */
.scrollWrapper{height:43px}
.scrollWrapper .scrollspyNav.fixed{position:fixed; top:0; z-index:1000}
.scrollWrapper.googleTranslated{margin:0}
.scrollWrapper.googleTranslated .scrollspyNav.fixed{top:40px}
#productPageSectionTop{position:relative; top:-42px}
.scrollWrapper.googleTranslated~#productPageSectionTop{top:-82px}
.scrollspyNav{list-style:none; margin:0; padding:0; position:relative; z-index:1; top:0; border-bottom:2px solid #555; background-color:#fff}
.scrollspyNav li{position:relative; float:left; background-color:#ececec; margin-left:-1px}
.scrollspyNav li:first-child{margin-left:0}
.scrollspyNav a{color:#999; border:1px solid #ececec; border-bottom:none; background-color:#fff; display:inline-block; _float:left; text-align:center; padding:3px 20px 0; font-size:14px; font-weight:bold; line-height:39px; color:#777; -webkit-transition:0.5s all; -moz-transition:0.5s all; transition:0.5s all; text-decoration:none}
.scrollspyNav a:hover{color:#55be47}
.scrollspyNav li.active a, .scrollspyNav li.active a:hover{color:#111}
.scrollspyNav li a.productReview{_height:41px; _padding-top:11px}
.scrollspyNav li a.productReview span{font-weight:normal}
.scrollspyNav li.buyingOptions{float:right; border-right:none; -moz-opacity:0; opacity:0; filter:alpha(opacity=0)}
.scrollspyNav li.buyingOptions a{display:none; background-color:#55be47; border-color:#55be47; color:#fff}
.scrollspyNav li.buyingOptions a:hover{background-color:#27a302; border-color:#27a302; color:#fff}
.scrollspyNav li.buyingOptions a:after{display:none}
.scrollspyNav.fixed li.buyingOptions{-moz-opacity:1; opacity:1; filter:alpha(opacity=100)}
.scrollspyNav.fixed li.buyingOptions a{display:block}
#browseContent .brandRatingWrapper{margin:20px 40px 0}
.brandRatingSwitcher.scrollspyNav{border-color:#ddd; font-size:0; text-align:center}
.brandRatingSwitcher.scrollspyNav li{width:50%; margin-left:0}
.brandRatingSwitcher.scrollspyNav li:first-child a{border-right:0}
.brandRatingSwitcher.scrollspyNav li a{display:block; font-size:12px; line-height:25px}
#browseContent .overallBrandRating{display:inline-block; color:#888}

/* CSS Tranition */
.animatedUnderline, .scrollspyNav li a{position:relative}
.animatedUnderline:after, .scrollspyNav li a:after{display:block; position:absolute; left:0; right:0;  width:0; margin:0 auto; content:""; transition:width 0.3s; background-color:#55be47}
.animatedUnderline:after{bottom:-1px; height:1px}
.scrollspyNav li a:after{bottom:-2px; height:2px}
.animatedUnderline:hover{color:#55be47}
.animatedUnderline:hover:after, .scrollspyNav li.active a:after, .scrollspyNav li a:hover:after{width:100%}
.scrollspyNav li.active a:after, .scrollspyNav li a:hover:after{margin:0 -1px; border-left:1px solid #55be47; border-right:1px solid #55be47; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}

/* Product Page Content */
.productPageContent{position:relative}
.tagsAndSimilarItem{margin-bottom:40px}
.tagsAndSimilarItem h4 span.totalNumContainer, .productGridWrapper h4 span.totalNumContainer{font-weight:normal; color:#666; position:absolute; text-transform:none; margin-left:5px; font-size:12px}
.tagsAndSimilarItem .itemListing li{margin-bottom:0}
.productPageSection{margin-bottom:-80px}
.productPageSection .sectionContent{min-height:107px; padding:28px 0 93px 0; position:relative; top:-53px}
#productDescription.sectionContent{top:0}
.productPageSection h3{margin:0; padding:0 0 9px; color:#55be47; font-size:14px; line-height:15px; border-bottom:1px solid #ececec}
.productPageContent .floatLeft{float:left}
.productPageContent .floatRight{float:right}
.productPageContent h4{margin:0; padding:0 6px 8px 0}
.productPageContent h4, .productGridWrapper h4 span.notranslate{font-size:12px; color:#333}
.productPageContent p{line-height:17px; margin:0 0 23px; padding:0}
.productPageContent p, ul.infoList li .normalLineHeight{line-height:17px}
ul.infoList{list-style:none; margin:0 0 17px; padding:0; position:relative; top:-2px}
ul.infoList li{line-height:21px}
.productPageContent table.actable{width:auto}
.productPageContent table.actable h4{padding:0 0 5px}
.productPageContent table.actable td.title h4{padding-top:12px}
.decentReadability{width:660px; margin:0 20px 0 0; float:left; background-color:#fff}
.sidePanelRight{width:320px; float:right; box-sizing:border-box; -moz-box-sizing:border-box}
.sidePanelRight.rightMargin{padding-right:0}
.sidePanelRight h4{line-height:23px; padding:2px 10px 0; color:#666; background:#e3e3e3}
.sidePanelRight h4 a{display:block; color:#333; text-decoration:none}
.sidePanelRight h4 a b{font-weight:bold}
.sidePanelRight h4 .smallGreyArrow{float:right; margin-top:6px}
.sidePanelRight h4.specialDeal{color:#333; background:#e3e3e3}
.sidePanelRight .sideBlock{padding:12px 10px 10px; margin-bottom:30px; line-height:16px; border:1px solid #efefef; border-top:none}
.sidePanelRight .sideBlock span.remark{display:inline-block; margin-top:3px; line-height:13px}
.sidePanelRight .sideBlock a.pointlink{display:inline-block; margin:6px 0 0}
.sidePanelRight .sideBlock .imgContainer{height:150px; margin:8px 0 0}
.sidePanelRight .sideBlock a.imgWrapper{display:block; width:298px; height:150px; position:absolute; overflow:hidden; background:#fff}
.sidePanelRight .sideBlock a.imgWrapper:hover{width:320px; height:320px; top:-71px; position:relative; z-index:100; margin:0 -11px; padding:10px; border-left:1px solid #efefef; border-right:1px solid #efefef; overflow:visible; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); box-shadow:0 2px 5px 0 rgba(0,0,0,0.3)}
.sidePanelRight .sideBlock a.imgWrapper:hover img{margin:0}
.sidePanelRight .sideBlock a.imgWrapper:hover span.tagIcon{display:none}
.sidePanelRight .sideBlock img{width:298px; margin:-60px 0}
.sidePanelRight .crossSelling img{width:298px}
.sidePanelRight a.imgWrapper:hover, .qrcodeWrapper{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.3); box-shadow:0 2px 5px 0 rgba(0,0,0,0.3)}
#specialdeal .sideBlock .specialDealItem{margin-top:12px; padding-top:10px; border-top:1px dashed #e0e0e0}
#specialdeal .sideBlock .specialDealItem:first-child{margin-top:0; padding-top:0; border:none}
.productPageBottom{margin-bottom:30px; border-top:1px solid #efefef}
.textLink.koreanFashionLink, .textLink.seeMoreFromBrand{margin:40px auto 0; text-align:center}
.textLink.koreanFashionLink ul.floatStyle, .textLink.seeMoreFromBrand ul.floatStyle{text-align:center}
.textLink.koreanFashionLink li, .textLink.seeMoreFromBrand li{min-width:280px; float:none; text-align:center; margin:0 auto}

/* Product Detail Page - Category */
.productCategory{border-top:1px solid #efefef; margin-top:80px; padding:20px 0; text-align:center}
.productCategory h4, .productCategory h2{display:inline-block; margin:0 5px; padding:0; font-size:12px}
.productCategory h2 a{text-decoration:none; font-weight:normal}
.productCategory h2 a:hover{color:#55be47}

/* Additional Gallery */
#additionalGallery.sectionContent{padding-top:28px}
#additionalGallery.sectionContent table{margin:10px 20px}
.detailgallery{padding-top:1px; margin:0}
.detailgallery .center{width:1200px; overflow:hidden}
.detailgallery .center, .detailgallery .center img{margin:0 auto; vertical-align:middle}
.detailgallery .center .photoTagging img{margin:0}
a[name=additionalGallery]{font-size:1px; position:relative; top:-43px}

/* About this Brand */
#aboutThisBrand .brandInfo{margin:30px 0 17px; padding:0 0 10px; background:none; border-bottom:1px dashed #ddd}
#aboutThisBrand .brand{border:none}
#aboutThisBrand .brand .brandLogoImage, .suggestedBrands .brand .brandLogoImage{position:relative; top:-6px; margin-bottom:-12px}
#aboutThisBrand .ytvideo{position:relative; background-color:#f9f9f9}
#aboutThisBrand .ytvideo iframe{position:relative; z-index:100; width:320px; height:179px}
.relatedContent{margin:30px 10px 0 0}
.relatedLink a{border:1px solid #ececec}
ul.relatedLink{margin-top:29px}
ul.relatedLink li{margin-bottom:6px; _height:28px}
ul.relatedLink a{position:relative; display:block; line-height:15px; padding:9px 25px 7px 9px; background:#f7f7f7; text-decoration:none}
ul.relatedLink a:hover{background:#fafafa; border-color:#ddd}
ul.relatedLink a b{font-weight:normal}
ul.relatedLink .largeGreyArrow{position:absolute; right:8px; top:50%; margin-top:-8px; margin-top:-7px\9}

/* Unit Converter Tooltips */
ul.unitConvertTooltip{list-style:none; margin:-5px -4px -8px; padding:0; width:auto}
ul.unitConvertTooltip li{padding:0; margin:0 0 5px; color:#333}
ul.infoList li .unitConvert{border-bottom:1px dotted #666; line-height:14px;}

/* Review Notify for SB100 */
.reviewnotify a{float:left}
.reviewnotify a.btn-primary.writeReviewButton{-webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px}
.reviewnotify a.btn-primary.glyphicon-question-sign{padding:3px 6px 2px; border-left:1px solid #48b63c; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0}
.reviewnotify a.glyphicon-question-sign span{display:inline-block; width:14px; height:14px; background-position:-151px -337px}
.reviewnotify a.btn-primary.writeReviewButton, .reviewnotify a.btn-primary.glyphicon.glyphicon-question-sign{_border-color:#67cb59; _color:#fff; _filter:none; _background-color:#69cf5c}
.reviewnotify a.btn-primary.writeReviewButton:hover, .reviewnotify a.btn-primary.glyphicon.glyphicon-question-sign:hover{_border-color:#4aa43d; _color:#fff; _filter:none; _background-color:#45b73a}
.reviewnotify a.btn-primary.writeReviewButton{_padding-top:4px; margin-right:-1px}
.reviewnotify a.btn-primary.glyphicon.glyphicon-question-sign{_border-left:1px solid #52ae44}

/* Elite Club Price */
.elitepricetable{text-align:right; display:block; cursor:default; text-decoration:none}
.elitepricetable h4{display:inline-block; position:relative; border:1px solid #CCC; margin:0 0 -1px; padding:5px 10px}
.elitepricetable h4 i{background:url(http://c.ysi.bz/Assets/res/imgs/icons/white-down.gif) no-repeat #666 center; width:9px; height:9px; display:inline-block; vertical-align:middle}
.elitepricetable:hover h4,  .expanded h4{border-bottom-color:#fff}
.elitepricetable:hover h4 i{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/white-up.gif)}
.elitepricetable .table{border-top:1px solid #CCC; color:#333; text-align:left; display:none}
.elitepricetable h4:hover ~ .table, .elitepricetable .table:hover, .expanded .table{display:block}
.elitepricetable:hover .table{display:block\9}
.expanded h4 i{display:none}
.elitepricetable dl{border-bottom:1px dashed #DDD; margin:0}
.elitepricetable dl:last-child{border:none}
.elitepricetable dt, .elitepricetable dd{display:inline-block; margin:4px 10px 3px 0; width:180px}
.elitepricetable dd{text-align:right; width:100px}
.elitepricetable i{background:url(http://c.ysi.bz/Assets/res/imgs/eliteclub/eliteclub2013.gif) no-repeat; display:inline-block; width:56px; height:35px; vertical-align:middle}
.bronze i{background-position:-690px -520px}
.silver i{background-position:-746px -520px}
.gold i{background-position:-803px -520px}

/* Product Page Size Chart Table */
table.sizechart{text-align:center; width:100%; border-top:1px solid #f0f0f0; border-collapse:collapse}
table.sizechart tr.even td{background:#f8f8f8}
table.sizechart tr.odd .column1{background:#f4f9fe}
table.sizechart .column1{background:#f9fcfe}
table.sizechart td{color:#222; border-bottom:1px solid #eee; border-left:1px solid #eee; padding:5px 7px 4px}
table.sizechart td.rowspan{border-right:1px solid #eee}
table.sizechart td:first-child{border-left:none}
table.sizechart thead th{padding:6px 7px 4px; background:#f2f2f2; color:#222; font-weight:bold; font-size:12px; border-top:1px solid #cfcfcf; border-bottom:1px solid #ccc; border-left:1px solid #e1e1e1}
table.sizechart thead th:first-child{border-left:none}
table.sizechart tr.second td{border-bottom:1px solid #ccc}

/* Photo Tagging */
.photoTagging{position:relative; margin:15px auto; display:inline-block; width:auto; _width:0}
.photoTagging a{border:2px solid rgba(107,172,0,0.0); _border:none; position:absolute; display:block; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80)}
.photoTagging a:hover{border:2px solid rgba(107,172,0,0.8); -moz-opacity:1; opacity:1; filter:alpha(opacity=100)}
span.tagIcon{position:absolute; bottom:0; right:0; display:block; width:24px; height:24px; background-position:-28px -88px}
.photoTagging a:hover span.tagIcon{background-position:-58px -88px}
.photoTagging .isTagged{width:113px; height:113px; position:absolute; top:-9px; left:-9px; background-position:-88px -88px}
.photoTagging .tooltipIndicator{cursor:pointer}

/* Photo Tagging Tooltip */
#tooltip{position:absolute; z-index:3000; padding:9px 10px 6px; color:#666; font-size:12px; border:1px solid #ddd; borer-bottom:none; border-right:none; background:#fcfcfc; -webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.4); -moz-box-shadow:2px 2px 0 0 rgba(0,0,0,0.4); box-shadow:2px 2px 0 0 rgba(0,0,0,0.4)}
#tooltip h3{margin:0; padding:0}
#tooltip span.brand{font-weight:bold}
#tooltip span.productname{padding-bottom:3px; display:block}
#tooltip span.sale{color:#333}
#tooltip span.refprice{color:#375}
.tooltipIndicator{cursor:help}
.reviewLink.tooltipIndicator{cursor:pointer}
.tooltipContent{display:none}
.defaultTooltipWrapper, .tooltipWrapper{margin-bottom:-5px; width:290px}
.autoWidth{width:auto}
.defaultTooltipWrapper li{padding:0; margin:0 0 5px}
.defaultTooltipWrapper b{color:#333}

/* Formula */
.ratingFormula{margin-top:20px}
.formulaName{padding-top:11px}
.formula{text-align:center}
.ratingFormula .equalTo{display:inline-block; margin:0 12px; color:#666}
.denominator{display:block; padding:4px 4px 0; margin-top:3px; border-top:1px solid #939393}

/* Gallery */
#imageblock, #bigImage{width:320px}
#bigImage{height:320px; padding:0; background:#eee; text-align:center; position:relative; text-align:center}
#bigImage .exclusive{margin:-10px auto -6px}
#thumbnail, .differnote, a.additionalImageButton{background-color:#eee; border-top:1px solid #fff}
#thumbnail, a.additionalImageButton{border-bottom:1px solid #ddd}
#thumbnail{padding:8px 0 5px; padding-top:5px\9; width:320px; text-align:center}
.differnote{text-align:left; margin:0; padding:12px 10px; color:#666}
#mImage{display:none; position:absolute; background-repeat:no-repeat}
#thumbnail .jqthumb:hover, #thumbnail .on{border-color:#aaa}
.jqthumb{width:50px; height:50px; margin:4px 5px 7px; margin:5px 5px 4px\9; _margin:5px 5px; display:-moz-inline-box; display:inline-block; border:1px solid #eee; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box}
.jqzoom{display:block; width:320px}
.jqzoom, img.standardCover{height:320px}
.jqzoom img{width:320px; height:320px; verticle-align:middle}
.jqZoomPup{overflow:hidden; background-color:#fff; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); _border:1px solid #bbb; cursor:crosshair; box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}
#bigImage a.hoverAdditionalImageLink{position:absolute; display:block; width:100%; height:100%}
#bigImage a.hoverAdditionalImageLink span{display:none; color:#363; _background-color:#fff; background-color:rgba(255,255,255,0.9); padding:0 12px; line-height:30px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.4); -moz-box-shadow:0 1px 0 0 rgba(0,0,0,0.4); box-shadow:0 1px 0 0 rgba(0,0,0,0.4)}
#bigImage a.hoverAdditionalImageLink:hover span{display:inline-block}
#bigImage a.hoverAdditionalImageLink span:hover{color:#55be47}
a.additionalImageButton{display:block; padding:8px; text-align:center; text-decoration:none}
#imageblock a:last-child{border-bottom:none; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px}
#mImage a:last-child{-webkit-border-radius:0; -moz-border-radius:0; border-radius:0}

/* Tell Friend */
.sendtofriend{width:860px; border:1px solid #CCC; padding:20px; margin:0 auto 40px; position:relative; box-shadow:0 2px 3px rgba(0,0,0,0.5)}
.intro .closebutton{top:0; right:0; font-size:30px; text-decoration:none; color:#aaa; padding:10px; background:none}
.intro .closebutton:hover{color:#55be47}
.fans .row .closebutton{position:relative; line-height:18px; padding:0 5px; top:2px; left:3px}
.fans .row{display:block; margin-top:5px}
.sendtofriend td input, .sendtofriend td textarea, .sendtofriend .sbutton, .sendtofriend .mbutton{margin-left:20px}
.sendtofriend td.capchaRow{padding-left:20px}
.fans .first, .sendtofriend .mbutton input, .sendtofriend td.capchaRow input{margin:0}
.sendtofriend td textarea{width:586px}

/* Carousel Block */
ul.itemlist .lotinfo .cover{border:none}
.goUp, .goDown, .goLeft, .goRight, .jcarousel-prev, .jcarousel-next{width:16px; height:8px; background-position:0 -122px; display:-moz-inline-box; display:inline-block; font-size:1px; position:absolute; cursor:pointer; z-index:2}
.goDown, .jcarousel-next-vertical{background-position:0 -130}
.goUp:hover, .jcarousel-prev-vertical:hover{background-position:-16px -122px}
.goDown:hover{background-position:-16px -130}
.goLeft, .goRight{width:8px; height:16px}
.jcarousel-prev-horizontal{left:0}
.goRight, .jcarousel-next-horizontal{background-position:-8px -122px; right:0}
.goLeft:hover, .jcarousel-prev-horizontal:hover{background-position:-16px -122px}
.goRight:hover, .jcarousel-next-horizontal:hover{background-position:-24px -122px}
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover{background-position:-16px -155px; cursor:default}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover{background-position:-24px -155px; cursor:default}
.jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover{background-position:-16px -163px; cursor:default}
.carouselblock{background:#ECECEC; padding:5px 10px; position:relative}
.carousel .jcarousel-prev-horizontal, .carousel .jcarousel-next-horizontal{top:35%}
.jcarousel-container .jcarousel-prev-vertical{top:-10px; left:45%}
.jcarousel-container .jcarousel-next-vertical{bottom:-10px; left:45%}
.carouselblock .itemRange{margin-bottom:5px}
.jcarousel-container-horizontal, .jcarousel-clip-horizontal{position:relative; width:100%}
.jcarousel-clip{overflow:hidden; position:relative}
.carousel .ptitle{padding:4px; margin:0; font-size:12px}
.lotinfo .cover, .designerLabels ul.itemlist .lotinfo .cover{border:10px solid #fff}
.lotinfo a:hover .cover, .designerLabels ul.itemlist .lotinfo a:hover .cover{border-color:#999}
.lotinfo .pinfo{margin:8px 0 3px; display:block; color:#666}
.sale, a.sale, #leftmenu li a.sale{color:#333; white-space:nowrap}
.refprice{color:#363; text-decoration:none}
.pinfo .listprice{color:#333}
ul.itemlist li{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; position:relative}
.itemlist ul li>*{display:table; table-layout:fixed}
ul.jcarousel-list-horizontal li{display:inline; float:left}
*html .carousel ul li, *html ul.colorinfo li, *html ul.itemlist li{display:inline}
.lotinfo .brand, .lotinfo  a.title, .lotinfo .sizes{display:table; *display:block}
.carousel .brand, .carousel a.title, .carousel .sizes{margin:0 auto}
a.brand{color:#666; font-weight:bold}
.jcarousel-container .discountBall, .acpage .discountBall, .jcarousel-container .newArrivalDiscountBall, .acpage .newArrivalDiscountBall, .jcarousel-container .weeklyDeals{top:85px}
.reviewRow .discountBall, .reviewRow .newArrivalDiscountBall{top:123px}
.reviewRow .campaignicon{top:85px}

/* Feature Brands and Recommend */
.brandblock{border-top:1px solid #DFD; border-left:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:20px}
.brandblock .header, .brandblock .footer, .bottombrandlink{background:url(http://c.ysi.bz/Assets/res/imgs/bg/featurebrand.gif) repeat-x}
.brandblock .header{background-position:0 0; height:15px; overflow:hidden}
.brandblock .footer{background-position:bottom; height:15px; overflow:hidden}
.bottombrandlink{margin:0 auto 30px; padding:10px 30px; border:1px solid #DDD; text-align:center; background-position:bottom center}
.productpage .tabblock .sectionTitle, #aboutuscontent .sectionTitle{display:none}
.productpage .tabblock .brandrecommend{width:100%; margin:0; padding:6px 0 6px 4px}
#footerBrandLink .sectionTitle{width:100%}
.regionMenu ul{width:100%; margin:0; padding:9px 0 7px; list-style:none; box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; border:1px solid #cacaca; border-top:none}
.regionMenu ul li{width:100%; margin:2px 0; padding:0 14px}
.regionMenu ul li.brandsFrom{font-weight:bold; color:#55be47}
.regionMenu ul li a{height:auto; display:inline; text-align:left; padding:0; margin:0; border:none; color:#555; text-decoration:none}
.regionMenu ul li a:hover{color:#55be6a; text-decoration:underline}

/* Color Information */
ul.colorinfo li, #itemlist ul.itemlist ul.colorinfo li, #browseContent ul.colorinfo li{display:-moz-inline-box; display:inline-block; width:14px; height:14px; margin:2px 0; border:1px solid #CCC; position:static; *width:12px; *height:12px}
#itemlist ul.itemlist ul.colorinfo li{margin-left:-1px}
#leftmenu ul.colorinfo li{width:auto; height:auto; margin:2px 5px 2px 0; border:none}
ul.colorinfo li a{display:block; width:16px; height:16px; border:2px solid #ECECEC; overflow:hidden; *width:20px; *height:20px}
ul.colorinfo li a.on, ul.colorinfo li a:hover{border:2px double #333}
.colorinfo .red{background:#F30}
.colorinfo .blue{background:#034c8c}
.colorinfo .green{background:#008f34}
.colorinfo .yellow{background:#Fcdd51}
.colorinfo .orange{background:#F90}
.colorinfo .violet{background:#92278F}
.colorinfo .pink{background:#F49AC1}
.colorinfo .brown{background:#6C563A}
.colorinfo .white{background:#FFF}
.colorinfo .beige{background:#FFE293}
.colorinfo .gray{background:#666}
.colorinfo .black{background:#000}
.colorinfo .metallic{background-position:-16px -10px}
.colorinfo .multicolor{background-position:0 -139px}
.itemlist .colorinfo .multicolor{background-position:-3px -142px}
.colorinfo .pattern{background-position:-16px -139px}

/* Customer Review */
a[name=reviews]{position:relative; top:-18px}
.reviewButtonRow{padding-bottom:10px}
.reviewButtonRow~.reviewButtonRow{padding:10px 0 0}
.reviewButtonRow~.reviewButtonRow, .reviewRow{border-top:1px solid #ddd}
.reviewButtonRow .option{float:left; height:auto; margin-top:3px}
.noReviewYet{font-weight:bold}
.writeReviewMessage{float:right}
.writeReviewMessage .reviewnotify{margin-top:4px}
.writeReviewMessage .reviewnotify a.btn-primary.glyphicon-question-sign{padding:2px 6px 2px}
.writeReviewMessage .reviewnotify a.btn-primary.glyphicon-question-sign .pngbg{position:relative; top:1px}
.reviewerlink .reviewerType{position:relative; display:inline-block; margin-left:4px; font-style:normal}
.reviewerlink span.ratedBy, .reviewerlink  i span{float:left}
.reviewerlink span.ratedBy{height:18px; line-height:18px}
.reviewerlink .reviewerGroup{float:left; color:#888; padding:0 20px 0 4px; _margin-left:4px; height:18px; line-height:18px; display:inline-block; border-radius:3px; background-color:#c6ecc1}
.icon-custom-ys-staff{background-position:-230px -570px}
.icon-custom-verified-buyer{background-position:-230px -594px}
.icon-custom-ys-staff, .icon-custom-verified-buyer{float:right; display:block; width:20px; height:18px; margin-left:-16px}
.reviewRow{padding:18px 0 29px}
.contentBox .ratingstars{float:left; margin:-2px 3px 0 0}
.helpfulMessage, .reviewerlink, .reviewShareRow, .dateAndOptionWrapper, .helpfulReportWrapper{color:#888}
.helpfulMessage{margin:1px 0 2px}
.reviewWrapper{position:relative; margin-top:15px; padding:0}
.contentBox .reviewGroup .reviewWrapper~.reviewWrapper{padding:12px 0 0; margin:12px 0 0; border:none; border-top:1px dashed #ddd}
.reviewRow h4.title{font-size:14px; font-family:arial; margin:0 0 6px; padding:0; line-height:18px; color:#444}
.reviewRow .reviewContent{margin-top:1px; word-wrap:break-word}
.dateAndOptionWrapper, .helpfulReportWrapper{line-height:21px}
.reviewRow .dateAndOptionWrapper{margin-top:20px}
.reviewRow .seperated{display:inline-block; padding:0 5px; position:relative; top:-1px; color:#bbb}
.reviewRow .alert{margin:10px 0 0}
.helpfulReportWrapper{text-align:right; margin:-26px 0 0 278px; color:#333}
.helpfulReportWrapper .btn-group{margin-left:0; display:inline-block}
.helpfulReportWrapper a{position:relative; display:inline-block; padding:0 7px; line-height:19px; border:1px solid #ddd; background:#fefefe; text-align:center; text-decoration:none}
.helpfulReportWrapper a:hover{z-index:10; border-color:#84db78; background:#fff}
.helpfulReportWrapper a:active{top:1px}
.helpfulReportWrapper a.yes, .helpfulReportWrapper a.no{min-width:40px}
.helpfulReportWrapper a.yes{-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px}
.helpfulReportWrapper a.no{-webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; margin-left:-1px}
.helpfulReportWrapper .reportThis{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-left:0}
.writeReviewMessage .remark, .noReviewYet{line-height:23px}
a.reviewShowing{line-height:22px; text-decoration:none}
a.reviewShowing .glyphicon-chevron-right{margin-left:1px}
.alert-success, .alert-danger{padding:8px 10px; color:#666; border:1px solid #55be47; background-color:#fffff2}
.alert-success ul li{margin:2px 0}
.alert-danger{border-color:#e50}
.yourReview{margin-bottom:50px; padding-bottom:15px; border-bottom:1px solid #cdcdcd}
.yourReview .reviewRow{border-top:1px solid #cdcdcd}
.yourReview .addFurtherComment{margin-top:-10px; text-align:right}
.writeAReviewSuccessBox, .reportThis .alert.alert-success{margin-bottom:5px}
.writeAReviewSuccessBox h4.text-success, .reportThis .alert.alert-success .bold{margin:5px 0; padding:0}
.reportThis .alert.alert-success, .writeReviewForm .alert.alert-success{padding:0; border:none; background:none}

/* Product Page Review Style */
#productReview .decentReadability{width:860px; margin-top:30px}
#productReview .contentBox{position:relative}
#productReview .reviewRow{padding-bottom:15px}
#productReview .reviewHeader, #productReview .reviewGroup, .helpfulReportWrapper a.yes{float:left} 
#productReview .reviewHeader{width:140px}
#productReview .reviewGroup{width:720px; padding-left:20px; box-sizing:border-box; -moz-box-sizing:border-box}
#productReview .reviewGroup .reviewWrapper{width:700px; margin:0; position:relative}
#productReview .reviewGroup .reviewWrapper~.reviewWrapper{padding:12px 0 0; margin:12px 0 0}
#productReview .ratingstars, #productReview .reviewerlink, #productReview .reviewerlink .reviewerType{float:none}
#productReview .ratingstars{margin:-3px 0 8px; margin-bottom:6px\9; _margin:-1px 0 5px}
#productReview .reviewerlink .reviewerType{margin:10px 0 0 0}
#productReview .reviewerlink span.ratedBy{_margin-bottom:11px}
#productReview .reviewerlink span.ratedBy a{position:relative; top:6px; width:93px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
#productReview .icon-custom-ys-staff, #productReview .icon-custom-verified-buyer{position:static; margin-left:-16px}
#productReview .reviewerlink .reviewerGroup{padding-right:20px}
#productReview .reviewContentWrapper{width:500px; float:left}
#productReview .reviewContent{margin-bottom:10px}
#productReview .dateAndOptionWrapper{margin:0; padding:0}
#productReview .helpfulReportWrapper{width:140px; margin:-4px 0 0; position:absolute; top:0; right:0; text-align:center; _float:right}
#productReview .reviewWrapper.furtherReview .helpfulReportWrapper{top:14px}
#productReview .reviewWrapper~.reviewWrapper .helpfulReportWrapper{margin-top:12px}
#productReview .helpfulReportWrapper .btn-group{margin-left:0}
#productReview .helpfulReportWrapper a{min-width:32px}
#productReview .blockWrapper, #productReview span.ratedBy{display:block}
#productReview .helpfulReportWrapper .blockWrapper{margin:1px 0 12px}
#productReview .helpfulReportWrapper .reportThis{margin:0}
#productReview .ratingstars, #productReview .reviewGroup .reviewWrapper, #productReview .reviewContentWrapper, #productReview h4.title, #productReview .helpfulReportWrapper, #productReview .helpfulReportWrapper a{_position:static}

/* Customer Review - Write Review and Report This Form */
.writereview, .reportThis{margin-top:5px}
.initialContent{min-height:380px}
.reviewFormStyle select{width:300px}
.reviewFormStyle .form-group{margin-bottom:20px}
.reviewFormStyle label{display:block; margin-bottom:5px}
.reviewFormStyle .fullWidth, .writereview .captchainput{padding:6px 5px}
.reviewFormStyle .fullWidth{width:100%}
.reviewFormStyle .captchainput{width:200px}
.reviewFormStyle .captchabox{left:0}
.reviewFormStyle .control-label{font-weight:bold; color:#333}
.reviewFormStyle .control-label .remark{font-weight:normal}
.reviewWritingGuidelines{font-weight:normal; float:right; margin-top:1px}

/* Rating Star */
.starWrapper span, .ratingrange, .ratingrange span, .whiteStar, span.singleStar, .barChart .tableRow{display:-moz-inline-box; display:inline-block; background-repeat:repeat-x; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/ratingstar_small.png)}
.averageRating .starWrapper, .averageRating .starWrapper span, .ratingRow, .ratingRow div{background-repeat:no-repeat; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/ratingstar_big.png)}
.ratingRow, .starWrapper span, .ratingRow div, .ratingrange, .ratingrange span{background-color:#fff}
.ratingRow, .starWrapper span, .ratingRow div, .applyRatingRow, .applyRatingRow a{height:22px}
.ratingRow, .ratingRow div{width:145px; background-repeat:repeat-x}
.ratingRow div, .applyRatingRow{position:absolute; top:0; left:0}
.ratingRow div, .starWrapper span{width:0%; background-position:0 -28px}
.ratingRow{float:left}
.ratingRow, .applyRatingRow a, .ratingNameWrapper{position:relative}
.ratingRow div{overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.applyRatingRow{z-index:20; white-space:nowrap; width:142px}
.applyRatingRow a{z-index:30; float:left; width:28px; margin:0}
.applyRatingRow a span, .reviewRow .reviewCount{display:none}
.ratingNameWrapper{width:120px; display:-moz-inline-box; display:inline-block; margin:0 5px; line-height:22px; position:relative; top:2px; font-weight:bold; color:#444}
.ratingNameWrapper span{white-space:nowrap}
.starWrapper, .starWrapper span{display:block; width:23px; height:22px; margin-right:6px; float:left}
.starWrapper span{text-indent:-1000px; margin:0; background-repeat:no-repeat}

/* Rating Small Star */
.ratingstars{position:relative; top:2px; display:-moz-inline-box; display:inline-block}
.ratingrange{width:95px}
.ratingrange, .ratingrange .starWrapper span, span.singleStar{height:16px}
.ratingrange .starWrapper span, span.singleStar{width:15px; background-repeat:no-repeat; background-position:0 -22px}
span.singleStar{width:15px; margin:0 -1px -3px 4px}
.ratingrange .starWrapper{background:none}
.ratingrange .starWrapper, .ratingrange .starWrapper span{display:block; width:15px; height:16px; margin-right:4px; float:left}
.ratingrange .starWrapper span{width:0%; text-indent:-1000px; margin:0}
.reviewCount, #bastketItemsCount, #wishListItemsCount, a.reviewLink .reviewCount{text-decoration:none; display:inline-block; border-radius:2px; padding:1px 5px; line-height:13px; color:#888; background-color:#e8e8e8}
a:hover #bastketItemsCount, a:hover #wishListItemsCount, a.reviewLink:hover .reviewCount{color:#fff; background-color:#55be47}
.reviewCount{position:relative; left:-3px; top:-1px; padding:1px 4px; color:#888}

/* Product Rating Statistics */
.overallRatingStatistics{margin:30px 0 0; padding-bottom:17px; border-bottom:1px dashed #ddd}
.overallRatingStatistics li{float:left}
.averageRating{margin:-7px 30px 0 8px; padding:0 4px; text-align:center}
.averageRating .ratingRow{position:relative; top:-2px}
.averageRating, .satisfactory{color:#383}
.averageValue, .satisfiedValue{color:#090}
.averageValue{font-size:57px; line-height:57px}
.satisfactory{height:92px; padding-left:25px; margin-left:25px; border-left:1px dashed #ddd}
.satisfiedValue{display:block; font-weight:normal; font-size:57px; line-height:57px; margin:-7px 0 7px}
.satisfactory .remark, .averageRating .remark{display:block; padding-top:5px}
.averageRating .remark{display:block; margin-top:22px}
.ratingChart{color:#666}
.barChart{position:relative; top:2px}
.barChart .tableRow{display:table-row; text-align:right; height:16px; line-height:15px; background-repeat:no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; _margin-bottom:3px}
.barChart .tableRow span{float:left; margin-bottom:3px; display:table-cell}
.barChart .singleStar{margin:0 5px 0 1px}
.chartWrapper{width:150px; margin:0 8px 0 0; background-color:#f5f5f5}
.percentageBar{background-color:#fe9}
.chartWrapper, .percentageBar{display:-moz-inline-box; display:inline-block; height:16px}
.tableRow.icon-custom-rating-digit-5{background-position:0 -62px}
.tableRow.icon-custom-rating-digit-4{background-position:0 -84px}
.tableRow.icon-custom-rating-digit-3{background-position:0 -106px}
.tableRow.icon-custom-rating-digit-2{background-position:0 -128px}
.tableRow.icon-custom-rating-digit-1{background-position:0 -150px}
.ratingChart .singleStar{margin-left:15px}

/* Brand Rating Button*/
a.brandRatingButton, #browseContent a.brandRatingButton{text-decoration:none; display:-moz-inline-box; display:inline-block}
a.brandRatingButton:active span{position:relative; top:1px}
a.brandRatingButton:active .whiteStar{top:-1px}
a.brandRatingButton span{float:left; color:#fff; font-size:12px; font-weight:bold; line-height:14px; padding-bottom:3px; text-align:center}
.positiveFeedback{border-radius:3px 0 0 3px; padding:2px 6px 1px 3px; background-image:-webkit-linear-gradient(top, #ffc606, #ff9c00); background-image:-moz-linear-gradient(top, #ffc606, #ff9c00); background-image:-o-linear-gradient(top, #ffc606, #ff9c00); background-image:-ms-linear-gradient(top, #ffc606, #ff9c00); background-image:linear-gradient(top, #ffc606, #ff9c00); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffc606', EndColorStr='#ff9c00'); *background-color:#ff9c00}
.satisfiedPercentage{border-radius:0 3px 3px 0; padding:2px 5px 1px 6px; background-image:-webkit-linear-gradient(top, #7ad42c, #66c117); background-image:-moz-linear-gradient(top, #7ad42c, #66c117); background-image:-o-linear-gradient(top, #7ad42c, #66c117); background-image:-ms-linear-gradient(top, #7ad42c, #66c117); background-image:linear-gradient(top, #7ad42c, #66c117); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7ad42c', EndColorStr='#66c117'); *background-color:#66c117}
.positiveFeedback span.whiteStar{width:15px; height:12px; margin-left:1px; position:relative; bottom:-1px; background-position:0 -44px}
#browseContent a.brandRatingButton{margin:-1px 0 -1px 4px}

/* Rating Star Percentage */
.ratingRow .star000, .starWrapper span.star000{width:0}
.ratingRow .star010, .starWrapper span.star010{width:10%}
.ratingRow .star020, .starWrapper span.star020{width:20%}
.ratingRow .star030, .starWrapper span.star030{width:30%}
.ratingRow .star040, .starWrapper span.star040{width:40%}
.ratingRow .star050, .starWrapper span.star050{width:50%}
.ratingRow .star060, .starWrapper span.star060{width:60%}
.ratingRow .star070, .starWrapper span.star070{width:70%}
.ratingRow .star080, .starWrapper span.star080{width:80%}
.ratingRow .star090, .starWrapper span.star090{width:90%}
.ratingRow .star100, .starWrapper span.star100{width:100%}

/* Satisfactory Percentage */
ul.formula{list-style:none; padding:0; margin:10px 0}
ul.formula li{float:left; white-space:nowrap; line-height:61px}
ul.formula li.positiveRating{line-height:30px; text-align:center; float:left}
ul.formula li .totalNumber{padding:0 10px; margin-left:10px; border-top:1px solid #ccc}

/* Style Tips */
#styletipsheader{position:relative; margin-bottom:30px}
#leftmenu ul.nikki li{margin:0 0 4px 0; padding-left:12px}
#leftmenu ul.nikki li a{font-weight:bold; color:#363}
#meetmaven{border:1px solid #CCC; border-right:0; padding:10px 20px 20px; position:relative; display:none}
#meetmaven h3.pagetitle{margin:5px 0}
#tipsblock h4.title{padding:5px 0; margin:0; color:#333}
#tipsblock h5{font-size:11pt; margin-bottom:10px}
#tipsblock .lotinfo{display:inline; position:static}
#tipsblock .cover{border:none}
#tipslist li{border-left:3px solid #55be47; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-bottom:15px; padding:15px; padding-right:20px; background-color:#FAFFFA}
#tipslist li.over{background-color:#fff}
#tipslist li img{float:left; margin-right:10px}
#tipslist b.title, #tipsblock h4{font-size:13pt; margin-bottom:5px}
#tipslist p.intro, #tipslist .date{display:block}
#tipsblock .pagingOption, #tipsblock p.errorbox{margin-right:20px}
.tipscontent{margin-bottom:30px; padding:0 15px 20px; border:1px solid #E6F3E6; border-right:none; background:url(http://c.ysi.bz/Assets/res/imgs/styletips/styletips-bg.jpg)}
.tipscontent h3.pagetitle{color:#fff; background:#55be47; padding:4px 20px; margin:0 -15px}
#Qcontent, #Acontent{padding:10px 15px}
.tipscontent h3.pagetitle .normal{color:#fff}
#Qcontent{border:3px double #9C9; background:#FDFDF2; color:#000; -moz-opacity:0.8; opacity:0.80; filter:alpha(opacity=80)}
#Acontent{border:3px double #E6F3E6; background:#FAFFFA}
.qandaborder{border-bottom:1px solid #B7DBB7; margin-bottom:20px}
.asknikki{font-weight:bold; font-size:11pt; background:url(http://c.ysi.bz/Assets/res/imgs/styletips/question.gif) no-repeat; padding:5px 0 20px 55px}
.askdec{margin-left:55px}
#maintips ul{background:#fff; padding:0; list-style:none; -moz-opacity:0.8; opacity:0.80; filter:alpha(opacity=80)}
#maintips ul li{margin-bottom:4px}
#gallery{margin-bottom:20px}
#gallery .subtitle3{border-bottom:1px solid #DDD; font-size:10pt; font-weight:bold; margin-bottom:10px; padding-bottom:3px}
strong.distinguish{font-size:21pt; margin-right:10px}

/* Shopping Bag */
#shoppingbag, #wishlist{padding:0 0 20px}
#shoppingbag .successbox, #wishlist .successbox{margin:0 0 20px; border-width:0 0 3px; padding:15px 20px}
#shoppingbag .errorbox{margin:20px 10px}
#shoppingbag .carouselblock .ratingstars, .carouselblock .ratingstars{display:none}/* To Be Removed */
#wishlist .sendtofriend .successbox{margin:0 0 20px; border-width:3px; width:auto; padding:10px 7px}
#wishlist .pagetitle{margin-top:30px}
#shoppingbag .mainContent, .wishhighlight{margin-bottom:20px}
#shoppingbag .retrieveMsg{padding:5px 0; border:1px solid #CCC; border-width:1px 0}
#itemsummary .cover{float:left; margin-right:10px}
#itemsummary td{padding:5px 10px; vertical-align:top; border-bottom:1px dotted #ECECEC}
#itemsummary .pinfo{display:block; margin:4px 0}
#itemsummary b.title{color:#363; font-weight:normal; padding:0}
#itemsummary tr.newadd{background-color:#F0FBEE}
#itemsummary tr.sum td{border:1px solid #666; border-width:1px 0 0}
#itemsummary tr.endrow td{border-color:#666}
#itemsummary tr.optionrow td{vertical-align:bottom; padding-left:0}
#itemsummary .grandTotal{font-size:10pt}
th.checkbox{vertical-align:middle}
tbody th.checkbox{background:none}
#shoppingbag .rightCol .inside{text-align:center; padding:10px 5px; border:1px solid #ECECEC; border-top:none}
.freenote{padding-bottom:20px; border-bottom:1px solid #DDD}
.promotionentitle{border-bottom:1px dotted #CCC; margin-bottom:20px; position:relative; background:#fff}
.readonly{border:none; background:transparent}
.geoRemark, .itemNote{color:#c00; margin:5px 0 0 120px; display:block; font-size:12px}
.cartItemRemark{margin:5px 0 0 110px}

/* Secure Shopping */
#secureShopping, .lotinfo, .jcarousel-list, .coverarea, #ysFooter, #brandheader{position:relative}
#secureShopping h4{background:#55be47; font-size:11pt; padding:2px 10px; margin:0; color:#fff}
#secureShopping ul{display:block; margin:0; padding:7px 5px; background:#fff; list-style:none; border:1px solid #ECECEC}
#secureShopping ul li{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; width:49%; margin:7px 0}
*html #secureShopping ul li{display:inline; position:relative}
#secureShopping ul li p{margin:0 5px; display:block}
#secureShopping ul li p b{display:block; margin-bottom:4px}
#secureShopping ul li p img{float:left; margin-right:10px}
#secureShopping ul li p .msg{display:table !important; display:inline-block}

/* Checkout Content Area */
.signinblock{border-top:1px solid #DDD; padding-top:15px}
.paypalalert{border:1px solid #FC0; background-color:#fffff2; padding:5px}
#Checkout{margin:0; padding:10px 0; width:100%}
#Checkout h3{font-size:13pt; margin:0 0 10px}
#Checkout h3 nobr{font-weight:normal; font-size:12px}
#Checkout .head{background:#999; font-weight:bold; color:#fff; padding:5px}
#Checkout .header{font-size:14pt; font-weight:bold}
#Checkout .bgborder{background:#CCC}
#Checkout .notes{border:3px solid #55be47; padding:10px; background:#FFFFF2}
#Checkout h4{margin:0; font-size:10pt}
#Checkout .alert{color:#E50}
#Checkout #guarantee{padding:0}
#Checkout .field{background-color:#F2F2F2}
#Checkout #guarantee .field{background-color:#fff}
#Checkout .f12{font-size:12pt}
.billmelater{border:1px solid #69C; padding:5px 10px 5px 123px; background:url(http://c.ysi.bz/Assets/res/imgs/checkout/billmelater.gif) no-repeat 5px 5px; margin-bottom:2px; min-height:50px; *height:55px}

/* Comment Use */
.buttonArea{text-align:center; padding:20px 0}
.txtleft{text-align:left}
.buttonBlock{padding:10px 0}

/* Confirmation Content */
#confirmation{padding:15px 10px; font-size:12px; border:3px double #DDD; -moz-border-radius:5px; -webkit-border-radius:5px}
#confirmation UL{padding-left:20px; margin:0}
#confirmation UL LI{margin-bottom:4px}
#confirmation .notes{border:1px dashed #55BE47}

/* BizRate */
#BizRate{width:200px; float:right; font-size:12px; text-align:justify}
#BizRate h5{background:#666; color:#fff; font-size:12px; padding:3px; margin:0 0 5px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0}

/* YS Survey */
#promobox{width:290px; float:right; margin:0 10px}
#followus{background:#F0FBEE; border:1px solid #D7F2D2; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px}
#followus h4.title{font-size:12pt; margin-bottom:9px}
#followus b.title{text-decoration:underline}
#followus ul{margin:0 0 20px; padding:0; list-style:none}
#followus li{margin-top:9px}
#twitter{float:right; width:120px}
.web2{margin-top:4px}
#YSSurvey{font-size:12px; margin-bottom:10px; background:url(http://c.ysi.bz/Assets/res/imgs/AboutYs/surveybutton.gif); cursor:pointer}
.announcementheader{height:100px; background:url(http://c.ysi.bz/Assets/res/imgs/survey/announcementheader_en.gif) no-repeat center}
#announcementcontent2010{width:740px; margin:auto; text-align:left}
#dollwinners2010{width:820px; height:386px; background:url(http://c.ysi.bz/Assets/res/imgs/survey/dollwinners.jpg) no-repeat center; margin-bottom:20px}
#dollwinners2010 .announcementheader{height:42px; background:url(http://c.ysi.bz/Assets/res/imgs/survey/txt_dollwinners_en.gif) no-repeat center}
#dollwinnerinfo{margin:0; padding:260px 0 0; list-style:none}
#dollwinnerinfo li{float:left; display:inline; background:#DDECDC; padding:5px 10px; width:231px; *width:251px; margin:0 11px; -moz-opacity:0.8; opacity:0.80; filter:alpha(opacity=80)}

/* YS Survey 2011 */
.announcementHeader2011{height:100px; background:url(http://c.ysi.bz/Assets/res/imgs/survey/2011/announcement_header_en.jpg) no-repeat center}
.announcementFrame2011{width:800px; padding:5px 0 0 40px; display:inline-block}
.announcementContent2011{width:375px; text-align:left; float:left}
.announcement2011_iPad2{position:relative; left:40px; top:-2px; *top:-12px; width:379px; height:486px; color:FFF; line-height:19px; background:url(http://c.ysi.bz/Assets/res/imgs/survey/2011/announcement_ipad2.jpg) no-repeat center; float:left}
.announcement2011_iPad2_txt{padding-left:16px; *padding-top:12px}
.announcement2011_iPad2_txt .header{font-size:12pt; color:#f9f34e}
.announcementContent2011 ol, .announcementContent2011 b{font-size:12px; color:#777}
.announcementContent2011 ol li{padding-bottom:5px}

/* Coupon Option */
#couponOption{background:#fff; padding:5px; width:620px; position:absolute; border:1px solid #55BE47; -moz-border-radius:5px}
#couponOption .couponcode{width:100px; display:table-cell}
#couponOption .description{width:220px; display:table-cell}
#couponOption .minrequirement{width:200px; display:table-cell}
#couponOption .expiry{width:90px; display:table-cell}
#couponOption UL{margin:5px 0 0; padding:0; list-style-type:none}
#couponOption UL LI{margin-bottom:3px; padding:0}
#couponOption LI A{text-decoration:none; padding:4px 0}
#couponOption LI A:hover{background:#ECECEC; cursor:hand}
.couponSelect{text-decoration:underline; color:#060; padding-left:8px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/g-arrow.gif) no-repeat left center}

/* CVC Sample */
#CVCfigure{text-align:center; position:absolute; border:1px solid #CCC; width:300px; padding:5px 10px; background:#FFF}
#CVCfigure p{text-align:justify}
#CVCfigure img{margin:5px 0}

/* Affiliate */
.shadowpage{border:1px solid #CCC; border-width:0 1px; padding:35px 155px; box-shadow:0 0 3px rgba(0,0,0,0.5)}
.partners{margin-bottom:30px}
.partners ul{margin:0 0 6px; padding:0; list-style:none}
.partners ul li.title{background:#ECECEC; padding:4px 0 0}
.partners ul ul, .partners ul dl{margin:0 0 0 30px; float:right}
.partners ul li{border-bottom:2px solid #ccc; clear:both; padding:0; margin:0; position:relative}
.partners .logo{background:url(http://c.ysi.bz/Assets/res/imgs/affiliate/logos.gif) no-repeat 0 0; width:110px; height:36px; float:left}
.partners .webgains .logo{background-position:0 0; margin-top:5px}
.partners .sharesale .logo{background-position:0 -36px}
.partners .linktech .logo{background-position:0 -72px}
.partners .vogate .logo{background-position:0 -108px}
.partners .eclick .logo{background-position:0 -216px}
.partners .ebay .logo{background-position:0 -252px}
.partners .commissionmonster .logo{background:url(http://c.ysi.bz/Assets/res/imgs/affiliate/commissionmonster.gif) no-repeat 0 0; width:120px; height:60px;  margin:8px 0}
.partners .clixGalore .logo{background-position:0 -146px; width:120px; height:36px; margin:8px 0}
.partners .OMG .logo{background-position:0 -181px; width:120px; height:36px; margin:8px 0}
.partners li.commissionmonster dl, .partners li.clixGalore dl,  .partners li.OMG dl{padding-top:12px}
.partners li li{border:none; display:table-cell; display:inline-block; vertical-align:bottom; word-wrap:break-word; margin:0 10px 5px 0; width:200px}
*html .partners li li{display:inline}
.partners li.sharesale dl{padding-top:12px}
.partners ul dl{border-bottom:1px dashed #CCC; padding:5px 0}
.partners ul dl:last-child, .partners ul dl.last{border-bottom:none}
.partners ul dl dt, .partners ul dl dd{float:left; margin:0 10px 0 0; padding:0; display:inline; width:200px}

/* Customer Review Listing - Browsing Page */
.reviewSorting{position:relative; background-color:#fff; height:33px; text-align:right}
.reviewSorting .option{margin:1px 20px 0 0; float:left}
.reviewBrowsingList{margin:12px 0 0 12px}
ul.itemlist.threeGrid.reviewCoverImage, ul.itemlist.threeGrid.reviewCoverImage li, ul.itemlist.threeGrid.reviewCoverImage li .lotinfo, ul.itemlist.threeGrid.reviewCoverImage li .pinfo, ul.itemlist.threeGrid.reviewCoverImage li .lotinfo img.cover, ul.itemlist.threeGrid.reviewCoverImage li a.coverlink, ul.itemlist.threeGrid.reviewCoverImage li .coverWrapper{width:170px}
ul.itemlist.threeGrid.reviewCoverImage{float:left; margin:0 20px 0 0}
ul.itemlist.threeGrid.reviewCoverImage li{margin:0; padding:0}
ul.itemlist.threeGrid.reviewCoverImage li .lotinfo img.cover, ul.itemlist.threeGrid.reviewCoverImage li a.coverlink, ul.itemlist.threeGrid.reviewCoverImage li .coverWrapper{height:170px}
ul.itemlist.threeGrid.reviewCoverImage li .lotinfo .coverWrapper .coverlink img.cover{_width:170px; _height:170px}
ul.itemlist.threeGrid.reviewCoverImage .ratingstars{display:none}
ul.itemlist.threeGrid.reviewCoverImage .pinfo{min-height:0; margin-bottom:0}
ul.itemlist.threeGrid.reviewCoverImage li .discountBall, ul.itemlist.threeGrid.reviewCoverImage li.itemHover .discountBall, ul.itemlist.threeGrid.reviewCoverImage li .newArrivalDiscountBall, ul.itemlist.threeGrid.reviewCoverImage li.itemHover .newArrivalDiscountBall, ul.itemlist.threeGrid.reviewCoverImage li .dailyDealBall, ul.itemlist.threeGrid.reviewCoverImage li.itemHover .dailyDealBall{top:126px}
.reviewBrowsingList .reviewRow{padding:20px 0 30px; _padding-bottom:0}
.reviewBrowsingList .contentBox{position:relative; width:766px; min-height:173px; height:auto; margin-top:-3px; float:left}
.reviewBrowsingList .reviewContentWrapper{padding-right:186px}
.reviewBrowsingList .dateAndOptionWrapper{padding-right:250px}
.reviewBrowsingList .helpfulReportWrapper{width:140px; margin:0; position:absolute; top:-2px; right:0; text-align:center; _float:right}
.reviewBrowsingList .helpfulReportWrapper .blockWrapper{display:inline-block}
.reviewBrowsingList .reviewShareRow{position:absolute; bottom:0; width:100%}
.userReviewList, h3.userReviewTitle{margin:0}
h3.userReviewTitle{margin-bottom:15px}
.userReviewList .reviewRow{width:860px}
.userReviewList .reviewBrowsingList{margin-right:0; margin-left:0}
.userReviewList .reviewBrowsingList .contentBox{width:670px}
.userReviewList .reviewBrowsingList .dateAndOptionWrapper{padding-right:280px}
.userReviewList .reviewBrowsingList .helpfulReportWrapper{margin-top:14px}
.userReviewList .reviewBrowsingList .reviewShareRow{position:absolute; bottom:0; width:100%}
.reviewAnchor, .anchorElement{position:relative; top:-24px}
.reviewMessage{color:#666; font-size:12px}
.brandRatingWrapper{position:relative; min-height:95px; margin:0 0 30px 11px}
.overallBrandRating, .accumulatedBrandRating{color:#666}
.overallBrandRating{color:#888; margin:15px 0 10px 0}
.overallBrandRating li{float:left; text-align:left}
.overallBrandRating .ratingChart, .satisfactoryBrand{border-left:1px dashed #ddd}
.accumulatedBrandValue, .satisfiedBrandValue{display:block; margin-top:16px; font-size:44px; line-height:44px}
.accumulatedBrandRating, .satisfactoryBrand{color:#090; height:95px}
.accumulatedBrandRating .caption, .satisfactoryBrand .help{display:block; color:#383; font-size:12px}
.accumulatedBrandRating{padding:0 20px 0 0}
.satisfactoryBrand{padding:0 20px}
.overallBrandRating .ratingChart{max-width:300px; padding-left:18px; _width:300px}
ul.list-unstyled.overallRatingStatistics .ratingChart{_width:230px}
.overallBrandRating .chartWrapper{width:160px}
.totalReview{color:#888; font-weight:normal; border-bottom:1px dashed #bbb; cursor:default}
.totalReview span.tooltipContent{display:none}
.pastSixMonths{display:none}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left; width:20px; height:20px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden}
div.star-rating,div.star-rating a{background:url(http://c.ysi.bz/Assets/res/imgs/icons/star.gif) no-repeat 0 0}
div.rating-cancel a,div.star-rating a{display:block; width:20px; height:100%; background-position:0 0}
div.star-rating-on a{background-position:0 -20px!important}
div.star-rating-hover a,div.star_live a:hover{background-position:0 -40px}
div.star-rating-readonly a,div.star-rating-readonly a:hover{cursor:default !important}
div.star-rating{background:transparent!important; overflow:hidden!important}

/* Bookmark and Share's icons */
.property #socialWeb25x25{margin-bottom:15px}
#socialWeb25x25 h5{color:#666; font-size:9pt; margin:0 0 5px}
#socialWeb25x25 ul{margin-right:-4px; *display:inline}
#socialWeb25x25 li a{display:inline-block; width:25px; height:25px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos25x25.png); background-repeat:no-repeat; zoom:1; vertical-align:middle; opacity:0.9}
.fansites span{display:inline-block; width:30px; height:30px; margin-bottom:2px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos30x30.png); background-repeat:no-repeat; zoom:1; vertical-align:middle; opacity:0.95}
.fansites a:hover span, #socialWeb25x25 li a:hover{opacity:1; position:relative; top:-2px; animation-name:sicons; animation-duration:0.5s}
@keyframes sicons{
  0%{top:1px}
  50%{top:-3px}
  100%{top:-1px}
}
#socialWeb25x25 li a span{display:none}
#socialWeb25x25 li{float:left; margin:0 4px 3px 0}
#ic_facebook, .fansites #ic_facebookfan2, #ic_facebook30x30, #socialWeb25x25 #ic_facebook{background-position:0px}
.fansites #ic_twitterfan2{background-position:-30px} 
.fansites #ic_pinterest{background-position:-180px}
.fansites #ic_digg{background-position:-60px}
.fansites #ic_googleshare{background-position:-90px}
.fansites #ic_weibo, .fansites #ic_weibofan2{background-position:-120px}
.fansites #ic_stumbleupon{background-position:-210px}
.fansites #ic_youtube{background-position:-240px}
.fansites #ic_instagram{background-position:-270px}
#ic_tumblr{background-position:-300px}
#ic_polyvore{background-position:-330px}
.ic_facebook16, .ic_twitter16{display:inline-block; width:16px; height:16px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos16x16.gif) no-repeat; vertical-align:middle}
.ic_twitter16{background-position:-16px 0}
#socialWeb25x25 #ic_twitter, .shareurl #ic_twitter, .fansites #ic_twitter{background-position:-25px}
#socialWeb25x25 #ic_digg{background-position:-50px}
#socialWeb25x25 #ic_googleshare{background-position:-75px}
#socialWeb25x25 #ic_pinterest{background-position:-150px} 
#socialWeb25x25 #ic_weibo{background-position:-100px}
#socialWeb25x25 #ic_stumbleupon{background-position:-175px}
#ic_instagram{background-position:-225px}

/* Simple Modal */
#simplemodal-overlay{background-color:#000; cursor:pionter}
#simplemodal-container, #simplemodal-container-small{padding:0; height:auto}
#simplemodal-container, .simplemodal-data, #simplemodal-container-small{width:840px}
#simplemodal-container table{width:100%}
a.modalCloseImg, a.modalCloseImg.closebutton, .printCloseButton{cursor:pointer; position:absolute; right:0; top:-38px; z-index:1000; color:#aaa; font-weight:bold; font-size:20px; line-height:20px; padding:8px 12px 11px; text-decoration:none; display:block; background:none}
a.modalCloseImg{border-radius:0 6px 0 0; background-color:#f7f7f7}
a.modalCloseImg:hover, .printCloseButton:hover{color:#55be47}
.modal-header{width:100%; position:absolute; top:-38px; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7; border-radius:5px 5px 0 0}
h3.modal-title{color:#444; margin:0; padding:10px 60px 10px 20px; font-size:14px; white-space:nowrap}
#simplemodal-container .modal-body{background:#fff; padding:20px 20px 15px; line-height:17px; border-radius:0 0 5px 5px}
#simplemodal-container .modal-submit{margin:10px 0}
.modal-submit .btn.btn-primary{left:0}
.modal-submit .btn.btn-default{display:none}
.overflowHidden{overflow:hidden; height:100%}

/* Polyvore */
.polyvore{padding:0 5px}
#ys_polyvore{background:url(http://c.ysi.bz/Assets/res/imgs/styletips/styletips-bg.jpg); padding:20px}
#ys_polyvore, #ys_polyvore .floatRight{position:relative}
#ys_polyvore .introduction{background:#FAFAFA; border:5px solid #D6F5D4; margin-bottom:20px}
.dressingroom{width:820px}
#polyvoresteps{padding:0; margin:0; list-style:none}
#polyvoresteps h4.title{margin-bottom:5px; font-size:12pt; position:static}
#polyvoresteps li{float:left; width:25%; padding:10px 20px 10px 10px; color:#555; background:url(http://c.ysi.bz/Assets/res/imgs/bg/steparrow.gif) no-repeat center right}
#polyvoresteps li.second{width:45%; *width:54%}
#polyvoresteps li.third{width:20%; margin:0; background:none; padding:10px}

/* Store Info */
a.storebutton{background:#55be47; padding:2px 15px; float:right; color:#fff; border:4px double #fff; text-decoration:none; margin-top:-5px; position:relative}
a.storebutton:hover{background:#666}
a.storebuttonimg{background:url(http://c.ysi.bz/Assets/res/imgs/store/ysstore_footer_en.jpg) no-repeat top center; width:335px; height:176px; text-decoration:none; position:absolute; right:-16px; bottom:-8px}
a.storebuttonimg span{visibility:hidden}
.storepage{padding:25px}
.storecontent{background-repeat:no-repeat; background-position:-60px 680px; background-image:none; background-color:#EFEFEF; padding:25px}
.mapphoto img{border:4px solid #fff}
.storeinfo{float:right; margin:10px 0 0 12px; width:238px}
.storepage .owner{margin-top:10px}
#storeinfo{list-style:none; margin:0 10px 0 0; padding:0 20px 0 0; line-height:14pt; text-align:left}
#map_canvas, #map_canvas2{width:520px; height:300px}
.storesection{clear:both; float:left; margin-bottom:40px; display:block; width:100%}
.storesection h2{background:#81B142; margin:0 0 10px 0; padding:3px 5px; color:#fff}

/* Store Gallery */
#storeGallery{background:url(http://c.ysi.bz/Assets/res/imgs/store/galleryheader_en.gif) no-repeat top center #58940A; padding-top:145px; width:860px; margin:0 5px}
#storeGallery .section{width:800px; text-align:left; border-top:1px solid #81B142; padding-top:10px; margin:10px auto 20px}
#storeGallery h3{width:250px; font-size:14pt; float:left; color:#fff}
#storeGallery .gallery, #storeValentine .gallery{padding:0; margin-left:10px; width:540px; float:left}
#storeGallery .gallery img{border:1px solid #81B142}
#storeValentine h3{width:248px; font-size:14pt; float:left; font-family:arial; color:#E86877}
#storeValentine .section{text-align:left; margin:0 0 0 20px}
#storeValentine .gallery img{border:1px solid #fff}
.galleryarea{margin:0 auto; border:1px solid #e897a9; padding:20px 0; width:820px; background:url(http://c.ysi.bz/Assets/res/imgs/store/valentine/cat.gif) no-repeat bottom left #fff4f6}

/* Zoom Image */
.zoomimage{position:absolute; display:none; z-index:1000; outline:none; cursor:url(http://c.ysi.bz/Assets/res/imgs/icons/zoomout.cur),default}
.zoomimage_focused{z-index:1000}
.zoomimage_s{position:absolute; top:0; left:0; height:100%; width:100%; display:none}
.zoomimage_st{position:absolute; top:0; left:0; width:100%; height:6px; overflow:hidden}
.zoomimage_stl, .zoomimage_stc, .zoomimage_str, .zoomimage_sbl, .zoomimage_sbc, .zoomimage_sbr{background:url(http://c.ysi.bz/Assets/res/imgs/bg/shadow.png) no-repeat}
.zoomimage_stl, .zoomimage_str{position:absolute; top:0; width:6px; height:6px; overflow:hidden}
.zoomimage_stl{left:0}
.zoomimage_stc{overflow:hidden; height:6px; margin:0 6px; background-position:0 -30px; background-repeat:repeat-x}
.zoomimage_str{right:0; background-position:0 -18px}
.zoomimage_sc{position:absolute; top:6px; width:100%; left:0; overflow:hidden}
.zoomimage_scl, .zoomimage_scr{position:absolute; overflow:hidden; top:0; height:100%; width:6px; background:url(http://c.ysi.bz/Assets/res/imgs/bg/shadow-lr.png) repeat-y}
.zoomimage_scl{left:0}
.zoomimage_scr{right:0; background-position:-6px 0}
.zoomimage_scc{margin:0 6px; height:100%; overflow:hidden}
.zoomimage_sb{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:6px}
.zoomimage_sbl, .zoomimage_sbr{position:absolute; overflow:hidden; width:6px; height:6px; top:0; background-position:0 -12px}
.zoomimage_sbl{left:0}
.zoomimage_sbc{height:6px; overflow:hidden; margin:0 6px; background-position:0 -36px; background-repeat:repeat-x}
.zoomimage_sbr{right:0; background-position:0 -6px}
.zoomimage img{position:absolute; top:6px; left:6px; display:none; border:8px solid #fff}
.zoomimage_caption{position:absolute; background-color:#fff; color:#000; width:100%}
.zoomimage_caption p{padding:10px; margin:0; font-weight:bold; text-align:center}
.zoomimage_loading{background:url(http://c.ysi.bz/Assets/res/imgs/icons/ajax-loader.gif) no-repeat center #fff; height:100%; position:absolute; width:100%; top:0; left:0}
.zoomimage_move{cursor:move}
.zoomimage_controls{position:absolute; height:150px; overflow:hidden}
.zoomimage_prev{background:url(http://c.ysi.bz/Assets/res/imgs/buttons/prev.png) no-repeat; width:50px; height:43px; position:absolute; bottom:0; left:0}
.zoomimage_next{background:url(http://c.ysi.bz/Assets/res/imgs/buttons/next.png) no-repeat; width:50px; height:43px; position:absolute; bottom:0; right:0}

/* Promotion Page */
.promopage{padding:0 5px 0 15px}
#promolist{float:left}
#promolist h3.pagetitle{font-size:23px; margin:10px 2px 10px 10px; font-weight:bold}
#promolist h4.title{font-size:20px; margin:10px; color:#000; font-weight:normal}
ul.coupondetail{list-style:none; margin-left:0; padding-left:26px}
#promolist ul{margin:5px 0 20px auto; padding:auto}
#promolist li{margin-bottom:5px}
#promolist ul.coupondetail{margin:5px 0 20px 0}
#promolist ul.coupondetail li{margin:0}
.promolot{width:824px; margin-left:6px}
#allpromoheader{margin:0 5px; position:relative}
#allpromoheader .regnow{position:absolute; width:220px; left:600px; top:50px}
.extrafreebies, .extradiscounts{display:none}
#promolist .mbutton{margin:0 0 20px 6px}
#promolist .slot{background:url(http://c.ysi.bz/Assets/res/imgs/giftimage/promo_bg.gif) no-repeat; background-position:bottom; width:50%}
#promolist .insidetop{background:url(http://c.ysi.bz/Assets/res/imgs/giftimage/promo_bg.gif) no-repeat 0 0; padding:15px 0 10px 0}
#promolist .prdimg, #promolist .iconimg{width:140px}
#promolist .content{width:250px; padding-right:4px}
#promolist .extramore{padding:10px 0}
#promolist .promolist-content{margin-left:10px}
.emptyslot{width:50%}

/* Special Offers */
.spheader{background:url(http://c.ysi.bz/Assets/res/imgs/promotion/so-bg.jpg) bottom right repeat-x; height:150px; color:#2f2007; padding:15px; font-size:14px; text-shadow:1px 1px 2px #ebdfcb; text-align:center; position:relative}
.spheader h2{font-family:times; font-size:38px; color:#FFF; margin:10px 0 0; text-shadow:1px 1px 1px #2f2007}
.spoffers{position:absolute; bottom:0; width:100%; margin:-1px -15px}
.spoffers li{background-color:#ebdfcb; padding:5px 8px; border-radius:5px 5px 0 0}
.ui-tabs-nav li.ui-tabs-selected{padding:5px 8px}
.specialoffers .media{display:inline-block; width:29%; margin:5px 2% 30px; vertical-align:top}
.specialoffers .scaledImage{float:left; width:120px; height:auto; text-align:center}
.specialoffers .media-body{margin-left:135px}
.specialoffers .media-body .remark{display:inline-block; margin-top:0.5em}
.couponVoucher .media-body{margin:0}
.specialoffers .media-body h4{margin:0 0 8px; font-size:14px}
.specialoffers .modal-dialog img{width:auto; max-width:100%; float:none}
.specialoffers .tab-pane{margin:30px 0}
.well{padding:10px 20px; background-color:#ECECEC}


/* Flying Cart */
#wrongsite{position:relative; overflow:hidden; background:#FCFCC2; text-align:center; padding:10px 0; margin:0 auto 17px; width:862px; border:1px solid #EAEBE9}
#wrongsite a.closebutton{right:5px}
#wrongsite a.closebutton span{display:none}
.flyingcart{background:#FFFFF2; padding:12px 10px; border:1px solid #ddd}
.flyingdec{float:right; width:50%; color:#666; padding-left:15px; margin-left:15px; font-size:12px; border-left:1px solid #eee}
.flyingcart h6, .flyingcartbox h6{color:#E50; padding:0; margin:4px 0 1px 0}
h4.flyingh4{background:#55BE47; color:#fff; margin:0; padding:4px 12px}
.flyingcartbox h6{color:#55BE47}
.flyingcart h6, .flyingcartbox h6, h4.flyingh4{font-size:15px}
.flyingcartbox{background:#FFFFF2; text-align:left; width:340px; padding:3px 8px 5px 8px; border:1px solid #ddd}
.flyingcartbox img{float:right; margin:7px 0 0 10px}

/* Localized Alert Topbar */
#topbar{position:relative; z-index:110}
#topbar a{color:#fff; text-decoration:underline}
#topbar a:hover{color:#363}
#topbar .topbarbg{background:#8bb585; text-align:center; border-bottom:1px solid #eaebe9}
#topbar .content{color:#fff; line-height:23px; text-align:center; background:#8bb585}
#topbar .left{float:left; text-align:left}
#topbar .right{float:right; text-align:right}
#localized-content{display:none}
#localized-content .closebox{text-align:right; padding:9px 9px 0 0}
#localized-content H2{color:#5cc151; font-size:40px; margin:-3px 0 0 0; padding:0 30px}
#localized-overlay{background:#333}
#localized-container{width:840px; color:#333; padding-bottom:20px}
#intro-container{width:780px; padding:0; margin:16px 30px 0px 30px}
#intro-container .content{float:left; width:346px; margin-right:20px; line-height:18px; padding-top:8px}
#intro-container .services{float:right; width:404px}
#intro-container .services .wrap{font-weight:bold; padding:14px 0}
#localized-content span.shopbutton{font-size:18px}
#localized-content a.bbutton{margin:15px 0 0 -3px}
#intro-container h4{margin:0; padding:0 0 2px 15px; font-size:12px}
ul#localizedul{margin:0 0 0 29px; padding:0}
ul#localizedul li{margin:5px 0 0 0; padding:0}
#localized-content .findmore{padding:10px 0 0 16px; color:#666}
#localized-content a.clickhere{color:#666; text-decoration:underline}
#localized-content a.clickhere:hover{color:#363}

/* Reference Currency Dropdown Menu */
#refcontainer{position:absolute; z-index:100; width:190px; background:#fff; color:#333; border:1px solid #DDD}
#refcontainer .exchangerate, #refcontainer h4{background:#eee; padding:6px 9px; clear:both}
#refcontainer h4{color:#555; margin:0; font-size:12px}
.exchangerate .starMark{position:relative; margin-left:-5px}
ul#reflist{margin:0; padding:0; list-style:none; overflow:auto}
ul#reflist li{margin:0; padding:0; width:100%}
ul#reflist li a{color:#333; display:block; padding:4px 9px; border-bottom:1px dotted #ddd}
ul#reflist li a:hover{background:#ececec}

/* Facebook Like Button */
#newscontent #sns{padding:7px 0; float:none}
.pageshare{float:left; overflow:hidden}

/* SNS */
.ps_twitter, .ps_gplus, .ps_pinit{width:auto; margin-right:12px}
.ps_facebook{width:auto; margin-right:-2px}

/* Payment Icons */
.paymenticons{float:right; margin-top:11px}
.paymenticons ul{margin:0 0 0 5px; padding:0}
.paymenticons li{float:left; margin-left:5px}
.paymenticons li{display:block; width:34px; height:22px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/paymenticons.gif); background-repeat:no-repeat; zoom:1}
.paymenticons li.visaicon{background-position:0px}
.paymenticons li.mastericon{background-position:-34px}
.paymenticons li.aeicon{background-position:-68px; width:25px}
.paymenticons li.jcbicon{background-position:-93px; width:29px}
.paymenticons li.paypalicon{background-position:-122px; width:35px}
.paymenticons li.bmlicon{background-position:-157px; width:58px}
.paymenticons li.alipayicon{background-position:-215px; width:50px}
.paymenticons li.chequeicon{background-position:-265px; width:41px}
.paymenticons li.moneyicon{background-position:-306px; width:39px}

/* Splash Product OOS Modal */
#product-container .closebutton{position:static; margin-bottom:-2px}
#nolongeravailable a.modalclose{color:#333; cursor:pointer; font-size:normal; display:inline-block; margin-top:8px; padding:2px 4px; background-color:#f9f9f9; border:1px solid #ccc; -moz-box-shadow:inset 0px 1px 0px 0px #f6f6f6; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
#nolongeravailable a.modalclose:hover{color:#333; background-color:#f6f6f6; border:1px solid #666}
#nolongeravailable{display:none; font-weight:bold; text-align:center; border:3px solid #e50; padding:22px 12px 18px; background:#fffff2}
#nolongeravailable .or{color:#e50}

/* Splash - App Promotion For Mobile */
.appromobanner{display:block; width:1230px; margin:0 auto 20px}
.appromobanner img{width:100%}

/* YS Exclusives Symbol */
.yesheadersymbol{display:block; width:110px; height:110px; position:absolute; top:-4px; left:-4px; background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/exclusives/ribbon.png) no-repeat}
.yesheadersymbol span{display:none}

/* Multiple Tag Search */
.tagSearch{padding-top:20px; border-top:1px solid #ececec}
.tagSearch h4{float:left; padding-right:20px}
.tagSearch .tagWrapper{position:relative; top:-2px; float:left; margin:0 0 9px; width:1100px}
.tagSearch h2{float:left; margin:0 0 7px; padding:0; font-weight:normal; font-size:12px}
.tagSearch h2 a input, .mTag:after{display:none}
.tagSearch h2 a.mTag, a.mTag{height:22px}
.mTag{position:relative; white-space:nowrap; background-image:-webkit-linear-gradient(top, #f1f1f1, #e4e4e4); background-image:-moz-linear-gradient(top, #f1f1f1, #e4e4e4); background-image:-o-linear-gradient(top, #f1f1f1, #e4e4e4); background-image:-ms-linear-gradient(top, #f1f1f1, #e4e4e4); background-image:linear-gradient(top, #f1f1f1, #e4e4e4); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f1f1f1', EndColorStr='#e4e4e4'); border-top:1px solid #ededed; *background-color:#e4e4e4}
.mTag:active{top:1px}
.mTag:before{background-image:-webkit-linear-gradient(135deg, #f1f1f1, #e4e4e4); background-image:-moz-linear-gradient(135deg, #f1f1f1, #e4e4e4); background-image:-o-linear-gradient(135deg, #f1f1f1, #e4e4e4); background-image:-ms-linear-gradient(135deg, #f1f1f1, #e4e4e4); background-image:linear-gradient(135deg, #f1f1f1, #e4e4e4); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f1f1f1', EndColorStr='#e4e4e4'); border-top:1px solid #ededed; *background-color:#e4e4e4}
.mTag, .relatetitle{z-index:2; float:left; margin:0 16px 0 0; text-decoration:none; height:21px; line-height:19px; color:#333; padding:0 5px; border-left:1px solid #ededed; border-bottom:1px solid #c9c9c9; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; -webkit-box-shadow:inset 0 1px 0 #f7f7f7; -moz-box-shadow:inset 0 1px 0 #f7f7f7; box-shadow:inset 0 1px 0 #f7f7f7}
.mTag:hover, .checked{color:#fff; text-shadow:0px 1px 0px #6d6d6d; border-left:1px solid #878787; border-bottom:1px solid #616161; -webkit-box-shadow:inset 0 1px 0 #959595; -moz-box-shadow:inset 0 1px 0 #959595; box-shadow:inset 0 1px 0 #959595}
.mTag:hover, .checked{background-image:-webkit-linear-gradient(top, #8e8e8e, #7a7a7a); background-image:-moz-linear-gradient(top, #8e8e8e, #7a7a7a); background-image:-o-linear-gradient(top, #8e8e8e, #7a7a7a); background-image:-ms-linear-gradient(top, #8e8e8e, #7a7a7a); background-image:linear-gradient(top, #8e8e8e, #7a7a7a); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8e8e8e', EndColorStr='#7a7a7a'); border-top:1px solid #878787; *background-color:#7a7a7a}
.mTag:hover:before, .checked:before{background-image:-webkit-linear-gradient(135deg, #8e8e8e, #7a7a7a); background-image:-moz-linear-gradient(135deg, #8e8e8e, #7a7a7a); background-image:-o-linear-gradient(135deg, #8e8e8e, #7a7a7a); background-image:-ms-linear-gradient(135deg, #8e8e8e, #7a7a7a); background-image:linear-gradient(135deg, #8e8e8e, #7a7a7a); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8e8e8e', EndColorStr='#7a7a7a'); border-top:1px solid #a3a3a3; *background-color:#7a7a7a}
.mTag:before{content:''; width:16px; height:16px; position:absolute; right:-8px; top:2px; z-index:-10; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border-right:1px solid #ccc; -webkit-border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; border-radius:0 4px 0 0}
.mTag:hover:before, .checked, .checked:before{border-right:1px solid #777}
.mTag:after{content:''; width:4px; height:4px; background:#fff; position:absolute; top:8px; right:-3px; z-index:9999; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; border:1px solid #bbb}
.mTag:hover:after, .checked:after{border:1px solid #6b6b6b}
.mTag:before, .mTag:after{display:none\9}
:root .mTag:before, :root .mTag:after{display:block}
.mTag{border:1px solid #cecece\9; margin-right:10px\9}
.mTag:hover{border:1px solid #616161\9}
:root .mTag{margin-right:16px; border-right:none; border-top:1px solid #ededed; border-left:1px solid #ededed; border-bottom:1px solid #c9c9c9}
:root .mTag:hover{border-right:none; border-left:1px solid #878787; border-bottom:1px solid #616161; border-top:1px solid #878787}
.mTag:before, .mTag:hover:before{border-bottom:none\9; border-left:none\9}
.mTag.checked{border-left:1px solid #878787; border-bottom:1px solid #616161; border-top:1px solid #878787}
.relatetitle{border:none; box-shadow:none; padding:0 0 5px; margin:5px 10px 0 0}
#itemlist .tagWrapper{white-space:nowrap; margin:5px 0; width:660px}
#itemlist .tagWrapper h2, #itemlist .mTag, .relatetitle{float:none; display:inline-block; vertical-align:middle; font-size:12px}
*html #itemlist .tagWrapper h2{display:inline}

/* m Buttons */
.mbutton:hover, input.btn-primary:hover, button.btn-primary:hover, a.btn-primary.writeReviewButton:hover, a.btn-primary.glyphicon-question-sign:hover{color:#fff}
.mbutton:active, input.btn-primary:active, button.btn-primary:active, a.btn-primary.writeReviewButton:active, a.btn-primary.glyphicon-question-sign:active{position:relative; top:1px}
.mbutton, .mbutton input, input.btn-primary, button.btn-primary, a.btn-primary.writeReviewButton, a.btn-primary.glyphicon-question-sign{color:#fff; font-weight:bold; text-align:center; font-size:12px; line-height:12px; text-shadow:0 1px 0 #56ab4b}
.mbutton, .sbutton, .searchButtonWrapper, .gbutton, input.btn-primary, button.btn-primary, a.btn-primary.writeReviewButton, a.btn-primary.glyphicon-question-sign{display:inline-block; text-decoration:none; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 0 #68d759; -moz-box-shadow:inset 0 1px 0 #68d759; box-shadow:inset 0 1px 0 #68d759; background-image:-webkit-linear-gradient(top, #6bd15e, #5ac04d); background-image:-moz-linear-gradient(top, #6bd15e, #5ac04d); background-image:-o-linear-gradient(top, #6bd15e, #5ac04d); background-image:-ms-linear-gradient(top, #6bd15e, #5ac04d); background-image:linear-gradient(top, #6bd15e, #5ac04d); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6bd15e', EndColorStr='#5ac04d'); *background-color:#5ac04d; border-left:1px solid #67cb59; border-right:1px solid #67cb59; border-bottom:1px solid #4aa43d; border-top:1px solid #67cb59}
.mbutton:hover, .sbutton:hover, .searchButtonWrapper:hover, .gbutton:hover, input.btn-primary:hover, button.btn-primary:hover, a.btn-primary.writeReviewButton:hover, a.btn-primary.glyphicon-question-sign:hover{-webkit-box-shadow:inset 0 1px 0 #49c93c; -moz-box-shadow:inset 0 1px 0 #49c93c; box-shadow:inset 0 1px 0 #49c93c; background-image:-webkit-linear-gradient(top, #4ac03f, #3dab33); background-image:-moz-linear-gradient(top, #4ac03f, #3dab33); background-image:-o-linear-gradient(top, #4ac03f, #3dab33); background-image:-ms-linear-gradient(top, #4ac03f, #3dab33); background-image:linear-gradient(top, #4ac03f, #3dab33); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4ac03f', EndColorStr='#3dab33'); *background-color:#3dab33; border-left:1px solid #55c048; border-right:1px solid #55c048; border-bottom:1px solid #3b9330; border-top:1px solid #55c048}
.mbutton input, input.btn-primary, input.btn-primary:hover, button.btn-primary, button.btn-primary:hover{overflow:visible;/* IE8 Input Fix*/ color:#fff; text-align:center; margin:0; outline:0; border:0; background-color:transparent; cursor:pointer}
/* Firefox / IE9-10 / IE8 */
input.btn-primary, button.btn-primary{padding:3px 4px 2px; padding:5px 7px\9; _padding:3px 7px 4px}
.mbutton input{padding:2px 3px; padding:4px 6px\9; _padding:2px 6px 3px}
a.mbutton, a.btn-primary.writeReviewButton{padding:4px 6px}
#reviewlist a.btn-primary.writeReviewHelpContentButton span{margin-bottom:1px}
/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){.mbutton input, a.mbutton, a.btn-primary.writeReviewButton, a.btn-primary.glyphicon-question-sign{padding:4px 6px} input.btn-primary, button.btn-primary{padding:5px 7px}}
.send .mbutton{line-height:25px}

/* s Buttons */
.sbutton:hover, .gbutton:hover{color:#fff}
.sbutton:active, .searchButtonWrapper:active, .gbutton:active{position:relative; top:1px}
.sbutton, .sbutton input, .gbutton, .gbutton input{color:#fff; text-align:center; line-height:11px; text-shadow:0 1px 0 #56ab4b}
.sbutton input, .gbutton input{overflow:visible;/* IE8 Input Fix*/ color:#fff; text-align:center; margin:0; outline:0; border:0; background-color:transparent; cursor:pointer}

/* Firefox / IE9-10 / IE8 */
.sbutton input, .gbutton input, input.xsbutton{padding:1px 2px 0; padding:3px 5px\9; _padding:1px 5px 2px}
a.sbutton, a.gbutton, a.xsbutton{padding:3px 5px}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){.sbutton input, a.sbutton, .gbutton input, a.gbutton, .xsbutton input, a.xsbutton{padding:3px 5px}}

/* Search Buttons */
.searchButtonWrapper, .searchButtonWrapper:hover{border:none}
.searchButtonWrapper{display:inline-block; -moz-border-radius:0 4px 4px 0; -webkit-border:0 4px 4px 0; border-radius:0 4px 4px 0}
input.searchButton{width:37px; height:26px; margin:0; outline:0; border:0; cursor:pointer; background-color:transparent; background-position:10px -139px; text-indent:-9999px}

/* b Buttons */
.bbutton:hover{color:#fff}
.bbutton:active, .wbutton:active{position:relative; top:1px}
.bbutton, .bbutton input, .wbutton, .wbutton input{color:#fff; font-weight:bold; text-align:center; font-size:16px; line-height:16px; text-shadow:0 1px 0 #56ab4b}
.bbutton{display:inline-block; zoom:1; text-decoration:none; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 2px #bbb; -webkit-box-shadow:0 1px 2px #bbb; box-shadow:0 1px 2px #bbb; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#52d707), to(#33a300)); background:-webkit-linear-gradient(top, #52d707, #33a300); background:-moz-linear-gradient(top, #52d707, #33a300);  background:-o-linear-gradient(top, #52d707, #33a300); background:-ms-linear-gradient(top, #52d707, #33a300); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52d707', endColorstr='#33a300'); background-color:#33a300\9}
*html .bbutton{display:inline}
.bbutton:hover{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#31c404), to(#1d7e00)); background:-webkit-linear-gradient(top, #31c404, #1d7e00); background:-moz-linear-gradient(top, #31c404, #1d7e00); background:-o-linear-gradient(top, #31c404, #1d7e00); background:-ms-linear-gradient(top, #31c404, #1d7e00); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#31c404', endColorstr='#1d7e00'); background-color:#31c404\9}
.bbutton input, .wbutton input{overflow:visible;/* IE8 Input Fix*/ color:#fff; text-align:center; margin:0; outline:0; border:0; background-color:transparent; cursor:pointer}

/* Firefox / IE9-10 / IE8 */
.bbutton input, .wbutton input{padding:8px 12px}
a.bbutton, a.wbutton{padding:10px 15px 9px}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){.bbutton input, a.bbutton, .wbutton input, a.wbutton{padding:8px 15px}}

/* w Buttons */
.wbutton:hover{color:#fff}
.wbutton, .wbutton input{color:#478647; text-shadow:none}
.wbutton{display:inline-block; text-decoration:none; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 2px #cde5c5; -webkit-box-shadow:0 1px 2px #cde5c5; box-shadow:0 1px 2px #cde5c5; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#daf2d8), to(#b7e6b2)); background:-webkit-linear-gradient(top, #daf2d8, #b7e6b2); background:-moz-linear-gradient(top, #daf2d8, #b7e6b2); background:-o-linear-gradient(top, #daf2d8, #b7e6b2); background:-ms-linear-gradient(top, #daf2d8, #b7e6b2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#daf2d8', endColorstr='#b7e6b2'); background-color:#b7e6b2\9}
.wbutton:hover{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8ebc5), to(#97da90)); background:-webkit-linear-gradient(top, #c8ebc5, #97da90); background:-moz-linear-gradient(top, #c8ebc5, #97da90); background:-o-linear-gradient(top, #c8ebc5, #97da90); background:-ms-linear-gradient(top, #c8ebc5, #97da90); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8ebc5', endColorstr='#97da90'); background-color:#c8ebc5\9}
.wbutton:hover, .wbutton:hover input{color:#363}

/* c Buttons */
.cbutton:hover, span.cbutton:hover, .cbutton:hover input, a.btn-primary:hover{color:#222}
.cbutton:active, span.cbutton:active, .xsbutton:active, input.xsbutton:active, a.btn-primary:active{position:relative; top:1px}
.cbutton, span.cbutton, .cbutton input, button.cbutton, a.btn-primary{color:#363; text-align:center; font-size:12px; line-height:12px}
.cbutton, button.cbutton, .xsbutton, input.xsbutton, a.btn-primary{cursor:pointer; border:1px solid #bbb; display:inline-block; text-decoration:none; margin:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-image:-webkit-linear-gradient(top, #f9f9f9, #eee); background-image:-moz-linear-gradient(top, #f9f9f9, #eee); background-image:-o-linear-gradient(top, #f9f9f9, #eee); background-image:-ms-linear-gradient(top, #f9f9f9, #eee); background-image:linear-gradient(top, #f9f9f9, #eee); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#eeeeee'); background-color:#eee\9}
.cbutton:hover, button.cbutton:hover, .xsbutton, input.xsbutton, a.btn-primary:hover{background-image:-webkit-linear-gradient(top, #f4f4f4, #eaeaea); background-image:-moz-linear-gradient(top, #f4f4f4, #eaeaea); background-image:-o-linear-gradient(top, #f4f4f4, #eaeaea); background-image:-ms-linear-gradient(top, #f4f4f4, #eaeaea); background-image:linear-gradient(top, #f4f4f4, #eaeaea); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f4f4f4', EndColorStr='#eaeaea'); background-color:#eaeaea\9}
.cbutton:hover, .xsbutton:hover, input.xsbutton:hover, a.btn-primary:hover{border-color:#55c048}
.cbutton input{overflow:visible;/* IE8 Input Fix*/ text-align:center; margin:0; outline:0; border:0; background-color:transparent; cursor:pointer}
#shoppingbag .xsbutton{margin-top:3px}
/* Firefox / IE9-10 / IE8 */
.cbutton input{padding:1px 3px 0; padding:3px 6px\9; _padding:1px 6px 2px}
button.cbutton{overflow:visible; cursor:pointer; padding:1px 2px 3px; padding:3px 4px\9; _padding:2px 4px 1px}
a.cbutton, a.btn-primary, span.cbutton{padding:3px 6px}

/* Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){.cbutton input, a.cbutton{padding:3px 6px}}

/* Disabled Case */
.disabled .bbutton:active, .disabled .wbutton:active, .notsell .bbutton:active, .notsell .wbutton:active, .notsell .cbutton:active{top:0}
.disabled .bbutton, .disabled .bbutton input, .disabled .wbutton, .disabled .wbutton input, .notsell .bbutton, .notsell .bbutton input, .notsell .wbutton, .notsell .wbutton input, .disabled .cbutton, .disabled .cbutton input, .notsell .bbutton, .notsell .bbutton input, .notsell .wbutton, .notsell .wbutton input, .disabled.mbutton, .disabled.mbutton:hover{color:#999; text-shadow:none; cursor:default}
.disabled .bbutton, .disabled .wbutton, .notsell .bbutton, .notsell .wbutton, .disabled .cbutton, .notsell .cbutton, .disabled.mbutton{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#cecece)); background:-webkit-linear-gradient(top, #ddd, #cecece); background:-moz-linear-gradient(top, #ddd, #cecece); background:-o-linear-gradient(top, #ddd, #cecece); background:-ms-linear-gradient(top, #ddd, #cecece); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cecece'); background-color:#ddd\9}
.disabled .cbutton, .disabled .cbutton:hover, .disabled.mbutton{border:1px solid #bbb; top:0}
.buttonrow{clear:both; margin:20 0}
.pagingOption a:hover, .reviewButtonRow .option a:hover{border-color:#55be47; color:#55be47; text-decoration:none; cursor:pointer}
.reviewButtonRow .option a.on:hover{border-color:#333; color:#fff; cursor:default}
.turnon, a.turnon span{border-color:#55be47; color:#000}

/* Product Grid in Product Detail Page */
.productGridWrapper{padding-bottom:45px}
.productGridWrapper h4.heading{margin-top:0}
.productGridWrapper h4 span.notranslate{font-weight:bold}
.productgrid{position:relative; width:1224px; min-height:272px; padding:0; margin:0 -12px; _padding:0 7px}
.productgrid .navigation{width:100%; _width:1230px; height:100%; position:absolute; left:0; _left:-20px; top:0; padding:0; border:none}
.navigation a{position:absolute; z-index:10; display:block; width:35px; height:180px; top:0; text-align:center}
.navigation a span{display:block}
.navigation a .arrowWrapper{position:relative; top:50%; margin-top:-25px; padding:10px 0; border-radius:5px; background-color:rgba(255,255,255,.8); _background-color:#fff; _filter:alpha(opacity=80)}
.navigation a .arrowWrapper span{width:17px; height:31px}
.navigation a:hover .arrowWrapper{background-color:rgba(255,255,255,1); _background-color:#fff; _filter:alpha(opacity=100)}
.navigation a, .productgrid .navigation a .arrowWrapper{_cursor:pointer}
.navigation .previous{left:-3px}
.navigation .next{right:-3px}
.navigation .previous .arrowWrapper{padding-left:8px}
.navigation .next .arrowWrapper{padding-left:10px}
.navigation .previous:hover .arrowWrapper{padding-left:4px}
.navigation .next:hover .arrowWrapper{padding-left:14px}
.navigation .previous .arrowWrapper span{background-position:-23px -534px}
.navigation .previous:hover .arrowWrapper span{background-position:0 -534px}
.navigation .next .arrowWrapper span{background-position:-69px -534px}
.navigation .next:hover .arrowWrapper span{background-position:-46px -534px}
.navigation .disabled{display:none}
ul.grid{width:auto; display:block; text-align:left; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; position:relative; z-index:9}
ul.grid:after{content:""; display:inline-block; width:100%}
ul.grid li{display:inline-block; padding:0; margin:0 12px 0; text-align:center; _float:left}
ul.grid li, ul.grid li a img{width:180px}
ul.grid li a:first-child{font-size:0}
ul.grid a{display:block; position:relative}
ul.grid a.title{text-decoration:none; color:#444; margin:10px 0 5px; line-height:14px}
ul.grid a.brandName{color:#666; margin:11px 0 3px; font-weight:bold; line-height:12px; text-decoration:none}
ul.grid a.brandName:hover, .grid a.title:hover{color:#55be47}
ul.grid .itemPrice{color:#333}
ul.grid .ratingstars{margin-top:8px}
ul.grid .reviewCount a{display:inline-block}
.productgrid .discountBall, .productgrid .newArrivalDiscountBall, .productgrid ul.itemlist li:hover .discountBall, .productgrid ul.itemlist li:hover .newArrivalDiscountBall{top:auto}
.productgrid .discountBall, .productgrid ul.itemlist li:hover .discountBall, .productgrid .newArrivalDiscountBall, .productgrid ul.itemlist li:hover .newArrivalDiscountBall, .threeCols .productgrid .discountBall, .threeCols .productgrid ul.itemlist li:hover .discountBall{bottom:-9px; right:-11px}
.productgrid .discountBall{_top:143px}
.productgrid ul.itemlist li:hover .discountBall{_top:105px}
.headlist{display:none; text-align:center; border-bottom:2px solid #1daa14}
.headlist #historylist{padding:32px 0 25px; width:1200px; margin:0 auto}
.headlist .productGridWrapper{padding-bottom:15px}
.header-bar{height:37px; margin-bottom:8px; text-align:center}
.header-bar ~ .headlist{position:relative; background:#fff; top:-45px}

/* Override The Common Grid */
.productpage h4.heading, .acpage h4.heading{text-transform:none; text-align:left; font-weight:bold; font-size:12px; padding-left:0; line-height:19px}
.productpage .totalNumContainer, .acpage .totalNumContainer{display:inline}
.productpage .productGridWrapper{margin:0; padding:18px 0 0; border-top:1px solid #efefef}

/* Flash Deal */
.flashdealWrapper .red{color:#f22}
.cmsPage .flashdealWrapper{margin-top:45px; margin-bottom:-6px}
.cmsPage .flashdealWrapper ul.itemlist li:hover a .discountBall, .cmsPage .flashdealWrapper ul.itemlist li.itemHover a .discountBall{right:-11px}
.productGridWrapper h4.heading{margin-top:0}
.productpageFlashdeal.flashdealWrapper{width:100%}
.productpageFlashdeal.flashdealWrapper .productGridWrapper{border:none; padding:0}
.productpageFlashdeal.flashdealWrapper .productGridWrapper h4.heading{margin:-1px 0 2px; border:none; font-size:15px; text-align:left}
.productpageFlashdeal.flashdealWrapper .productGridWrapper h4 span.totalNumContainer{position:static}
.productpageFlashdeal.flashdealWrapper .productgrid{left:7px; width:288px; min-height:153px; height:153px}
.productpageFlashdeal.flashdealWrapper .productgrid ul.grid li{margin:0 5px 10px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation a, .productpageFlashdeal.flashdealWrapper .productgrid  ul.grid li{height:134px}
.productpageFlashdeal.flashdealWrapper .productgrid ul.grid li a:first-child{height:134px; background-color:#f6f6f6}
.productpageFlashdeal.flashdealWrapper .productgrid ul.grid li, .productpageFlashdeal.flashdealWrapper .productgrid ul.grid li a img{width:134px}
.productpageFlashdeal.flashdealWrapper .productgrid ul.grid{padding-top:5px; background-color:#fff; height:143px; overflow:hidden}
.productpageFlashdeal.flashdealWrapper:hover .productgrid ul.grid, .productpageFlashdeal.flashdealWrapper:hover .productgrid .navigation, .productpageFlashdeal.flashdealWrapper:hover .productgrid .navigation a, .productpageFlashdeal.flashdealWrapper:hover .tinyajaxloading{height:288px}
.productpageFlashdeal.flashdealWrapper:hover .productgrid ul.grid, .jqZoomWindow{box-shadow:0 2px 5px 0 rgba(0,0,0,0.3)}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation a{width:23px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation a .arrowWrapper{top:51px; margin-top:0}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation a .arrowWrapper span{width:10px; height:21px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .previous{left:0}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .next{right:0}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .previous .arrowWrapper{padding-left:6px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .previous:hover .arrowWrapper{padding-left:3px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .next .arrowWrapper{padding-left:7px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .next:hover .arrowWrapper{padding-left:10px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .previous .arrowWrapper span{background-position:-23px -539px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .previous:hover .arrowWrapper span{background-position:0 -539px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .next .arrowWrapper span{background-position:-76px -539px}
.productpageFlashdeal.flashdealWrapper .productgrid .navigation .next:hover .arrowWrapper span{background-position:-53px -539px}
.productpageFlashdeal.flashdealWrapper .tinyajaxloading .valignElement{top:65px}
.productpageFlashdeal.flashdealWrapper .discountBall, .productpageFlashdeal.flashdealWrapper .newArrivalDiscountBall, .productpageFlashdeal.flashdealWrapper .brandName, .productpageFlashdeal.flashdealWrapper .ratingstars, .productpageFlashdeal.flashdealWrapper .reviewCount, .productpageFlashdeal.flashdealWrapper .fdtitle span{display:none}
.productpageFlashdeal.flashdealWrapper .fdtitle{border:none; padding:0; margin-top:0; display:inline-block; font-size:15px}
.productpageFlashdeal.flashdealWrapper .fdtitle b{font-weight:bold}
.productpageFlashdeal.flashdealWrapper .itemPrice{position:relative; top:-17px; padding:1px 5px 5px; background-color:rgba(255,255,255,.9); _background-color:#fff; border-radius:2px 2px 0 0}
.productpageFlashdeal.flashdealWrapper .grid a.title, .productpageFlashdeal.flashdealWrapper .koreaFlag, .productpageFlashdeal.flashdealWrapper .japanFlag{display:none}

/* My Favorites Page */
#fullWidthContainer{margin:0}
#fullWidthContainer .mainContent{margin:20px 0 0; padding-bottom:30px; min-height:200px}
#fullWidthContainer .seperator{color:#ccc; margin:0 8px 0 9px; top:-1px}
#fullWidthContainer .departmentFilter .seperator{margin:0 15px 0 13px}
#fullWidthContainer .sortingRightBlock{float:right}
#fullWidthContainer .itemlist{position:relative; left:-12px; width:1225px; margin-top:30px}
.titleRowWrapper{_position:relative; _z-index:1000}
.titleRowWrapper .tinyajaxloading{z-index:210; _width:860px}
.titleRow{padding:30px 0 12px; border-bottom:2px solid #666; line-height:15px}
.titleRow .pagetitle, .secondaryText{float:left; margin:0}
.secondaryText{top:3px; margin-left:8px}
.favCount .pulldownIcon{margin:0 0 -2px 3px}
.visitSibling{float:right; margin-right:2px}
.visitSibling .largeGreenArrow{margin:0 0 -3px 6px}
.departmentFilter{padding:18px 20px 7px; border-bottom:1px solid #ddd}
.departmentFilter a{color:#777}
.departmentFilter a:hover{color:#55be47}
.departmentFilter a.selected{color:#222; font-weight:bold}
.brandsWrapper{z-index:200; _width:860px}
.manageBrand{position:absolute; top:30px; _top:14px; left:0; width:100%; padding:18px 0 10px 20px; _border-bottom:1px solid #ddd}
.manageBrand a{text-decoration:none}
.manageBrand .hideMenu{top:-18px; padding:11px 19px 0 19px}
.manageBrand .errorbox{margin-right:20px; margin-top:20px; _margin-top:40px}
.manageBrand h4{margin:0 20px 0 0; padding:0 30px 6px 0; border-bottom:1px dashed #ddd}
.manageBrand h4 .cbutton{font-weight:normal; font-size:12px; margin-left:6px}
.manageBrand h4.historyRecordTitle{margin-top:30px}
.manageBrand ul.nostyle, .manageBrand .noresultWrapper{margin:10px 0 10px}
.manageBrand ul.nostyle{display:flex; flex-flow:row wrap; max-height:160px; overflow-y:auto}
.manageBrand ul.nostyle li{float:left; margin-bottom:3px; width:230px}
.manageBrand ul.nostyle a.visitBrand{position:relative; display:block; margin:0 20px 0 0; padding:8px 0 6px 16px; width:185px\9; white-space:nowrap\9; overflow:hidden\9}
.manageBrand ul.nostyle a.visitBrand .favRibbon{float:left; margin:2px 0 0 -16px}
.manageBrand ul.brandHistory{height:40px; margin-bottom:5px; overflow:hidden}
.suggestedBrands .brandInfo{width:100%; margin:40px 0 0; border-top:1px solid #e0e0e0}
.textLink.seeMoreFromBrand{margin:-30px auto 70px; position:relative}
.textLink.seeMoreFromBrand .floatStyle li{_float:none}
.brandInfo a{cursor:pointer}
#fullWidthContainer .seperator, .secondaryText, .titleRow, .brandsWrapper, .suggestedBrands .brandInfo, .manageBrand ul.nostyle li, .titleRowWrapper{position:relative}
.favRibbon{width:9px; display:inline-block; height:12px}
.favRibbon{background-position:-175px -493px}
ul.nostyle a.favRibbon:hover, ul.brandHistory .favRibbon, .favBrandWrapper .favRibbon{background-position:-160px -493px}
.favBrandWrapper:hover .favRibbon, .favBrandWrapper.active .favRibbon{background-position:-175px -493px}
.manageModeShow, .manageBrand ul.manageModeShow{display:none}
.manageMode .manageModeShow, .manageMode ul.manageModeShow{display:block}
.manageBrand.manageMode a .favRibbon{width:10px; height:10px; border-radius:10px; border:1px solid #777; background-color:#777; background-position:-189px -403px}
.manageBrand.manageMode a:hover .favRibbon{background-color:#55be47; border-color:#55be47}
.manageBrand.manageMode ul.brandHistory a .favRibbon{background-color:#fff; border:1px solid #999; background-position:-173px -403px}
.manageBrand.manageMode ul.brandHistory a:hover .favRibbon{background-color:#55be47; border-color:#55be47}
.brandrecommend .favRibbon{position:absolute; top:5px; left:5px}
#brandlist .favRibbon{margin-bottom:-2px}
.yesStyleStatus .favRibbon{margin:0 0 -2px 3px}
.favBrandWrapper .favRibbon{margin:0 2px -2px 0}
.favBrand a{float:left; text-decoration:none}
.favBrand a.visitBrand{float:right}
.favBrand{line-height:22px; margin:-3px 0}
.favBrand .seperator, #returnSummary .seperator{color:#bbb; margin:0 5px; position:relative; top:-1px; font-weight:normal}
.favBrand .seperator{color:#888; top:1px; margin-left:4px}
.favBrandWrapper.active .seperator, .noFavoriteCount .seperator, .noFavoriteCount .countClass{display:none}

/* Daily Free Gifts Page */
.freeItemBg{background-image:url(http://c.ysi.bz/Assets/res/imgs/frontpage/dailyfreebies/dailyfreebiesbg_en.png); background-repeat:no-repeat}
.appStoreButton, .googlePlayButton{float:left; margin-right:10px; width:148px; height:50px; background:url(http://c.ysi.bz/Assets/res/imgs/promotion/mobileapp/btn-download_en.png) no-repeat}
.appStoreButton{background-position:-1px -1px}
.googlePlayButton{background-position:-151px -1px}
.fullWidthPage{padding-bottom:48px}
.freeItemHeader, .freeItemContent{margin:0 auto 30px}
.freeItemContent{width:1000px}
.fullWidthPage .freeItemHeader{width:100%; height:200px; text-align:center}
.freeItemContent{padding-bottom:10px; margin-bottom:40px; border-bottom:1px solid #ddd; text-align:center}
.freeItemWrapper{text-align:center}
.freeItemCover{position:relative; width:257px; height:257px; margin:0 auto}
.freeItemCover:before{content:""; position:absolute; display:block; width:100%; height:257px; border:5px solid #68ce5b}
.freeItemCover img{width:100%}
.freeItemRibbon{position:relative; z-index:10; width:365px; height:152px; margin:-106px auto 0; background-position:0 0}
.freeItemWrapper, .giftCodeWrapper{float:left; width:50%; padding:0 20px}
.instagramWay, .appWay{float:left; width:47%}
.instagramWay{padding:0 0 0 20px}
.appWay{padding:0 20px 0 0}
.freeItemOr{float:left; width:6%; text-align:center}
.freeItemOr span{display:block; width:31px; height:31px; margin:70px auto 0; background-position:-334px -158px}
.giftCodeWrapper{margin-bottom:20px; padding-top:15px; padding-right:40px; text-align:center}
.freeItemSectionTitle{margin-bottom:18px; color:#55be47; font-size:20px; font-weight:bold; line-height:23px}
.giftCodeWrapper .giftCodeField{font-size:13px; color:#666; background-color:#fff; border:1px solid #ccc; border-bottom:none; border-radius:5px 5px 0 0}
.giftCodeWrapper .giftCodeField.fielderrorbg{border:1px solid #e50}
.giftCodeWrapper .giftCodeField, .giftCodeWrapper .takeMeToFreeItem input{width:100%; padding:15px 10px 14px; text-align:center; left:0}
.giftCodeWrapper .takeMeToFreeItem{width:100%; border-radius:0 0 5px 5px}
.giftCodeWrapper .agreeTermsAndConditions{margin:15px 0 30px}
.giftCodeWrapper a.howToGetGiftCode{display:inline-block; text-decoration:none; color:#55be47; font-size:15px; line-height:16px; font-weight:bold}
.giftCodeWrapper a.howToGetGiftCode:hover{text-decoration:underline}
.giftCodeWrapper a.howToGetGiftCode span{float:left; width:14px; height:14px; margin-right:6px; background-position:-118px -189px}
.giftCodeTitle, .freeItemCover:before, .freeItemWrapper, .giftCodeWrapper, a.howToGetGiftCode, .instagramWay, .appWay, .contentTitle, .contentBody, .productpage .freeItemHeader{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.instagramContent, .appContent{text-align:left; margin-bottom:30px; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); box-shadow:0 1px 3px 0 rgba(0,0,0,0.2)}
.instagramContent{background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/dailyfreebies/qr_instagramyesstyle.gif) no-repeat bottom right}
.contentTitle{position:relative; min-height:72px; padding:16px 75px 16px 15px; font-size:18px; line-height:20px; font-weight:bold}
.contentTitle .dec{margin-top:5px; color:#555; font-size:12px; line-height:14px}
.contentBody{padding:20px 15px 15px; min-height:100px; _height:129px}
.contentTitle .icon{position:absolute; top:10px; right:15px; display:block; width:53px; height:53px}
.instagramContent .contentTitle{background-color:#deb79f; border-bottom:1px solid #bc957d}
.appContent .contentTitle{background-color:#b8f0b2; border-bottom:1px solid #85d069}
.instagramContent .icon{background-position:0 -158px}
.appContent .icon{background-position:-59px -158px}
.contentBody .buttonWrapper{margin-top:15px}
.instagramContent .followInstagram{display:block; width:169px; height:24px; background-position:-118px -158px}
.twoWays, .termsContent, .flatShippingRates{border-bottom:none; margin-bottom:0}
.termsContent, .flatShippingRates{margin:10px auto 40px; text-align:left; padding:0 20px}
.freeItemContent h4{font-size:12px; margin:0 0 15px; padding:0 0 10px; border-bottom:1px solid #ddd}
.decimalList{margin:0 0 20px 18px; *margin-left:23px; padding:0; list-style:decimal; line-height:14px}
.decimalList li{margin-bottom:8px}
.flatShippingRates tr td:first-child{width:300px}
.productpage .freeItemHeader{width:100%; margin:15px 0 -12px}
.productpage .freeItemHeader{padding:9px 10px 10px; text-align:left}
.productpage .freeItemHeader a, .productpage .freeItemHeader a:hover{color:#eff9ff}
.productpage .freeItemHeader, a.floatDailyFreeGifts{color:#eff9ff; background-color:#51b7ef; border-top:4px solid #0082d3}
a.floatDailyFreeGifts .freeItemImageWrapper img{width:56px; height:56px}
.productpage .freeItemHeader .mainTitle{margin:0 auto; font-size:16px; line-height:18px; font-weight:bold}
.productpage .freeItemHeader .subTitle{margin-top:2px; font-size:12px; line-height:14px}
.productpage .freeTodayOnly{color:#51b7ef}

/* Unveil Lazy Load */
.lazyGalleryImage{position:relative; min-height:100px}
.lazyWrapper{position:relative; min-height:32px}
.coverlink .lazyWrapper{position:absolute; top:0; left:0; width:100%; height:220px; background-color:#f6f6f6}
.waveLoader{position:absolute; left:50%; top:50%; margin-left:-26px}
.waveLoader span{display:block; bottom:0; width:9px; height:5px; background:#ddd; position:absolute; -webkit-animation:audiowave 1.5s infinite ease-in-out; -moz-animation:audiowave 1.5s infinite ease-in-out; -ms-animation:audiowave 1.5s infinite ease-in-out; -o-animation:audiowave 1.5s infinite ease-in-out; animation:audiowave 1.5s infinite ease-in-out}
.waveLoader span:nth-child(2){left:11px; -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s}
.waveLoader span:nth-child(3){left:22px; -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s}
.waveLoader span:nth-child(4){left:33px; -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s}
.waveLoader span:nth-child(5){left:44px; -webkit-animation-delay:.8s; -moz-animation-delay:.8s; -ms-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s}
@-webkit-keyframes audiowave{0%{height:4px; transform:translateY(0); background:#ddd}25%{height:20px; transform:translateY(8px); background:#bbb}50%{height:4px; transform:translateY(0); background:#ddd}100%{height:4px; transform:translateY(0); background:#ddd}}
@-moz-keyframes audiowave{0%{height:4px; transform:translateY(0); background:#ddd}25%{height:20px; transform:translateY(8px); background:#bbb}50%{height:4px; transform:translateY(0); background:#ddd}100%{height:4px; transform:translateY(0); background:#ddd}}
@-ms-keyframes audiowave{0%{height:4px; transform:translateY(0); background:#ddd}25%{height:20px; transform:translateY(8px); background:#bbb}50%{height:4px; transform:translateY(0); background:#ddd}100%{height:4px; transform:translateY(0); background:#ddd}}
@-o-keyframes audiowave{0%{height:4px; transform:translateY(0); background:#ddd}25%{height:20px; transform:translateY(8px); background:#bbb}50%{height:4px; transform:translateY(0); background:#ddd}100%{height:4px; transform:translateY(0); background:#ddd}}
@keyframes audiowave{0%{height:4px; transform:translateY(0); background:#ddd}25%{height:20px; transform:translateY(8px); background:#bbb}50%{height:4px; transform:translateY(0); background:#ddd}100%{height:4px; transform:translateY(0); background:#ddd}}
.productGridWrapper .tinyajaxloading .waveLoader{top:92px}
.productpageFlashdeal.flashdealWrapper .tinyajaxloading .waveLoader{top:75px}

/* Loader and Prompt */
.tinyajaxloading, .ajaxblock{width:100%; height:0; display:none; position:absolute; left:0; z-index:20; text-align:center; background-color:rgba(255,255,255,0); _background-color:#fff; _filter:alpha(opacity=0)}
.tinyajaxloading.on, .ajaxblock.on{display:block; top:0; bottom:0; height:auto; background-color:rgba(255,255,255,0.9); _background-color:#fff; _filter:alpha(opacity=90)}
.ajaxblock{width:100%; height:100%; position:abslute; top:0; left:0}
.ajaxblock.on{background-color:rgba(0,0,0,0.3); _background-color:#fff; _filter:alpha(opacity=30)}
.valignParent{-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d}
.valignElement{position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
#ajaxloading, #promptmessage{position:fixed; z-index:999; width:100%; margin:0 auto; text-align:center; border-bottom:1px solid #cdcdcd}
#ajaxloading{top:-41px; padding:20px 0; background-color:#fff}
#ajaxloading .waveLoader{top:22px}
#promptmessage{top:0; padding:12px 0 12px; background-color:#fcfcc2}
#promptmessage .closebutton{top:12px; right:20px}

/* New Visitor Subscribe */
.subscribe{box-shadow:0 -1px 3px rgba(0,0,0,0.7); position:fixed; z-index:199; width:340px; bottom:0; margin:0 15px; text-align:center; right:0}
.subscribe h4{background-color:#000; color:#FFF; padding:5px 30px; margin:0; position:relative; cursor:pointer}
.subscribe .arrow{position:absolute; display:inline-block; right:0; top:3px; margin:7px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid white}
.subscribe h4.open .arrow{border-top:6px solid white; border-bottom:none}
.subscribe a{color:#49BF3E}  
.subscribe .highlight{display:inline-block; font-size:26pt; color:#FFF; margin:-6px 0; vertical-align:middle}
.subscribe .inlineblock{display:inline-block; vertical-align:middle; width:100px; text-align:right}
.subscribe .contentblock{background:#333; overflow:hidden; height:0; -webkit-transition:height 1s; transition:height 1s; color:#FFF}
.newmember{padding:0 15px; position:relative; overflow:hidden}
.newmember .successbox{position:relative; width:100%; top:-200px; animation-name: moveout;  animation-duration: 4s;}
@keyframes moveout{
  0%{top:15px}
  75%{top:15px}
  100%{top:-200px}
}
@keyframes movein{
  0%{top:-200px}
  75%{top:-200px}
  100%{top:15px}
}
.newmember .snsqr{position:absolute; width:100%; top:15px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);animation-name: movein; animation-duration: 4s;}
.existmember{display:none; padding:10px 15px}
.intro.error{padding:8px; background:#f66}
.subscribe .contentblock.open{height:130px}
.subscribe input{border:1px solid #49BF3E; border-radius:5px 0 0 5px}
.subscribe input, .subscribe a.mbutton{padding:6px; line-height:1.2em; vertical-align:middle}
.subscribe a.mbutton{border-radius:0 5px 5px 0; color:#fff}
.subscribe #socialWeb25x25 ul.clearRow, .inblock{display:inline-block; margin:5px}
.snsqr img, .subscribe .inblock{vertical-align:middle}
.subscribe .inblock{width:140px}
.subscribe .successbox{color:#333}
.codearea{background:#55BE47; padding:5px 20px; font-size:11pt; margin-top:-10px}

/* Holiday shopping guide */
p.xpshipping{border-top:1px solid #c2dab0; margin-top:35px; padding-top:10px; position:relative}
.xpshipping i, span.santa{background:url(http://c.ysi.bz/Assets/res/imgs/specialpage/holidayshopping/santa.gif) no-repeat; position:absolute; right:-10px; top:-25px; width:141px; height:24px}
.rhombusBg{list-style:none; margin:0 auto 80px; padding:175px 0; height:586px; text-align:center}
.rhombusBg li{position:relative; display:inline-block; width:168px; height:232px; line-height:232px; text-align:center; margin:-57px 0}
.rhombusBg li.empty{visibility:hidden}  
.rhombusBg li a{border-radius:50%; width:90%; display:inline-block; font-size:16px; line-height:20px; vertical-align:middle; position:relative; z-index:10; padding:90px 0; font-weight:bold; opacity:0}
.rhombusBg li:hover a{opacity:1; color:#FFF}
.rhombusBg li:before, .rhombusBg li:after{position:absolute; display:inline-blcok; content:""; left:0; width:0; height:0; border:84px solid transparent; opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s}
.rhombusBg li:hover:before, .rhombusBg li:hover:after{opacity:1}
.rhombusBg li:before{border-bottom:116px solid green; top:-84px}
.rhombusBg li:after{border-top:116px solid green; top:116px}
.rhombusBg li:nth-child(odd):before{border-bottom-color:red}
.rhombusBg li:nth-child(odd):after{border-top-color:red}   
span.santa{background-position:center right; margin:-10px 5px 0; width:75px; top:auto; right:auto}

.krcatlinks a:before{display:block; content:""; background:url(http://c.ysi.bz/Assets/res/imgs/promotion/paypal/products2014.png) no-repeat; position:relative; z-index:1}

.availabilitynote{padding:15px; margin-bottom:20px; border-radius:5px; color:#31708f; background-color:#d9edf7; border:2px solid #bce8f1}