/*------------------ begin Common section --------------- */
body {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	margin: 10px 0px 50px 0px;
	background-color: #F7F7F7;
	text-align: center;
}
div.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
} 
a, a:visited {
	color: #3268C8;
	text-decoration: none;
}
a:hover {
	color: #548917;
	text-decoration: none;
}
.clearfloat {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
H1 {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	width: 100%;
	margin: 10px 0px 10px 10px;
}
H2 {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #5D5D5D;
	width: 100%;
}

/*------------------ end Common section --------------- */

/*------------------ begin Header section --------------- */
div.header {
	background-color: #FFFFFF;
	height: 35px;
	padding: 0px 0px 15px 0px;
}
div.logo {
	float: left;
	padding: 10px 0px 0px 15px;
}
div.language {
	float: right;
	padding: 20px 20px 0px 0px;
}
div.menu {
	background-image: url('/_image/gradient-header.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 25px;
}
div.menu div.region {
	float: left;
	padding: 6px 6px 0px 10px;
}
div.menu div.items {
	float: left;
	padding: 4px 0px 0px 0px;
}
a.menu, a.menu:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
a.menu:hover {
	text-decoration: none;
	font-weight: bold;
	color: #548917;
}
div.location {
	background-image: url('/_image/gradient-path.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
}
div.path {
	float: left;
	width: 750px;
	padding: 7px 0px 10px 10px;
	color: #5D5D5D;
}
div.slogan {
	float: right;
	padding: 7px 20px 5px 0px;
	color: #000000;
}
/*------------------ end Header section --------------- */

/*------------------ begin Right section --------------- */
div.right {
	float: right;
	width: 220px;
	background-color: #F3F7FD;
	border-left: 1px solid #E2E2E2;
} 
div.content {
	float: left;
	width: 200px;
	padding: 10px 5px 0px 10px;
}
div.content-top-left {
	float: left;
	background-image: url('/_image/content-top-left.gif');
	background-repeat: no-repeat;
	width: 3px;
	height: 23px;
}
div.content-top-center {
	float: left;
	background-image: url('/_image/content-top.gif');
	background-repeat: repeat-x;
	width: 194px;
	height: 23px;
}
div.content-top-right {
	float: right;
	background-image: url('/_image/content-top-right.gif');
	background-repeat: no-repeat;
	width: 3px;
	height: 23px;
}
div.content-header {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	margin: 5px 0px 0px 7px;
	font-weight: bold;
}
div.block {
	float: left;
	border-top: 1px solid #E2E2E2;	
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	background-color: #FFFFFF;
	width: 198px;
	padding: 0px 0px 5px 0px;
}
div.social {
	float: right;
	margin: 10px 0px 0px 0px;
}
/*------------------ end Right section --------------- */

/*------------------ begin Main section --------------- */
div.main {
	float: left;
	margin: 0px;
	width: 728px;
	background-color: #FFFFFF;
} 
div.column-left {
	float: left;
	margin: 7px 5px 5px 0px;
	width: 290px;
	background-color: #FFFFFF;
}
div.column-right {
	float: left;
	margin: 7px 5px 5px 0px;
	width: 300px;
	background-color: #FFFFFF;
}
div.maintenance {
	float: left;
	padding: 3px 0px 0px 47px;
	width: 340px;
	background-color: #FFFFFF;
}
div.personalization {
	float: left;
	padding: 10px;
	width: 280px;
	background-color: #F3F7FD;
}
div.featured-image {
	float: left;
	padding: 0px 0px 5px 5px;
	width: 120px;
}
div.product-overview {
	float: left;
	padding: 5px 0px 5px 5px;
	width: 590px;
}
div.access {
	float: left;
	margin: 7px 0px 5px 0px;
	width: 290px;
}
div.text {
	float: left;
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	padding: 7px 0px 20px 10px;
}
div.client {
	margin: 10px 10px 0px 15px;
}
div.feature-left {
	float: left;
	margin: 15px 10px 0px 10px;
	width: 270px;
}
div.feature-right {
	float: left;
	margin: 15px 10px 0px 10px;
	width: 270px;
}
div.price-grid {
	float: left;
	margin: 10px 10px 20px 0px;
	width: 590px;
	background-color: #F3F7FD;
}
div.price-icon {
	float: left;
	width: 20px;
	padding: 3px 5px 10px 0px;
}
div.software {
	float: left;
	width: 370px;
	padding: 10px;
}
div.datasheet {
	float: left;
	width: 20px;
	text-align: right;
	padding: 10px 0px 0px 0px;
}
div.demo {
	float: right;
	width: 150px;
	text-align: right;
	padding: 10px 20px 0px 0px;
}
div.sales-channel {
	float: right;
	width: 250px;
	padding: 0px 20px 10px 20px;
}
div.screenshot {
	float: right;
	width: 250px;
	margin: 10px 30px 10px 20px;
}
div.company {
	float: left;
	width: 200px;
	margin: 0px 20px 10px 0px;
	padding: 5px 5px 0px 10px;
}
div.solution {
	float: left;
	border-top: 1px solid #E2E2E2;	
	border-bottom: 1px solid #E2E2E2;
	margin: 10px 5px 20px 10px;
	width: 680px;
}
div.application {
	float: left;
	margin: 0px 5px 10px 10px;
	width: 690px;
}
div.hint {
	float: left;
	margin: 10px 20px 10px 0px;
	width: 205px;
}
div.row-white {
	float: left;
	margin: 0px 10px 0px 60px;
	padding: 5px;
	width: 600px;
	background-color: #FFFFFF;
}
div.row-gray {
	float: left;
	margin: 0px 10px 0px 60px;
	padding: 5px;
	width: 600px;
	background-color: #F3F7FD;
}
div.support {
	float: left;
	width: 500px;
}
div.program-left {
	float: left;
	margin: 15px 20px 0px 10px;
	width: 310px;
}
div.program-right {
	float: left;
	margin: 15px 20px 0px 10px;
	width: 310px;
}
div.press-release {
	float: left;
	margin: 10px 0px 0px 5px;
	color: #5D5D5D;
	width: 650px;
}

/*------------------ end Main section --------------- */

/*------------------ begin Footer section --------------- */
div.footer {
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background-image: url('/_image/gradient-footer.jpg');
	background-repeat: repeat-x;
	width: 100%;
	height: 120px;
} 
div.quick-link {
	float: left;
	width: 180px;
	color: #5D5D5D;
	margin: 0px 0px 20px 40px;
	padding: 5px 0px 5px 10px;
}
a.quick-link, a.quick-link:visited {
	text-decoration: none;
	color: #5D5D5D;
}
a.quick-link:hover {
	text-decoration: none;
	color: #548917;
}
div.copyright {
	float: right;
	padding: 5px 12px 0px 0px;
	color: #5D5D5D;

}
/*------------------ end Footer section --------------- */

/*------------------ begin Forms section --------------- */

span.mandatory {
	font: 100% Verdana, Arial, Helvetica;
	font-size: 8pt;
	color: #950516;
}
div.contact-form {
	float: right;
	width: 370px;
	margin: 10px 50px 0px 0px;
	text-align: left;
}
div.caption {
	float: left;
	width: 70px;
	text-align: right;
	display: table-cell;
	margin: 3px 10px 5px 0px;
}
div.caption-comment {
	float: left;
	text-align: left;
	width: 150px;
	margin: 5px 0px 0px 0px;
}
div.submit {
	float: left;
	width: 70px;
	margin: 10px 0px 0px 75px;
}
input.contact, select.contact, textarea.contact, input.warning, textarea.warning {
	font: 100% Verdana, Arial, Helvetica;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}
select.contact {
	width: 150px;
}
textarea.contact {
	margin: 0px 0px 0px 76px;
}
input.warning {
	border: 1px solid #950516;
}
textarea.warning {
	margin: 0px 0px 0px 76px;
	border: 1px solid #950516;
}
div.thank-you {
	float: left;
	font-size: 8pt;
	width: 200px;
	margin: 10px 0px 0px 20px;
	visibility: hidden;
}
div.login-form {
	float: left;
	margin: 10px 0px 0px 5px;
}
div.login-caption {
	float: left;
	width: 70px;
	text-align: right;
	margin: 7px 5px 0px 0px;
}
input.login {
	font: 100% Verdana, Arial, Helvetica;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	margin: 5px 0px 0px 0px;
}
div.password {
	float: left;
	width: 100px;
	margin: 10px 0px 0px 5px;
}
div.login-button {
	float: left;
	width: 40px;
	margin: 7px 0px 0px 35px;
}

/*------------------ end Forms section --------------- */