@charset "utf-8";
/*	Category List
 ------------------------------------------------------------------------*/
#nav {float: left; margin:0; width:329px; clear:both;}
#nav li {float:left; width: 89px; height: 52px; margin:0;}
#nav li a {display:block; text-indent:-9999px; height: 52px; background: transparent url(../images/navi_movielist.gif) 0 0 no-repeat;}
#nav li a:hover {background: transparent url(../images/navi_categorylist.gif) 0 -52px no-repeat;}
#nav li.movie {float:left; width: 112px; height: 52px; margin:0;}
#nav li.movie a {background-position: -89px 0;}
#nav li.movie a:hover {background-position: -89px -52px;}
#nav li.cat {float:left; width: 128px; height: 52px; margin:0;}
#nav li.cat a {background-position: -201px 0;}
#nav li.cat a:hover {background-position: -201px -52px;}
/*	div#page-content
--------------------------------------*/
#page-content {padding: 0px 10px 10px 10px; clear: both; overflow:hidden; text-align: left;}

/*	div#rightcolumn1
--------------------------------------*/
#rightcolumn1 {width:745px; float:right;}
.centerbox {margin:0 auto; text-align:center; width:360px !important; width:420px; min-height:1px; clear:both;}
.unitResult {width:739px !important; width:743px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitResult h3 {height:28px !important; height:40px; margin:0; background: transparent url(../images/title_search_result.gif) 0 0 no-repeat; padding:12px 0 0 120px; color:#FFFFFF; font-size:100%;}
.unitResult h3 span {color:#33ccff; margin-right:20px;}
.resultArea {width:481px !important; width:485px; margin:5px 0 5px 0; padding:2px; float:left; min-height:1px;}
#Tabcontainer {clear:both; margin:5px 0 5px 0; font-size:90%;}
.rightbarArea {width:200px !important; width:210px; margin:5px 0 5px 0; padding:5px; float:right; min-height:1px;}
.adBox {margin:5px 0;}

/*	div#tabbed_box
--------------------------------------*/
.content-wrap {width:505px; min-height:1px; margin:5px 0 0 0; padding:5px 0 5px 0; border-bottom:1px solid #cccccc; clear:both;}
.content {padding:5px; border:1px solid #464c54;}
.content img {float:left; width:100px; margin:0; padding:0;}
.content ul.info {float:right; width:355px; margin:0; padding:0 10px 0 0;}
.content ul.info li {list-style:none;}

/*	div#tabbed_box
--------------------------------------*/
.content-wrap2 {width:370px; min-height:1px; margin:5px 0 0 0; padding:5px 0 5px 0; border-bottom:1px solid #cccccc; clear:both;}
.content {padding:5px; border:1px solid #464c54;}
.content img {float:left; width:100px; margin:0; padding:0;}
.content ul.info2 {float:right; width:250px; margin:0; padding:0 10px 0 0;}
.content ul.info2 li {list-style:none;}

.rating{float:left; width:80px; height:16px; margin:0px 5px 3px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star-matrix_rvd.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -96px;}
.twostar {background-position:0 -112px;}
.threestar {background-position:0 -128px}
.fourstar {background-position:0 -144px}
.fivestar {background-position:0 -160px}

ul.rating li {cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em;}
ul.rating li a {position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200;} 
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../images/star-matrix.gif) no-repeat 0 0}
ul.rating li.one a:hover {background-position:0 -16px}
ul.rating li.two a:hover {background-position:0 -32px;}
ul.rating li.three a:hover {background-position:0 -48px}
ul.rating li.four a:hover {background-position:0 -64px}
ul.rating li.five a:hover {background-position:0 -80px}

.rating_bb{float:right; width:80px; height:16px; margin:0px 5px 3px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star-matrix2_rvd.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -96px;}
.twostar {background-position:0 -112px;}
.threestar {background-position:0 -128px}
.fourstar {background-position:0 -144px}
.fivestar {background-position:0 -160px}