Body{background:url(../images/bk-3.gif);text-align:center; margin:0; padding:0}
Body,P,TD{font-size:9pt; font-family:Verdana,Arial,Helvetica,sans-serif; color:#333}
Form{margin:0}
img{border:none}
A{color:#C63}
A:hover{color:#F60}
h2{font-size:13pt}
h3{font-size:12pt}
h4{font-size:11pt}
h5{font-size:10pt}
.hr{border-top:1px solid #CCC}
.starmark{color:#FA8710}
.artistlist{color:#CCC}
.artist{white-space:nowrap}
.backtop{border-bottom:1px solid #FA8710; text-align:right; padding:5px 0; font-size:8pt;}
.remark{font-size:8pt; color:#666}
#container{width:765px; background:url(../images/main-navigation_8.gif) repeat-y 0 #EFEFEF; margin:0 auto; text-align:left; *height:1%}
#container:after, .archiveLIst:after, .row:after, .newReleases .item:after, .catalog .item:after{content:""; display:block; clear:both}
#leftMenu{width:181px; float:left; display:inline}
#navigationMenu{margin:0; padding:0 15px 10px 25px; list-style:none; background:#FFF; border-right:3px solid #ffc572}
#navigationMenu li{padding:12px 0 4px; border-bottom:1px solid #CCC}
#navigationMenu li a{font-weight:bold; font-size:13px; color:#C63; text-decoration:none}
#content, .getHooked{background:url(../images/bk.gif) repeat-x top}
#content{width:584px; float:left; overflow:hidden; display:inline}
#titleBlock{margin:35px 0 10px 0; height:63px; line-height:56px; vertical-align:middle; background:url(../images/title_block.gif) top left no-repeat; padding:0 20px; color:#F26C37; font-size:15pt}
#YAEFooter{font-size:8pt; color:#F5B168; text-align:right; margin-right:20px; clear:both; padding-bottom:20px}
#mainBlock{padding-left:20px}

/* Index Page - New Releases or Catalog */
.listArea{width:100%}
.newReleases{float:left; width:48%; margin-right:2%; display:inline}
.newReleases h4{margin-top:0; color:#000}
.newReleases .title, .catalog .title{font-weight:bold}
.newReleases .title img, .catalog .title img{float:left; margin:-5px 5px 0 -5px; position:relative}
.newReleases .item{border-bottom:1px solid #CCC; margin-bottom:20px; padding-bottom:20px; *height:1%}
.newReleases .item:last-child{border:none}
.newReleases .detail, .catalog .detail{display:table !important; display:inline-block}
.newReleases .row{margin-top:4px}

/* Index Page - Coming Soon */
.coming{float:right; display:inline}
.coming h4{margin:0 0 10px; color:#000}
.coming ul{list-style:none; margin:0; padding:0}
.coming ul li{padding:5px 0; border-top:1px solid #CCC}
.coming ul li.header{border:none; margin-top:10px}
.coming li .title, .coming li .date{display:table-cell; display:inline-block; vertical-align:top;}
.coming li .title{width:120px; padding-right:10px}
.coming li .date{width:90px}
.coming b.title{font-weight:normal}

/* Bulletin Board */
.bulletin .top{display:block; background:#FFF; height:15px}
.bulletin .bottom{display:block; background:url(../images/coming_10.gif) repeat-x bottom #FFF; height:17px}
.bulletin .board{background:url(../images/coming_13.gif) repeat-y right #FFF; padding:0 20px}
.bulletin .l, .bulletin .r{background:url(../images/screws.gif) no-repeat; width:20px; height:15px}
.bulletin .l{float:left}
.bulletin .r{float:right}
.bulletin .top .l{background-position:0 0}
.bulletin .top .r{background-position:-21px 0}
.bulletin .bottom .l{background-position:0 -15px; height:17px}
.bulletin .bottom .r{background-position:-21px -15px; height:17px}

/* Catalog */
.catalog{margin:20px 0; width:100%}
.catalog .item{float:left; width:46%; margin:10px 4% 10px 0; padding:10px 0; display:inline; *height:1%}
.catalog .detail{border-top:1px solid #CCC; padding-top:5px; font-size:10px; color:#666}
.catalog .artistlist{margin-top:5px}
.catalog .artistlist .artist{color:#666}
.catalog .stripe{border-top:1px solid #CCC; clear:both}
.catalog .detail{margin-top:5px}

/* Product Detail */
.productDetail h1{color:#F26C37; font-size:17pt; margin:30px 0 5px 20px}
.productDetail h4{color:#666}
.productDetail .anchor{margin-left:20px}
#detailInfo{background:#DCDCDC; margin-top:30px; padding:20px 20px 20px 0}
#detailInfo .cover, #detailInfo dl{display:table-cell; display:inline-block; vertical-align:middle}
*html #detailInfo dl{display:inline}
#detailInfo h4{margin:0 20px 10px 20px}
#detailInfo .cover p{text-align:right}
#detailInfo dl{width:350px; margin:0; padding:0}
#detailInfo dt{font-weight:bold}
#detailInfo dd{margin:4px 0; padding:0}
ul.onlineStore li{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:middle; word-wrap:break-word; width:32%; text-align:center; margin:0 0 20px}

/* Press Release */
#prPullDown{padding-bottom:10px}
a.options{display:table; display:inline-block; border:1px solid #CCC; padding:1px 20px 1px 5px; text-decoration:none; background:url(../images/pulldown-arrow.gif) no-repeat center right #FFF; color:#333}
ul#prList{list-style:none; margin:0 20px 0 0; padding:0; border:1px solid #CCC; background:#FFF; position:absolute; display:none}
ul#prList li{border-bottom:1px dashed #CCC}
ul#prList li a{display:block; text-decoration:none; padding:2px 5px; color:#333}
ul#prList li a:hover{background:#F5C6AC}
ul#prList li .date, ul#prList li .title{display:table-cell; display:inline-block; vertical-align:top}
ul#prList li .date{width:90px}
ul#prList li .title{width:430px}
#prArticle, .ArticleArea{margin:20px 20px 20px 0}
#prArticle .date{font-size:8pt; color:#F5B168; margin-bottom:15px}

/* Insider */
#insider, .archiveList{list-style:none; margin:10px 0; padding:0; *height:1%}
#insider li, .archiveList li{padding-left:12px; background:url(../images/ic_arrow2r.gif) no-repeat 3px 50%}
.archiveList{margin-bottom:30px}
.archiveList li{float:left; width:120px; margin-bottom:5px}

/* Get Hooked */
.getHooked{background-position:0 90px}
.pointList li{margin-bottom:4px; text-align:justify}
.getHooked .row{border-bottom:1px solid #F5B168; *height:1%}
.getHooked .row p{margin:15px 0}

/* Retailers */
.retailers, .onlineRetailer{display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; width:48%; margin-bottom:10px}
.retailers dt{float:left}
.retailers dd{margin-left:110px}

.KRposter img{margin:10px 0 10px 40px}
.contactTitle{margin-bottom:5px}
form#about{border:1px solid #CCC; border-width:1px 0; padding:10px 0; margin-bottom:30px}
.outstandingP{margin:30px 0}
.indexIntro{font-size:11pt; text-align:justify}

/* Border */
#borderlist, ul.onlineStore{margin:0; padding:0; list-style:none}
#borderlist li{color:#666; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; width:46%; margin:0 4% 20px 0; font-size:8pt; line-height:12pt}
*html .retailers, *html #borderlist li, *html ul.onlineStore li{display:inline}
#borderlist li h5{margin:0 0 5px; padding:5px 0; border-bottom:1px solid #666; color:#333}
#borderlist li b{color:#777}

/* Thanks Box */
.thanks{border:2px solid #FFC572; background:#FFF; font-size:10pt; font-weight:bold; padding:15px; margin-bottom:20px}