
/* CSS Document */
/* --for member page*--/

/*--middle start--*/
#m-middle {
	width:600px;
	float:left;
	margin:5px 0 0 0px;
	text-align:center;
}
#m-middle h1{
	height:10px;
	font: bold 14px tahoma,helvetica,verdana, arial, sans-serif;
	color:#497c00;
	padding:5px 20px 0 5px;	
}

#m-middle ul{
	width:590px;
	height:42px;	
	background: url(../images/memtitlebar.gif) 1px no-repeat;
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;
	padding: 15px 0 0 2px;	
}

#m-middle img{
	padding: 5px 10px 5px 10px;	
	border:0px;
	float:left;
	margin: 0 15px 0 0;	
	width:118px;
	height:118px;
}

#m-middle .content {
	padding: 8px;	
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	text-align:left;
	color:#555;
	text-indent:10px;
}
#m-middle .content .imgleft{
	width:200px;
	height:200px;
	float:left;
	text-align:center;
}
#m-middle .content .imgleft .imgdownload{
	width:230px;
	height:144px;
	background: url(../images/downloadleft.gif) 10px 0 no-repeat;
}
#m-middle .content .details{
	width:340px;
	padding:0 0 0 30px;
	text-align:left;
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;	
	float:left;
}
#m-middle .content .imgleft .download{
	width:200px;
	padding:0 0 0 25px;
	float:left;
}
#m-middle .content .imgleft .download a{
	background:url(../images/downloadbtn.gif) 0 0 no-repeat;
	width:180px;
	height:35px;
	display:block;
}
#m-middle .content .imgleft .download a:hover{
	background:url(../images/downloadbtn1.gif) 0 0 no-repeat;
}

#m-middle .timeout {
	padding: 8px;	
	font: normal 10px tahoma,helvetica,verdana, arial, sans-serif;
	text-align:center;
	text-indent:10px;
}
#m-middle .placeorder {
	padding: 8px;	
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	text-align:center;
	text-indent:10px;
}
#m-middle .placeorder table td {
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
}

#m-middle p.newsleft{
	width:80px;
	margin:5px;	
	text-align:left;
	float:left;	
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#6e450b;
	padding:0 0 0 20px;
}

#m-middle p.newsright{	
	width:400px;		
	padding:4px 0 6px 0;
	text-align:left;
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;		
}

#m-middle .design{	
	padding:2px;
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#6e450b;
	text-align:left;
	text-indent:20px;
}

#m-middle .design li a{
	color:#6e450b;
	text-decoration:none;	
}

#m-middle .design li a:hover{
	color:#555;
	text-decoration:none;
	background-color:#FFFF33;	
}
#m-middle .design .size9 img{
	width:56px;
	height:56px;
	border:0px;
	padding:8px 0 15px 10px;
}

#m-middle .design .size12 img{
	width:75px;
	height:56px;
	border:0px;
	padding:8px 0 15px 6px;
}
	
/*--middle end--*/
/*--wide middle start--*/
#w-middle {
	width:900px;
	margin:5px 0 0 0px;
	text-align:center;
}
#w-middle h1{
	height:10px;
	font: bold 14px tahoma,helvetica,verdana, arial, sans-serif;
	color:#497c00;
	padding:5px 20px 0 5px;	
}

#w-middle ul{
	width:590px;
	height:42px;	
	background: url(../images/memtitlebar.gif) 1px no-repeat;
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;
	padding: 15px 0 0 2px;	
}

#w-middle img{
	padding: 5px 10px 5px 10px;	
	border:0px;
	float:left;
	margin: 0 15px 0 0;	
	width:118px;
	height:118px;
}

#w-middle .content {
	padding: 8px;	
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	text-align:center;
	color:#555;
	text-indent:10px;
}

#w-middle p.newsleft{
	width:80px;
	margin:5px;	
	text-align:left;
	float:left;	
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#6e450b;
	padding:0 0 0 20px;
}

#w-middle p.newsright{	
	width:400px;		
	padding:4px 0 6px 0;
	text-align:left;
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;		
}

#w-middle .design{	
	padding:2px;
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#6e450b;
	text-align:left;
	text-indent:20px;
}

#w-middle .design li a{
	color:#6e450b;
	text-decoration:none;	
}

#w-middle .design li a:hover{
	color:#555;
	text-decoration:none;
	background-color:#FFFF33;	
}
#w-middle .design .size9 img{
	width:56px;
	height:56px;
	border:0px;
	padding:8px 0 15px 10px;
}

#w-middle .design .size12 img{
	width:75px;
	height:56px;
	border:0px;
	padding:8px 0 15px 6px;
}
#b-middle {
	width:1000px;
	float:left;
	margin:5px 0 0 0px;
	text-align:center;
}
#b-middle h1{
	height:10px;
	font: bold 14px tahoma,helvetica,verdana, arial, sans-serif;
	color:#497c00;
	padding:5px 20px 0 5px;	
}

#b-middle ul{
	width:590px;
	height:42px;	
	background: url(../images/memtitlebar.gif) 1px no-repeat;
	font: bold 12px tahoma,helvetica,verdana, arial, sans-serif;
	color:#555;
	padding: 15px 0 0 2px;	
}

#b-middle img{
	padding: 5px 10px 5px 10px;	
	border:0px;
	float:left;
	margin: 0 15px 0 0;	
	width:118px;
	height:118px;
}

#b-middle .content {
	padding: 8px;	
	font: normal 12px tahoma,helvetica,verdana, arial, sans-serif;
	text-align:left;
	color:#555;
	text-indent:10px;
}


