@charset "utf-8";
/* CSS Document */

body{
	color: #444449;
	
	
	
}

a {
	
	
	text-decoration: none;	
}

a img{
	border:none;
	
}

img{
	margin: 0;
	
}

.clear{
	clear:both;
	
}


.main-column-app{
	width: 100%;
	margin: 0;
	
}


 div.app-wrap{
 	width: 960px;
	margin: auto;
	
 }

.app-wrap h1{
	font-size: 22px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cb4800;
	text-align: center;
	text-shadow: #ffffff 0 1px 0;	
	margin: 0px 80px 25px;
	padding-top: 20px;
	
}

.app-wrap h2{
	margin: 5px 0 0 143px;
	color: #666666;
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}


 div.app-wrap div.header{
  	text-shadow: #ffffff 0 1px 0;	
	height: 329px;
	font-family: Trebuchet MS;
	font-size: 16px;
	background: url(images/app/app_header.jpg) top center no-repeat; 
	
	
  }

  div.app-wrap div.header p span{
  	font-size: 24px;
	
  }
  
   div.app-wrap div.header div{
   		height: 295px;
		overflow: hidden;
	
   }
  
  div.app-wrap div.header p, div.app-wrap div.header ul{
 	margin-top: 0px;
	margin-left: 240px;
	margin-right: 290px;
	
  }
  
  div.app-wrap div.header p{
  	text-indent: 38px;
	line-height: 24px;
  }
  
  a.dl-button {
	background: url("images/app/button.png") no-repeat scroll center top transparent;
	border: medium none;
	display: block;
	height: 86px;
	margin-top: 10px;
	width: 318px;
  }
  
  a.dl-button:hover{
  	background-position: center -86px;
	
  } 
  
 
  
  
 table.app-desc{
 	

 } 
  
  
col.app-desc-cell{
 	width: 240px;
	
	
	
 }

 tr.app-desc-heading-wrap{
 	
	background: url(images/app/desc_heading.gif) top left repeat-x; 
	height: 40px;
 }
		
  th.app-desc-heading{
  	line-height: 40px;
	text-align: right;
	padding-right: 34px;
	font-family: Trebuchet MS;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	border-right: 1px solid #e57878;
	border-left: 1px solid #6c0000;
	text-shadow: #640202 0 -1px 0;	
	
	
  }

 tr.app-desc-content{
  	background: url(images/app/desc-bg.jpg) top repeat-x #f6f6f6; 
  	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #fcfcfc;
	
  }
  
  tr.app-desc-content td.cell{
  	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #fcfcfc;
	
  }
  
  tr.app-desc-content td.cell ul{
  	font-family: Trebuchet MS;
  	font-size: 13px;
   	color: #3a3a3a; 
	list-style-position: inside;
	list-style-image: url(images/app/check.png);
	padding-left: 0;
	margin: 20px 22px 0 15px;
	
  }
  
   tr.app-desc-content td.cell ul li{
   	padding: 5px 0 10px 10px;
	background: url(images/app/cell_divider.png) left bottom no-repeat;	
		
    }
	
	td.cell{
		vertical-align: top;
		
	}
	
	td.cell div.preview{
		background: url(images/app/free_ribbon.png) right top  no-repeat;
		margin-top: -1px;
		overflow: hidden;
		text-align: center;
	}
  
  td.cell div.preview img.zoom{
  		position:absolute;
		z-index: 10;
		margin-top: 100px;
		margin-left: -200px;
  }
  
  span.number{
  	float: left;
	line-height: 40px;
	width: 27px;
	
  }
	
  span.one{
  	background: url(images/app/one.jpg) center no-repeat;
	
  }
  
  span.two{
  	background: url(images/app/two.jpg) center no-repeat;
	
  }		
  
  span.three{
  	background: url(images/app/three.jpg) center no-repeat;
	
  }		
  
  span.four{
  	background: url(images/app/four.jpg) center no-repeat;
	
  }	
