@charset "utf-8";

@import "reset.css";
@import "base-v3.css";
@import "thickbox.css";


/* Common Elements */
#contentpage{
	background: transparent url("../images/bg-container-pages.gif") no-repeat 0 0;
	padding: 24px 24px 72px 24px;
	width: 892px;
}
#subheader p.intro{
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	width: 480px;	
}
#section{
	float: left;
	width: 480px;	
}
#section h2{
	padding: 0 0 18px 0;
}
#section h3, 
#subsection h3{
	margin: 0 0 6px 0;
}
#section p,
#subsection p{
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 12px 0;
}
#subsection ul.sublist{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 24px 0;
	padding: 0 0 0 4px;
}
#subsection ul.sublist li{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
}
#subsection ul.sublist li a{
	background: transparent url("../images/li.gif") no-repeat 0 0;
	padding: 0 0 2px 16px;
}
#subsection ul.sublist a:hover{
	background-image: url("../images/li_hover.gif");
}
#section strong{
	background: #FFFF99;
	font-weight: bold;
	margin: 0 2px;
	padding: 0 2px;
}
#section ul{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 12px 0;
	padding: 0 6px;
}
#section li{
	margin: 0 0 3px 0;
}
#section ul{
	list-style: url("../images/li_content.gif") circle outside;
}
#section ol{
	list-style: decimal outside;
}
#subsection{
	float: right;
	width: 388px;	
}
	#req{
		float: right;
		width: 388px;	
	}
	#subsection #req h3{
		margin-bottom: 0;
	}
	#req p.footnote{
		color: #666;
		float: none;
		font-size: 11px;
		line-height: 16px;
		width: auto;
	}
	#req .reqlist{
		background: #edf0f1 url("../images/bg-req.gif") no-repeat 0 100%;
		margin: 0 0 4px 0;
		padding: 0 12px 12px 12px;
		width: 364px;
	}
	#req .reqlist ul.win{
		background: transparent url("../images/logo-windows-simple.gif") no-repeat 0 10%;
		font-size: 12px;
		line-height: 18px;
		padding: 0 0 12px 70px;
	}
	#req .reqlist ul.mac{
		background: transparent url("../images/logo-mac-simple.gif") no-repeat 0 10%;
		font-size: 12px;
		line-height: 18px;
		padding: 0 0 0 70px;
	}
#btngroup{
	float: left;
	padding: 6px 0;
	width: 388px;	
}
	#btngroup a{
		background: transparent no-repeat 0 0;
		height: 49px;
		display: block;
		margin: 0;
		overflow: hidden;
		text-indent: -999em;
		width: 191px;
	}
	#btngroup a.buy{ float: left; background-image: url("../images/btn-imm-buy.gif"); }
	#btngroup a.trial{ float: right; background-image: url("../images/btn-imm-trial-v3.gif"); }
	#btngroup a.trial:hover{ background-position: 0 -49px; }
	#btngroup a.trial:active{ background-position: 0 -98px; }
/* **************************************************************-************************************************************** */

/* Help */
.helpindex{
	color: #333;
	font-size: 12px;
	line-height: 18px;
	list-style-type: circle;
	list-style-position: outside;
	margin: 0 0 18px 0;	
	padding: 0 0 0 18px;
}
/* **************************************************************-************************************************************** */

/* Support */
.faq{
	font-size: 12px;
	margin: 0 0 18px 0;	
}
.faq dt{
	color: #3d2302;
	font-weight: bold;
	line-height: 20px;
}
.faq dd{
	color: #333;
	line-height: 18px;
	margin: 0 0 6px 0;
	padding: 0 0 0 12px;
}
.faq dd ol{
	list-style-type: decimal;
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
}
.faq dd ul{
	list-style-type: circle;
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
}
/* **************************************************************-************************************************************** */

/* .pricetable */
table.pricetable{
	border-collapse: collapse;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 24px 0;
	width: 480px;	
}
	table.pricetable th, 
	table.pricetable td{
		vertical-align: top;
		padding: 3px 6px;
	}
	table.pricetable th{
		border-bottom: 1px solid #666;
		font-weight: bold;
		text-align: center;
	}
	table.pricetable td{
		text-align: center;	
	}
	table.pricetable tr.even{
		background-color: #ebeff0;
	}
/* **************************************************************-************************************************************** */

/* .ssgallery */
#section ul.ssgallery{
	list-style: none;
	padding: 12px 0 0 0;
	width: 480px;	
}
#section ul.ssgallery li{
	display: inline;
}
#section ul.ssgallery li a{
	display: block;
	float: left;
	height: 120px;
	margin: 0 20px 20px 0;
	width: 200px;
}
#section ul.ssgallery li.lastss a{
	margin: 0;	
}
/* **************************************************************-************************************************************** */

/* Company Profile */
#headercompany{
	margin: 0 auto;
	padding: 64px 0 0 0;
	text-align: left;
	width: 940px;
}
table.companydata{
	border-collapse: collapse;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 24px 0;
	width: 480px;	
}
	table.companydata th, 
	table.companydata td{
		vertical-align: top;
		padding: 3px 6px;
	}
	table.companydata th{
		font-weight: bold;
		text-align: right;
		width: 108px;	
	}
	table.companydata td{
		width: 348px;	
	}
	table.companydata tr.even{
		background-color: #ebeff0;
	}
.googlemaps{
	margin: 0 0 24px 0;
}
.companyaccess{
	font-size: 12px;
	line-height: 18px;
	list-style-type: circle;
	list-style-position: outside;
	padding: 0 0 0 18px;
}
/* **************************************************************-************************************************************** */

/* Term and Condition */
#section h4{
	color: #3d2302;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
#section p.betasubmit{
	padding: 12px 0 0 0;	
}
#section p.termintro{
	margin-bottom: 4px;
}
.termlist, 
.termalpha, 
.termgreek, 
.termnumber{
	color: #333;
	font-size: 12px;
	line-height: 18px;
	list-style-position: outside;
	margin: 0 0 18px 0;	
	padding: 0 0 0 24px;
}
.termlist{ list-style-type: circle; }
.termalpha{ list-style-type: upper-alpha; }
.termgreek{ list-style-type: upper-roman; }
.termnumber{ list-style-type: decimal; }
.termlist ul, 
.termalpha ul, 
.termgreek ul, 
.termnumber ul{
	margin-bottom: 0;
}
/* **************************************************************-************************************************************** */

/* Extra CForm Styling */
.cform .cf-ol li.confirm{
	font-size: 14px;
	font-weight: bold;	
}