@charset "utf-8";
/* CSS Document */
/* SSL Post / GCrypt - SAP Microsite (Version 1.0)*/
/* Author - James Vinter (Vinternet solutions) Oct 2008*/

/* -- START -- */

/* -- start: GLOBAL DECLARATIONS -- */

* {
		margin: 0;
		padding: 0;
		outline: none;
		}
		
img {
		border: 0px;
		}
		
/* -- end: GLOBAL DECLARATIONS -- */

/* -- start: Page Declarations / Header / Structure / Layout -- */

.wrapper {
		margin: 0 auto;
		width: 1024px;
		height: 600px;
		}
		
.wrapperLeft {
		float: left;
		width: 202px;
		height: 580px;
		}
		
.logoGcrypt {
		float: left;
		width: 200px;
		border: solid 1px #009933;
		margin-bottom: 1px;
		}
		
.costMenu {
		clear: both;
		width: 202px;
		height: 320px;
		background: url(../images/rightmenu_cost.jpg);
		background-repeat: no-repeat;
		}
				
.costMenu p {
		padding: 110px 20px 5px 20px;
		font: 11px Arial, Helvetica, sans-serif;
		}
		
.costMenu ul {
		margin: 10px 0px 5px 30px;
		}
		
.costMenu li {
		list-style-image: url(../images/arrow_small.jpg);
		margin: 0px 0px 10px 10px;
		}
		
.costMenu li a {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}
		
.costMenu li a:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
		
		
.wrapperRight {
		float: right;
		width: 822px;
		height: 768px;
		}

.levelOne {
		clear:both;
		height: 70px;
		width: 822px;
		background: url(../images/header_background.jpg);
		background-repeat: no-repeat;
		}		
		
.topMenu {
		height: 60px;
		width: 822px;
		}
		
.linkHmrc {		
		float: left;
		padding: 35px 0px 0px 110px;
		color: #FFFFFF;
		}
		
.linkHmrc a {
		font: 13px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		}	
	
	
.linkHmrc a:hover {
		font: 13px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: underline;
		}
		
.logoHmrc {
		float: right;
		width: 188px;
		padding: 5px 5px 0px 0px;
		}
				

.levelTwoLeft {
		float: left;
		width: 580px;
		height: 570px;
		background: #FFFFFF;
		padding: 10px 20px 0px 20px;
		}
		
.levelTwoContent {
		float: left;
		width:560px;
		background: #FFFFFF;
		padding: 10px 30px 0px 30px;
		}
		
.homeText {
		clear: both;
		line-height:18px;
		}		
		
		
		
		
.levelTwoRight{
		float: left;
		width:202px;
		height: 550px;
		background-color: #82CB84;
		padding: 8px 0px 0px 0px;
		}
		
.rightMenuDemos {
		margin: 0 auto;
		width: 200px;
		height: 160px;
		background: url(../images/rightmenu_demos.jpg);
		background-repeat: no-repeat;
		}
		
.rightMenuDemos div {
		padding: 75px 20px 5px 20px;
		}
		
.rightMenuDemos p {
		font: 10px Arial, Helvetica, sans-serif;
		}
		
.rightMenuDemos p a {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}	
	
.rightMenuDemos p a:hover {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
.rightMenuDocs {
		margin: 0 auto;
		width: 200px;
		height: 190px;
		background: url(../images/rightmenu_docs.jpg);
		background-repeat: no-repeat;
		}
		
.rightMenuDocs div {
		padding: 70px 20px 5px 20px;
		}
				
.rightMenuDocs p {
		font: 10px Arial, Helvetica, sans-serif;
		color: #000000;
		}
		
.rightMenuDocs p a {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}	
	
.rightMenuDocs p a:hover {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
.rightMenuCerts {
		margin: 0 auto;
		width: 200px;
		height: 190px;
		background: url(../images/rightmenu_certs.jpg);
		background-repeat: no-repeat;
		}
		
.rightMenuCerts div {
		padding: 70px 20px 5px 20px;
		}
				
.rightMenuCerts p {
		font: 10px Arial, Helvetica, sans-serif;
		color: #000000;
		}
		
.rightMenuCerts p a {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}	
	
.rightMenuCerts p a:hover {
		font: 13px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
		
		
/* -- start: SSLPost Products Slideshow -- */


.slideshowHolder {
		width:580px;
		background: #FFFFFF;
		}
		
.slideshowButtons {
		width:580px;
		background: #FFFFFF;
		}
		
.mask{
	position:relative;
	width:580px;
	height:184px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
		

#box{
	position:absolute;
}
#box div{
	width:580px;
	height:184px;
	float:left;
	background:#FFFFFF;
}

#box ul{
	padding:5px 10px;
}


#box p {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 10px 10px 0px 10px;
	}
	
	
#box p a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #009933;
	text-decoration: none;
	}	
	
#box p a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #009933;
	text-decoration: underline;
	}
	
	
#box p img{
	margin:0;
	}
	
#box img{
	float:left;
	margin:10px 10px 10px 0px;
}
#info {
	background:#fff !important;
	color:#009933 !important;
	cursor:default;
	display: none;
}


.buttons {
	clear: both;
	float:right;
	margin: 20px 0px 0px 0px;
	}

.buttons span {
	display:block;
	float:left;
	width:60px;
	text-align:center;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #009933;
	text-decoration: none;
	margin-right: 25px;
	cursor: pointer;
	}
	
.buttons span.active {
	display:block; 
	float:left; 
	width:60px; 
	text-align:center; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #D80000; 
	text-decoration: none;
	margin-right: 25px;
	cursor: pointer;
	}

.buttons span:hover {
	display:block; 
	float:left; 
	width:60px; 
	text-align:center; 
	font: bold 10px Arial, Helvetica, sans-serif; 
	color: #D80000; 
	text-decoration: none;
	margin-right: 25px;
	cursor: pointer;
	}

/* -- end: SSLPost Products Slideshow -- */


.pdfBox {
		width: 545px;
		height: 44px;
		background: url(../images/pdf_box.jpg);
		background-repeat: no-repeat;
		margin: 10px 0px 10px 0px;
		}
		
.pdfBox p {
		font: 12px Arial, Helvetica, sans-serif;
		padding: 15px 0px 0px 35px;
		}
		
.pdfBox p a {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}

.pdfBox p a:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}

.linkBox {
		width: 545px;
		height: 44px;
		background: url(../images/link_box.jpg);
		background-repeat: no-repeat;
		margin: 10px 0px 10px 0px;
		}
		
.linkBox p {
		font: 12px Arial, Helvetica, sans-serif;
		padding: 15px 0px 0px 35px;
		}
		
.linkBox p a {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}

.linkBox p a:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
.demoBox {
		width: 545px;
		height: 64px;
		background: url(../images/demo_box.jpg);
		background-repeat: no-repeat;
		margin: 10px 0px 10px 0px;
		}
		
.demoBox p {
		font: 12px Arial, Helvetica, sans-serif;
		padding: 15px 70px 0px 35px;
		}
		
.demoBox p a {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}

.demoBox p a:hover {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
.contentWindow {
		padding: 10px;
		}
		
table {
		border: solid 1px #cccccc;
		}

td	{
		padding: 5px;
		border: solid 1px #F7F7F7;
		}
		
.priceHeader {
		background-color: #EFEFEF;
		padding: 2px;
		}
		
.techText p {
		font: 11px Arial, Helvetica, sans-serif;
		color: #000000;
		padding: 3px;
		}
		
.subtextDark {		
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #009933;
		}
		
.subtextDoc {		
		font: bold 10px Arial, Helvetica, sans-serif;
		color: #000000;
		padding-left: 40px;
		padding-top: 6px;
		}
		
.formBox {
		width: 548px;
 		padding: 10px; 
		background-color: #f7f7f7; 
		border: solid 1px #CCCCCC;
		}
		
.formBox p {
 		padding: 10px 0px 10px 5px; 
		}				

/* -- start: Text & Hyperlinks -- */		
		
h1 {
		font: 26px Arial, Helvetica, sans-serif;
		color: #3D301F;
		padding: 10px 0px 10px 0px;
		}
		
h2 {
		font: 20px Arial, Helvetica, sans-serif;
		color: #3D301F;
		padding: 15px 0px 5px 0px;
		}
		
h3 {
		color:#FFFFFF;
		font: 1px Arial, Helvetica, sans-serif;
		}
		
h4 {
		font: 20px Arial, Helvetica, sans-serif;
		color: #009933;
		padding: 15px 0px 15px 0px;
		}
		
h5 {
		font: bold 16px Arial, Helvetica, sans-serif;
		color: #009933;
		}
		
h6 {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #333333;
		margin-bottom: 8px;
		}
		
		
p {
		font: 11px Arial, Helvetica, sans-serif;
		color: #333333;
		}
		
p a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}	
	
	
p a:hover {
		font: 11px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
.important {
		color: #D80000;
		font: bold 12px Arial, Helvetica, sans-serif;
		}
		
.highlight {
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #009933;
		}
		
.subtext {
		font: bold 9px Arial, Helvetica, sans-serif;
		color: #009933;
		}

.certList {
		padding: 15px 0px 0px 40px;
		}
		
.certList li {
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #3D301F;
		list-style-image: url(../images/tick.jpg);
		}

.howList {
		padding: 15px 20px 15px 30px;
		}
		
.howList li {
		font: 11px Arial, Helvetica, sans-serif;
		list-style-image: url(../images/arrow.jpg);
		margin-bottom: 10px;
		}

.benefitList {
		padding: 15px 25px 15px 25px;
		}
		
.benefitList li {
		font: 11px Arial, Helvetica, sans-serif;
		list-style-image: url(../images/tick.jpg);
		margin-bottom: 10px;
		}
		
.benefitList li a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: none;
		}	
	
	
.benefitList li a:hover {
		font: 11px Arial, Helvetica, sans-serif;
		color: #009933;
		text-decoration: underline;
		}
		
		
/* -- end: Text & Hyperlinks -- */	

/* ---------- END --------------*/