﻿a {
	color:#0092c9;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
p
{
	margin-top:7px;
	font-size:13px;
	line-height:16px;
}

p.intro
{
	font-size:16px;
	list-style:21px;
	line-height:19px;
}

#footer p
{font-size:11px;}
h1
{
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: #dae5e7 2px solid;
	padding:10px 0;
	margin-bottom:10px;
}

h2
{
	font-size:13px;
	font-weight:bold;
}

.lefttext
{
	float:left;
	width:260px;
}

.robotic
{
	background:url(/shared/images/robot.png);
	position:absolute;
	right:0;
}

ul.bullets li
{
	color:#0092c9;
	margin-left:20px;
	list-style:disc;
	padding-top:6px;
	line-height:16px;
}

.trainingbullets a:visited
{
	color:#666;
}

ul.learning li
{
	line-height:12px;
}

ul.generate li
{
	line-height:16px;
	list-style-type:disc;
	color:#54ae3b;
}

/*
 * Layout & Master
 */
body {
	background:url(/shared/images/background.gif) repeat-y top center;
}

#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
}

.logo
{display:block;
 margin:24px 0 24px 19px;
 float:left;
}


#heroImages {
	width:960px;
	height:204px;
	overflow:hidden;
}

/*
 * Menus
 */

#menu {
	margin-left:32px;
}
	#menu li {
		list-style:none!important;
		list-style-type:none!important;
		list-style-image:none!important;
		margin:0;
		padding:0;
		float:left;
		width:106px;
		margin-right:1px;
	}
		#menu li.last {
			margin-right:0;
		}
	#menu li a {
		display:block;
		width:106px;
		height:27px;
		padding-top:9px;
		background:url(/shared/images/menu/menuSprite.gif) no-repeat 0 0;
		
		text-align:center;
		color:#000;
		font-size:12px;
		text-decoration:none;
		outline:none;
	}
	#menu li a:hover, #menu li.active a {
		background-position:0 -36px;
	}
	
	#menu li.dbl a {
		padding-top:3px;
		height:33px;
	}
	#menu li.homeBtn {
		width:39px;
	}
		#menu li.homeBtn a {
			width:39px;
			background-position:-106px 0;
			text-indent:-100px;
			overflow:hidden;
		}
		#menu li.homeBtn a:hover, #menu li.homeBtn a.active {
			background-position:-106px -36px;
		}
	
	/* Drop down */
	ul#menu li.dropdownproducts, ul#menu li.dropdowntraining {
		position:relative;
	}
	ul#menu li.hover a {
		background-position:0 -72px!important;
	}
	ul#menu ul {
		display:none;
		position:absolute;
		top:36px;
		left:0;
		z-index:1000;
	}
	ul#menu ul li {
		float:none;
	}
	ul#menu ul li a {
		height:18px;
		padding-top:5px;
		background:#8bcfe8 none;
	}
	ul#menu ul li.cap {
		background:url(/shared/images/menu/dropdown-cap.png) no-repeat!important;
		text-indent:-200px;
		overflow:hidden;
	}
		
	ul#menu ul li a:hover {
		background:#b6cbd0 none;
	}
	
	ul#menu ul li
	
	
	ul#menu table {border-collapse:collapse}

#content {
	width:895px;
	margin:20px auto 10px auto;
}

#footer {
	width:895px;
	margin:10px auto;
	font-size:11px;
}

#partners {
	float:right;
	width:228px;
	margin:29px 19px 22px 0;
}

.terms, .terms a
{
	color:#808285;
	padding-top:24px;
	font-weight:normal;
}

.terms a:hover
{
	color:#27AFE5;
	
}


.copyright {
	border-top:#dae5e7 2px solid;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
	margin-bottom:20px;
	color:#808285;
	line-height:12px;
	font-size:10px;
}

/*
 * Home page NEW STYLES
 */
 
 .homeLeft
 {
	float:left;
	width:294px;
 }
 
 .homeMiddle
 {
	float:left;
	width: 256px;
	margin-left:25px;
 }
 
 .homeRightNew
 {
	float:right;
	width:294px;
	margin-left:25px;

 }

#got3minsNew {
	display:block;
	width:119px;
	height:81px;
	background:url(/shared/images/home-promo-small.gif) no-repeat;
	padding:20px 0 0 138px;
	color:#333333;
	font-size:11px;
	margin-top:30px;
}
	#got3minsNew:hover { text-decoration:none; }
	#got3minsNew b {
		font-size:13px;
	}


.homeBigLinkNew {
	margin:0px 0 15px 0;
	font-size:18px;
	color:#333333;
	line-height:22px;
}

.homeBigLinkNew b {
		color:#0092C9;
		font-weight:normal;
	}

.create-bullets li
{
	list-style-type:decimal;
	list-style-position:inside;
	color:#27AFE5;
}

#partnersNew {
	width:100%;
}

#partnersNew div
{
	width:298px;
	float:left;
}

#toplinks
{
	float:right;
	margin:46px 0 0 0;
}

#toplinks a
{
	color:#808285;
}

#topmenu ul
{
	padding:0;
	margin:0;
}

#topmenu li
{
	float:left;
	position:relative;
	z-index:100;
	color:#808285;
	cursor:pointer;
}

#topmenu a, #top-menu a:visited
{
	display:block;
	text-decoration:none;
}

#topmenu ul ul {
visibility:hidden;
width:80px;
height:0;
list-style-type:none;
}

#topmenu ul li.clientloginmenu a:hover
{
	color:#27afe5;
	text-decoration:underline;
}

#topmenu li.createmenu a
{
	color:#27afe5;
}

#topmenu li.generatemenu a
{
	color:#54ae3b;
}

#topmenu li.office365menu a
{
	color:#e83651;
}


#topmenu ul li ul li a:hover
{
	text-decoration:none;
	font-weight:bold;
}

#topmenu ul li:hover ul,
#topmenu ul a:hover ul{
visibility:visible;
}


#footerNew {
	width:895px;
	margin:10px auto;
	font-size:11px;
	text-align:center;
}



/*
 * Home page
 */

.homeRight {
	float:right;
	width:498px;
	margin-right:-27px;
}
.homeBox {
	float:left;
	background:#f0f0f0 url(/shared/images/homeBoxBG.gif) repeat-y;
	margin:0;
	padding:0;
	margin-right:10px;
	font-size:1em;
	cursor:pointer;
	
}
.homeBox div.topBG {
	width:239px;
	height:205px;
}
.homeBox div.bottomBG {
	width:239px;
	height:256px;
}
	.box1, .box3 {
		margin-right:10px;
	}
	.box4 div {
		background:url(/shared/images/home-boxes1.gif) no-repeat -478px 0;
	}
	.box1 div {
		background:url(/shared/images/home-boxes1.gif) no-repeat -717px 0;
	}
	.box2 div {
		background:url(/shared/images/home-boxes1.gif) no-repeat -957px bottom;
	}
	.box3 div {
		background:url(/shared/images/home-boxes1.gif) no-repeat -1196px bottom;
	}
	div.homeBoxCap {
		background:url(/shared/images/home-boxes1.gif) -239px 0 no-repeat;
		height:19px;
		width:239px;
	}
	div.homeBoxHat {
		background:url(/shared/images/home-boxes1.gif) 0 0 no-repeat;
		height:220px;
	}
	
	.homeBox div.greyline
	{
		margin:0px 0px 5px 12px;
		width:190px;
		height:2px;
		background-color:#bbb;
	}
	
	.buynowgreyline
	{
		width:278px;
		border-bottom:solid 2px #dae5e7;
	}
	
	.homeBox h4 {
		padding:12px 5px 5px 12px;
		font-size:16px;
		font-weight:bold;
		font-size:15px;
	}	.homeBox h4 a { color:#0092C9; }
		.homeBox h4 a:hover { text-decoration:none; }
	.homeBox p {
		padding-left:20px;
		padding-right:20px;
	}
	.homeBox ul {
		margin-left:5px;
		margin-right:25px;
	}

.homeBody {
	float:left;
	width:398px;
}
.homeContent {
	font-size:13px;
	line-height:19px;
}
.homeBigLink {
	margin:10px 0 15px 0;
	font-size:20px;
	color:#333333;
	line-height:26px;
}
	.homeBigLink b {
		color:#0092C9;
		font-weight:normal;
	}

#got3mins {
	display:block;
	width:181px;
	height:83px;
	background:url(/shared/images/home-promo.gif) no-repeat;
	padding:29px 0 0 214px;
	color:#333333;
	font-size:15px;
	margin-bottom:37px;
}
	#got3mins:hover { text-decoration:none; }
	#got3mins b {
		font-size:18px;
	}

.promoClients {
	display:block;
	width:90px;
	height:79px;
	background:url(/shared/images/promo-our-clients.gif) no-repeat;
	float:left;
	margin-right:5px;
	padding:42px 0 0 44px;
	font-size:13px;
	color:#000;
}	.promoClients:hover { text-decoration:none; }

#homequote
{
	margin:0;
	display:block;
	text-align:center;
	vertical-align:middle;
	width:256px;
	height:103px;
	background:url(/shared/images/frame-wide.jpg) no-repeat;
	float:left;
}

#homequote img
{
	padding:10px;
}


/*
 * Products
 */

.productsOverview
{
	padding-left:333px;
}

.productsOverview p
{
	line-height:16px;
}
.productsOverview div {
	float:left;
	width:170px;
	margin-right:16px;
	margin-top:10px;
}	.generate { margin-right:0!important; }

	.productsOverview .create h2 a {
		color:#27afe5;
		font-size:11pt;
	}
	.productsOverview .express h2 a {
		color:#e83751;
		font-size:11pt;
	}
	.productsOverview .generate h2 a {
		color:#54ae3b;
		font-size:11pt;
	}

.arrowlinks{
	display:block;
	padding:3px 0;
	margin:10px 0 0 0;
	border-top:#c7d7db 1px solid;
	border-bottom:#c7d7db 1px solid;
	font-weight:bold;
	color:#333;
	background:url(/shared/images/greyarrow.gif) no-repeat right;
	display:block;
}
	.arrowlinks:hover {
		background:url(/shared/images/bluearrow.gif) no-repeat right;
		display:block;
	}

.watchDemo {
	display:block;
	background:url(/shared/images/ibox.gif) no-repeat 0 7px;
	padding:18px 0 17px 46px;
	border-top:#c7d7db 1px solid;
	border-bottom:#c7d7db 1px solid;
	color:#333;
	font-weight:bold;
	font-size:12px;
}

.productsLB {
	border-bottom:#DAE5E7 2px solid;
	margin:10px 0;
	clear:both;
}
.productsSubMenu {
	float:right;
}

.productsSubMenu li {
	float:left;
	list-style:none;
	padding-bottom:5px;
	padding-left:20px;
}
.productsSubMenu a {
	background:url(/shared/images/arrows2.gif) no-repeat right top;
	height:17px;
	padding-right:22px;
	font-size:15px;
	font-weight:bold;
}
.productsSubMenu a:hover {
	text-decoration:none;
}
.productsSubMenu .custom a {
	background-position:right -138px;
	color:#e83651;
}
	.productsSubMenu li.custom a.active, .productsSubMenu .custom a:hover {
		background-position:right -189px;
	}
.productsSubMenu .instant a {
	background-position:right -70px;
	color:#27afe5;
}
	.productsSubMenu li.instant a.active, .productsSubMenu .instant a:hover {
		background-position:right -121px;
	}
.productsSubMenu .diy a {
	background-position:right -18px;
	color:#54ae3b;
}
	.productsSubMenu li.diy a.active, .productsSubMenu .diy a:hover {
		background-position:right top;
	}
.productsOverview a img {
	margin-left:-15px;
	position:relative;
}

/* Col 1 */
.col1 {
	width:340px;
	float:left;
}

.quotes {
	/*background:url(/shared/images/quotes.gif) no-repeat;*/
	color:#808080;
	font-size:16px;
	line-height:21px;
	width:175px;
}
	.openQuote {
		width:50px;
		height:37px;
		float:left;
		text-indent:-50px;
		overflow:hidden;
		display:block;
	}

.keyfeatures h4
{
	font-size:16px;
	font-weight:bold;
	margin:5px 0px;
}

ul.specs li {
	font-size:16px;
	font-weight:bold;
	color:#54ae3b;
	margin-left:32px;
	list-style-image:url(/shared/images/greenDot.gif);
}


/* Col 2 */
.col2 {
	width:250px;
	float:left;
	margin:0 20px;
}


/* Col 3 */
.col3 {
	width:250px;
	float:right;
}

.testimonialICAEW {
	margin-left:0px;
	margin-top:30px;
	float:left;
}


.testimonialICAEW ul li {
	list-style:none!important;
	list-style-image:none!important;
	float:left;
	position:relative;
	padding:0;
	margin-bottom:10px;
	margin-right:15px;
}

.testimonialICAEW ul li a {
	display:block;
	width: 132px;
	height: 94px;
	background:url(/shared/images/frame.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
}
.testimonialICAEW ul li .none
{
	background:url(/shared/images/frame.gif) no-repeat 0 0;
	 width:132px;
	 height:94px;
	 display:block!important;
}

.testimonialICAEW ul li a:hover {background:url(/shared/images/frame.gif) no-repeat 0 -100px;
}
.testimonialICAEW ul li img { float:left; }
.testimonialICAEW ul li div { display:none; }

#testimonialTextICAEW
{
	color:#999;
	font-size:16px;
	padding-left:21px;
}
#testimonialTextICAEW img 
{
	margin-left:-21px!important;
}

#newsletter-box { text-align: center; }
#newsletter-box img { padding: 10px; }


/*
 * testimonial
 */
.testimonialLeft {
	float:left;
	padding-right:5px;
	width:270px;
}
.testimonial {
	margin-left:319px;
	margin-top:16px;
}
.testimonial ul li {
	list-style:none!important;
	list-style-image:none!important;
	float:left;
	position:relative;
	padding:0;
	margin-bottom:10px;
	margin-left:12px;
}
.testimonial ul li a {
	display:block;
	width: 132px;
	height: 94px;
	background:url(/shared/images/frame.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
}
.testimonial ul li .none
{
	background:url(/shared/images/frame.gif) no-repeat 0 0;
	 width:132px;
	 height:94px;
	 display:block!important;
}

.testimonial ul li a:hover {background:url(/shared/images/frame.gif) no-repeat 0 -100px;
}
.testimonial ul li img { float:left; }
.testimonial ul li div { display:none; }

#testimonialText 
{
	color:#999;
	font-size:16px;
	padding-bottom:37px;
	padding-left:21px;
}
#testimonialText img 
{
	margin-left:-21px!important;
}


.instructions {
	color:#0092c9;
	margin-bottom:10px;
}

.testimonialTextmulti {
	color:#999;
	font-size:16px;
	min-height:0;
	padding-bottom:37px;
}
.testimonialTextmulti div {
	padding-left:21px;
}
.testimonialTextmulti b {
	color:#666;
	font-size:17px;
}


/*
 * Misc
 */
.clear {
	clear:both;
}


/*
 * Automation
 */

.automationHome
{
	float:left;
}


.automation
{
	float:left;
	margin-top:30px;
	margin-left:84px;
}


/*
 * Transformation Process
 */

.transboxes div {
	
	float:left;
	margin-top:10px;
	width:202px;
}

.transboxsub
{
	margin-right:27px;
}


/*
 * Customisation Page
 */

.customhead
{
	color:#0092c9;
	margin-bottom:3px;
	font-size:16px;
}

#colourwheel
{
	height:90px;
	background-color:#eeeeee;
	border: 1px solid #346F97;
}


#colourwheel a {

	width:72px;
	height:60px;
	margin:12px 15px 15px 15px;
	float:left;
	border:#FFFFFF 2px solid;
}

#colourwheelwrapper { position: relative; }
#stickycolourwheel { position:absolute; height:90px; background-color:#eeeeee; border: 1px solid #346F97; }
#stickycolourwheel a { width:72px; height:60px; margin:12px 15px 15px 15px; float:left; border:#FFFFFF 2px solid; }
#stickycolourwheel a:hover { border-color:#000; }

.sel003b70 { background-color:#003b70; }
.sel0f5cb9 { background-color:#0f5cb9; }
.sel2c4e0a { background-color:#2c4e0a; }
.sel4e7515 { background-color:#4e7515; }
.sel960000 { background-color:#960000; }
.sel4f0482 { background-color:#4f0482; }
.seld6631c { background-color:#d6631c; }
.sel5f5f5f { background-color:#5f5f5f; }


#colourwheel a:hover
{
	border-color:#000;
}

#designpreview-box {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	height: 600px;
}
#designpreview
{
	float:left;
	width: 200px;
	background-color:#eeeeee;
	border: 1px solid #346F97;
}

#designpreview ul li {
	list-style:none!important;
	list-style-image:none!important;
	margin: 5px;
	border: 1px solid #ccc;
}

#designpreview ul li a img {
	display: block;
	width: 187px;
	outline: none;
}

#designpreviewlarge
{
	float: left;
	margin-left: 20px;
	width: 750px;
	height: 562px;
	background-color: #eeeeee;
	border: 1px solid #346F97;
}

.customiselink
{
	float:right;
	margin-top:10px;
	color:#27afe5;
	text-align:right;
	
}

.customiselink img
{
	border:solid 1px #ddd;
}

.customiselink a:hover img
{
	border: solid 1px #bbb;
}

.trainingSubMenu {
	float:right;
}
.trainingSubMenu li {
	float:left;
	list-style:none;
	padding-bottom:5px;
	padding-left:20px;
}
.trainingSubMenu a {
	background:url(/shared/images/twogreyarrows.gif) no-repeat right top;
	height:17px;
	padding-right:22px;
	font-size:15px;
	font-weight:bold;
	color:#646464;
}
.trainingSubMenu a:hover {
	text-decoration:none;
	background-position:right -18px;
}


/**
 * Customise Page (New)
 */
.designitem {
	margin: 0px 0px 10px 0px;
	background-color: #eeeeee;
	border: 1px solid #346F97;
}
.designitem-leftpane {
	float: left;
	width: 375px;
	padding: 10px;
	background-color: #eeeeee;
}
.designitem-centerpane {
	float: left;
	padding-top: 10px;
	background-color:#eeeeee;
}
.designitem-centerpane img {
	 margin: 0px 5px 10px 0px;
}
.designitem-rightpane {
	float: right;
	margin-right: 10px;
	width: 170px;
	padding-top: 10px;
	background-color: #eeeeee;
	text-align: center;
}
.designitem-buttons a {
	 display: block;
	 padding: 5px 20px 5px 20px;
	 margin-bottom: 10px;
	 border: 1px solid #ccc;
	 font-size: 14px;
	 text-decoration: none;
}
.designitem-preview { background-color: #fff; }
a.designitem-preview:focus,
a.designitem-preview:hover {
	background-color: #fcfcfc;
}
.designitem-select { color: #fff; background-color: #54ae3b; }
a.designitem-select:focus,
a.designitem-select:hover {
	background-color: #39702F;
}

/**
 * Design Preview
 */
#designpreview-header {
	width: 840px;
	padding: 5px;
	text-align: center;
}
#designpreview-wrapper {
	margin: 10px;
}
#designpreview-actions {
	margin-right: 15px;
	text-align: right;
}
#designpreview-actions a {
	padding: 5px 40px 5px 40px;
	color: #fff;
	border: 1px solid #ccc;
	background-color: #54ae3b;
	font-size: 14px;
	text-decoration: none;
}
#designpreview-actions a:focus,
#designpreview-actions a:hover {
	background: #316327;
}


/**
 * Brand Page
 */
#selecteddesign			{ margin-bottom: 30px; width: 187px; height: 140px; border: 1px solid #ccc; }
.imageSelectedDesignPreview { width: 187px; height: 140px;  }
#logo-upload {
	width: 550px;
	height: 224px;
	float: left;    
}
#logo-preview {
	width: 200px;
	height: 120px;
	margin-left: 50px;
	float: left;
}
#logo-preview img {
	border: 1px solid #ddd;
}


/**
 * Payment Page
 */
#payment-wrapper { margin-top: 20px; }
#payment-frame { border: 0px solid; }

/**
 * Generic Form Styling
 */

label {
	float: left;
	margin: 3px 0px 4px 0px;
	width: 150px;
	clear: both;
}
select,input,textarea {
	width: 200px;
}
input {
	color: #666666;
	background-color: #fcfcfc;
	border: 1px solid #999999;
	padding: 4px;
	margin: 0 0 7px 0;
}
input:focus {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 4px;
	margin: 0 0 7px 0;
}
input[type='checkbox'] { 
	width: auto;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 2px 5px 8px 0px;
}
input .button {
	height: 28px;
}
textarea {
	color: #666666;
	background-color: #f9f9f9;
	border: 1px solid #999999;
	padding: 2px;
	margin: 0 0 7px 0;
}
textarea:focus {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	margin: 0 0 7px 0;
}
select {
	color: #666666;
	background-color: #f9f9f9;
	border: 1px solid #999999;
	padding: 2px;
	margin: 0 0 7px 0;
}
select:focus {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 2px;
	margin: 0 0 7px 0;
}
input[type='submit']	{ cursor: pointer; }
.button					{ cursor: pointer; }
.buttonBack				{ color: #0092c9; background-color: #fcfcfc; }
.buttonNext				{ color: #fff; background-color: #54ae36; }
.small					{ margin: 0px; padding: 5px 0px; font: normal 10px verdana, lucida, arial, helvetica, sans-serif; color: #333; }
.short					{ width: 120px; }
.error					{ color: #ff0000; }
.required				{ color: #ff0000; }
.success				{ color: #207A2A; background: url(/shared/images/check.gif) no-repeat 0px 50%; padding-left: 25px; }
#cbVatConfirmation		{ width: 20px; background: #fff; border: 0px solid #fff; }

/**
 * Branding Page
 */
#logo-upload {
	height: 40px;
}
#logo-upload input {
	width: 200px;
}
#logo-upload .button {
	width: 150px;
}


/**
 * Register Page
 */
#existingcust { width: 350px; border: 1px solid #ddd; background-color: #f2f2f2; position: absolute; left: 550px; display: none; }
#existingcust div { padding: 10px 20px 10px 15px;}
#existingcust strong { color:#0092c9; font-weight: bold; }
#vatdeclartionbox {
	width: 900px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 5px;
}
#termsandconditionsbox {
	width: 900px;
	height: 200px;
	overflow: auto;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #ccc;
}
#termsandconditionsbox p {
	font-size: 11px;
}
#termsandconditionsbox strong {
	color: #0092c9;
	margin-bottom: 3px;
	font-size: 15px;
}
ol.termslist {
	margin: 10px 0px 20px 0px;
	font-size: 11px;
}
.termslist li {
	margin: 10px 0px 10px 40px;
	list-style-type: upper-roman;
}


/**
 * Order Complete Page
 */
#ordercomplete {
	margin-bottom: 10px;	
}
#ordercomplete h2 {
	background: url(/shared/images/check.gif) no-repeat 0px 50%; 
	padding-left: 25px;
}
#ordercomplete strong {
	font-weight: bold;
}
#ordercomplete p {
	margin: 20px 0px;
}
ul.bluelist {
	margin: 0px;
	padding: 0px;
}
ul.bluelist li {
	margin-left: 15px;
	list-style-type: circle;
}

