@import url("BrowsePanel.css"); 

/* BrowsePanel override */
.browsePanel ul.option li a{padding-left:2px; background:none}
.browsePanel ul.option li a:hover{background:#ECECEC}
#content{position:relative}
#BizRate{text-align:center; margin:20px 0}
.fpLeftCol{float:left; width:160px; margin:0 11px; position:relative}
.fpRightCol{width:160px; float:right; position:relative; margin-right:11px}
.fpRightCol #RHS, #billboard, .twitterpanel{margin-bottom:20px}
.fpRightCol #RHS .RHS{height:240px}
.avex .creative a.lot{margin-bottom:5px; display:block}
.topRow{float:left; margin-left:4px; width:728px}
.browsePanel{float:none; margin:0}
h2.pageTitle{margin:0; font-size:17pt; font-weight:bolder; color:#666; font-family:arial}
.centerCol{float:left; width:553px; margin-left:4px}
*html .centerCol{margin-right:12px}
.title .remark{white-space:nowrap}

/* Common Use */
h1 span, #content.game h4.big, #content.books .featuredTitles h4.partheader, .noMoreButtonRow .morebuttonRow, #content ul.festival, #newFeatured ul li .popbox, #FeatureTopic ul li .popbox{display:none}
*html .fpLeftCol, *html .fpRightCol, *html #newFeatured ul li, *html #FeatureTopic ul li{display:inline}

/* Splash */
#content.splash{margin-top:15px}
#content .festival{font-weight:normal}
.multibillboard{background:#ebebeb; padding-bottom:5px; position:relative; text-align:center; width:553px}
.multibillboard .billboard{position:absolute; top:0; left:0}
.multibillboard .thb{width:181px}
.multibillboard a{padding-top:245px; display:inline-block}
.multibillboard a:first-child .billboard, a.default .billboard{z-index:2}
.multibillboard a:hover .billboard{z-index:3; border:0}
.multibillboard a:hover .thb{opacity:.8}

/* header */
#storelogo{margin-bottom:5px}
h1.xbox360{margin:0; background:url(http://c.yai.bz/assets/res/imgs/Titles/title_xbox360.gif) no-repeat; width:225px; height:49px}
h4.partheader{color:#060; font-size:12pt; margin:0; padding:0; clear:both}
.featuretopic h4.partheader, h4.topicheader{background:url(http://c.yai.bz/assets/res/imgs/background/title-F60.gif) repeat-x center; font-size:11pt; padding:2px 5px; margin:0; color:#FFF}
.blurayfeature h4.partheader{background-image:url(http://c.yai.bz/assets/res/imgs/background/title-009DE2.gif)}
/* Special Links */
#specialLink{position:relative; margin-bottom:20px; padding:5px 1px 1px; background:#FBDE4A}
#specialLink h4{font-size:9pt; color:#000; margin:0; padding:0 2px 2px}
#specialLink ul{margin:0; padding:0; list-style:none}
#specialLink ul li{width:100%; margin-bottom:1px}
#specialLink ul li a{display:block; padding:4px 5px 4px 14px; background:url(http://c.yai.bz/assets/res/imgs/icons/s_go2arrow.gif) no-repeat 6px 7px #FCFCFC; border:1px solid #CCC; border-color:#FFF #CCC #AAA #EEE; *width:100%}
#specialLink ul li a:hover{color:#000; text-decoration:none; background-color:#ECECEC; background-image:url(http://c.yai.bz/assets/res/imgs/icons/ic_g2e.gif); border:1px solid #AAA}

/* Highlight */
.bighighlight, .featuretopic{margin-bottom:30px}
div.highlight{position:relative; z-index:10}
.highlight{background:url(http://c.yai.bz/assets/res/imgs/background/FCFCF8-gradient.gif) top left repeat-x; border-top:1px solid #E2E2C2}
.highlight .item{margin:20px 15px 0 0; float:left; width:269px}
.highlight .item .remark{white-space:nowrap}
.highlight .artist{display:block; margin:5px 0}
.artist a{color:#666}
.highlight .title .cover img{float:left; margin-right:10px; margin-bottom:5px; position:relative}
.highlight .description{margin:10px 0; display:table; position:relative; display:none}
.highlight .shoppingbox{margin:5px 0; clear:both}
.shoppingbox .ourprice{white-space:nowrap}
.shoppingbox .listprice{color:#999; padding-right:5px}
.shoppingbox .saveprice{color:#000; padding-right:5px}
.discountBlock{display:block; margin:2px 0}
.listpriceblock, .savepriceblock{display:inline-block; padding-right:5px}
.shoppingbox .listpriceblock, .shoppingbox .savepriceblock, .cartButton{display:block}
.switchview .cartButton{display:inline}
#showDesc{border-bottom:1px solid #FBDE4A; margin-bottom:30px; padding:10px 0; width:100%}
ul.big .cover{float:none; margin-right:0; display:block; margin-bottom:5px}
ul.big .cover img, ul.big .cover span{vertical-align:bottom; display:-moz-inline-box; display:inline-block}
ul.big li{float:left; width:169px; margin:20px 15px 0 0; display:inline}
ul.big li a, .descArrow{position:relative}

/* New and Future Releases Panel */
#newFeatured.inbox, #FeatureTopic.inbox{width:100%; margin-bottom:30px; border-top:1px solid #E2E2C2}
#FeatureTopic.inbox{background:url(http://c.yai.bz/assets/res/imgs/background/greyGradient-i.gif) bottom left repeat-x; margin-bottom:0}
#newFeatured ul, #FeatureTopic ul{margin:0 -5px 0 0; padding:15px 0 0; list-style:none; background:url(http://c.yai.bz/assets/res/imgs/background/FCFCF8-gradient.gif) top left repeat-x}
#newFeatured ul li, #FeatureTopic ul li{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; width:19%; margin:0 5px 15px 0}
#newFeatured ul li a b, #FeatureTopic ul li a b{color:#000; font-weight:normal; display:block}
#newFeatured ul li a:hover b, #FeatureTopic ul li a:hover b{text-decoration:underline; cursor:pointer}
#newFeatured a.on, #FeatureTopic a.on{font-weight:bold}
.moreButtonRow{text-align:center; position:relative}
.bighighlight .moreButtonRow{margin-top:15px}
.blurayfeature{margin-bottom:0}
/* fix the eligible CSS be overrided */
#newFeatured .popbox .eligible ul, #FeatureTopic .popbox .eligible ul{margin:0; padding:0; display:inline}
#newFeatured .popbox .eligible ul li, #FeatureTopic .popbox .eligible ul li{display:inline; margin:0 3px 3px 0; padding:0; border:none; float:left; width:auto}

/* Feature Box */
#editorpick, #review, .featureBox .item{float:left; width:260px; padding:0}
#editorpick, .featureBox .item{margin-right:25px}
*html .featurebox .middle, *html .highlight, *html #stars, *html #stars .fullpost, *html .inbox, *html .row, ul.more{height:1%}
.featurebox .middle:after, .highlight:after, .row:after, #stars:after, .fullpost:after, .inbox:after, ul.more:after{content:""; display:block; clear:both}

/* Stars */
#stars{margin-bottom:30px; overflow:hidden; position:relative; width:553px; border-bottom:1px solid #E2E2C2}
#stars .inbox{margin:0; padding:13px 0; list-style:none; border-top:1px solid #E2E2C2}
#stars ul.more{margin:0; padding:10px 0; list-style:none; line-height:13pt; background:#FFFFF2; border-top:1px solid #ECECEC}
#stars ul.more a{color:#333}
#stars .listPanel{float:left; width:169px; margin-right:15px; overflow:hidden; position:relative; line-height:13pt}
#content.korean #stars .listPanel{width:368px; margin-right:0}
#content.korean #stars .last{width:169px}
#content.splash #stars .listPanel{width:126px; margin-right:12px}
#content.splash #stars .last{width:126x}
#stars .listPanel ul, ul.big{list-style:none; margin:0; padding:0}
#stars a.readMore, #stars a.readLess{display:block; float:none; background:none; text-align:right; top:0}
#stars a.readMore span, #stars a.readLess span{padding:1px 5px 2px 14px; background:url(http://c.yai.bz/assets/res/imgs/icons/ic_arrow2d.gif) no-repeat 3px 50% #ECECEC}
#stars a.readLess span{background-image:url(http://c.yai.bz/assets/res/imgs/icons/ic_arrow2u.gif)}
#stars .listPanel ul li{padding-left:10px; background:url(http://c.yai.bz/assets/res/imgs/icons/s_go2arrow.gif) no-repeat 2px 5px; margin-right:4px; overflow:hidden; position:relative}
#stars .listPanel:last-child, .last, .featureBox .even, .highlight .even{margin-right:0}
#content.books #stars .listPanel, #content.comics #stars .listPanel{float:none; width:100%; margin:0 -15px 0 0}
#content.books #stars .listPanel ul li, #content.comics #stars .listPanel ul li, #content.korean #stars .listPanel ul li{float:left; width:159px; margin-right:15px}
*html #content.books #stars .listPanel ul li, *html #content.comics #stars .listPanel ul li, *html #content.korean #stars .listPanel ul li{width:169px}
#content.books #stars ul.more li.listPanel ul li, #content.comics #stars ul.more li.listPanel ul li{width:100%}

/* Feature Title List */
#featureTitles{width:100%; margin-bottom:20px}
#featureTitles h4{background:url(http://c.yai.bz/assets/res/imgs/background/title-6EC856.gif) repeat-x center; font-size:11pt; padding:2px 5px; margin:0; color:#FFF}
#featureTitles .navigation{list-style:none; margin:0; padding:5px 0; border:1px solid #CCC; background:#FFF}
#featureTitles li{position:relative; padding:5px}
#featureTitles a.title{display:block; font-weight:normal; color:#000; padding-left:15px; background:url(http://c.yai.bz/assets/res/imgs/icons/ic_g2e.gif) no-repeat 4px 3px; position:relative}
#featureTitles .stores{text-align:center; padding:0; margin-bottom:-1px}
#featureTitles .stores li{border-bottom:1px solid #ECECEC; position:relative}

/* Twitter Panel */
#mania h4.twittertitle{padding-left:30px}
h4.twittertitle img{position:absolute; margin:-5px 0 0 -35px; z-index:10}
.twitterpanel .navigation{list-style:none; margin:0; padding:0; border:1px solid #CCC}
.twitterpanel li{position:relative; padding:5px; background:url(http://c.yai.bz/assets/res/imgs/background/FCFCF8-gradient.gif) repeat-x top left; border-top:1px solid #E2E2C2; overflow:hidden}
.twitterpanel .simple{display:block; margin-left:15px}
.twitterpanel a.title{font-weight:normal; color:#000}
.twitterpanel .morelinks{background:url(http://c.yai.bz/assets/res/imgs/background/FCFCF8-gradient.gif) repeat-x top left; border:1px solid #CCC; border-top:none; padding:5px}
.twitterpanel .morelinks a.more{padding-left:15px; background:url(http://c.yai.bz/assets/res/imgs/icons/s_go2arrow.gif) no-repeat 4px 3px; display:block; margin:3px 0}

/* Section Footer */
#contentFooter{clear:both}

/* For Demo Use Only */
.featuretopic .featuretopic{margin-bottom:0}