.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
#main {
	width:900px;
	text-align:left;
}
#main a{
	color:#0044CC;
	text-decoration:none;
}
#main a:hover{
	color:#0044CC;
	text-decoration:underline;
}
#content{
	float:left;
	width:625px;
text-align:left;
}

#channel{
	font-size:12px;
	padding:10px;
	margin-bottom:10px;
	background-color:#f1f1f1;
	border:1px solid #e1e1e1;	
}
#related{
	border:1px solid #e1e1e1;
	padding-bottom:10px;
}
.related-item{
	padding:5px;
	margin-bottom:10px;
}
#related-movie{
margin-bottom:10px;
}
.related-movie-item-varticle{
		font-size:12px;
		padding:5px;
		height:110px;
		margin-bottom:5px;
		background-color:#f1f1f1;
	color:#333333;
	border:1px solid #e1e1e1;
overflow:hidden;

}
.related-movie-item{
	text-align:center;
	font-size:12px;
	float:left;
	width:145px;
	height:140px;
	margin:2px;
	padding:2px;
	background-color:#f1f1f1;
	color:#333333;
	border:1px solid #e1e1e1;
overflow:hidden;
}
.related-movie-item a{
	color:#333333;
}
#trailer{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:150%;
	color:#333333;
	background-color:#e1e1e1;
	border:solid 1px #cccccc;
}
#product{
	background-color:#ffffff;
	padding:10px;
	border:10px solid #cccccc;
	text-align:left;
	min-height:100px;
	max-height:130px;
	font-size:12px;
	line-height:150%;
	margin-bottom:15px;
}
.items{
	float:left;
	height:350px;
	width:350px;
	font-size:12px;
	text-align:center;
}
.maintitle{
	font-size:16px;
	margin-top:0px;
	margin-right:0px;
	marign-left:0px;
	margin-bottom:10px;
	padding:5px;
	color:#333333;
	font-weight:bold;
}
.subtitle{
	color:#333333;
	font-weight:bold;
	font-size:14px;
	text-indent:10px;
	margin-top:0px;
	margin-right:0px;
	marign-left:0px;
	margin-bottom:10px;
	padding:5px;
	border-left:3px solid #333333;
}
#head-image{
	border:1px solid #00D535;
	padding:10px;
	height:100px;
	background-image:url('img/image.jpg');
	margin-bottom:10px;
}
#topicPath{
	margin-top: 10px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:20px;
	clear:both;
}
#topicPath ul{
	padding-bottom: 10px;
	font-size: 16px;
	list-style: none;

}
#topicPath ul li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
#topicPath ul li a{
	font-weight:bold;
	color:#2B60FF;
	background-image:url("/icons/topicpath.gif");
	background-position:right;
	background-repeat: no-repeat; 
	padding-right:10px;

}

.description{
	font-size:14px;
	line-height:160%;
	margin-bottom:10px;
	padding:5px;
	background-color:#f1f1f1;
	border:1px solid #e1e1e1;
}
#side{
float:right;
	width:255px;
	text-align:left;
	font-size:12px;
}
#side h3{
	margin:0px;
	font-size:12px;
	color:#ffffff;
	background-color:#cccccc;
	color:#333333;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	
}

#artistlist h3{
	padding:5px;
	background-color:#00D535;
	color:#ffffff;
	margin:0px;
}
#artistlist ul{
	margin:0px;padding:0px;
	width:255px;
	list-style: none;

}
#artistlist ul {
	list-style-type: none;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:0px;
}
#artistlist li { 
	display: inline; 
	width:255px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#artistlist li a{
	padding:7px;
	background-color:#f1f1f1;
	border-bottom:solid 1px #e1e1e1;
	text-decoration:none;
	color:#333333;
	display: block;
}
#artistlist ul li a:hover{
 text-decoration:none;
 color:#ffffff;
	background-color:#00D535;
}
#pager{
	margin-top:20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
#pager span{
	background-color:#00D535;
	padding:10px;
	color:#ffffff;
}
#data{
	font-size:12px;
}

.contents-ad{
	background-color:#f1f1f1;
	text-align:center;
	margin-left:3px;
	float:left;
	width:300px;
	height:250px;
}
.side-ad{
	width:250px;
	height:250px;
		background-color:#f1f1f1;
	margin-bottom:10px;
}
/*begin tab*/
ul#tab { 
	text-align: left; 
	margin: 1em 0 1em 0; 
	font-size: 14px;
	font-weight:bold;
	border-bottom: 1px solid #cccccc; 
	list-style-type: none;
	padding: 7px 10px 7px 10px;
	margin-bottom:30px;
}

ul#tab li { 
	display: inline;
}


ul#tab li a { 
	padding: 8px 10px; 
	border: 1px solid #cccccc; 
	background-color: #e1e1e1; 
	color: #333333; 
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
}

ul#tab a:hover { 
	background: #000000; 
	color: #ffffff; 
}
ul#tab li a.current{
	background: #ffffff;
	color:#000000;
	z-index: 1;
	font-weight: bolder;

	border-bottom: 1px solid #ffffff;

}
/* end css tabs */
.seemore{
text-align:right;
font-weight:bold;

}