@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 eric*/

#rightbar {
	float: right;
	width: 253px;
	border: #b1b1b1 solid 1px;
	background: #FFF;
}

#banner {
	width: 960px;
	margin:10px 0;
	border:1px solid #b1b1b1;

}
#banner .masl {
	float: left;
	width: 698px;
	_width:695px;
	height: 279px;
	background: url(/images/clonedvd_bg.jpg) no-repeat top left;
}
#banner .masr {
	float: right;
	width: 260px;
	height: 279px;
}

/*Promotion area*/
.promotion {
	width: 100%;
	text-align: center;
}
.promotion img {
	display: block;
	margin: 6px auto
}
/*end*/
#banner .masl p.des {
	padding: 55px 0px 0px 260px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.5;
}
#banner .masr{
	background:#FFF;
}
#banner .masr ul {
	list-style-type:none;
	width: 260px;
}
#banner .masr ul li {
	height: 92px;
	background:#FFF;
	color:#555555;
}

#banner .masr ul li div{
	width:160px;
	margin:0 auto;
	margin-top:-5px;
}
#banner .masr ul li div span{
	display:block;
	margin:0 -28px 0 0;
}
#banner .masr ul li.bbuy{
	background:url(/images/price-index.gif) right top no-repeat;
	padding:15px 60px 0 50px;
	height:90px;
	font-weight:bold;
	line-height:18px;
}
#banner .masr ul li.bbuy span{
	display:block;
	padding-left:5px;
}
#banner .masr ul li a{
	display: block;
	text-indent: -8888em;
}
#banner .masr ul li a.hbuy {
	background:url(/images/clonedvd-btn-index.jpg) no-repeat 0 -159PX;
	width:160px;
	height:36px;
	margin:5px auto 5px -5px;
}
#banner .masr ul li a.hbuy:hover{
	background: url(/images/clonedvd-btn-index.jpg) no-repeat 0 -198px;
}
#banner .masr ul li a.hdown {
	background: url(/images/clonedvd-btn-index.jpg) 0 0  no-repeat;
	width:160px;
	height:36px;
	margin:5px auto 5px -5px;
}
#banner .masr ul li a.hdown:hover {
	background: url(/images/clonedvd-btn-index.jpg) 0 -37px  no-repeat;
}
#banner .masr ul li a.hinfo {
	background: url(/images/clonedvd-btn-index.jpg) 0 -80px  no-repeat;
	width:160px;
	height:36px;
	margin:5px auto 5px -5px;

}
#banner .masr ul li a.hinfo:hover{
	background: url(/images/clonedvd-btn-index.jpg) 0 -117px  no-repeat;
}
.title {
	width: 100%;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	text-indent: 0.5em;
}

.dashline {
	border-bottom: #b1b1b1 solid 1px;
}
.dashline h5 {
	font-size: 16px;
	color: #101010;
	font-weight: bold;
	padding-left:2px;
}

.key {
	float: left;
	width: 344px;
	display: inline;
	padding: 5px 0 5px 5px;
}
.keyfree{
	width:450px;
	padding-left:25px;
	padding-top:20px;
}
.key h3 a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
}
.key img {
	float: left;
	margin:0 8px 15px 0;
	display: inline;
}
.key p {
	color: #555;
	padding: 0 8px 8px 8px;
	line-height: 1.8;
}
/*Related Product*/

#reco{
	clear: both;
	width: 960px;
	padding-top:10px;
	margin-bottom:10px;
}
#free {
	clear: both;
	width: 960px;
	margin-bottom:10px;
}
.recocon,.freecon{
	padding:5px 0px;
	background:#FFF; 
	border:1px solid #bfbfbf; 
	border-top:none;
	padding-left:2px;
}
.freecon h2{
	color:#000;
	font-size:18px;
	margin-bottom:5px;
	font-weight:normal;
}
.freecon .image{
	padding-top:10px;
	width:240px;
	text-align:center;
	float:left;
}
.freecon .image2{
	padding-top:10px;
	width:240px;
	text-align:center;
	float:left;
	height:220px;
}
.freecon .freecon_text{
	width:314px;
	float:left;
	color:#666;
	padding:7px 20px 0px 20px;
}
.freecon .freecon_text2{
	width:674px;
	padding:7px 10px 0px 20px;
}
.freecon .freecon_text p{
	padding-top:10px;
}
.free_line{
	background:url(/images/background_line.gif) 0 -98px no-repeat;
	padding-left:25px;
}
.freecon .free_btn{
	text-align:center;
	padding-top:10px;
}
#reco .recomt {
	margin:0 auto;
	/*width: 233px;*/
	width:232px;
	height: 162px;
	padding-left: 5px;
	padding-right:2px;
	margin-bottom: 0;
	background: url(/images/reco_span.gif) -10px -58px no-repeat;
	float:left;
}
#reco .recomtb {
	height: 162px;
	padding-right: 4px;  
	background: url(/images/reco_span.gif) 228px -58px no-repeat;
}
#reco .recomtm {
	height: 162px;
	background: url(/images/background_line.gif) repeat-x 0 -302px;
}
#reco .recomtm h5 {
	font-size: 15px;
	color: #101010;
	font-weight: bold;
	padding-left:8px;
	padding-top:5px;
}
#reco .recomtm h5 a {
	text-decoration: none;
	color: #101010;
}
#reco .recomtm img {
	float: right;
	padding-top:12px;
}
#reco .recomtm p {
	color:#666;
	padding: 0px 8px 0px 8px;
	margin: 0;
	font-size: 12px;
}
/*End*/
.solidborder {
	border: 1px solid #b1b1b1;
	border-width: 1px 0 0 0;
}

.theader {
	width: 100%;
	height: 28px;
	background: url(/images/background_line.gif) top repeat-x;
}
.theader h5 {
	font-size: 15px;
	line-height: 26px;
	color: #101010;
	vertical-align: middle;
}

/*links*/
a.default {
	color: #028abc;
	text-decoration: none;
}
a.default:hover {
	text-decoration: underline;
}
div#mainNav ul.leve1st li a {
	margin-top: 1px;
	margin-left: -3px;
	display: block;
	width: 130px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -265px;
}
div#mainNav ul.leve1st li a.downA {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -396px;
}
div#mainNav ul.leve1st li a:hover {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -306px;
}
div#mainNav ul.leve1st li a.downA:hover {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -437px;
}
.Arrowahead {
	background: url(/images/banner_btn.gif) no-repeat 64px -204px;
	padding-right: 16px;
}
.related_info {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -216px;
	padding-left: 22px;
}
.related_down {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -245px;
	padding-left: 22px;
}
.related_buy {
	background: url(/images/clonedvd_icon.gif) no-repeat 0 -230px;
	padding-left: 22px;
}
/*end links*/
/*special pack*/
ul.news {
	list-style: none;
}
ul.news li {
	margin: 5px 10px;
}
ul.news li p {
	color: #555;
}
ul.related {
	list-style: none;
}
ul.related li {
	margin: 5px 0 0px 5px;
}
/*end*/