/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
img { border:0;  }
em,strong,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3 {	font-size:100%; font-weight:normal;}

/*font & base */
body {font:12px/1.5 verdana; background: #E5E6E8 url(http://www.converterformac.com/img/header_bg.jpg) repeat-x 0 0;text-align:center; }
table {	font-size:inherit; font:100%; }
h1 {font: bold 20px  Verdana;padding:0; margin:-5px 0 0 0;}
h2 {font:18px  Verdana ;font-weight:bold; color:#4478AA; }
h2 a{ text-decoration:none;}
h2 a:hover{ text-decoration: underline; color:red;}
h3 {font: bold 20px Lucida sans,Arial;}
h4 {font: bold 13px Arial; color:#C7C9CD;}
h1{ margin: 1em 0;}
h3{margin:2em 0 0.5em 5px;}
h4{margin:0;}
em {font-style: italic;}
strong, dt{ font-weight:bold;}
 
/*comm style start here*/
 
#header, #content, #footer, #copyright{ position:relative; width:990px; margin:0 auto; text-align:left; height:auto;}

#header{height:117px;}
#header_logo{float:left; height:60px; width:340px;}
#header_txt{float:right; height:60px; width:630px; color:white;}

 /*Nav style start here*/
 
#Nav {
width:auto;
height:30px;
padding:0px;
clear:both;
text-align:justify;
}
#Nav ul{ 
list-style:none;
display:block;
width:990px; 
height:30px;
margin:0px;
padding:0px;
}
#Nav ul li{
width:80px;
height:20px;
display:block;
float:left;
padding:8px 10px 0 10px;
color:black;
 
}
#Nav ul li a {
width:80px;
height:20px;
display: block;
float:left;
text-decoration:none;
color:black;
font:13px Verdana ;
text-align:center;
}
#Nav ul li a:hover{
text-decoration:none;
width:80px;
height:20px;
display: block;
float:left;
color:white;
background:url(../img/Nav-bg.gif) center no-repeat ; 
font:13px Verdana ;
text-align: center;
vertical-align: middle;
 }
#Nav ul li a.on{ 
background:url(../img/Nav-bg.gif) center no-repeat ;  
color:white;
 }
 
/*Nav style end here*/
/*content style start here*/
#content-left{
float:left;
width:200px;
}
#content-right{
float:right;
width:780px;
height: inherit;
  }

#content-right-right{
width:200px;
float:right;
}

#content-right-left{
float:left;
width:570px; 
clear:both;
}


.left-top{ 
     width:200px;
	 background:url(../img/Mac-Cat-top.jpg) no-repeat top;
	 padding-top:3px;
	 height:21px;
	 font-size:14px;
	 color:white;
	 font-weight:800;
	 text-align:center;
	 }
	 
	 
	  .left-middle{
	 padding:0px 0;
	 width:198px;
	 float:right;
	 border-left:1px solid #DCDCDC;
	 border-right:1px solid #DCDCDC;
	 text-align:left;
	 font-size:11px;
	 }
	     .left-middle li {
		   border-bottom:1px solid #CCC;
		 }
		 .left-middle li a{ 
		 width:100%; 
		 height:24px;
		 display:block;
		 width:190px;
		 padding-left:8px;
		 text-decoration:none;
		 background:#F7F7F7 url(../img/list_cat_bg_icon.jpg) 180px 9px no-repeat; text-decoration:none; color:#333; font:normal 11px/24px verdana;
		 color:#333;
		 font:normal 11px/24px verdana;
		 }
		 .left-middle li a:hover{
		 background-color:#DDD;
		 color:#000;
		 }
		 .left-middle li a.on{ background-color:#DDD;color:#000;}
		 
		 
		  .left-bottom{
	 width:200px;
	 height:10px;
	 background: url(../img/Mac-Cat-fb.jpg) no-repeat  center;
	 clear:both;
	 }
	 
/*top  shareware download style --content right middle*//*top download list style start here*/	

.top_download{
width:auto;
clear:both;
height:auto;
} 
.top_download_top{
height:20px;
float:right;
width:200px;
background:url(../img/conveter-right-right-top.jpg) no-repeat top; 
text-align:center;
color:white;
font-weight:800;
padding-top:4px;
}


 .top_download_middle{
	 padding:0px 0;
	 width:198px;
	 float:right;
	 border-left:1px solid #DCDCDC;
	 border-right:1px solid #DCDCDC;
	 text-align:left;
	 background:white;
	 /*font-size:13px;*/
	 }
	     .top_download_middle li {
		   border-bottom:1px solid #CCC;
		   font:normal 10px/24px verdana;
		   background:#F7F7F7 ;
		   display:block;
		 }
		 .top_download_middle li a{ 
		 width:100%; 
		 height: auto;
		 display:block;
		 width:190px;
		 padding-left:8px;
		 text-decoration:none;
		 background:#F7F7F7  url(../img/Pop-Dow-ico.jpg) 180px 9px no-repeat; 
		 text-decoration:none;
		 color:#333;
		 font:normal 10px/24px verdana;
		 }
		 .top_download_middle li a:hover{
		 background-color:#DDD;
		 color:#000;
		 
		 }
		            /*article list*/
						.top-article{
						padding:0px 4px;
						width:190px;
						float:right;
						border-left:1px solid #DCDCDC;
						border-right:1px solid #DCDCDC;
						text-align:left;
						background:white;
						
						}
						.top-article li{
							border-bottom:1px solid #CCC;
							font:normal 10px/18px verdana;
							padding-left:15px;
							margin-top:10px;
							background: white url(../img/paper.gif)  no-repeat left 5px  ;
							display:block;
						}
						.top-article li a{
 							text-decoration:none;
 						}
						.top-article li a:hover{
						color:red;
						text-decoration:underline;
						
						}
						
		 
			.top_download_bottom{
			background:url(../img/Mac-Cat-fb.jpg) no-repeat bottom; 
			height:10px; 
			clear:both;
			}

/*lasted software*/
.lasted-top{
float:left; 
width:550px; 
background:url(../img/Latest-Sof-top.gif) no-repeat top; 
padding:4px 0 0 20px;
height:20px; 
color:white; 
font-weight:bold; 
 }
.lasted-middle{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:10px; 
width:548px ;
background:white;
clear:both;
}
   .lasted-middle ul li{
   padding:10px 0px;
   margin-bottom:10px;
   display:block;
   border-bottom:1px solid #CCC;
   font-size:11px;
   height:auto;
   }


.lasted-bottom{
background:url(../img/content-left-bottom.gif) no-repeat;
height:32px;
 }
/*index Editor Picks style start here*/
	 
#editor_picks{
float:left;
clear:both;
height:auto;
width: 570px;
}
.editor_top{
height:9px;
width:570px;
background:url(../img/content-left-top.gif) no-repeat center;

}	 
.editor_middle{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC; 
padding:10px;
background:white;
clear:both;
text-align:left;
} 
  .index li{
  padding:10px 0px; margin-bottom:10px; display:block; height:80px;border-bottom:1px solid #CCC;
  }

   .editor-list{
      width:auto;
	  padding-bottom:10px;
	  height:auto;
	  font-size:11px;
	  }
   
.editor_bottom{
background:url(../img/content-left-bottom.gif) no-repeat;
 height:9px;
 }
	 
	 
	 
#footer{
margin:auto;
border-bottom:1px solid #363636;
 width:100%; 
 height:298px;
 background:#454545 url(../img/footer_bg.jpg) repeat-x 0 0;
}
 
#copyright{
width:auto;
border-top:1px solid #545454;
background-color:#454545;
height:80px; 
color:white;
text-align:center;
padding-top:10px;
   }

/*clear layout style start here*/
.clear{width:auto; clear:both; height:20px; color:#CCC; padding-left:70px; font-size:10px;}/*2009-8-23 edit this style*/
.h25{ height:25px;}
.bottom{ border-bottom:2px solid #dbdbdb; padding-bottom:5px; margin:0px;}

/*index pages style start here*/
.break-line{
margin:0 auto; 
padding:10px 5px 5px; 
width:980px; 
clear:both; 
height:20px; 
font-size:10px; 
text-align:left;
}
.break-line a{ 
color:black; 
text-decoration:none;
}
.break-line a:hover{ 
color:blue; 
text-decoration: underline;
}

.picked{background:url(../img/related-top-bg.jpg) no-repeat; height:23px; padding:3px 0 0 20px; font-weight:bold; font-size:13px; color:white;}
.picked-middle{padding:10px;width:756px; height: auto; border-left:1px solid #CCC; border-right:1px solid #CCC; background:white;}
.picked-bottom{ background: url(../img/second-detail-bottom.jpg) no-repeat; height:9px;}


/*second pages style*/
.second-right-top{
background:url(../img/second-detail-top.jpg) no-repeat; 
width:778px; 
height:9px;
}
.second-right-middle{
padding:10px;
width:756px; 
height: auto; 
border-left:1px solid #CCC; 
border-right:1px solid #CCC; 
background:white;
}
.second-right-bottom{
background:url(../img/second-detail-bottom.jpg) no-repeat;
height:9px; 
clear:both;
 }

/*others style or clss*/
.ul {padding-left:15px; line-height:18px;} 
.ul li {
	list-style-image: url(../img/bullet.gif);
	padding-top:10px;
  }
/*seond pages style here */
.artical{padding-left:15px; line-height:18px;} 

.artical li {
	list-style-image: url(../img/paper.gif);
	padding-top:10px;
  }

.icon{
	display:block; 
	text-align:center; 
	width: auto; 
	height:90px;
	float:left; 
	padding-right:20px;
	margin:0px;
}



/*second pages footer style*/
.s-footer{
width:auto;
padding:20px 0 0 0;
height:84px;
color:white;
text-align:center;
background:url(http://www.converterformac.com/img/g_footer-bg.jpg) repeat-x top;
}
.s-footer-text{
margin:0 auto;
padding:0px;
width:980px;
font-weight:normal;
}
/*font sytle*/
.font13{ font-size:13px;}
.red{ color:red;}
.redB{ color:red; font-weight:bold; font-size:18px;}
.blueB{ color:#4478AA; font-weight:bold; font-size:18px;}
.gry{ color:#999;}
/*other css styles*/
.border-b{ color:blue; border-bottom:1px solid #999999 ; padding-bottom:5px;}