/***************************************
 compare page  
***************************************/

#compare{
}

#compare #banner_wrap{
	background: url(../images/compare-header-bg.png) repeat-x bottom;
	padding-top: 141px;
}
	#compare #banner{
		width: 980px;
		height: 300px;
		margin: 0 auto;
		position: relative;
		
		background: url(../images/compare_hdr_bg.png) no-repeat right bottom;
	}
		#compare #banner .copy{
			width: 572px;
			float: left;
			height: 300px;
			overflow: hidden;
		}
			#compare #banner h1{
				font: normal 36px Arial, sans-serif;
				color: #336699;
				margin: 0 20px 18px 20px;
				padding: 56px 0 18px;
				/* border-bottom: 1px solid #4d4d4d; */
			}
			#compare #banner p{
				color: #c6c6c6;
				margin: 0 20px 10px 20px;
			}
		#compare #banner .boxes{
			width: 408px;
			height: 300px;
			float: left;
			background: url(../images/product_box/compare-banner-products.png) no-repeat center 79px;
			
		}
			#compare #banner .boxes div{
				width: 136px;
				height: 271px;
				 
				padding-top: 29px;
				float: left;
				font-size: 14px;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
				color: #336699;
			}
				#compare #banner .boxes a{
					font-size: 12px;
					/*font-weight: normal;*/
					/*color: #eee;*/
				}
				#compare #banner .boxes a:hover{
					/*color: #ccc;*/
				}
				#compare #banner .boxes a.box-link{
					display: inline-block;
					width: 86px;
					height: 128px;
					margin: 14px 8px 8px 6px;
					/*margin: 10px;*/
				}
				#compare #banner .boxes a.btn-gray{
					/* margin-top: 150px; */
				}
				
		#compare #banner .features-list{
			display: block;
			float:left;
			margin-left: 20px;
			width: 250px;
		}
			#compare #banner .features-list li{
				
				padding: 3px 0 3px 15px;
				font-weight: bold;
				font-size:12px;
				color:#fff;
				background:url(../images/red-check.gif) no-repeat left center;	
			}
/***/
  #compare #content{
  }
	#compare table.features{
		border-width: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}
	#compare table.features, #compare table.features td{
		border-color: #dadada;
		border-style: solid;
	}
		#compare table.features td{
			border-width: 0 1px 1px 1px;
			font-size: 14px;
			color: #333;
			text-align: center;
		}
		#compare table.features .gray td{
			background-color: #f1f1f1;
		}
		#compare table.features .white td{
			background-color: #fff;
			border-width: 0 0 1px 0;
		}

			#compare table.features .gray td.free{
				padding-top:16px;
			}
		#compare table.features .title{
			background: url(../images/red-arrow.png) no-repeat left center;
			padding-left: 12px;
			text-align: left;
		}
			#compare table.features span.red{
				color:#990000;
				font-size:12px;
			}
		#compare table.features .sub-title{
			background: #ccc;
			color: #666;
			padding-left: 20px;
			font-weight: bold;
			text-align: left;
		}
		#compare table.features .product{
			background: #ccc;
			font-size: 11px;
			line-height: 15px;
			color: #505050;
			font-weight: bold;
		}
		#compare table.features .feature{
			font-size: 12px;
			text-align: left;
			padding: 10px 20px;
		}
		#compare table.features .feature-title{
			font-size: 14px;
			font-weight: bold;
		}
		#compare table.features .link{
			font-size: 12px;
			text-align: left;
			padding: 10px 20px;
		}
		#compare table.features td.red{
			width: 135px;
			background-color: #fae5e5;
		}
		#compare table.features td.blank{
			width: 135px;
			background-color: #f1f1f1;
		}
		#compare table.features td.green{
			width: 135px;
			background-color: #e2ebd8;
		}
		
		#compare table.features .gray  .s-feature p{
			float: left;
			font-size: 12px;
			margin: 30px 0 0 20px;
			font-style: italic;
		}
		#compare table.features .guarantee {
			display: block;
			background: url(../images/30day-medium.png) no-repeat center top;
			float: right;
			margin-right: 20px;
			padding-top: 50px;
			text-align: center;
			width: 100px;
		}
			#compare table.features td span{
				font-size: 12px;
			}
			#compare table.features .btn-download-green,
			#compare table.features .btn-trail-green-small,
			#compare table.features .btn-buy-green,
			#compare table.features .btn-gray-buy{
				/*margin: 5px auto 10px auto;*/
				font-size: 12px;
			}
.boxes a.btn-trail-green-small
{
display:inline-block;
margin-top:10px;
}