body{background:#F0F1EF; padding:0; margin:0; -webkit-text-size-adjust:none}
body, td, select, option, input, textarea{font-family:arial; font-size:9pt; color:#333; margin:0}
select, option, input{vertical-align:middle}
form{margin:0; display:inline}
img{border:none; -ms-interpolation-mode:bicubic}
#container, .center, .elitewelcome{text-align:center}
.tocenter{margin:auto}
#frame{text-align:left; width:870px; margin:10px auto}

/* Fix float Height */
#ysHeader:after, #navigationBar:after, #siteItems:after, #content:after, .clearRow:after, dl:after, div.rating:after, .ui-tabs-nav: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{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.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{height:0%}

/* Shared Background */
#searchBlock, ul#navigationBar, ul#navigationBar li a:hover, ul#navigationBar li.on a, ul#navigationBar li.rollover a, #PBYA, a#freeShipping{background-image:url(http://c.ysi.bz/Assets/res/imgs/elements1_en.gif); background-repeat:no-repeat}
#bgTop, #bgBottom{background:url(http://c.ysi.bz/Assets/res/imgs/gbg.gif) #FFF}
#ysHeader, #content, #ysFooter, #header-nav, #processbar{background:url(http://c.ysi.bz/Assets/res/imgs/gbg-bg.gif) #FFF}
a.shoppingBag, span.previous, span.next, span.play, span.pause, a.refresh, #speaker, .speaker, .path .home, .path .child, .yes, .closebutton, .goUp, .goDown, .goLeft, .goRight, .jcarousel-prev, .jcarousel-next, .metallic, .multicolor, .pattern, .ui-slider-horizontal .ui-slider-handle, .magnifier, .ic_shoppingbag, .ic_envelope, .ic_printer{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/tool_icons.gif); background-repeat:no-repeat}
.graphictitle, .viptitle{background-image:url(http://c.ysi.bz/Assets/res/imgs/text/title_en.gif); background-repeat:no-repeat}
#siteItems ul.email, .tellfan{background:url(http://c.ysi.bz/Assets/res/imgs/icons/envelope.gif) no-repeat}
.productpage h4.sectitle, .browsepage h4.sectitle, #peoplestyle h4.sectitle, #browsefooter h5.subtitle, .titleInfo, #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 2011 */
.graphictitle2011, .viptitle2011{background-image:url(http://c.ysi.bz/Assets/res/imgs/text/title2011_en.gif); background-repeat:no-repeat}
.graphictitle2012, .viptitle2012{background-image:url(http://c.ysi.bz/Assets/res/imgs/text/title2012_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}

/* 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{font-weight:normal}
a.help, #leftmenu li a.help, a.explain{cursor:help; color:#363}
a.help{background:url(http://c.ysi.bz/Assets/res/imgs/icons/help.gif) no-repeat center right; padding-right:12px}
#siteItems ul li a, ul#menuItems a, .path a, a.remark, a.help, #leftmenu li a, .actable a, .noline a, .lotinfo a, .reviewer a, .pagingOption a, .pagination a, .pointlinks a, .brand a, .ui-tabs-nav li 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, a.brandfrom, .dropmenu a, ul#reflist a{text-decoration:none}
#siteItems ul li a:hover, ul#menuItems 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, .focusbar a:hover{text-decoration:underline}
a.morelink{margin-top:10px; color:#000; border-bottom:1px dashed #CCC}
.lotinfo b.title{display:block; font-weight:normal}

/* Header */
#userBar{position:relative; height:18px; margin:0 5px -3px; *margin-bottom:-6px; z-index:1}
#welcomeMsg{color:#666; float:left; margin:0 20px 0 0}
#switchLang{float:right; margin:-5px 0 0 20px; position:relative}
#switchLang a{padding:5px; display:-moz-inline-box; display:inline-block; text-decoration:none}
#switchLang a.on{background:#FFF; border:1px solid #EEE; border-bottom:none; font-weight:bold} 
#bgTop{background-position:top; height:5px; font-size:1px; position:relative}
#ysHeader, #ysFooter{padding:0 5px}
#ysLogo{margin:22px 0 16px 20px; float:left}
#headerFunctions{text-align:right; padding:15px 20px 0 0; float:right; width:560px}
ul#menuItems{height:20px}
ul#menuItems li{margin-left:12px; float:right}
ul#menuItems li b{color:#000}
ul#menuItems a.shoppingBag{background-position:-16px -61px; padding-left:15px}
#searchBlock{height:33px; background-position:0 0; text-align:left}
#searchBlock a.freeShipping{width:220px; height:20px; float:left; margin:10px 0 0 20px; position:relative; z-index:1}
#searchBlock .searchBox{text-align:right; padding:10px 0; position:relative; display:block}
#searchBlock input.keyin{border:1px solid #D5DDD4; width:110px}
a#freeShipping.freeShipping{width:213px; height:20px; float:right; background-position:-30px -10px; margin:45px 20px 0}
.disabledAlert{margin:0 5px; padding:20px; background-color:#FCFCC2}
.demo, #noCookie, a.freeShipping span, ul#navigationBar li a span, #PBYA cite, a.refresh span, .scripthide, span.scripthide, input.scripthide, .graphictitle span, .graphictitle span, .graphictitle2011 span, a.home span, .path .child span, .yes span, .closebutton span, #reviewlist .balloon .date, .hidetips, .fans .first .closebutton, #addpop, #popcon, #bagmsg, #savemsg, ul.colorinfo li small, #attrInfo, .empty, .exclusive, .exclusive .item span, .ui-tabs-hide, .newitem 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, #tipsblock .exclusive, #tipsblock .discountBall, #tipsblock .pinfo, #tipsblock .newitem, .carousel .exclusive, .carousel .newitem, .carousel .colorinfo, #peoplestyle .discountBall, #peoplestyle .newitem, #frame .itemlist .colorinfo .multicolor, #frame .itemlist .colorinfo .pattern, .designerLabels .lotinfo .sizes, #commentnewsite span, #paypalcheckout, #storeGallery h2, .viptitle span, .viptitle2011 span, .viptitle2012 span, .announcementheader span, .announcementheader2011 span, #urlfield, #peel span, .iconnew2 span, #refwrap, .superDeal span, #publication .first .itemRange, #navigationBar .dropdown{display:none}

/* Navigation Bar */
ul#navigationBar{margin:0; padding:0 0 0 15px; list-style:none; height:29px; background-position:0 -40px}
ul#navigationBar li a{display:block; height:25px; margin-top:4px}
ul#navigationBar li.on a, ul#navigationBar li a:hover, ul#navigationBar li.rollover a{height:29px; margin-top:0}
li a.women{width:73px}
li a.men{width:53px}
li a.designer, li a.ysexclusives{width:145px}
li a.beauty{width:67px}
li a.jewelry{width:72px}
li a.shoes{width:62px}
li a.bags{width:54px}
li a.accessories{width:98px}
li a.specialoffers{width:112px}
li a.sale{width:51px}
li a.blog{width:53px}
li a.women:hover, li.on a.women, li.rollover a.women{background-position:-15px -76px}
li a.men:hover, li.on a.men, li.rollover a.men{background-position:-88px -76px}
li a.designer:hover, li.on a.designer, li.rollover a.designer, li a.ysexclusives:hover, li.on a.ysexclusives, li.rollover a.ysexclusives{background-position:-141px -76px}
li a.beauty:hover, li.on a.beauty, li.rollover a.beauty{background-position:-286px -76px}
li a.jewelry:hover, li.on a.jewelry, li.rollover a.jewelry{background-position:-353px -76px}
li a.shoes:hover, li.on a.shoes, li.rollover a.shoes{background-position:-425px -76px}
li a.bags:hover, li.on a.bags, li.rollover a.bags{background-position:-487px -76px}
li a.accessories:hover, li.on a.accessories, li.rollover a.accessories{background-position:-541px -76px}
li a.specialoffers:hover, li.on a.specialoffers, li.rollover a.specialoffers{background-position:-639px -76px}
li a.sale:hover, li.on a.sale, li.rollover a.sale{background-position:-751px -76px}
li a.blog:hover, li.on a.blog, li.rollover a.blog{background-position:-802px -76px}
ul#navigationBar li .psissue li{border-bottom:1px dashed #DDD; float:none; margin-bottom:5px; padding-bottom:5px; width:200px}
ul#navigationBar li .psissue li:last-child{border:none; padding:0}
ul#navigationBar li .psissue a, ul#navigationBar li .psissue a:hover, ul#navigationBar li a span.issuename{display:inline; margin:0; background:none}
.psissue, .dropmenu ul{list-style:none; padding:0; margin:0}
.psissue .face, .tickerleft{float:left; margin-right:5px}

/* Dropdown Menu */
.dropdownmenu{padding:9px; background:#FCFCFC; border:1px solid #666; z-index:10}
.dropmenu b.title{color:#333; display:block; padding:0 5px 2px; border-bottom:1px dashed #CCC; margin-bottom:2px}
.dropmenu .category{display:inline-block; vertical-align:top}
.catcol3{width:450px}
.catcol2{width:300px}  
.dropmenu ul.subcat{width:150px; float:left}
.dropmenu:after, .dropmenu ul:after{content:"";display:block;clear:both}
.dropmenu li{float:left; margin:4px 0 0 5px; display:inline; width:140px}
ul#navigationBar li .dropmenu li a, ul#navigationBar li .dropmenu li a:hover{display:inline; height:auto; background:none}
.dropmenu .special{border-right:1px solid #CCC; display:inline-block; vertical-align:top; width:155px; padding-right:5px; height:100%}
.tabbottom{overflow:hidden; height:1px; background:#FFF; position:absolute; z-index:100}
.dropmenu b.title{color:#333; display:block; padding:0 5px 2px; border-bottom:1px dashed #CCC; margin-bottom:2px}

.dropmenu .ysexclusiveColWidth{width:auto; *width:280px; _width:280px; width:280px\9}
.dropmenu .fixright{border-right:none; padding-right:0}
.dropmenu ul.width01{width:140px}
.dropmenu ul.width02{width:120px}
.dropmenu ul.width02 li{width:120px}

/* Checkout Bar*/
#processbar{margin:0; padding:10px 25px; list-style:none; background:#474747; color:#CCC}
#processbar li{float:left; width:15%; text-align:right; border-top:2px solid #CCC; padding-top:3px}
#processbar li.start, #processbar li.pass, #processbar li.on{border-color:#5E4; color:#FFF}
#processbar li.start{font-weight:bold; width:25%; text-align:left}
#processbar li.on{font-weight:bold; color:#5E4}

/* Footer */
#currencyBar{background:#BBB; padding:4px 20px; border-bottom:1px solid #FFF; position:relative}
#currencyBar .starMark{padding-left:20px}
#bgBottom{background-position:bottom; height:15px; font-size:1px}
#siteItems{background:#F3F3F3; padding:10 20}
#siteItems ul{margin:0 25px 0 0; padding:0 0 0 10px; list-style:none; border-left:1px solid #CCC; float:left}
#siteItems ul li{margin:2px 0}
#siteItems ul.first{border:none; padding:0}
#siteItems ul.email{padding-left:26px; background-position:4px 3px; margin-right:0}
#footerRemark{padding:20px 20px 28px}
#footerRemark .starMark, .bagnote .starMark{position:relative; margin-left:-4px}
#poweredBy{position:absolute; margin:10px 0 0 20px; height:50px; right:auto; bottom:auto}
#PBYA {display:-moz-inline-box; display:inline-block; width:155px; height:30px; background-position:-712px 0; vertical-align:middle}
#exposure{padding:10px; background:#F3F3F3; font-size:1px}
#exposure a img{margin:0 8px; border:1px solid #CCC}
#backtotop{position:absolute; text-align:center; z-index:99; bottom:10px; margin-left:870px}
#backtotop a{border:1px solid #CCC; padding:10px 4px 2px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/sw-arrow-n.gif) no-repeat 50% 0 #DDD; display:inline-block}
#cn_entry, #au_entry, #hk_entry, #uk_entry{position:absolute; z-index:99; top:160px; margin-left:-50px}
#couponzone{position:absolute; z-index:99; top:180px; margin-left:-73px}
#floatcol{position:absolute; z-index:99; top:80px; margin-left:870px}
#commentnewsite{position:absolute; z-index:99; width:76px; height:56px; top:45px; margin-left:-60px; background:url(http://c.ysi.bz/Assets/res/imgs/text/comment_en.png) no-repeat 0 0; cursor:pointer}
*html #commentnewsite{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c.ysi.bz/Assets/res/imgs/text/comment_en.png',sizingMethod='image')}
#bcribbon{position:absolute; z-index:99; top:20px; margin-left:-15px}
@media screen{span#backtotop, #ajaxloading, #promptmessage, div#floatcol, a#cn_entry, a#au_entry, a#hk_entry, a#uk_entry{position:fixed}}
#ajaxloading{z-index:99; top:-30px; text-align:center; background:#55be47; padding:4px 10px; color:#FFF; margin:0 auto}
*html #ajaxloading, *html #promptmessage{position:absolute}
#promptmessage, #sessionerror{z-index:999; top:0; text-align:center; background:#FCFCC2; padding:7px 20px; margin:0 5px; width:820px; *width:860px}
#sessionerror{position:relative; margin:-10px 5px 10px}

/* Browse History List */
#historylist{width:60px; background:#FFF; text-align:center; padding-bottom:2px; border-right:1px solid #DDD; border-bottom:1px solid #DDD}
#historylist b.title{display:block; background:#55be47; color:#FFF; margin-bottom:2px; padding:2px}
#historylist img{width:50px; height:50px; margin:2px auto}
a.paypalvoucher{position:relative; display:block; margin:20px 0 0 -2px}

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

/* Common Use */
.subtle, .remark, .tips, .explanation, #eliteTC, .pinfo .title, b.subtitle, #tipslist .date{color:#666; font-family:arial}
.starMark, .mandatory{color:#F60; font-weight:normal}
.normal{font-size:9pt; font-weight:normal; color:#333; font-family:arial}
.pagetitle{margin:0 0 20px; font-size:14pt}
b.title, h4.title, h5.title, #leftmenu #socialweb h5, #leftmenu #socialweb30x30 h5, .frontfilter .filter b{color:#55be47; font-size:10pt; position:relative; background:none}
h5.subtitle{margin:5px 0; color:#666; font-size:9pt}
h4.title, #leftmenu #socialweb h5, #leftmenu #socialweb30x30 h5, #alist h5.q{margin:0 0 10px; font-size:11pt}
.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, .col1 h4.title, h5.q{font-family:CG Omega, Arial}
h5.title{margin:20px 0 5px}
.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{padding:2px 5px; font-size:9pt; margin:0 0 10px 0}
.em{font-size:11pt; color:#333}
.formtable, .actable, .reviewtable, .infotable, .prdtable, .virtable{border-collapse:collapse}
.tips{width:350px; line-height:12pt}
.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{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:2px; display:inline; font-weight:normal}
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}
a.refresh{width:16px; height:16px; background-position:0 -61px; margin-top:54px}
.divide{border-top:1px solid #ECECEC; padding:5px 0}
.first{border:none}
a.help, .nowrap, .dropmenu{white-space:nowrap}
.closebutton{width:13px; height:13px; display:-moz-inline-box; display:inline-block; background-position:0 -109px; position:absolute; top:4px; right:4px; z-index:99; cursor:pointer; font-size:1px}
.closebutton:hover, a.modalCloseImg:hover{background-position:-15px -109px}
.nowrap{white-space:nowrap}
.scaledImage{height:70px; position:relative; cursor:pointer}
.magnifier{background-position:0 -155px; width:16px; height:16px; overflow:hidden; cursor:pointer}
#leftmenu ul, .errorbox ul, ul.colorinfo, ul#menuItems, .ui-tabs-nav, ul.jcarousel-list, ul.pointlinks, #tipslist, .nodir, #qlist ul, .shippingnote ul, #socialWeb ul, #socialWeb30x30 ul, #leftmenu #socialWeb 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}

/* Pop */
a.refresh, .shadow, .explanation, #speaker, .speaker, .dropdownmenu{position:absolute}
#attrInfo{position:absolute; z-index:100; overflow:auto; max-height:400px; border:1px solid #666; *width:100%}
.attrTable{background-color:#FFF; *width:100%}
.shadow{background:#666; -moz-opacity:0.5; opacity:0.50; 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{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{background-position:0 -48px}
.popwb{background-position:0 -37px}

/* Paging */
#itemlist .pagingOption{margin-right:10px}
.pagingRow{margin:5px 0; text-align:right}
#itemlist .pagingRow, #helpresult .pagingRow{border-top:1px dashed #DDD; padding:10px 0 1px}
#itemlist .pagingOption .first, #helpresult .first{border:none; border-bottom:1px dashed #DDD; padding:2px 0 10px}
.itemRange{float:left; margin:0 10px 0 0}
.carousel .itemRange{float:none; margin-bottom:10px}
.pagingOption a, .paging b.on, .pagination a, .controlbar a{padding:1px 3px; border:1px solid #DDD; background-color:#FFF; display:inline-block; vertical-align:middle; -moz-border-radius:2px; font-size:8pt}
.paging b.on, .pagingOption a.on, .pagination li.active a{background:#666; border:1px solid #333; color:#FFF}
span.previous, span.next, span.play, span.pause{display:-moz-inline-box; display:inline-block; vertical-align:middle; width:5px; height:10px; position:relative; overflow:hidden}
span.previous{background-position:0 0}
a:hover span.previous{background-position:-10px 0}
span.next, span.play{background-position:-5px 0}
span.play{margin-left:1px}
a:hover span.next, a:hover span.play{background-position:-15px 0}
span.pause{background-position:-20px 0; width:6px}
a:hover span.pause{background-position:-26px 0}

/* Buttons */
.buttonrow{clear:both; margin:20 0}
.sbutton, .sbutton input, .sbutton span, input.button{background:transparent url(../imgs/buttons/sbutton.gif) no-repeat; line-height:18px; cursor:pointer; text-decoration:none}
.mbutton, .mbutton input, .mbutton span{background:url(http://c.ysi.bz/Assets/res/imgs/buttons/mbutton.gif) no-repeat transparent; line-height:23px; cursor:pointer; text-decoration:none}
.bbutton, .bbutton input, .bbutton span{background:url(http://c.ysi.bz/Assets/res/imgs/buttons/bbutton.gif) no-repeat transparent; line-height:36px; cursor:pointer; text-decoration:none}
.wbutton, .wbutton input, .wbutton span{background:url(http://c.ysi.bz/Assets/res/imgs/buttons/lbutton.gif) no-repeat transparent; line-height:36px; cursor:pointer; text-decoration:none}
.send .mbutton{line-height:25px}
input.button, .sbutton input, .sbutton span, .mbutton input, .mbutton span, .bbutton input, .bbutton span, .wbutton input, .wbutton span{border:none; width:auto; overflow:visible; padding:2px 5px 2px 0; margin:0; color:#EFD; background-position:right; position:relative; left:5px; display:inline-block; *padding:0 5px 0 0; vertical-align:bottom}
.wbutton input, .wbutton span{color:#363}
.sbutton input:hover, .sbutton:hover span, .mbutton input:hover, a.mbutton:hover span, input.searchButton:hover, .cbutton:hover, .bbutton input:hover, a.bbutton:hover, a.bbutton:hover span{color:#FFF; text-decoration:none; cursor:pointer}
.wbutton input:hover, .wbutton span:hover{color:#55be47}
input.searchButton{background-position:right; padding:1px 5px 1px 3px; left:0; *line-height:14px}
.sbutton, .mbutton, .bbutton, .wbutton{background-position:left; display:inline-block; margin-right:5px; vertical-align:middle; padding:2px 0; position:relative}
.bbutton, .wbutton{margin-right:15px; padding:8px 0; font-size:12pt}
.mbutton{padding:3px 0; font-size:10pt}
.mbutton input, .mbutton span{padding:3px 5px 3px 0; font-size:9pt; font-weight:bold}
.bbutton input, .bbutton span, .wbutton input, .wbutton span{padding:8px 15px 8px 0; left:15px; *padding:0 10px 0 0; font-size:11pt; font-weight:bold}
.cbutton, .gbutton, button.cbutton span{border-left:1px solid #DDD; border-right:1px solid #CCC; overflow:visible; padding:2px 0; *padding:0; text-decoration:none}
a.cbutton span, .cbutton input, .gbutton span, button.cbutton span span, .xsbutton{background:#EFEFEF; border:none; border-top:1px solid #DDD; border-bottom:1px solid #CCC; padding:2px 5px; display:inline-block}
a:hover .cbutton, a:hover .cbutton span, .cbutton:hover, .cbutton:hover span, .cbutton input:hover, .pagingOption a:hover, .xsbutton:hover{border-color:#55be47; color:#000; text-decoration:none; cursor:pointer}
.turnon, a.turnon span{border-color:#55be47; color:#000}
.gbutton{border-color:#FFF}
.gbutton span{background:#55be47; border-color:#FFF; color:#FFF}
.gbutton:hover span{background:#000}
button.cbutton{border:none; width:auto; overflow:visible; padding:0; margin:0; background:none; white-space:nowrap; display:inline-block; vertical-align:middle; cursor:pointer; *margin:0 5px}
.disabled .cbutton, .notsell .cbutton{color:#999}
.disabled .cbutton:hover, .disabled .cbutton:hover span, .disabled .cbutton input:hover, .notsell .cbutton:hover, .notsell .cbutton:hover span, .notsell .cbutton input:hover{border-color:#CCC; color:#999}
.disabled .bbutton input, .disabled .bbutton, .notsell .bbutton input, .notsell .bbutton, .disabled .wbutton input, .disabled .wbutton, .notsell .wbutton input, .notsell .wbutton{color:#999; background-image:url(http://c.ysi.bz/Assets/res/imgs/buttons/bbutton-disabled.gif)}
.sbutton input, .sbutton span, #historylist b.title{font-size:8pt}
.xsbutton{border:1px solid #DDD}

/* Small Font */
.remark, .sfont, .tips, #welcomeMsg, #switchLang, ul#menuItems, #searchBlock select, #searchBlock option, #searchBlock input, #currencyBar, #currencyBar select, #currencyBar option, #currencyBar input, #siteItems ul, #footerRemark, #poweredBy, #guarantee, a.help, .helpStatus, .explanation, .headRow .cbutton, #eliteTC, .lotinfo, .lotinfo .title, #converter, #converter input, .helpful, .voted, .option select, .option option, .brandsource, #backtotop, #Checkout .medium, #itemsummary .pinfo, #itemsummary .brand, #itemsummary .title, #secureShopping .msg, #wishlist #itemsummary .sale, #leftmenu, .onService, .dropdownmenu{font-size:9pt}
.xsfont, .xsbutton{font-size:8pt}

/* Error, Success, Warning Box */
.errorbox, .successbox, .warning{background-color:#FFFFF2; border:3px solid #E50; padding:10px 7px; display:block; text-align:left; position:relative; margin-bottom:20px}
.errorbox ul li, .errorurl address{margin:2px 0; color:#E50}
.errorbox 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}
.warning{background:#FCFCFC}
.addedbox{background-color:#FFFFF2; border:1px solid #55be47; padding:10px 7px}
.addedbox p{margin:8px 0 0}
.addedbox .item, #leftmenu ul.category a.on{font-weight:bold; color:#333}

/* Splash Page */
.billboards01{float:left; margin-left:15px}
#s01Slider{width:840px; height:261px; overflow:hidden; position:relative; margin-left:15px}
.sitefeature{position:relative; margin-bottom:5px; padding-top:5px}
.sidelinks, .sidelinks2{text-align:left; margin:40px 0 0 10px}
.sidelinks li a:hover{font-weight:bold}
.focusbar{margin:0 15px 5px; background:#474747; text-align:center; padding:7px 15px}
.focusbar a, .qtypresent a{color:#FFF; text-decoration:none}
.splashfeature .sidepromo{float:left; width:400px; margin-left:15px}
.splashfeature .sidepromo img, .tickerblock{margin-bottom:5px}
.splashfeature .rotating{float:right; margin-right:15px; width:434px}
.featuring{float:right; border:1px solid #CCC; border-right:none}
.featuring img{border:2px solid #E6FBE2}
.splashbrands{background:#DDD; float:right; width:148px; display:inline; height:505px}
.splashbrands ul{list-style:none; padding:0; margin:0}
.splashbrands li{display:inline}
.splashbrands li a{display:block; position:relative; background:#FFF; padding:3px 0; margin:1px 1px 0}
.splashbrands li a img{margin:0 10px; vertical-align:baseline}
.splashbrands li a.on{margin-left:0}
.splashbrands li h4.title{margin:6px 10px}
.splashbrands .morelinks{margin:5px 10px; line-height:15pt}
.splashbrands li a:hover span.overlay, .splashbrands li a.on span.overlay{height:34px}
.splashbrands li a.error{-moz-opacity:0.5; opacity:0.50; filter:alpha(opacity=50)}

/* Splash Top Promotion */
.fallNA{width:147px; height:261px; position:absolute; left:708px; top:0}
.fallr01{position:absolute; top:0; right:60px}
.sidelinks h4.title, .fallNA h4.title2{margin:5px 0; color:#603913; font-size:13pt; letter-spacing:-1px}
.sidelinks h4.title .iconnew {height:13px; width:29px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/new.png) no-repeat; display:-moz-inline-box; display:inline-block; overflow:hidden; vertical-align:middle}
.sidelinks li a, .sidelinks li a:hover{color:#603913}
.sidelinks .pointlinks li{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/bullet_603913.gif)}
.iconnew2, ul#navigationBar li a span.iconnew2 {height:13px; width:29px; margin:-2px 0 0 3px; *margin-top:0;  background:url(http://c.ysi.bz/Assets/res/imgs/icons/new.gif) no-repeat; display:-moz-inline-box; display:inline-block; overflow:hidden; vertical-align:middle}

/* 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:8pt; display:block}

/* Account */
.acpage{padding:20 25px}
.acpage h5{border-bottom:2px solid #999; padding-bottom:3px; font-size:11pt}
.acpage .leftCol, .acpage .rightCol{width:49%}
.signin .leftCol{width:410px}
.signin .rightCol{width:370px; border-left:1px solid #DDD; padding-left:20px; margin-left:19px}
#signin{margin-bottom:20px}
#signin .tips{width:140px; *width:150px}
.savelatersignin{border:1px solid #55be47; padding:10px; margin-bottom:10px; font-weight:bold; background:#F0FBEE}
.personalForm .tips{width:240px}
#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 0 20px; width:130px}
#leftmenu li{margin-bottom:15px}
#leftmenu li a, .dropmenu a{color:#555}
#leftmenu ul ul li{margin:2px 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{float:right; width:670px; margin-bottom:40px}
.actable th{background:#EEE; padding:2px 10px; vertical-align:bottom; font-size:9pt; color:#555}
.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}

/* Currency Reminder */
.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}
tr.grandTotal td, .grandTotal{font-weight:bold; font-size:12pt}
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:180px; *width:190px}
.decZero{margin:0; padding-left:30px; list-style-type:decimal-leading-zero}
.decZero li{margin-bottom:20px}
.orderfrom{margin-top:8px}

/* Elite Club */
#eliteclubtable, #elitePage .pageheader, #elitePage .pagefooter, .eliteCard, span.silvercard, span.goldcard{background-image:url(http://c.ysi.bz/Assets/res/imgs/bg/eliteClub.gif); background-repeat:no-repeat}
.elitewelcome .graphictitle, .graphictitle2011{background-position:0 0; height:30px; width:459px; margin:0 auto; display:block}
.elitewelcome .viptitle, .elitewelcome .viptitle2011, .elitewelcome .viptitle2012{background-position:0 -30px; width:436px; margin:0 auto; display:block; height:30px}
#eliteclubtable{background-position:-16px -148px; width:648px; height:380px}
#eliteclubtable dl{font-size:11pt; height:42px; padding:0; margin:0 0 5px 0}
#eliteclubtable dl.title{margin:0; padding:0; height:115px; font-size:9pt}
#eliteclubtable dl.title dt, #eliteclubtable dl.title dd{visibility:hidden}
#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:115px; font-weight:bold; color:#666}
#eliteclubtable dd{width:148px; margin:0; padding:8px 13px 8px 0; text-align:center; *width:161px}
#eliteclubtable dl.title dd{color:#DDD; padding:0 17px 0 0}
#memberstatus{background:#F0FBEE}
#eliteclubtable dl a{font-size:12px; font-weight:bold}
#eliteclubtable .vip2010{color:#55BE47; width:469px; height:37px; line-height:30px; margin-left:115px; font-size:12pt; font-weight:bold}
#memberstatus .divide{float:left; border-top:none; border-left:1px solid #D7F2D2; padding:18px 8px 0}
#eliteTC h6{margin:20 0 5px; font-size:9pt}
.bordertable th{text-align:left; font-size:9pt; background:#ECECEC}
.bordertable th, .bordertable td{padding:2px 5px; border:1px dotted #ECECEC; border-width:0 1px 1px 0}
#elitePage{background:#F5FCF4; padding:10px 70px; text-align:center; margin:0 5px}
#elitePage .pageheader{background-position:50% 0; height:85px; margin:0}
#elitePage .pagefooter{background-position:50% -128px; height:20}
#elitePage .pagecontent, #elitePage .vipcontent{background:url(http://c.ysi.bz/Assets/res/imgs/bg/eliteClub-bg.gif) repeat-y; margin:0 auto; padding:10px 30px; text-align:left}
#elitePage .vipcontent{padding:0}
#elitePage .vipinfo{margin:0 10px; 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.silvercard, #elitePage span.goldcard{background-position:-341px -531px; float:left; margin-right:22px; display:block; width:143px; height:90px}
#elitePage span.goldcard {background-position:-484px -531px}
#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 -531px}
.silver, .ys_silver{background-position:-114px -531px}
.gold, .ys_gold{background-position:-228px -531px}
#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}

/*  Browse Path */
.path{padding:12px 0}
.path a.on{font-weight:bold}
.path a.home, .path .child{display:-moz-inline-box; display:inline-block; vertical-align:middle}
.path a.home{background-position:0 -77px; width:17px; height:17px}
.path .child{background-position:-17px -82px; width:4px; height:8px; margin:0 3px}
.availabilityshow {color:#555; font-size:8pt}
.availabilityshow a {margin-right:1px; padding:0 9px 0 4px; color:#555; background:url(http://c.ysi.bz/Assets/res/imgs/icons/option-tick.gif) no-repeat right #FFF;}
.availabilityshow a:hover{text-decoration:underline; background:url(http://c.ysi.bz/Assets/res/imgs/icons/option-cross.gif) no-repeat right #FFF;}
.availabilityshow a.clearall {padding:0; text-decoration:underline; background:transparent}
/*  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}

/* Help Page  */
#helpcontent, #aboutuscontent{padding-right: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; border:1px solid #DDD}
#helpsearch h4.title{margin:0}
#helpresult{padding:10px 20px; border:1px solid #DDD; border-top:none}
#helpresult h3.pagetitle, #faq h3.pagetitle{margin:5px 0}
#faq h3.pagetitle{font-size:12pt}
#faq #qlist{margin-bottom:5px}
#faq li{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; width:315px; margin:0 10px 20px 0}
*html #faq li{display:inline}
#faq ul li{display:block; width:auto}

/* Help Contact */
.contactinfo{float:left; width:47%}
.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:9pt; margin:5px 0; height:16px}
.onService{margin-bottom:5px}
.contactform{float:right; width:340px}
.contactform td{padding:5px 0}
.contactform input{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:9pt; 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}

/* About Us */
#aboutuscontent .helpStatus{font-size:9pt}
#aboutuscontent .dedicate dt{width:33%; color:#060}
#aboutuscontent .dedicate dd{width:65%}
#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}
.partnersList dl{margin:30px 0}
.partnersList dt{float:left; width:140px; margin-right:20px}
.partnersList dd{float:left; width:510px; margin:0}
.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{padding:0 5px 40 25px}
#browseContent{float:right; width:690}
#leftmenu h4.title, #leftmenu #socialweb h5, #leftmenu #socialweb30x30 h5, .frontfilter .filter b{margin:0 0 5px 0}
#leftmenu #socialweb h5, #leftmenu #socialweb30x30 h5{padding-top:5px; border-top:1px solid #DDD; margin-right:-10px}
#leftmenu b{font-size:9pt}
#leftmenu .featurebrands{position:relative; border:1px solid #DDD; border-left:none; padding:0; background:#FFF}
.empty{position:absolute; right:0; top:4px; font-size:7pt}
.filter{position:relative; margin-bottom:25px}
.filter b{padding-right:15px; display:block; margin:0 -10px 5px 0}
#leftmenu ul .featurebrands li{margin:0}
.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{max-height:200px; overflow:auto; border:1px solid #DDD; border-width:1px 0; 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:url(http://c.ysi.bz/Assets/res/imgs/icons/option-box.gif) no-repeat 0 3px; 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-image:url(http://c.ysi.bz/Assets/res/imgs/icons/option-filled.gif)}
.brandselection li a.disabled, .availabilityselection li a.disabled, li.listoption a.disabled, .regionfilter li a.disabled, .sizeselection li a.disabled{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/option-disabled.gif)}
.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{background:url(http://c.ysi.bz/Assets/res/imgs/bg/title-bar.jpg) repeat-y top left}
.hl_collections h4.title{padding-top:5px; margin:0 0 -10px; color:#333}
.hl_collections .toRight{right:10px}
.relatedpromotion{padding:10px 11px; position:relative; background:url(http://c.ysi.bz/Assets/res/imgs/bg/promotion-bg.gif) repeat-x top left #f5fcf4}
.relatedpromotion h4.title{position:static; font-size:12pt; margin-bottom:0; text-decoration:underline}
.relatedpromotion .offerintro{margin-top:8px}
.offerintro ul.noIndent, .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:#FCFCC2; padding:10px; text-align:center}
#itemlist #noresult{margin-right:10px}
.bottomMore{margin-right:20px; text-align:right}

/* Brand Header */
#brandheader{border:1px solid #DDD; border-right:none; position:relative; z-index:2}
#brandheader .description{margin:10px; overflow:hidden}
.brandfrom{background:#FFF; -moz-opacity:0.8; opacity:0.80; filter:alpha(opacity=80); position:absolute; right:0; padding:2px 5px; border:1px solid #DDD; border-width:0 0 1px 1px; -moz-border-radius:0 0 0 5px}
.brandimg{margin-top:10px}
.hidebuttons{background:#999; padding:1px; text-align:center; display:none; text-decoration:none}
.hidebuttons:hover span{text-decoration:underline}
.hidebuttons .readmore, .hidebuttons .close{background:no-repeat center right; text-decoration:none; color:#FFF; padding-right:20}
.hidebuttons .readmore{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/sw-arrow-s.gif)}
.hidebuttons .close{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/sw-arrow-n.gif); display:none}
.onread .close{display:inline}

/* Brand List */
.brandlistheader{font-size:14pt; padding:10px; margin:0; background:#55be47; color:#FFF; text-transform:uppercase}
#brandlist{border:1px solid #DDD; border-right:none; padding:10px 20px 0 10px; 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 -80}
#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 -160}
#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 -240}
#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 -320}
#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 -400}
#brandlist li.Z .index{background-position:0 -416px}
.iconsale, .iconnew, .icon50off{background:url(http://c.ysi.bz/Assets/res/imgs/text/texticon_en.gif) no-repeat; display:-moz-inline-box; display:inline-block; overflow:hidden; vertical-align:middle; height:12px; width:29px; background-position:0 0}
.iconnew{background-position:0 -50px}
.icon50off{width:38px; background-position:0 -100px}

/*Search Result Message */
#resultmessage{padding:10px; font-size:14px; background:#ECECEC; margin:0 10px 10px 0}
#resultmessage .alerticon{display:block}
#fuzzysearch{margin-top:10px}
#lucene{margin-top:8px; font-size:9pt}
ul.inline li{float:left; margin-right:20}
#matchedbrand{border:1px solid #DDD; padding:10px; margin:0 10px 20px 0}

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

/* Tabs */
.ui-tabs-nav{position:relative; margin-bottom:-1px}
.ui-tabs-nav li{float:left; padding:2px 10px; margin:3px 2px 0 0; background:#ECECEC; border:1px solid #DDD; border-bottom:none; font-weight:bold; position:relative; z-index:1}
.ui-tabs-nav li.ui-tabs-selected{background:#FFF; padding:4px 10px; margin-top:0}
.ui-tabs-nav li.ui-tabs-selected a{color:#000}
.ui-tabs-panel{border:1px solid #DDD; padding:5px}

/* 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}

/* Browse Page Item List */
#itemlist{border:1px solid #DDD; border-right:none; padding:10px}
#browseoption{display:block; background:#ECECEC; padding:5px; margin:0 10px 10px 0}
ul.itemlist{margin:20px 0 10px; padding:0; list-style:none}
ul.itemlist li{width:157px; margin:0 10px 18px 0; text-align:left}
ul.itemlist .remark{color:#999}
ul.itemlist .exclusive{position:absolute; left:0; top:125px}
ul.itemlist .exclusive .item{top:15px}
.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:20px 20px 5px 0}

/* Slider */
.rangeselection{font-size:8pt; margin-top:5px}
.ui-slider{position:relative; text-align:left; margin:5px 5px 20px}
.ui-slider .ui-slider-handle{position:absolute; z-index:2; width:10px; height:15px; cursor:default}
.ui-slider .ui-slider-range{position:absolute; z-index:1; font-size:5px; display:block; border:0}
.ui-slider-horizontal{height:5px; border:1px solid #DDD; background:#CCC; font-size:5px}
.ui-slider-horizontal .ui-slider-handle{top:-3px; margin-left:-5px; background-position:-22px -77px}
.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}

/* Front Page */
.browsepage h4.sectitle{position:relative; width:670px; font-size:13pt}
h4.sectitle strong{font-size:15pt}
.imgHighlight{width:670px; padding-bottom:30px}
.imgHighlight .rightCol img{margin-bottom:2px}
.featureblock{background:url(http://c.ysi.bz/Assets/res/imgs/bg/featureblock-bg.jpg) repeat-y; border:1px solid #DDD; margin:-9px 0 30px}
.frontpage .featureblock{margin-right:20px}
.featureblock .brandrecommend, .featureblock .brandrecommend ul{background:url(http://c.ysi.bz/Assets/res/imgs/bg/featureblock.jpg) no-repeat}
.featureblock .brandrecommend{background-position:0 120%; margin:0}
.featureblock .brandrecommend ul{background-position:0 -20px; padding:10px}

/* Loopded Slider */
#loopedSlider .container{width:387px; height:364px; overflow:hidden; position:relative; cursor:pointer}
.slides{position:absolute; top:0; left:0}
#loopedSlider .slides div{position:absolute; top:0; width:387px; display:none}
.pagination{position:absolute; bottom:0; list-style:none; margin:0; padding:2px 4px; -moz-opacity:0.8; opacity:0.80; filter:alpha(opacity=80); background:#AAA}
.pagination li{display:inline}
.pagination li a{padding:1px 5px; font-weight:bold}
#s01Slider .pagination{font-size:6px; background:transparent; top:2px; left:10px; height:15px}
#s01Slider .pagination li a{padding:1px 3px; font-size:7px; font-weight:normal; background:#666; border-color:#CCC; color:#FFF}
#s01Slider .pagination li a:hover{background:#CCC; color:#000}
#s01Slider .pagination li.active a{background:#000; border-color:#CCC}

/* Product Page */
.productpage{padding:20px 25px 40px}
.brandsource{float:right; padding:1px 3px; background:#F6F6F6; margin-left:10px; color:#999; text-decoration:none}
.property h3.brand{margin:0; padding:5px 20px 0; font-size:13pt}
.productpage .sideInfo{width:340px}
.productpage .property{float:left; width:480px}
.property b.ptitle{padding:2px 20px 10px; display:block; font-weight:normal}
.nobuyinginfo{margin:20px; font-weight:bold}
.buyinginfo .infotable{margin:10px 0 0 20px}
.buyinginfo .infotable td{padding:2px 10px 2px 0; vertical-align:top}
.buyinginfo .infotable td .actable td, .buyinginfo .actable th{padding:2px 10px}
.buyinginfo .infotable select{overflow:hidden; max-width:370px; *width:270px}
.buyinginfo .pricetable{float:right; border-collapse:collapse}
.buyinginfo .pricetable td{padding-left:5px}
.buyinginfo .discountBall, .buyinginfo .campaignicon, .buyinginfo .superDeal{position:static; float:right; margin-left:5px}
.pricetable .refprice{font-weight:bold}
.eliteprice .inside, .unitprice .inside{margin:4px 0 4px 20px; padding:5px 0; border-bottom:1px dashed #DDD; background-position:center}
.eliteprice .inside{color:#55be47}
.deliverformula{margin:20px 0 0 20px}
.deliverformula .explanation{width:240px}
.eliteprice h5, .unitprice h5{font-size:10pt; margin:2px 0; white-space:nowrap}
.unitprice h5{font-weight:normal}
.finalprice{font-size:18pt}
#bigImage{padding:10px; background:#999; text-align:center; position:relative}
#bigImage .exclusive{margin:-10px auto -6px}
#fewleft{color:#F60}
.gallerybutton{margin:5px 0 0; position:relative}
#writeholder ol li{margin-bottom:10px}
#converter{background:#F2F2F2; border:1px solid #ECECEC; margin-top:5px; padding:2px 5px; float:left}
.shippingnote ul li, .coupondetail li{margin-bottom:4px; padding-left:8px; background:url(http://c.ysi.bz/Assets/res/imgs/icons/point.gif) no-repeat 0 6px}
#brandnote h5.subtitle{margin-top:15px}
#brandnote p, #editornote p{margin:5px 0 15px}
#brandnote .description{overflow:hidden}
#brandnote .hidebuttons{background:#ECECEC}
#brandnote .hidebuttons .readmore, #brandnote .hidebuttons .close{color:#363}
#editornote p{margin-bottom:30px}
#specialdeal p{margin:0 0 15px}
.paper h4.sectitle{margin-bottom:0}
#specialdeal h4.sectitle{margin-bottom:0; background-color:#55be47; color:#FFF}
.extraInfo .paper .intro, #cnwelcome .paper .intro{padding:10px; border:1px solid #EFEFEF; border-top:none}
#specialdeal{border-color:#55be47; margin-bottom:20px}
#specialdeal .virtable{margin:2px 0 12px}
#specialdeal .floatRight img{margin-left:10px}
.extraInfo .paper, .extraInfo #specialdeal, 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}
.editornote .intro{margin:0 20px}
.shippingnote ul{margin:10px 0 10px 20px}
.facebooklike{width:100%; overflow:hidden; height:25px; margin:-5px 0}
.buyinginfo{display:block; margin:0 0 10px; padding:0 0 10px; border:1px solid #ECECEC; border-width:0 0 1px}
.buyinginfo select.alert{border:2px solid #F60}
.socialblock{border-top:1px solid #ECECEC; padding:10px 0 10px 20px; position:relative; *display:inline}
.socialblock .floatLeft, .socialblock .floatRight{width:49%}
.socialblock h5{margin:0 0 2px}
.socialblock .relatedlink, .socialblock .ratinginfo{margin-bottom:12px}
.tellfan{font-weight:bold; text-decoration:none; padding-left:24px; background-position:center left}
.basicInfo{margin-bottom:20px; z-index:2}
.formbox{background:#FCFCFC; padding:20px; border:1px solid #ECECEC}
.sizechartable{border:4px double #ECECEC}
.tabblock{margin-bottom:20px}
#cartbutton{padding-left:20px}
.actable .title{font-weight:bold; color:#666; padding-top:10px}
.actable .subtitle{text-decoration:underline}
.branditemlink{margin:15px 0 20px}
.differnote{text-align:left; color:#FFF; margin-top:5px}
.onesize{border:1px #FC0 solid; padding:3px 5px; margin:10px 0}

/* Video */
.videoItem{position:relative; display:block}
.videoItem img{float:left; margin-right:10px}
.videobutton{display:block; width:160px; height:90px; position:absolute; left:0; *left:-170px; background:url(http://c.ysi.bz/Assets/res/imgs/clip/playbutton.png) no-repeat}
*html .videobutton{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c.ysi.bz/Assets/res/imgs/clip/playbutton.png',sizingMethod='image')}
a:hover .videobutton{background-image:url(http://c.ysi.bz/Assets/res/imgs/clip/playbutton_on.png)}
*html a:hover .videobutton{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c.ysi.bz/Assets/res/imgs/clip/playbutton_on.png',sizingMethod='image'); cursor:pointer}

/* Gallery */
#thumbnail{padding:8px 5px; background:#ECECEC; text-align:center}
#mImage{display:none; position:absolute; background-repeat:no-repeat}
.jqzoom{display:block; width:320px; height:320}
.jqthumb{width:50px; height:50px; display:-moz-inline-box; display:inline-block; margin:2px; border:3px solid #CCC}
#thumbnail .on{border-color:#999}
div.jqZoomTitle{text-align:center; position:absolute; top:0; left:0; width:100%; color:#FFF; background:#999}
.jqZoomPup{overflow:hidden; background-color:#FFF; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60); z-index:10; border:1px solid #c4c4c4; cursor:crosshair}
.jqZoomPup img{border:0}
.preload{-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); border:1px solid #CCC; background-color:white; padding:8px; text-align:center; width:90px; z-index:10; position:absolute}
.jqZoomWindow{border:none}
.detailgallery{margin-bottom:40; overflow:hidden; width:100%}

/* Tell Friend */
.sendtofriend .intro{width:100%; position:relative}
.intro .closebutton{top:-10px; right:-10px}
.fans .row .closebutton{position:static}
.fans .row{display:block; margin-top:5px}
.fans .first{margin:0}

/* 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, .jcarousel-next-vertical:hover{background-position:-16px -130}
.goLeft, .goRight, .jcarousel-prev-horizontal, .jcarousel-next-horizontal{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:9pt}
.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:3px 0; display:block; color:#666}
.sale, a.sale, #leftmenu li a.sale{color:#F60; white-space:nowrap}
.refprice{color:#363; text-decoration:none}
.pinfo .listprice{color:#333}
.carousel ul li, 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}
.carousel ul  li{width:154px; margin:0 2px 10px; text-align:center}
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, .designerLabels .discountBall{top:85px; left:100px}

/* 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}
.brandblock .brandrecommend ul{margin:0 20px}
.bottombrandlink{margin:0 auto 30px; padding:10px 30px; border:1px solid #DDD; text-align:center; background-position:bottom center}
h4.featurebrand{background:#55be47; color:#FFF; padding:2px 10px; margin:0; font-size:11pt}
.brandrecommend{margin:2px 0}
.brandrecommend ul li{float:left; position:relative; width:152px; margin:2px 5px; display:inline}
.tabblock .brandrecommend ul li{margin:2px 4px; width:153px}
.brandrecommend ul li a{display:block; text-align:center; border:1px solid #EAEAEA; border-color:#E6FBE2 #AEE0A6 #AEE0A6 #E6FBE2; background:#FFF; padding:5px 0; height:28px; *height:40px}
.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:40px; 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:40px; background-color:#E6FBE2; border:1px solid #EAEAEA; border-color:#E6FBE2 #AEE0A6 #AEE0A6 #E6FBE2}
.brandrecommend ul li a.listmore{text-decoration:none; font-weight:bold; border:none; background:none; padding:0; height:auto}
.brandrecommend .iconsale, .splashbrands .iconsale, .brandrecommend .iconnew, .splashbrands .iconnew, .brandrecommend .icon50off, .splashbrands .icon50off{position:absolute; right:-1px; width:38px; height:38px; background-position:0 -12px; display:block; vertical-align:baseline}
.brandrecommend .iconsale{bottom:0}
.splashbrands .iconsale{top:-1px}
.brandrecommend .iconnew{ background-position:0 -62px; bottom:0}
.splashbrands .iconnew{ background-position:0 -62px; top:-1px}
.brandrecommend .icon50off{ background-position:0 -112px; bottom:0}
.splashbrands .icon50off{ background-position:0 -112px; top:-1px}

/* Color Information */
ul.colorinfo li{display:-moz-inline-box; display:inline-block; width:10px; height:10px; margin:2px 0; border:1px solid #CCC; position:static; *width:12px; *height:12px}
#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}

/* Discount Bubble */
.discountBall{width:37px; height:37px; position:absolute; background:url(http://c.ysi.bz/Assets/res/imgs/icons/discountball.png) no-repeat center; right:0; top:105px; text-align:center; vertical-align:middle}
*html .discountBall{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c.ysi.bz/Assets/res/imgs/icons/discountball.png',sizingMethod='image')}
.discountBall td{line-height:10pt; font-size:10pt; vertical-align:middle; white-space:normal; padding:0 3px; font-weight:bold; color:#FFF}
.campaignicon{position:absolute; right:0; top:68px}
.isSoldOut{background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/soldoutball.png)}
.isSoldOut td{font-size:9pt}

/* New Item */
.newitem{width:31px; height:31px; position:absolute; background:url(http://c.ysi.bz/Assets/res/imgs/icons/cover-new.gif) no-repeat center; left:0; top:0}

/* Super Deal icon */
.superDeal{width:47px; height:47px; position:absolute; background:url(http://c.ysi.bz/Assets/res/imgs/icons/superdeal_en.png) no-repeat center; right:-1; top:98px; text-align:center; vertical-align:middle}
*html .superDeal{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://c.ysi.bz/Assets/res/imgs/icons/superdeal_en.png',sizingMethod='image')}
.superDeal td{line-height:9pt; font-size:9pt; vertical-align:middle; white-space:normal; padding:10px 0 0 10px; *padding-left:12px; font-weight:bold; color:#FFF}

/* Customer Review */
.reviewRow{margin:15px 0}
.reviewer, .reviewRow .lotinfo{float:left; width:180px; margin-top:5px}
.reviewRow .lotinfo{margin-top:0}
.reviewer a b{color:#333; text-decoration:none}
.contentBox{float:right; width:640px}
.balloon{position:relative; *width:100%}
.balloon .speaker{left:-12px}
.balloon .date{float:right}
.helpful{clear:both; margin:5px 0; text-align:right}
.yes{width:13px; height:15px; display:-moz-inline-box; display:inline-block; background-position:0 -94px; vertical-align:middle}
.yes:hover{background-position:-15px -94px}
.reportForm{font-size:9pt; position:relative}
.reportForm h4.sectitle{margin:0; border:1px solid #DDD; border-bottom:none}
.reportForm .row{margin:5px 0}
.reportThis{border:1px solid #DDD; padding:20px; margin-bottom:20px}
.reviewRow .cover{border-color:#DDD}

/* 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}

/* People Style */
#peoplestyle{margin:0 5px}
#outfit{padding:20px}
#outfit .leftCol{width:418px}
#outfit .rightCol{width:390px}
#outfit .header{font-size:10pt; margin:0 0 5px}
.navigation{text-align:center; border-bottom:1px solid #333; margin-bottom:15px}
.navigation .clearRow{display:table; margin:0 auto}
.navigation img{border:1px solid #DDD}
.navigation a{float:left; width:72px; height:72px; margin:0 2px; vertical-align:middle}
.navigation .on{border:1px solid #333; border-bottom:none; padding:5px; background:#FFF; position:relative; margin:-5px 2px -1px}

/* Slide Show */
#slideshow, .outfitdescription{margin-bottom:15px}
#slideshow .container{width:418px; height:594px; overflow:hidden; position:relative; cursor:pointer}
.slides{position:absolute; top:0; left:0}
#slideshow .slides div{position:absolute; top:0; width:418px; display:none}
#slideshow .controlbuttons{width:100%; visibility:hidden}
#slideshow .controlbuttons a{position:absolute; height:100%}
.controlbuttons a img{margin-top:275px}
#slideshow a.next{right:0}
#psoptions{padding:10px; background-color:#ECECEC}

/* PS Product Selection */
.thumbselection, .vdivide{background:url(http://c.ysi.bz/Assets/res/imgs/bg/vertical-divide.jpg) no-repeat 0 0}
.thumbselection{float:right; width:74px; text-align:center; padding-left:5px; position:relative}
.thumbselection img{border:2px solid #FFF}
.thumbselection .on img, .thumbselection a:hover img{border-color:#AAA; border-left-width:7px; margin-left:-5px; position:relative; z-index:1}
.vdivide{height:50px; width:5px; position:absolute; left:0; bottom:0; background-position:bottom left}
#productselection .lotinfo{padding-top:2px; width:300px}
#productselection .lotinfo .cover{border:none}

/* Suggestions */
#peoplestyle .suggestions h4.sectitle{background:none; font-size:13pt; color:#55be47; margin-bottom:5px}
#peoplestyle ul.itemlist{margin:0}
#peoplestyle .itemlist li{width:90px; margin:0 7px 0 0; display:block; float:left}
#peoplestyle .itemlist .colorinfo li{margin:0; width:10px; *width:12px}
#peoplestyle .itemlist .lotinfo img{width:90px; height:90px}

/* Shopping Bag */
#shoppingbag .successbox, #wishlist .successbox{margin:-20px -20px 20px; border-width:0 0 3px; padding:15px 20px; *width:860px}
#wishlist .sendtofriend .successbox{margin:0 0 20px; border-width:3px; width:auto; padding:10px 7px}
#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}

/* 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:9pt}
#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:9pt; 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:8pt; text-align:justify}
#BizRate h5{background:#666; color:#FFF; font-size:9pt; 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:8pt; 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:8pt; 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 */
.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 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}

/* Rating Star */
.rating, .r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10{display:-moz-inline-box; display:inline-block;background:url(http://c.ysi.bz/Assets/res/imgs/icons/2stars.gif) repeat-x 0 0; height:11px; font-size:1px; overflow:hidden}
.rating{width:55px; background-position:0 -11px; vertical-align:middle}
.r1{width:6px} .r2{width:11px} .r3{width:17px} .r4{width:22px} .r5{width:28px}
.r6{width:33px} .r7{width:39px} .r8{width:44px} .r9{width:50} .r10{width:55px}

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

/* Bookmark and Share's icons */
.property #socialWeb{margin-bottom:15px}
#socialWeb .address {margin-top:5px; position:relative;}
#socialWeb h5, #socialweb30x30 h5{color:#666; font-size:9pt; margin:0 0 5px}
#socialWeb input{border:1px solid #CCC; display:block; font-size:7pt; width:100%;}
#socialWeb li{float:left; margin:0 3px 3px 0;}
#socialWeb li a, #ic_facebookfan, #ic_twitterfan, #ic_yesstylistfan, #ic_weibofan{display:block; width:16px; height:16px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos.gif); background-repeat:no-repeat; zoom:1}
#socialWeb li a, #ic_facebookfan2, #ic_twitterfan2, #ic_yesstylistfan2, #ic_weibofan2{display:block; width:30px; height:30px; margin-bottom:2px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos30x30.gif); background-repeat:no-repeat; zoom:1}
#socialWeb li a span{display:none}
#socialWeb30x30 li{float:left; margin:0 2px 3px 0;}
#socialWeb30x30 li a, #ic_facebookfan30x30, #ic_twitterfan30x30, #ic_sina30x30{display:block; width:30px; height:30px; background-image:url(http://c.ysi.bz/Assets/res/imgs/icons/weblogos30x30.gif); background-repeat:no-repeat; zoom:1}
#socialWeb30x30 li a span{display:none}

#ic_facebookfan2, #ic_facebook30x30{background-position:0px}
#ic_twitterfan2, #ic_twitter30x30{background-position:-30px}
#ic_yesstylistfan2{background-position:-150px}
#ic_weibofan2{background-position:-120px}

#ic_digg30x30{background-position:-60px}
#ic_buzz30x30{background-position:-90px}
#ic_sina30x30{background-position:-120px}
#ic_blinklist{background-position:0}
#ic_cyworld{background-position:-16px}
#ic_daum{background-position:-32px}
#ic_delicious{background-position:-48px}
#ic_digg{background-position:-64px}
#ic_facebook{background-position:-80}
#ic_fc2{background-position:-96px}
#ic_funp{background-position:-112px}
#ic_furl{background-position:-128px}
#ic_google_bmarks{background-position:-144px}
#ic_haohaoreport{background-position:-160}
#ic_hatena{background-position:-176px}
#ic_hemidemi{background-position:-192px}
#ic_kaboodle{background-position:-208px}
#ic_livedoor{background-position:-224px}
#ic_magnolia{background-position:-240}
#ic_margarin{background-position:-256px}
#ic_mister-wong{background-position:-272px}
#ic_naver{background-position:-288px}
#ic_netscape{background-position:-304px}
#ic_newsvine{background-position:-320}
#ic_nifty{background-position:-336px}
#ic_pingking{background-position:-352px}
#ic_pookmark{background-position:-368px}
#ic_reddit{background-position:-384px}
#ic_saaf{background-position:-400}
#ic_stumbleupon{background-position:-416px}
#ic_taggy{background-position:-432px}
#ic_tailrank{background-position:-448px}
#ic_teamsugar{background-position:-464px}
#ic_technorati{background-position:-480}
#ic_thethingsiwant{background-position:-496px}
#ic_thisnext{background-position:-512px}
#ic_udn{background-position:-528px}
#ic_windows_live{background-position:-544px}
#ic_wists{background-position:-560px}
#ic_yahoo{background-position:-576px}
#ic_yahoo_jp{background-position:-592px}
#ic_yahoo_myweb{background-position:-608px}
#ic_twitter{background-position:-624px}
#ic_polyvore{background-position:-640px}
#ic_chictini{background-position:-656px}

/* Facebook */
.fansites{list-style:none; padding:0; margin:0 0 15px 0}

#ic_facebookfan, #ic_twitterfan, #ic_yesstylistfan, #ic_weibofan{display:-moz-inline-box; display:inline-block; vertical-align:middle; margin-right:5px}
#ic_facebookfan{background-position:-672px 0}
#ic_twitterfan{background-position:-688px 0}
#ic_yesstylistfan{background-position:-704px 0}
#ic_weibofan{background-position:-720px 0}

.fansites li{display:inline; padding:0 15px 0 0}
.fansites li iframe, #ic_facebookfan2, #ic_twitterfan2, #ic_yesstylistfan2, #ic_weibofan2{display:-moz-inline-box; vertical-align:middle; display:inline-block;  margin-right:5px}

/*Simple Modal */
#simplemodal-overlay{background-color:#000}
#simplemodal-container{height:420px; width:640px; background-color:#FFF; border:3px solid #FFF}

/* 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; margin:-4px -41px -180px; float:right; text-decoration:none; position:relative}
a.storebuttonimg span {visibility:hidden}
.storepage{padding:25px}
.storecontent{background-repeat:no-repeat; background-position:-60px 430px; background-color:#EFEFEF; padding:25px}
.mapphoto img{border:4px solid #FFF}
.storeinfo{float:right; margin-top:3px; width:220px}
.storepage .owner{margin-top:10px}
#storeinfo{list-style:none; margin:20px 10px 0 0; padding:20px 20px 0 0; line-height:14pt; text-align:left; border-top:1px solid #DDD}
#map_canvas{width:520px; height:300px}

/* 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-size:11px; 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}
#allpromoheader{margin:0 5px; position:relative}
#allpromoheader .regnow{position:absolute; width:220px; left:600px; top:50px}
#promolist .slot {background:url(http://c.ysi.bz/Assets/res/imgs/giftimage/promo_bg.gif) no-repeat; background-position:bottom}
#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%}

/* 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:360px; color:#666; padding-left:15px; margin-left:15px; font-size:9pt; 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}

/* News Ticker */
#tickerlist{position:absolute; width:840px; margin:0 15px 5px; z-index:10; display:none}
a.more_news{display:inline-block; vertical-align:middle; padding:3px 5px; border:1px solid #CCC; background:none; text-decoration:none; font-weight:normal; _margin:10px 0}
a.more_news:hover{background-color:#000; text-decoration:none}
.focusbar .remark, #tickerlist .remark{color:#AAA}
.focusbar ul{display:inline-block; vertical-align:middle; width:730px; _width:760px; list-style-image:url(http://c.ysi.bz/Assets/res/imgs/icons/bullet_FFF.gif); margin:0; padding:0 15px; _float:left}
.focusbar ul li{margin:3px 0}
#focusbar{margin-bottom:5px}
#tickerlist ul{background:#474747; margin:0; list-style-image:url(http://c.ysi.bz/Assets/res/imgs/icons/bullet_FFF.gif); padding:5px 30px; border-top:1px solid #666; -moz-box-shadow:0 4px 3px -3px #000; -webkit-box-shadow:0 4px 3px -3px #000; box-shadow:0 4px 3px -3px #000}
#tickerlist ul li{padding:3px 0; border:0}
#tickerlist a{color:#EEE; text-decoration:none}
#tickerlist a:hover{color:#FFF; text-decoration:none}

/* Localized Alert Topbar*/
#topbar{padding-bottom:5px}
#topbar a{color:#fff; text-decoration:underline}
#topbar a:hover{color:#363}
#topbar .topbarbg{height:23px; background:#8bb585; text-align:center; border-bottom:1px solid #eaebe9}
#topbar .content{margin:0 auto; width:860px; color:#fff; font-size:11px; line-height:23px; text-align:center}
#topbar .left{float:left; text-align:left}
#topbar .right{float:right; padding-right:6px; 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; font-size:11px; 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:9pt}
.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*/
#fblike{height:34px; position:relative; background:url(http://c.ysi.bz/Assets/res/imgs/bg/fblike.gif) repeat-x; margin:0 15px; overflow:hidden}
#fblike-content .link2fb{float:left; width:180px; height:27px}
#fblike-content .socialnetwork{padding:2px 0 0; float:left; margin-left:2px}
#fblike-content .close {float:right; padding:8px 8px 0 0}
#newscontent #sns{padding:7px 0}
#newscontent .pageshare{float:left}
#newscontent .pagelike .facebooklike{width:550px; height:30px; margin:0}

/* Payment icons */
.paymenticons {float:right; position:relative; right:10px; bottom:0; top:1px}
.paymenticons li{float:left; margin:0 3px 3px 0;}
.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:35px}
.paymenticons li.jcbicon{background-position:-103px; width:29px}
.paymenticons li.paypalicon{background-position:-132px; width:35px}
.paymenticons li.bmlicon{background-position:-167px; width:58px}
.paymenticons li.alipayicon{background-position:-225px; width:50px}
.paymenticons li.chequeicon{background-position:-275px; width:41px}
.paymenticons li.moneyicon{background-position:-316px; 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}

/* YS Exclusives Left Panel */
#leftmenu.ysexclusive{padding-top:0; position:relative; width:160px; margin-left:-20px; background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/exclusives/leftbg.gif) no-repeat top right}
#leftmenu.ysexclusive .featurebrands{margin-top:-15px}
#leftmenu.ysexclusive a.introbutton, #leftmenu.ysexclusive a.introbutton span{display:block; background-image:url(http://c.ysi.bz/Assets/res/imgs/frontpage/exclusives/introbutton_en.jpg); background-repeat:no-repeat}
#leftmenu.ysexclusive a.introbutton{width:160px; height:48px; background-position:0 0}
#leftmenu.ysexclusive a.introbutton span{diaplay:block; background-position:0 -48px; width:11px; height:19px; float:right; margin:14px 4px 0 0}
#leftmenu.ysexclusive a.introbutton:hover span{background-position:-11px -48px}
#leftmenu.ysexclusive a.introbutton span.active{background-position:-22px -48px}
#leftmenu.ysexclusive a.introbutton:hover span.active{background-position:-33px -48px}
#leftmenu.ysexclusive .introcontent{position:absolute; left:170px; display:none; width:690px; height:261px}
#leftmenu.ysexclusive h4{background:#dadada; color:#333; padding:3px 0}
#leftmenu.ysexclusive li.otherfilter h4.title{padding-top:2px; padding-bottom:2px; color:#55be47; font-size:10pt; position:relative; background:none}
#leftmenu.ysexclusive li.otherfilter .filter{margin-left:20px; margin-right:10px}
#leftmenu.ysexclusive #socialWeb30x30{width:150px}
#leftmenu.ysexclusive h5, #leftmenu.ysexclusive #socialWeb30x30 ul, #leftmenu.ysexclusive .frontfilter{padding-left:20px}
#leftmenu.ysexclusive ul.featurebrands li{background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/exclusives/brandiconbg.gif) repeat-y; height:39px; position:relative}
#leftmenu.ysexclusive ul.featurebrands li a{border-bottom:1px dotted #ddd; border-top:none; position:relative; padding:5px}
#leftmenu.ysexclusive h4, .pdleft20, #leftmenu.ysexclusive ul.featurebrands li a{padding-left:20px; padding-right:10px}
#leftmenu.ysexclusive ul.featurebrands li.bb0{height:38px}
#leftmenu.ysexclusive ul.featurebrands li.bb0 a{border-bottom:none}
#leftmenu.ysexclusive ul.featurebrands li a span.overlay{display:none; width:159px; height:38px; background:#1dec00; position:absolute; z-index:80; top:0; left:0; *left:-20px; _left:-20px; left:-20px\9;  opacity:.15; -moz-opacity:0.15; filter:alpha(opacity=15)}
#leftmenu.ysexclusive ul.featurebrands li a:hover span.overlay{display:block}
#leftmenu.ysexclusive ul.featurebrands li a span.crownicon{display:block; position:absolute; z-index:90; top:0; right:2px; width:29px; height:32px; background:url(http://c.ysi.bz/Assets/res/imgs/frontpage/exclusives/exicon.png) no-repeat}
#leftmenu.ysexclusive h5.title{margin-top:-3px; padding:0 20px 20px; color:#55be47; font-size:9pt}
.yses01{margin-bottom:25px}
.ysena .sectitle{margin-top:6px}
a.ysemorena{diplay:block; float:right; color:#fff; font-size:12px; font-weight:normal; text-decoration:none; padding-top:2px}
a.ysemorena:hover{text-decoration:underline}

/* YS Exclusives Hightlight Items */
ul.ysehighlight{margin:25px 0 0; padding:0; list-style:none}
ul.ysehighlight li{float:left; margin-right:17px; width:200px; height:343px; padding:5px; border:1px solid #ededed; box-shadow:0 0 4px #ccc}
ul.ysehighlight a.yseframe{position:relative; overflow:hidden; width:200px; height:343px; display:block; font-size:12px; text-decoration:none; color:#333; cursor:pointer}
ul.ysehighlight a.yseframe .slidinglayer{position:absolute; z-index:100; text-align:center}
ul.ysehighlight a.yseframe .bglayer{width:200px; height:343px}
ul.ysehighlight .logoblock{display:block; width:186px; width:200px\9; _width:200px; *width:200px; margin:0; padding:0 7px 8px; background:#fff; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); position:absolute; bottom:0}
ul.ysehighlight .logoblock img{margin-bottom:8px}
.ysena h4.sectitle{padding:5px 0; margin-right:20px}
.ysena .toRight{padding-right:4px}
.morebtn, a.closebtn{-moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; display:inline-block; font-weight:bold; position:absolute; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85)}
a.closebtn{background:#fff; padding:2px 8px; right:8px; top:8px; text-decoration:none}
.morebtn{background:#474747; color:#fff; padding:5px 12px; bottom:15px; text-align:center; left:30px; right:30px}
a.closebtn:hover{background:#474747; color:#fff; opacity:1}
a.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}
a.yesheadersymbol span{display:none}