/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;}
body{background:#999999; font:normal 12px arial; color:#000000}
h1, h2, h3, h4, h5, h6{font-weight:bold; font-family:arial;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
:focus{outline:0}
p{margin:0 0 15px 0;}
p img{float:left; margin:0 15px 5px 0}
p .img{float:right; margin:10px 0 10px 10px}
em{font-style:normal}
ul{list-style:none}
a{color:#000; text-decoration:none}
a:hover{color:#990000; text-decoration:underline}
.float-l{float:left}
.float-r{float:right}
.cen_text{text-align:center}
/* container */
#main{
width:1000px;
background:#fff;
margin:0 auto;
overflow:hidden;
min-height:800px
}
h2{background:#000; font-size:16px; color:#fff; padding:7px 10px}
h3{font-size:15px; color:#990000; margin-bottom:15px}
h2 img,h3 img{float:left; margin-right:10px}
.gray{
color:#999;
font-weight: normal;
}
.f12{font-size:12px; line-height:16px;}
/* header */
.header{background:#990000 url(../images/bg-header.gif) repeat-y right 0; height:110px; padding:20px 0}
h1#logo{
background:url(../images/logo.gif) no-repeat 0 0;
width:240px;
height:106px;
margin-left:10px
}
h1#logo a{display:block; width:240px; height:106px; text-indent:-9999px}
#top-banner{
float:right;
padding:5px 10px 0 0
}
ul#menu{background:#000; border:2px solid #fff; height:43px; margin-bottom:15px}
ul#menu li{float:left; color:#fff; font-weight:bold;border-left:2px solid #fff; margin-left:-2px; position:relative}
ul#menu li a{display:block; float:left; padding:14px 18px;}
ul#menu li a:hover{background:#990000; text-decoration:none}
ul#menu li#sm-radio{background:url(../images/sm-radio.gif) no-repeat right 2px; width:120px;}
ul#menu li#sm-radio a,ul#menu li#sm-radio a:hover{width:80px; text-indent:-9999px; background:none}
ul#menu li#date{padding:14px 18px; width:350px}
ul#menu li ul{position:absolute; background:#990000; top:43px; left:0; width:200px; visibility:hidden}
ul#menu li ul li{float:none; border-right:1px solid #fff; border-right:2px solid #fff;}
ul#menu li ul li a{float:none; padding:9px 18px; border-bottom:1px solid #fff}
ul#menu li ul li a:hover{color:#fff}
.adv-1{
width:645px;
color:#333;
position:relative;
margin-top:10px;
height:130px
}
.adv-1 p{
position:absolute;
left:22px;
bottom:5px;
font-size:16px;
font-weight:bold;
color:#fff;
padding-bottom: 15px;
}
/* footer */
.footer{background:#000; padding:15px; color:#fff; font-size:11px; font-weight:bold; text-align:center}
.footer a,ul#menu a{color:#ffcc00}
/* Form */
input.text, textarea, select{background:#fff; border:1px solid #999; font:normal 12px arial; padding:3px}
input.text:focus,textarea:focus,select:focus{border-color:#000}
.btn-1{border:0; background:#333; font:bold 12px arial; padding:3px 10px; color:#fff; cursor:pointer}
.btn-1:hover{background:#000; color:#ccc}
label{font-weight:bold}
.search1{overflow:hidden; width:auto}
.search1 span{display:block; float:left; width:19.5%; margin-bottom:8px}
.search1 span label{display:block; margin-bottom:5px}
.search1 .text,.search1 select{width:90%}
.post-review label{float:left; width:30%; padding-top:3px}
.post-review span{float:left; width:68%}
.post-review div{clear:both; margin-bottom:10px; overflow:hidden}
.post-review{
margin-top:10px;
background-color: #FFCC00;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
/* content */
.content{padding:5px; clear:both; overflow:hidden}
.content .left{width:230px; float:left; margin-right:10px}
.content .left2{width:160px; float:left; margin-right:10px}
.content .mid{width:580px; float:left;}
.content .mid2{width:647px; float:left}
.content .right{
width:160px;
float:right
}
.more{font-size:14px; font-weight:bold; text-align:right; margin:0}
.more a,a.red{color:#990000}
.play-v a{color:#ffcc00; font-weight:bold}
.span2{width:49%}
.span3{width:32%; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:1px;
}
.hr1{display:block; clear:both; height:30px}
.bgyellow{background:#ffcc00; padding:10px; margin-bottom:30px}
.bgred{
padding:10px;
color:#FFFFFF;
background-color: #990000;
}
.bgwhite{background:#ffffff; padding:10px; color:#000}
.bgwhite1{background:#cccccc; padding:6px; color:#000000;}
.bgwhite1 .title{
color:#000000;
font-family:'Trebuchet MS',verdana,arial,helvetica,sans-serif;
background-color: #cccccc;
line-height: 20px;
}
.bgwhite1 .title a{
color:#000000;
font-family:'Trebuchet MS',verdana,arial,helvetica,sans-serif;
background-color: #cccccc;
}
.bgwhite1 .title a:hover{
color:#000000;
font-family:'Trebuchet MS',verdana,arial,helvetica,sans-serif;
background-color: #cccccc;
}
.bggray{background:#999; padding:5px; color:#fff}
.title,.title:hover{
font-size:20px;
padding:2px;
color:#FFFFFF;
font-family:'Trebuchet MS',verdana,arial,helvetica,sans-serif;
margin-bottom:10px;
background-color: #000000;
line-height: 35px;
}
*html .title {display:inline-block;padding:1px;margin-top:2px;}
.span4 a:hover{
color: #FFFFFF;
background-color: #000000;
}
.span2 a:hover{
color: #FFFFFF;
background-color: #000000;
}
.title1{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:6px;
background-color: #000000;
}
.title2{
font-size:20px;
padding:2px;
color:#000000;
font-family:'Trebuchet MS',verdana,arial,helvetica,sans-serif;
margin-bottom:10px;
}
.red{ color:#990000;
font-weight:bold;
}
ul.list-1 li a{
color: #000000;
text-decoration:none;
font-weight:bold;
}
ul.list-1 li a:hover{
color: #000000;
text-decoration:underline;
}
.desc{
display:block;
margin: 4px 0 4px 0;
font-weight:bold;
}
.bgred .title{
font-size:14px;
font-weight:bold;
display:block;
margin-bottom:3px;
color:#FFCC00;
}
.bgred .more a,.bgred a:hover{color:#fff}
img.adv{margin-bottom:25px; clear:both}
ul.list-1 li{border-bottom:1px dotted #333; padding-bottom:15px; margin-bottom:15px; clear:both; overflow:hidden}
ul.list-1 li ul li {border-bottom:none; padding:0 0 3px 10px; margin-bottom:0px; list-style:inside; color:#900;}
ul.list-1 li.last{border:0; margin-bottom:0px}
ul.list-1 li .img{float:left; margin-right:10px}
.bgred ul.list-1 li{border-bottom-color:#ccc}
.img2 {float:left; margin:0 10px 10px 0;}
.review{
display:block;
clear:both;
border-bottom:1px dotted #999;
padding:15px 5px 0 ;
font-size:14px;
font-weight:bold;
overflow:hidden;
background-color: #FFFFFF;
}
.view img{margin-right:5px}
.view a{color:#990000; font-size:12px}
.img1{float:left; margin-right:20px}
ol.descimal li{margin-left:30px; margin-bottom:5px; list-style:decimal-leading-zero;}
.paging {padding-top:15px; text-align:right; display:block; clear:both}
.paging ul li{display:inline; font-size:14px; font-weight:bold; padding:0 4px; color:#990000}
.paging a:link, .paging a:visited {color:#990000}
.paging a:hover, .paging a:active, .paging a:link.current {color:#000;}
ul.photo-gal{
padding:5px 0 0 25px;;
text-align: center;
}
ul.photo-gal li{
display:block;
float:left;
margin:5px;
width:128px;
height:290px;
background:#f6f6f6;
text-align:center;
padding:5px 5px
}
ul.photo-gal li a:hover {color:#fff; background-color:#000;}
ul.radio-gal li{display:block; float:left; margin:5px; width:180px; background:#f6f6f6; text-align:center; padding:10px}
ul.radio-gal li a:hover {color:#fff; background-color:#000;}
ul.radio-gal li .img{margin:20px auto}
.mp3{display:block; text-align:right; padding:10px 0}
.review2{padding-top:15px; border-bottom:1px dotted #999; margin-bottom:15px}
.new-release li{float:left; width:48%; border-bottom:1px solid #ccc; margin:0 0.5%; padding:15px 0; text-align:left}
.new-release li img{float:left; margin-right:15px}
.clearfix{display:block; overflow:hidden; clear:both; width:auto}
* html .clearfix,* html ul li,* html .content,* html .search1{height:1%}
ul.list-2 li {
border-bottom:1px dotted #666;
padding-bottom:5px;
margin-bottom:5px;
clear:both;
overflow:hidden
}
ul.list-2 li.last {
border:0;
margin-bottom:0px
}
ul.list-2 li .img {
float:left;
margin-right:10px
}
ul.list-3 {margin:0 10px 15px 0;}
ul.list-3 li {display:block; border-bottom:1px solid #ccc; padding:4px 4px 4px 4px; font-weight:normal; font-size:12px;}
ul.list-4 li {border-bottom:none; padding:0 0 3px 10px; margin-bottom:0px; list-style:inside; color:#900;}
.reviewtext {
color:#000000;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}
.reviewtext2 {
color:#666666;
font-weight: bold;
font-size: 13px;
line-height: 20px;
}
.reviewtext1 {
color:#000000;
font-weight: bold;
font-size: 13px;
line-height: 20px;
}
.desc1 {
display:block;
margin-bottom:3px;
font-size: 11px;
font-weight: normal;
color: #999999;
}
.span4 {
width:31.5%;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 0px;
text-align:center;
}
.bggrey1 {
padding:10px;
color:#FFFFFF;
background-color: #E0E0E0;
}
ul.list-1 li .text {
float:left;
margin-left: 92px;
}
.span4 .img2{float:none; clear:both; margin:0 auto; margin-bottom:5px; display:block}
.hovertip{
background-color:#FFFFFF;
border: 1px solid #999999;
width:250px;
padding:5px;
display:none;
}
.hiddenElement{ display:none;}