/* START_DEFAULT_STYLES */
html {padding:0;margin:0;font-size:62.5%;}
body {background:#fffffe;font: 12px Arial, Helvetica, sans-serif;margin: 0;padding: 0;color: #000;}
.clear {clear: both; height: 0; font-size: 1px; line-height: 0px;}
h1, h3, h4, h5, h6 {padding:5px 0;margin:0;font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
h2 {width:975px; height:25px; margin:0 auto; overflow:hidden; font-size:18px; color:#000; font-weight:normal; text-align:left; padding-top:3px; clear:both; text-indent:4px;}
p {padding: 5px 0;margin:0;}
a, a:link, a:active, a:visited {color:#03c; text-decoration:none; cursor:pointer;}
a:hover {color:#03c; text-decoration:underline;}
img {border:none;}
ul, ol, li {margin:0;padding:0; list-style-type:none;}
form, input {padding:0;margin:0;}
em, i {font-style:normal;}
/* END_DEFAULT_STYLES */
.all {width:970px; margin:0 auto;}
#header {position:relative; font-family:Tahoma; overflow:hidden; height:70px;}
.logo {float:left; width:148px; height:55px; margin-left:10px; margin-top:6px; background:url(img/cleo.jpg); background-repeat:no-repeat;}
.h_txt {float:left; width:300px; height:55px; padding-left:10px; padding-top:5px; font-size:11px;}
.h_txt2 {float:left; width:800px; height:55px; padding-left:10px; padding-top:5px; font-size:11px;}
.h_top {width:470px; float:left; font-size:12px; padding:5px 0 0 20px;}
.h_top li {padding:1px 5px 1px; list-style-type:none; float:left; width:30%;}
.h_top li a, .h_top li a:visited {font-weight:bold;} 
.reg_head_info {left:360px;position:absolute;top:10px;}

.menu { width:350px; overflow: hidden;position:absolute; left:2px; top:69px; }
.menu li { font-size:14px; float:left; display:inline; padding:0; margin-left:-1px;}
.menu li a, .menu li a:visited {border-left:1px solid #7c9a59; display:block; float:left;padding:0 10px;  }

.thumbs {width:100%; margin:0 auto 5px; overflow:hidden; }
.thumbs h3 {color:#cc9; font-weight:bold; font-size:11px; width:95%; margin:0 auto; padding:1px 0; text-align:left; height:14px; overflow:hidden;}
.thumbs h2 {color:#CCCC99;font-weight:bold; font-size:16px;width:95%; margin:0 auto; padding:3px 0; text-align:center; height:20px; overflow:hidden;line-height:21px;}
.thumbs li {background:#ececec; padding:0; width:182px; height:150px; float:left; margin:4px;}
.t_img {width:180px; height:135px; border:1px solid #999; display:block; background-color:#fff; background-image:url(img/loading.gif); background-position:center; background-repeat:no-repeat;}
.thumbs li a:hover .t_img {border:1px dashed #000;}
.thumbs li p {width:95%; margin:0 auto; overflow:hidden; color:#000; font-size:11px; text-align:center; padding:1px;}
.thumbs li .rating { padding:0; text-align:left;}
.thumbs li p i  {font-weight:normal; color:#666; font-size:10px;}
.thumbs li span {display:block;text-align:left;}
.cats li {height:170px;}

.name_page { font-size:18px; text-align:center;}

.tops {font-size:16px; overflow:hidden; padding:10px 20px; margin:20px 12px 0px 12px; border-bottom:1px solid #d3d3d3;  border-top:1px solid #d3d3d3; background:#f1f1f1; height:1%;}
.tops ul {float:left;width:20%;}

.cats_list {font-size:11px; overflow:hidden; padding:10px 20px; margin:10px 12px 0px 12px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; background:#f1f1f1; height:1%;}
.cats_list ul {float:left; width:154px;}
.cats_list a, .cats_list a:visited {font-size:13px; text-transform:capitalize;}

#footer { margin-top:25px; text-align:center;}

.name {width:100%; overflow:hidden;}
.name h2 {font-size:18px; float:left; display:inline;}
.name h2  em { font-size:12px;}

#tabth {margin:0px; padding:0px; width:970px;}

.paginator_top {float:left; display:inline; font-size:13px; padding:3px 0px}
.paginator_top ul {display:inline; padding:6px 3px;}
.paginator_top .pages {padding-right:15px;}
.paginator_top ul li {display:inline; padding:4px 0px; font:12px Arial;}
.paginator_top ul li a:hover {color:#03c; background-color:#ddd; border:1px solid #999; margin:0px; padding:3px 5px 3px 5px; width:30px; text-align:center; text-decoration:none; font:12px Arial;}
.paginator_top ul li a:link, .paginator_top ul li a:visited, .paginator_top ul li a:active {color:#000; border:1px solid #ccc; margin:0px; padding:3px 5px 3px 5px; width:30px; text-align:center; text-decoration:none; font:12px Arial;}

.s_form {position: absolute; float:left; margin-top:2px;}
.s_input {border:1px solid #ccc; background:#fff; padding:1px; width:258px; height:17px; color:#000; float:left; margin-right:3px;}
.s_submit {background:#fff; border:1px solid #ccc; font:12px Arial; color:#000; padding:1px 5px; cursor:pointer; height:21px; width:65px; float:left;}
.s_submit:hover {background:#ddd; border:1px solid #999;}

#cont_page {width:990px; margin:0 auto; padding:0px 0px; overflow:hidden;}

/* FLASH PAGE */
#flash_page {width:963px; margin:0 auto; padding:0px 0px;}
.flash {width:640px; float:left;}
.dld {font-size:18px; margin:0 auto; padding-top:4px; font-weight:bold; text-transform:uppercase;}
.line {padding:2px 0 4px 0;}
.line span {padding-right:5px; padding-left:5px; text-transform:capitalize;}
.l_space { padding-left:25px;}
.fr { float:right; display:inline;}
.line em {color:#222; font-weight:bold;}
.flash h3 { font-size:18px; text-align:center;}
.banner { width:400px; float:right; text-align:center;}
.player {width:640px; height:480px; padding-bottom:10px;}


ul.video {
	width:970px;
	margin: 0px auto;
	display:block;
	min-height:40px;
	padding-left:4px;
	padding-bottom:3px;
	padding-top:3px;
}
ul.video li {
position: relative;
width: 188px;
height: 170px;
margin-bottom: 4px; 
margin-right:4px;
text-align:left;
border:1px solid #ccc;
float: left;
background:#ececec;
}
img.thumb {
margin-top:3px;
margin-left:3px;
width:180px;
height:135px;
border: 1px solid #999;
background:#fff;
}

ul.video li:hover {border: 1px dashed #000;}

h3 {
position:absolute;
top: 135px;
left:4px;
color: #03c;
width: 180px;
height:12px;
overflow:hidden;
text-align:left;
font-weight:bold;
font-size: 11px;
}

ul.video li:hover h3 {color:#222;}

span.link {
z-index:20;
position: absolute;
left: 0;
top: 0;
width: 188px;
height: 170px;
}
span.link a {
display: block;
width: 100%;
height: 100%;
background: url(/img/dot.gif);
}

span.link a img {
display: none;
}

span.duration {
position: absolute;
z-index:10;
opacity: .8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
bottom:33px;
left: 6px;
color:#fff;
background:#000;
width:50px;
padding-top:2px;
padding-bottom:2px;
text-align:center;
font-weight:normal;
font-size: 11px;
}

span.added {
position: absolute;
bottom: 3px;
left: 4px;
color:#666;
text-align: left;
font-size: 10px;
}

span.view {
position: absolute;
bottom: 3px;
right: 4px;
color:#666;
height:14px;
max-width:105px;
overflow:hidden;
text-align:right;
font-size: 11px;
}

.trade {margin:0 auto; text-align:center; width:970px; padding-top:5px; padding-left:10px;}
.trade div {font-size:12px; width:182px; height:160px; text-align:center; float:left; overflow:hidden; font-family:Arial, Helvetica, sans-serif; margin-right:5px; margin-left:5px; font-weight:bold;}
.trth {
	width:180px;
	height:135px;
	border: 1px solid #222;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin-bottom:2px;
}

a:hover .trth {
	border: 1px dashed #000;
	text-decoration:none;
}

.trade2 {margin:0 auto; text-align:center; width:300px; padding:0px; font-weight:bold;}
.trade a:hover, .trade2 a:hover { text-decoration:none;}
.trth2 {
	width:240px;
	height:180px;
	border: 1px solid #222;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin-bottom:0px;
}

a:hover .trth2 {
	border: 1px dashed #000;
	text-decoration:none;
}
.f_right {float:right;padding:0 5px 0 0;width:323px; height:413px;}