/* -------- Reset styles --------- */
body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, tbody, p, blockquote, cite, q, abbr, acronym, address, img, ins, del, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

body, input, textarea, button { font: 75%/1.6 Arial, "Times CE", Georgia, serif; }
body {background:#1D0D0F}

input, textarea { font-size: 100%; }

hr { display: none; }

a {text-decoration:none; color:#C5C5C5;}
a:hover, a:focus, a:active { text-decoration: none; color:#ffffff; }


img { vertical-align: middle; }

a img, fieldset { border: none; }

img[usemap] { border: none; }

table { width: 100%; border-collapse: collapse; }
.rtable {width:auto; text-align:left; }
.rtable a {color:#E0A50B;}
.rtable a:hover { text-decoration:underline; }

td, th { padding: .3em 1em; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

address { font-style: normal; }

ul li { display: block; list-style: none; }

ol { list-style-position: inside; }

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 89%; }
h6 { font-size: 60%; }

.clear {clear:both; line-height:0px; height:0px; font-size:0;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}

.square { text-align:center; }
.square img { margin-bottom:10px;}
/* --------- /reset ---------- */

#main { width:1000px; margin:auto}

#header {height:155px; background:url(../img/header.jpg) left top no-repeat; position:relative}

#header a.logo {position:absolute; left:16px; top:16px;}

#menu {position:absolute; right:0; top:69px;}
#menu ul {background:url(../img/menu.png) repeat-x}
#menu li {float:left; display:inline;}
#menu a {
    text-decoration:none;
    color:#E8D6DA;
    font-weight:bold;
    padding:3px 13px 0 13px;
    line-height:38px;
    font-size:14px;
    display:block;
    background:url(../img/menu.png) -7px 0 repeat-x;
}
#menu a.first {
    background:url(../img/menu.png) 0 0 repeat-x;
}
#menu a.last {
    background:url(../img/menu.png) right top repeat-x;
}
#menu a:hover {
    color:#ffffff;
    background:url(../img/menu.png) -7px -41px repeat-x;
}
#menu a.first:hover {
    background:url(../img/menu.png) 0 -41px repeat-x;
}
#menu a.last:hover {
    background:url(../img/menu.png) right -41px repeat-x;
}

#submenu {
    position:relative; top:110px;
    background:url(../img/submenu.jpg) left top no-repeat;
    height:45px;
}
#submenu ul {
    padding:10px 0 0 10px;
    width:680px;
}
#submenu li {
    float:left; display:inline;
    background:url(../img/arrow.png) left 6px no-repeat;
    padding-left:10px;
    width:100px;
    line-height:1.25;
}
#submenu a {
    color:#C5C5C5;
    text-decoration:none;
    font-size:11px;
}
#submenu a:hover {
    color:#ffffff;
}


#search {
    position:absolute;
    top:10px;
    right:10px;
}
#search input.text {
    float:left;
    margin:9px 18px 0 0;
    padding:0;
    color:#B49FA4;
    width:180px;
    font-size:11px;
    text-align:center;
    background:none; border:none;
}
#search input.submit {
    margin:7px 0 0 0;
    vertical-align:bottom;
}

#sb {background:#1D0D0F; position:relative; padding-bottom:20px;}
.related #sb {background:#000000; position:relative;padding-bottom:0px;}

#slider {width:926px;overflow:hidden; margin:auto; }
#slider ul {
    width:3500px; /* margin:auto; */
}
#slider li {
    float:left; display:inline;
    width:170px;
    text-align:center; 
}

li img {
    border:1px #473B3C solid;
    padding:2px;
    background:#000000;
}
li a:hover img {
    border:1px #FF0000 solid;
}

#sb .arrow-l {position:absolute; left:0; top:40px}
#sb .arrow-r {position:absolute; right:0; top:40px}



#content {background:#2F191B;}
.view {padding-top:10px;margin: 0px 0pt 3px;}
.view h1 { width:435px; }
#content h1 { color:#ffffff; font-size:110%; text-transform:uppercase; padding:17px 0 3px 5px; }
#content h2 {background:url(../img/line.jpg) repeat-x; margin-bottom:15px;}
#content h2.detail {margin-left:6px; margin-top:10px;}

#content .l {
    float:left; display:inline;
    width:688px;
}
#content .r {
    float:right; display:inline;
    width:312px;
}
ul.videos { padding-left:11px}
ul.videos li {
    float:left; display:inline;
    width:168px; height:190px;
    text-align:left;
}
ul.videos li.w164 {width:164px; height:170px; }
ul.videos strong {color:#FF0000; margin-left:5px;}
ul.videos table {width:156px; margin:auto}
ul.videos td {
    margin:0;padding:0;line-height:1.4;
    font-size:11px;
    text-align:left;
    color:#ABABAB;
}
ul.videos td img {border:0;background:none;padding:0;}
ul.videos a {color:#E0A50B}


#paginate {line-height:24px; float:right; clear:both; font-weight:bold; margin:10px 5px 20px 0;}
#paginate span, #paginate a { width:24px; display:block; float:left;text-align:center; color:#ffffff;}
#paginate span, #paginate a:hover {background: url(../img/page-active.jpg) no-repeat; }


#footer {
    font-size:11px;
    color:#473B3C;
    background:url(../img/line.jpg) left top repeat-x;
    padding-top:35px;
    margin-bottom:20px;
    line-height:1.3;
}
#footer .l {
    float:left; display:inline;
    width:688px;
}
#footer .r {
    float:right; display:inline;
    width:311px;
    border-left:1px #4A3D3F solid;
    color:#979797;
}
#footer p { padding:0px 10px 5px 10px }
#footer .copy, #footer a {color:#989898;}
#footer a:hover {color:#ffffff}
#footer img {margin-left:15px; float:right}


#detail {
    padding:5px 0 0 5px;
    background:#000000;
    color:#ffffff;
}
#detail p {padding:10px 0 10px 0; clear:left;}
#detail .player {
    float:left;
    width:430px;
}

#detail .rating {
    position:absolute; top:-52px; left:-17px;
    width:259px; height:27px; line-height:27px;
    background:url(../img/info-top.jpg) center top no-repeat;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding-top:10px;
    overflow:hidden;
}
#detail .rating span {
    width: auto;
    position: relative;
}

#detail .rating img { margin-left:10px; vertical-align:middle }

#detail .box-r {
    float:right; display:inline;
    width:237px;
}
#detail .box-r  h2 { background:none; font-size:120%; font-weight:normal; margin-top:10px; }

#detail .box-l {
    float:left; display:inline;
    width:430px;
}

#detail .info {
    position:relative;
    margin:10px 0 10px 0;
    width:204px;
    padding:10px;
    background:#0D0D0D url(../img/info-top2.jpg) center top no-repeat;
}
#detail .info span {
    position:relative; bottom:0; left:0;
    width:224px; height:8px;
    background: url(../img/info-bottom.jpg) center top no-repeat;
}
#detail .info .line {
    padding:10px 0 10px 0;
    height:3px; font-size:3px; line-height:3px;
    background: url(../img/info-line.jpg) center center no-repeat;
}
#detail .info em {
    font-style:normal; color:#FE007B;
}

#detail .info .share { margin-top:10px; }
#detail img { margin:auto}

#detail .related {
    position:relative;
    /* width:136px;
    background: url(../img/related-middle.jpg) center center repeat-y;
    text-align:center;
    margin:20px auto 20px auto;
    padding:5px 0 5px 0;
    */
    width:685px;
    height: 180px;

}
#detail .related .top {
    position:absolute; left:0px; top:-7px;
    width:136px; height:7px;
    background: url(../img/related-top.jpg) center top no-repeat;
}
#detail .related h3 {
    padding-top:10px;
}
#detail .related .bottom {
    position:absolute; left:0px; bottom:-7px;
    width:136px; height:7px;
    background: url(../img/related-bottom.jpg) center top no-repeat;
}
#detail .related li { margin:5px;}

#detail .related .arrow-l {position:absolute; left:-35px; top:40px}
#detail .related .arrow-r {position:absolute; right:-35px; top:40px}
#detail .related .varrow-l {position:absolute; left:12px; top:52px}
#detail .related .varrow-r {position:absolute; right:20px; top:52px}
#detail .related .banner {position:absolute; width:468px; height:60px; right:164px; bottom:-7px;}