/* Colours
#27272f - dark grey/black
#28289e - 'sensical' blue
#fecb00 - yellow

/* 
CSS RESET: http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
input, select, textarea {
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
* main styles
*/


body {
	/*background-color: #dadada;*/ background-color: white;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

div#wrapper {
	width: 880px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

div#wrapper.wide {
	width: 90%;
	min-width: 880px;
}

i, em {
	font-style: italic;
}

a:link, a:visited {
	color: #42427B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.nohoverstyle:hover { text-decoration: none; }

#main ul a:hover {
	text-decoration: underline;
}

#middle {
	margin-top: 10px;
}

section#title {
	padding: 10px 10px 0 10px;
	height: auto;
}
section#main {
	margin-top: 20px; 
	padding: 10px;
	height: auto;
	margin-bottom: 85px;
}

section#main-bottom {
	padding: 15px 10px;
	clear: both;
}

#bottom {
	padding: 10px;
	clear: both;
	overflow: hidden;
} 

h1, th.h1 {
	font-size: 16px;
	font-weight: bold;
	color: #28289e;
}

h1.big {
	font-size: 24px;
	font-weight: bold;
	color: #28289e;
}

h2, th.h2 {
	font-size: 14px;
	color: #28289e;
}

h2.underline {
	font-size: 12px;
	border-bottom: 1px solid #28289E;
	display: block;
	width: 100%;
}

h2.banner, h3.banner {
	display: block;
	padding: 3px 0;
	margin: 15px 0 13px 0;
	background-color: #d7dcfb;
	text-align: center;
	font-weight: bold;
}

h3.banner {
	text-align: left;
	border-bottom: none;
	padding: 3px 0 3px 5px;
	width: auto;
}

h2.bolder {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 3px;
}

h3 {
	color: #28289e;
	font-size: 12px;
	border-bottom: 1px solid #b5b4d5;
	display: block;
	width: 186px;
}

h3.black {
	color: #000;
	border: none;
	font-weight: bold;
	display: inline;
	width: auto;
}

p {
	padding: 8px 0 5px 0;
	line-height: 14px;
}

pre {
	font-family: monospace;
	font-size: 13px;
	line-height: 14px;
}

sup {
	vertical-align: top;
	font-size: 8px;
	margin-left: 2px;
}

tt, code {
	font-family: monospace;
	font-size: 13px;
	line-height: 14px;
}

.clear {
	clear: both;
}

p.center { text-align: center }
.blue-text { color: #28289e; }
.blue-bold { color: #28289e; font-weight: bold; }
.green-bold { color: #01c201; font-weight: bold; }
.red-text { color: #FF0000; }
.white-text { color: #fff; }
.green-text{ color: #01c201; }
b, strong, .bold { font-weight: bold; }
.small { font-size: 11px; padding: 0; }

a.top { /* for a 'top' link on long pages */
	display: block;
	text-align: right;
	background: url('../images/up.png') right 3px no-repeat;
	padding: 0 11px 0 0;
}

a.top:hover {
	text-decoration: underline;
}

span.tel {
	display: block;
	background: url('../images/sales-phone.png') no-repeat;
	width: 115px;
	height: 21px;
	padding: 8px 0 0 29px;
	color: #28289e;
	font-size: 16px;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

section#main.paragraphs { margin-bottom: 110px; }

/* put things in a paragraph layout with top/bottom margins */
.paragraphs, .paragraphs .paragraphs, section.paragraphs#title, section.paragraphs#main {
	padding-top: 0; padding-bottom: 0;
}
.paragraph, .paragraphs > div, .paragraphs > form, .paragraphs > h1, .paragraphs > h2, .paragraphs > h3, .paragraphs > p, .paragraphs > table {
	margin-top: 13px;
	margin-bottom: 13px;
	padding: 0;
}
.first-paragraph {
	margin-top: 0 !important;
}
.last-paragraph {
	margin-bottom: 0 !important;
}

/* buttons */
a.yellow-button, input.yellow-button {
	display: block;
	clear: both;
	width: 122px;
	height: 22px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-size: 14px!important;
	text-align: center;
	color: #000;
	background: url('../images/yellow-button.png') no-repeat left top;
}

a.yellow-button-wider {
	width: 133px;
	height: 21px;
	padding: 8px 0 0 0;
	text-align: center;
	background: url('../images/yellow-button-wider.png') no-repeat left top;
	color: #000;
}

input.yellow-button {
	float: none;
	border: 0;
	padding: 2px 0 0;
	margin-top: 0;
	height: 32px;
}

a.yellow-button:hover, input.yellow-button:hover {
	background-position: left -32px;
	cursor: pointer;
	text-decoration: none;
}

a.yellow-button:visited {
	color: #000;
}

a.yellow-button-small {
	display: block;
	width: 76px;
	height: 14px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	font-size: 11px!important;
	text-align: center;
	color: #000;
	background: url('../images/yellow-button-small.png') no-repeat 1px top;
}

a.yellow-button-small:hover {
	background-position: left -18px;
}

a.yellow-button-quote {
	width: 148px;
	height: 21px;
	padding: 10px 0 0 0;
	font-size: 12px!important;
	text-align: center;
	background: url('../images/yellow-button-quote.png') no-repeat 8px top;
	color: #000;
	display: block;
}

a.yellow-button-quote:hover {
	background-position: 8px -32px;
}


a.lightgrey-button {
	display: block;
	clear: both;
	width: 122px;
	height: 19px;
	margin: 0 auto;
	margin-top: 6px;
	padding: 8px 0 0 0;
	font-size: 12px!important;
	text-align: center;
	background: url('../images/grey-shiny-button.png') no-repeat left top;
}

a.lightgrey-button:hover {
	background-position: left -27px;
}

a.bluearrowbutton {
	background: url('../images/button-bluearrow.png') no-repeat left top;
	width: 173px;
	display: block;
	height: 23px;
	padding: 9px 0 0 7px;
}

a.bluearrowbutton:hover {
	background-position: left -31px;
}

a.pdf-download {
	display: block;
	width: 171px;
	height: 24px;
	padding: 12px 0 0 9px;
	color: #000;
	background: url('../images/pdf-download.png') no-repeat left top;
}

a.pdf-download:hover {
	background-position: left -36px;
}

a.calc {
	display: block;
	float: left;
	width: 107px;
	height: 47px;
	padding: 18px 50px 10px 9px;
	font-size: 14px;
	line-height: 18px;
	background: url('../images/calc-button.png') no-repeat left top;
}

a.calc:hover {
	background-position: left -75px;
}

/* forms */

form.generic input, form.generic select, form.generic textarea, form.generic div.input-info {
	float: left;
}

form.generic label {
	display: block;
	float: left;
	clear: left;
	padding: 5px 0;
	width: 130px;
	margin: 2px 0;
}

form input[type=text], form input[type=password] {
	line-height: 14px;
	border: 1px solid #C7C6C6;
	padding: 1px 2px 1px 2px;
	width: 114px;
	margin: 2px 0;
}

form textarea {
	font-family: inherit;
	line-height: 14px;
	border: 1px solid #C7C6C6;
	padding: 2px;
	width: 114px;
	margin: 2px 0;
}

form select {
	line-height: 14px;
	border: 1px solid #C7C6C6;
	padding: 0;
	width: 120px;
	margin: 2px 0;
}

form.generic div.input-info {
	line-height: 14px;
	padding: 5px 3px;
	width: 114px;
}

form.generic div.instructions {
	float: left;
	padding: 5px 0 5px 10px;
	width: 400px;
	height: 14px; 
}

/* wider form */
form.generic-wider1 label {
	width: 230px;
}
form.generic-wider1 input[type=text], form.generic-wider1 input[type=password], form.generic-wider1 textarea, form.generic-wider1 div.input-info {
	width: 214px;
}
form.generic-wider1 select {
	width: 220px;
}
form.generic-wider1 div.instructions {
	width: 200px;
}

form input:focus, form textarea:focus {
      background: #eaebf5; 
}

form legend {
	font-weight: bold;
	color: #28289e;
	font-size: 14px;
	margin: 10px 0 0;
}

form div#contact-form-fields {
	position: relative;
	top: 20px;
}

form label#copyCheckLabel {
	width: 135px;
	font-size: 11px;
	font-style: italic;
	color: #707070;
	margin: 5px 0;
	padding: 0;
}

#whois-form #wait {
	display: inline-block;
	padding: 7px 0 0 5px;
}

#whois-form input {
	margin: 4px 5px 3px 0;
}

#whois-form select, #whois-form input[type="submit"] {
	margin: 5px 2px 0;
}

#payment input.yellow-button {
	float: left;
	margin: 15px 0 0 -2px;
}

/* Case study */
#case-study {
	border: 1px solid #C7C6C6;
	width: 137px;
	padding: 5px 10px 5px 15px;
	margin: 10px 0 0;
	text-align: center;
	color: #28289e;
}

#case-study p{
	padding: 5px 0 0;
}

#case-study h3 {
	display: inline;
	border-bottom: 0;
}

#case-study span {
	display: block;
	margin: 4px 0;
}

#case-study #quote {
	color: #818181;
	font-size: 13px;
	text-align: left;
	margin: 9px 0 8px 0;
}

#case-study #name, 
#case-study #company {
	color: #000;
	text-align: left;
	margin: 0;
} 

#case-study #name {
	font-style: italic;
}

#case-study a {
	margin: 12px 0 3px 1px!important;
}

/* lists - with blue bullets and nesting */
ul li {
        background: url('../images/blue-disc.png') 0 6px no-repeat;
        padding: 4px 0 0 10px;
}

ul li ul li {
        background: url('../images/blue-dash.png') 7px 8px no-repeat;
        padding: 4px 0 0 18px;
}

ol li {
        background: none;
}

ol li ul li {
        background: none;
        font-weight: normal;
}

/* normal lists - with blue bullets and nesting */

ol.normal {
	list-style-type: decimal;
}
ul.normal, ol.normal {
	margin: 0;
	padding: 0;
}
li ul.normal, li ol.normal {
	margin-top: 5px;
}
ul.normal li, ol.normal li {
	line-height: 14px;
	padding-top: 5px; padding-bottom: 5px; padding-right: 0;
	margin-top: 0; margin-right: 0; margin-bottom: 0;
}
ul.normal > li {
	background: url('../images/blue-disc.png') 25px 8px no-repeat;
	padding-left: 45px;
	margin-left: 0;
}

li ul.normal > li {
	background: url('../images/blue-dash.png') 25px 10px no-repeat;
}
ol.normal > li {
	margin-left: 41px;
	padding-left: 4px;
}
ul.normal li p:first-child, ol.normal li p:first-child {
	padding-top: 0;
}
ul.normal li p:last-child, ol.normal li p:last-child {
	padding-bottom: 0;
}

/* T+C's lists */
ol.ordered {
	margin-bottom: 20px;
}

ol.ordered li {
	margin: 8px 0;
}

ol.ordered  > li {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 6px 0;
}

#terms ul {
	margin: 0 0 10px;
}

#terms li {
	text-align: justify;
}

#terms ul li ul li strong {
	display: inline-block;
	width: 30px;
}

#terms > ul {
	margin: 20px 0 30px;
}

#terms ul li {
	background: none;
}

/* generic tables */
table {
	text-align: left;
}
th, td.blue {
	background-color: #d7dcfb;
	font-weight: bold;
}

table thead tr.first th{
	background-color: #28289e;
	color: #fff;
}

table tr.last td {
	background-color: #d7dcfb;
}

table td, table th {
	line-height: 14px;
}

th, td {
	padding: 4px;
	border: 1px solid #b1afaf;
	vertical-align: middle;
}

td {
	background-color: #eaebf5;
}

td.numeric {
	text-align: right;
}

td.center {
	text-align: center;
}

table tr td.empty, table tr th.empty,
table.row-div td.empty, table.row-div th.empty,
table.col-div td.empty, table.col-div th.empty {
	background-color: transparent;
	border: none;
	font-weight: normal;
}

td.button {
	padding: 0 3px;
}

/* for small icon buttons in the CP */
td.button a {
	float: left;
	margin-right:3px;
}

table tr.white td, tr.spacer td { background-color: #fff; }

tr.odd td { background-color: #fff; }
tr.even td { background-color: #eaebf5; }

tr.buttonbar td { text-align: left; background: none; padding-top: 10px; border-bottom-style: none; border-left-style: none; border-right-style: none; }
div.buttonbar { padding-top: 10px; }
p.buttonbar { padding-top: 10px; }
tr.buttonbar td input, div.buttonbar input, p.buttonbar input { float: none; margin-right: 10px; width: 90px; }

input.plain-button { float: none; width: 90px; margin-left: 5px; margin-right: 5px; }

tr.spacer td {
	border-left: none;
	border-right: none;
	height: 9px;
}

td.no-border, tr.no-border {
	border: 0;
	background: none;
}

table.no-div td {
	border: none
}

table.col-div td {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #B1AFAF;
	border-right: 1px solid #B1AFAF;
}

table.row-div td {
	border-left: none;
	border-right: none;
	border-top: 1px solid #B1AFAF;
	border-bottom: 1px solid #B1AFAF;
}

/* First and last columns in a table row must be marked with "first-col"
   and "last-col" when no-div and row-div tables are used to ensure
   there's a left and right table border. Cannot use tbody as this doesn't
   permit "empty"-class TDs. */
table.no-div tr td.first-col, table.row-div tr td.first-col {
	border-left: 1px solid #B1AFAF;
}

table.no-div tr td.last-col, table.row-div tr td.last-col {
	border-right: 1px solid #B1AFAF;
}

table.no-div tr td.first-last-col, table.row-div tr td.first-last-col {
	border-left: 1px solid #B1AFAF;
	border-right: 1px solid #B1AFAF;
}

/* Empty first and last table rows to ensure there's a top and bottom border
   for no-div and col-div tables. Cannot use tbody as this doesn't permit
   "empty"-class TDs. */
table.no-div td.first-row, table.col-div td.first-row {
	padding: 0;
	border-top: 1px solid #B1AFAF;
}
table.no-div td.last-row, table.col-div td.last-row {
	padding: 0;
	border-bottom: 1px solid #B1AFAF;
}

table.blank th, table.blank td {
	background: none;
	border: 0;
}
form table.form-layout-1 tr td { background: transparent; border: none; padding: 0; vertical-align: middle; }

/* Header */

header#top { 
	background: white;
	height: 116px;
	/*position: relative;
	z-index: 5;*/
}

header#top hgroup {
	margin: 0px 0 10px 0px;
	padding: 0;
        text-align: left;
	/*position:  absolute;
	font-size: 45px;
	font-weight: lighter;
	font-size: 16px;*/
}

/*header#top hgroup h1 span {
	text-indent: -9999px;
	display: block;
	height: 0;
}*/

header h1 { margin: 0; padding: 0; }
header h1 a { display: block; }
header h1 a img { position: relative; top: 20px; left: 10px; }

/* Main Navigation */

#mainNav {
	width: 100%;
	height: 26px;
	top: 0;
	position: relative;
	z-index: 4;
	background: #fff url('../images/nav-background.png') repeat-x;
}

#mainNav ul {
	height: 25px;
	width: 750px;
	float: left;
}

/*#mainNav #cart {
	width: 100px;
	float: right;
	padding: 4px 6px 0 0;
}

#mainNav #cart p {
	display: block;
	width: 60px;
	text-align: right;
	float: left;
	padding: 3px 1px 0 0;
}

#mainNav #cart a {
	float: right;
	color: #000;
}

#mainNav #cart a:hover {
	border: 0;
}*/

#mainNav > ul li {
	display: block;
	float: left;
	height: 18px;
	position: relative;
	padding: 8px 0 0 0;
	background: none;
	line-height: inherit;
}

#mainNav > ul li a {
	color: #65656a;
	padding: 2px 12px 3px 12px;
	width: auto;
	font-weight: bold;
}

#mainNav a.active, #mainNav a:hover {
	border-top: 5px solid #fecb00;
	color: #000;
        text-decoration: none;
}

#mainNav ul.subNav {
	position: absolute;
	z-index: 5;
	top: 26px;
	left: 0;
	width: 100%;
	display: none;
	background: #fff;
	border-left: 1px solid #50505e;
	border-right: 1px solid #50505e;
	border-bottom: 1px solid #50505e;
}

#mainNav ul li:hover ul {
	display: block;
	height: auto;
}

#mainNav ul.subNav li {
	display: block;
	width: 100%;
	height: 14px;
	padding: 4px 0 6px 0;
	border-bottom: 1px solid #C7C6C6;
	background: none;
	line-height: inherit;
}

#mainNav ul.subNav li a {
	font-weight: normal;
	line-height: 14px;
	display: block;
}

#mainNav ul.subNav li a:hover {
	border-top: none;
}

#mainNav div#divgowide { float: right; padding: 5px 10px 0 5px; }
#mainNav div#divgowide a#anchorgowide { color: #42427B; }
#mainNav div#divgowide a#anchorgowide:hover { border-top: inherit; text-decoration: underline; }

/*
* Home page 
*/

/* banners */

#main div#banner {
	border: 1px solid #c7c6c6;
	width: 652px;
	height: 165px;
	overflow: hidden;
	display: inline-block;
	float: left;
}

#main div#banner ul li {
	width:652px;
	height:165px;
	display:block;
	padding: 0;
}

#main div#banner ul li div{
	padding: 10px;
}

#banner li#banner0 {
	background: none;
}
#banner li#banner0 div {
	padding: 0 !important;
}

#banner li#banner1 {
	background:  #fff url('../images/banners/banner1.png') no-repeat;
	color: #1b5795;
}

#banner li#banner2 {
	background:  #fff url('../images/banners/banner2.png') no-repeat;
	color: #000;
}

#banner li#banner3 {
	background:  #fff url('../images/banners/banner3.png') no-repeat;
	color: #5086e2;
}

#banner li#banner4 {
	background:  #fff url('../images/banners/banner4.png') no-repeat;
	color: #fff;
}

#banner li#banner1 a:link, #banner li#banner1 a:visited {
	color: #1b5795;
}

#banner li#banner2 a:link, #banner li#banner2 a:visited {
	color: #000;
}

#banner li#banner3 a:link, #banner li#banner3 a:visited {
	color: #fff;
}

#banner li#banner1 span.button {
	color: #fff;
	display: block;
	width: 125px;
	height: 23px;
	padding: 5px 5px;
	margin: 10px 0 0 20px;
	text-align: center;
	background:  url('../images/banners/blue-button.png') no-repeat;
}

#banner li#banner2 span.button {
	color: #000;
	display: block;
	width: 129px;
	height: 21px;
	padding-top: 8px;
	margin: 10px 0 0 20px;
	text-align: center;
	clear: both;
	float: right;
	background:  url('../images/banners/grey-button.png') no-repeat;
}

#banner li#banner3 span.button {
	color: #1467f5;
	display: block;
	width: 106px;
	height: 16px;
	padding-top: 6px;
	margin: 10px 0 0 20px;
	text-align: center;
	background:  url('../images/banners/small-grey-button.png') no-repeat;
}

#banner li p span.title {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 33px;
	display: block;
	margin-bottom: 10px;
}

#banner li#banner2 p span.title {
	color: #fecb00;
	font-size: 20px;
	text-shadow: 2px 2px 2px #767676;
}

#banner li#banner3 p span.title {
	color: #5086e2;
	font-size: 20=6px;
}

#banner li#banner2 p {
	float: right;
	text-align: right;
}

#banner li#banner4 {
	text-align: right;
}

#banner li#banner4 span {
	margin-bottom: 20px;
	display: block;
}

#banner a:hover {
	text-decoration: none!important;
}

#main div#banner ul li#banner2 div{
	padding: 20px 10px 20px 20px;
}

ol#controls {
	position: relative;
	top: -38px;
	left: 10px;
	margin: 1em 0;
	padding: 0;
}

ol#controls li {
	display: inline;
	border: 1px solid #a3a2a2;
	line-height: 14px;
	width: 13px;
	float: left;
	margin: 0 3px 0 0;
}

ol#controls li a {
	padding: 0 3px;	
	color: #a3a2a2;
}

ol#controls li a:hover {
	background: url('../images/banners/active.png') repeat;
	color: #000;
}

ol#controls li.current {
	background: url('../images/banners/active.png') repeat;
}


/* product groups */

section#prodGroups {
	margin: 10px 0 0 0;
	width: 654px;
	height: auto;
	display: inline-block;
}

section#prodGroups article {
	float:  left;
	margin-right: 10px;
}

section#prodGroups article.last {
	margin: 0;
}

section#prodGroups article a.product img {
	display: block;
}

section#prodGroups article a.product span, #services-boxes article span {
	color: #fff;
	width: 156px;
	height: 12px;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;
	display: block;
	background: url('../images/blue-gradient.png') repeat-x;
}

section#prodGroups article div {
	width: 154px;
	height:  215px;
	border-right: 1px solid #c7c6c6;
	border-bottom: 1px solid #c7c6c6;
	border-left: 1px solid #c7c6c6;
}

section#prodGroups article p {
	padding: 10px 5px 10px 10px;
	font-size: 12px;
}

section#prodGroups article ul {
	margin: 10px;
}

section#prodGroups article ul li {
	background: url('../images/yellow-arrow.png') no-repeat left 4px;
	padding: 6px 0 6px 12px;
	font-size: 11px;
	border-top: 1px dotted #8e9291;
}

section#prodGroups article ul li a:link { color: #42427b; }
section#prodGroups article ul li a:active { color: #42427b; }
section#prodGroups article ul li a:visited { color: #42427b; }
section#prodGroups article ul li a:hover { color: #42427b; text-decoration: underline; }

section#prodGroups article a:link, section#prodGroups article a:visited {
	color: #000;
}

section#prodGroups article a.more {
	background: url('../images/green-arrow-button.png') no-repeat left top;
	display: block;
	padding: 12px 30px 10px 8px;
	text-align: center;
	width:  101px;
	margin: 0 auto;
	color: 000;
}

section#prodGroups article a.oneLine {
	padding-top: 17px;
	padding-bottom: 16px;
}

section#prodGroups article a.more:hover {
	background-position: left -47px;
}

/* right sidebar/aside */
#main aside {
	float: right;
	display: inline;
	position: relative;
	width: 186px;
	margin: 10px 5px 10px 15px;
}

#main aside section {
	margin: 5px 0 20px 0;
	clear: both;
	overflow: hidden;
}

#main aside section p {
	padding: 6px 0;
	font-size: 11px;
}

#main aside section#domains input[type=text] {
	width: 125px;
}

#main aside section#domains p span {
	display: block;
	color: #67677b;
	margin: 3px 0 0 0;
}

#main aside section#domains input[type=submit] {
	background: url('../images/go-button.png') no-repeat;
	border: 0;
	padding: 0 0 0 6px;
	font-weight: bold;
	width: 30px;
	height: 20px;
	margin: 0;
	cursor: pointer;
	text-align: left;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}


#main aside section#domains input[type=button]:hover {
	background: url('../images/go-button-hover.png') no-repeat;
}

#main aside section#buy a, #main aside section#help a, #main aside section#status a, #case-study a,
#email-services.hosted-email aside a.button {
	background: url('../images/grey-button.png') no-repeat left top;
	display: block;
	margin: 5px 0;
	text-align: left;
	padding: 4px 4px 4px 6px;
}

#main aside section#status a {
	padding-left: 2px;
	margin-top: 10px;
}

#main aside section#buy a:hover,  #main aside section#help a:hover, #main aside section#status a:hover, #case-study a:hover,
#email-services.hosted-email aside a.button:hover {
	background-position: left -19px;
	text-decoration: none;
}

#main aside section#status ul {
	margin: 10px 0 10px 0;
}

#main aside section#status ul li {
	background: none;
	margin: 3px 0;
	padding: 0;
}

#main aside section#status ul li img {
	position: relative;
	top: 2px;
}

#main aside section#status ul li p {
	line-height: 14px;
	font-size: 12px;
	display: inline;
	padding: 2px 2px 3px 5px;
}

/*
* Hosting
*/

#hosting {
	background: url('../images/hosting-clouds.jpg') no-repeat;
	margin-bottom: 90px;
}

#hosting #main {
	margin-bottom: 0;
}

#hosting #main header {
	padding: 32px 98px 15px;
	font-size: 14px;
}

#hosting #main header h1, #hosting #main header > p {
	display: block;
	float: left;
}

#hosting #main header > p { 
	padding: 3px 0 0 25px;
	line-height: 17px;
}

#hosting #main header section {
	position: relative;
	width: 460px;
	height: 80px;
	margin: 0 auto;
	clear: left;
	padding-top: 22px;
}

#hosting #main header section ul {
	display: block;
	height: 50px;
	position: relative;
}

#hosting #main header section li {
	display: block;
	float: left;
	height: 41px;
	width: 165px;
	padding: 0;
	background: none;
}

#hosting #main header section li:not([class]) { /* put green arrow on all but the last one, which has a class */
	background: url('../images/green-arrow.png')no-repeat right center;
}

#hosting #main header section li.last {
	width: 120px;
	margin-left: 10px;
}

#hosting #main header section li span {
	text-align: center;
	display: block;
	float: left;
	color: #28289e;
	font-size: 12px;
	font-weight: bold;
	width: 62px;
	margin: 10px 5px 0 0;
}

#hosting #main header section li img {
	display: block;
	float: left;
}

#hosting #main header section p.middle-bottom {
	position: absolute;
  	bottom: 0;
  	float: left;
  	width: 100%;
  	text-align: center;
  	padding: 8px 0 0;
}

/* --- features boxes -- */
section#features {
	width: auto;
	margin-top: 20px;
	background: #d7dcfb;
	padding: 10px 0 10px 12px;
	overflow: hidden;
}

section#features h2 {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

section#features h3 {
	border-bottom: none;
	color: #000;
	font-weight: bold;
	display: inline;
}

section#features p {
	padding: 4px 0 0;
}

section#features #left-box, section#features #right-box {
	width: 427px;
	float: left;
}

section#features #left-box {
	margin-right: 5px;
}

section#features #left-box .top, section#features #right-box .top {
	background: url('../images/features-top.png') no-repeat;
	height: 7px;
	margin-top: 10px;
}

section#features #left-box .middle, section#features #right-box .middle {
	background: url('../images/features-middle.png') repeat-y;
	padding: 0 13px 5px 10px;
	min-height: 445px;
}

section#features #left-box .bottom, section#features #right-box .bottom {
	background: url('../images/features-bottom.png') no-repeat;
	height: 7px;
}

section#features article {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
	overflow: hidden;
}

section#features article.last {
	border-bottom: none;
}

section#features article .left {
	width: 135px;
	float: left;
	margin-right: 5px;
}

section#features article .right {
	width: 260px;
	float: left;
}

/* --- comparison table generic styles --- */
section#comparison-table {
	width: 632px;
	margin: 20px 0 0 86px;
}
div#email-services.hosted-email section#comparison-table {
	width: 632px;
	margin: 20px 0 0 36px;
}

section#comparison-table table {
	margin-bottom: 30px;
}

section#comparison-table table thead th span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

section#comparison-table table th#one {
	background: url('../images/lite-heading.png') no-repeat;
	width: 146px;
	height: 49px;
}

section#comparison-table table th#two {
	background: url('../images/power-heading.png') no-repeat 2px 0;
	width: 146px;
}
div.hosted-email section#comparison-table table th#two {
	background: url('../images/power-heading.png') no-repeat 24px 0;
	width: 186px;
}

section#comparison-table table th#three {
	background: url('../images/power-plus-heading.png') no-repeat 4px 0;
	width: 146px;
}
div.hosted-email section#comparison-table table th#three {
	background: url('../images/power-plus-heading.png') no-repeat 24px 0;
	width: 186px;
}

section#comparison-table table thead th {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 4px 2px;
	border: none;
	text-align: center;
}

section#comparison-table table caption {
	text-indent: -9999px;
}

section#comparison-table table th.first {
	width: 125px;
	font-weight: bold;
	color: #000;
	padding: 9px 0 3px 0;
	border: none;
}

section#comparison-table table td.first,
section#comparison-table table td.first-button {
	color: #4141ab;
	border: none;
	padding: 6px 0 0 0;
	display: block;
	height: 15px;
	position: absolute;
}

section#comparison-table table td, section#comparison-table table thead th {
	text-align: center;
	vertical-align: middle;
}

section#comparison-table table td {
	height: 20px;
	padding: 0;
}

section#comparison-table table td.empty, section#comparison-table table th.empty {
	background-color: transparent;
	border: none;
}

section#comparison-table table td img { /* for any 14x14px icons used */
	margin-top: 2px;
}

section#comparison-table table td:not([class]) { /* only put a border on td's with no class */
	border: 1px solid #aeaeae;
}

section#comparison-table table tr.blue1 td:not([class]) { background: #d7dcfb; }
section#comparison-table table tr.blue2 td:not([class]) { background: #eaebf5; }

section#comparison-table table th:not([class]) {
	width: 143px;
	height: 46px;
}

section#comparison-table table td.first,
section#comparison-table table th.first,
section#comparison-table table td.first-button {
	background-color: transparent;
	text-align: left;
}

section#comparison-table table td.buy {
	height: 45px;
	padding-top: 9px;
	background-color: transparent;
	border: none;
}

section#comparison-table table td a {
	font-size: 11px;
}

section#comparison-table table td a.more, section#comparison-table table td a.less {
	height: 14px;
	width: 43px;
	display: inline-block;
	text-align: left;
	padding: 1px 0 0 4px;
	margin-left: 3px;
	background: url('../images/more-less-button.png') left top no-repeat;
}

section#comparison-table table td a.less {
	padding: 2px 0 0 4px;
	width: 44px;
}

section#comparison-table table td a.more:hover {
	background-position: left -30px;
}

section#comparison-table table td a.less, section#comparison-table table td a.close-all {
	background-position: left -15px;
}

section#comparison-table table td a.less:hover, section#comparison-table table td a.close-all:hover {
	background-position: left -45px;
}

section#comparison-table table td .tooltip {
	position: relative;
	z-index: 2;
	left: -88px;
	top: 3px;
	width: 50px;
	height: 50px;
	display: none;
	color: #000;
	font-size: 11px;
}

section#comparison-table table td .tooltip .top {
	width: 124px;
	height: 8px;
	background: url('../images/tooltip-top.png') no-repeat;
}

section#comparison-table table td .tooltip .middle {
	width: 108px;
	background: url('../images/tooltip-middle.png') repeat-y;
	padding: 0 7px 2px 9px;
}

section#comparison-table table td .tooltip .bottom {
	width: 124px;
	height: 8px;
	background: url('../images/tooltip-bottom.png') no-repeat;
}

section#comparison-table table td.first:hover {
	cursor: help;
	font-weight: bold;
}

section#comparison-table table td.first:hover .tooltip {
	display: block;
	font-weight: normal;
}

section#comparison-table table td.price {
	color: #a3a2a2;
}

section#comparison-table table td.price span {
	color: #28289e;
	font-size: 15px;
	font-weight: bold;
}
section#comparison-table table td.price span.pence {
	color: #28289e;
	font-size: inherit;
	font-weight: bold;
}

section#comparison-table table tr.empty th.first {
	padding: 0;
}

section#comparison-table table tr.empty td {
	height: 13px;
}

#comparison-table thead th a:link, #comparison-table thead th a:visited {
	color: #fff;
}

/*
* Hosting - Packages: Lite, Power, Power+
*/

#hosting.package {
	background: url('../images/hosting-package-clouds.jpg') no-repeat;
}

#hosting.package #main header {
	padding: 0;
	font-size: 12px;
}

#hosting.package #main header section {
	background: url('../images/white-transparent.png');
	position: relative;
	width: 546px;
	height: 109px;
	margin: 0 auto;
	margin-top: -22px;
	padding: 2px 10px;
}

#hosting.package #main header section div {
	width: 108px;
	height: 90px;
	padding: 5px 0 0 0;
	margin: 8px 10px 0 0;
	float: left;
}

#hosting.package #main header section div#lite { background: url('../images/lite-heading-smaller.png') no-repeat; }
#hosting.package #main header section div#power { background: url('../images/power-heading-smaller.png') no-repeat; }
#hosting.package #main header section div#power-plus { background: url('../images/power-plus-heading-smaller.png') no-repeat; }

#hosting.package #main header section div h2 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

#hosting.package #main header section div h2 span {
	display: block;
	font-size: 16px;
}

#hosting.package #main header section div p {
	margin-top: 7px;
	text-align: center;
	font-size: 14px;
	color: #28289e;
}

#hosting.package #main header section p span {
	color: #28289e;
	font-weight: bold;
}

#hosting.package #main a.yellow-button {
	clear: left;
	display: inline-block;
	margin: 10px 0 0 0;
}

#hosting.package #main .buttons {
	width: 250px;
	margin: 0 auto;
}

#hosting.package #main header section a.yellow-button:first-of-type {
	margin-left: 30px;
}

/* summary */
#hosting.package #main section#summary {
	clear: both;
	width: 840px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px 0;
	background: url('../images/white-transparent.png');
	overflow: hidden;
}

#hosting.package #main section#summary h3 {
	margin: 0 auto;
	text-align: center;
	border-bottom: 0;
	font-size: 14px;
}
#hosting.package #main section#summary a.button {
	background: url('../images/grey-med-button.png') no-repeat left top;
	display: block;
	margin: 5px 0;
	width: 81px;
	padding: 4px 4px 4px 6px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#hosting.package #main section#summary a.button:hover {
	background-position: left -19px;	
}

#hosting.package #main section#summary article#website,
#hosting.package #main section#summary article#email,
#hosting.package #main section#summary article#dns {
	width: 375px;
	height: 180px;
	float: left;
	background-color: #eaebf5;
	border: 1px solid #c4c4c4;
	margin: 10px 0 10px 15px;
	padding: 10px;
	position: relative;
}

#hosting.package #main section#summary article#dns {
	float: none;
	clear: left;
	height: 55px;
	width: 650px;
	margin: 0 auto;
}

#hosting.package #main section#summary article h4 { /* summary boxes h4's */
	font-weight: bold;
	color: #28289e;
	display: block;
	height: 20px;
	padding: 9px 0 0 37px;
	margin-bottom: 5px;
}

#hosting.package #main section#summary article#website h4{
	background: url('../images/servers-icon.png') no-repeat;
}

#hosting.package #main section#summary article#email h4{
	background: url('../images/email_small-icon.png') 0 3px no-repeat;
}

#hosting.package #main section#summary article#dns h4{
	background: url('../images/dns-icon.png') no-repeat;
	padding: 12px 0 0 43px;
	height: 24px;
}

#hosting.package #main section#summary ul li {
	background: url('../images/yellow-arrow.png') no-repeat left 4px;
	padding: 4px 0 3px 12px;
}

/* details */
#hosting.package #main section#details {
	padding: 20px;
	margin-bottom: 15px;
}

#hosting.package #main section#details h3 {
	font-size: 14px;
	font-weight: bold;
	color: #28289e;
	border: 0;
}

#hosting.package #main section#details h4 {
	color: #28289E;
	font-size: 12px;
	border-bottom: 1px solid #28289E;
	display: block;
	margin-top: 14px;
	width: 810px;
	font-weight: bold;
}

#hosting.package #main section#details > ul {
	margin: 10px 0 10px 0;
}

#hosting.package #main section#details ol > li {
	font-weight:bold;
}

#hosting.package #main section#details ol > li ul {
	font-weight:normal;
}

#hosting.package #main section#details ol > li  ul li{
	background: none;
}

/*
* Online Shop: Generic styles
*/
#shop-steps {
	width: 633px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}

#shop-steps ol {
	background-color: #d4d4d4;
	display: inline-block;
	border: 1px solid #c4c4c4;
	height: 36px;
}

#shop-steps.last-step ol {
	background-color: #28289e;
}

#shop-steps ol li {
	display: inline-block;
	float: left;
	height: 16px;
	background: #d4d4d4 url('../images/progress-number.png') 6px 6px no-repeat;
	padding: 10px 10px 10px 13px;
	color: #fff;
	font-size: 15px;
}

#shop-steps ol li span {
	margin-right: 13px;
	color: #d4d4d4;
}

#shop-steps ol li a:hover {
	text-decoration: underline!important;
}

#shop-steps ol li.previous, #shop-steps ol li.previous span { color: #42427b; }
#shop-steps ol li.active span { color: #28289e; font-weight: bold; }

#shop-steps ol li.active {
	background: #28289e url('../images/progress-current.png') no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

#shop-steps ol li.first {
	background: #28289e url('../images/progress-number.png') 6px 6px no-repeat;
	padding-left: 13px;
}

#shop-steps ol li.previous {
	background-color: #eaebf5;
}
#shop-steps ol li.next {
	background: #d4d4d4 url('../images/progress-next.png') no-repeat;
	padding-left: 30px;
}

/* #shop h1 span and all #shop #steps can be removed */
#shop h1 span {
	font-size: 18px;
}

#shop #steps {
	width: 683px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
	display: block;
}

#shop #steps ol {
	background-color: #d4d4d4;
	display: inline-block;
	border: 1px solid #c4c4c4;
	height: 36px;
}

#shop #steps.last-step ol {
	background-color: #28289e;
}

#shop #steps ol li {
	display: inline-block;
	float: left;
	height: 16px;
	background: #d4d4d4 url('../images/progress-number.png') 6px 6px no-repeat;
	padding: 10px 10px 10px 13px;
	color: #fff;
	font-size: 15px;
}

#shop #steps ol li span {
	margin-right: 13px;
	color: #d4d4d4;
}

#shop #steps ol li a:hover {
	text-decoration: underline!important;
}

#shop #steps ol li.previous, #shop #steps ol li.previous span { color: #42427b; }
#shop #steps ol li.active span { color: #28289e; font-weight: bold; }

#shop #steps ol li.active {
	background: #28289e url('../images/progress-current.png') no-repeat;
	padding-left: 28px;
	font-weight: bold;
}

#shop #steps ol li.first {
	background: #28289e url('../images/progress-number.png') 6px 6px no-repeat;
	padding-left: 13px;
}

#shop #steps ol li.previous {
	background-color: #eaebf5;
}
#shop #steps ol li.next {
	background: #d4d4d4 url('../images/progress-next.png') no-repeat;
	padding-left: 30px;
}

#shop #intro, #shop #end {
	width: 683px;
	margin: 0 auto;
	clear: left;
}

#shop #middle {
	margin: 20px 0;
}

/* quote */
#shop #middle #monthly, #shop #middle #annually {
	width: 295px;
	padding: 10px 20px;
	float: left;
}

#shop #middle table td.numeric {
	width: 60px;
}

/* main contact and billing contact */
#shop #middle #main-contact, #shop #middle #billing-contact {
	width: 270px;
	float: left;
	margin: 0 20px 30px 20px; 
}

/* ------ alert box ------- */

span.alert-box {
	clear: left;
	display: inline-block;
	padding: 0 16px 6px 25px;
	margin: 0 auto;
	line-height: 14px;
	position: relative;
}
span.alert-box div p {
	padding: 7px 0 0 0;
	float: left;
	clear: left;
}
span.alert-box p a {
	text-decoration: underline;
}
span.alert-box a.x {
	display: block;
	position: absolute;
	margin: 3px 0 3px 6px;
	right: 2px;
	width: 10px; height: 10px;
	background: transparent url('../images/close.png') no-repeat;
}

.warning {
	background: #fbf4d6 url('../images/status-amber.png') no-repeat 5px 6px;
	border: 1px solid #fcca00;
}

.error {
	background: #ffd2d2 url('../images/status-red.png') no-repeat 5px 6px;
	border: 1px solid #fb7373;
}

.okay {
	background: #d8fcbd url('../images/status-green.png') no-repeat 5px 6px;
	border: 1px solid #8bbe34;
}


/* -------- Online Shop: --------- */
#shop #middle {
	width: 683px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

#shop #middle article {
	float: left;
    margin: 10px;
    padding: 0 8px;
    width: 156px;
}

#shop #middle article h2 {
	text-align: center;
}

#shop #middle article p.white-text {
	font-size: 20px;
	padding-top: 6px
}

#shop #middle article p span {
	font-size: 14px;
	display: block;
}

#shop #middle article.middle {	
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	padding: 0 30px;
}

#shop #middle article ul {
	margin: 10px 0 15px 0;
}

#shop #middle article li { 
	background: none;
	padding: 4px 0 0 0;
}

#shop #middle .yellow-button {
	margin-top: 5px;
}

#shop #middle table {
	margin: 7px 0 10px 0;
}

#shop #results {
	margin: 0 auto;
	width: 683px;
}

/* step 1 */
#shop #middle.step1 {
	width: 625px;	
}

#shop #middle article#lite, #shop #middle article#power, #shop #middle article#power-plus { 
	text-align: center;

}
#shop #middle article#lite { background: url('../images/lite-heading-smaller.png') no-repeat 32px 0; }
#shop #middle article#power { background: url('../images/power-heading-smaller.png') no-repeat 54px 0; }
#shop #middle article#power-plus { background: url('../images/power-plus-heading-smaller.png') no-repeat 31px 0; }

/* step 2 */
#shop #middle.step2 { 
	width: 684px;
}

#shop #middle.step2 article {
	width: 174px;
	min-height: 240px;
	position: relative;
}

#shop #middle.step2 article a.yellow-button { 
	position: absolute;
	bottom: 0;
	margin-left: 25px;
}

/* step 2a */
#shop #middle.step2a {
	width: 683px;
}

#shop #middle.step2a #results {
	margin: 10px 0;
	width: 450px;
	clear: left;
	float: left;
}

#shop #middle.step2a aside {
	width: 180px;
	margin: 32px 0 0;
	padding: 2px 10px 5px 10px;
	float: right;
	background-color: #eaebf5;
	font-weight: bold;
	line-height: 14px;
	border: 1px solid #B1AFAF;
}

#shop #middle.step2a #results th {
	text-align: center
}

#shop #middle.step2a #results td.green-bold + td { /* remove padding from button td following td with green-bold class */
	padding: 0 3px
}

/* step 5: payment */
#shop #payment-details {
	overflow: hidden;
}

#shop #payment-details #cvv, #shop #payment-details #issue {
	width: 30px;
}

#shop #payment-types {
	clear: left;
	margin: 10px 0;
}

#shop #payment-types ul {
	clear: left;
	float: left;
	width: 440px;
	margin: 10px 0;
	height: 37px;
}

#shop #payment-types ul li {
	background: none;
	float: left;
	padding: 0 2px;
}

#shop #payment-types p {
	float: left;
	width: 180px;
	padding: 17px 0;
	font-size: 13px;
	font-weight: bold;
}

#shop #end article {
	padding: 0 0 0 115px;
	position: relative;
}

#shop #end article img {
	position: absolute;
	left: 0;
	top: 8px;
}

/*------------ EMAIL SERVICES ---------------*/
/*
*  L2 (for hosting services L2 too)
*/

#email-services section#prodGroups {
	width: 574px;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}

#hosting-services section#prodGroups {
	width: 860px;
	margin-top: 20px;
}

#email-services section#prodGroups article {
	margin-right: 0;
}

#hosting-services section#prodGroups article {
        margin-right: 25px;
}

#email-services section#prodGroups article:first-child {
	margin-right: 30px;
}

#hosting-services section#prodGroups article:last-child {
	margin-right: 0;
}

#email-services section#prodGroups article a.product img {
	display: block;
}

#email-services section#prodGroups article a.product span,
#hosting-services section#prodGroups article a.product span {
	width: 270px;
	height: 23px;
	padding: 6px 0;
	font-size: 22px;
	background: url('../images/blue-gradient36px.png') repeat-x;
}

#email-services section#prodGroups article div,
#hosting-services section#prodGroups article div {
	width: 268px;
	height:  200px;
	padding: 0 0 10px 0;
}

#email-services section#prodGroups article p,
#hosting-services section#prodGroups article p {
	font-size: 14px;
}

#email-services section#prodGroups article ul,
#hosting-services section#prodGroups article ul {
	margin: 0 10px;
	padding: 10px 0 0;
	height: 141px;
}

#email-services section#prodGroups article ul li,
#hosting-services section#prodGroups article ul li {
	padding: 5px 0 6px 19px;
	font-size: 12px;
	border: none;
	font-size: 14px;
	background-position: left 6px;
}

#email-services section#prodGroups article a.more,
#hosting-services section#prodGroups article a.more {
	height: 19px;
	font-size: 16px;
	padding: 16px 30px 10px 5px;
	width: 105px;
}

/* Email Services L3 generic styles */
#email-services {
	margin-bottom: 20px;
	background: url('../images/envelope-background.png') right 472px no-repeat;
}
#email-services.mail-scanner #main, #email-services.hosted-email #main {
	width: 652px;
	float: left;
	margin: 0;
}

#email-services #main #top p {
	clear: both;
}

#email-services aside {
	float: right;
	width: 190px;
}

/*------------- MAIL SCANNER L3 -----------*/

#email-services.mail-scanner #top {
	width: 833px;
	height: 142px;
	background: url('../images/mail-scanner-background.png') right no-repeat;
	border: 1px solid #C7C6C6;
	padding: 13px;
	margin: 10px 10px 0;
}

#email-services.mail-scanner #top p {
	width: 559px;
	font-size: 14px;
	line-height: 18px;
}

#email-services.mail-scanner #top ul {
	margin: 4px 0 0 -3px;
	width: 238px;
	float: left;
}

#email-services #main #top ul li {
	background: url('../images/yellow-arrow.png') no-repeat 4px 4px;
	padding: 4px 0 4px 20px;
}

#email-services.mail-scanner #top ul li {
	background: none;
	padding: 4px 0 0 0;
	color: #42427b;
}

#email-services.mail-scanner #top ul#one {
	background: url(/images/high-performance_small.png) right  no-repeat;
}

#email-services.mail-scanner #top ul#two {
	height: 78px;
	background: url(/images/reliable_small.png) 136px 0 no-repeat;
}

#email-services.mail-scanner #top ul#one li {
	text-align: right;
	margin-right: 93px;
}

#email-services.mail-scanner #top ul#two li {
        text-align: center;
        margin-right: 93px;
}

#email-services.mail-scanner #benefits {
	background-color: #d7dcfb;
	border: 1px solid #a4a4a4;
	padding: 5px;
	width: 400px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 20px;
}

#email-services.mail-scanner #benefits ul li {
	background: none;
	padding: 4px 0 2px 3px;
}

#email-services.mail-scanner #screenshots {
	margin-top: 12px;
	overflow: hidden;
}

#email-services.mail-scanner #screenshots div {
	width: 162px;
	float: left;
}

#email-services.mail-scanner #screenshots div img {
	margin-left: 5px;
}

#email-services.mail-scanner #screenshots div p {
	text-align: center;
}
#email-services.mail-scanner #trial-info-box {
	background: url('../images/box-gradient-vertical.png') repeat-x bottom;
	border: 1px solid #aeaeae;
	padding: 10px;
	margin-top: 15px;
	position: relative;
}

#email-services.mail-scanner #trial-info-box a.yellow-button-wider {
	display: inline-block;
	position: absolute;
	right: 12px;
	bottom: 8px;
}

#email-services.mail-scanner #trial-info-box h2 {
	font-weight: bold;
	font-size: 16px;
}

#email-services.mail-scanner #main #how {
	clear: both;
	float: left;
	width: 652px;
}

#email-services.mail-scanner #main #how {
	width: 100%;
}

#email-services.mail-scanner #bottom #how h2, #servers #bottom h2.banner, #networkservices h2.banner {
	text-align: left;
	padding-left: 3px;
}

/*#email-services.mail-scanner aside*/ a#trial-button {
	background: url('../images/trial-button.png') no-repeat left top;
	width: 163px;
	height: 22px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	display: block;
	color: #fff;
}

#email-services.mail-scanner aside div {
	margin: 15px 0 20px 3px;
}

/*#email-services.mail-scanner aside*/ a#trial-button:hover {
	background-position: left -32px;
}

aside #contact-sales {
	background: url('../images/contact-box.png');
	display: block;
	width: 164px;
	height: 78px;
}

#email-services.mail-scanner aside #trial p {
	padding: 0 19px 5px 0;
}

aside #contact-sales p {
	text-align: center;
	padding: 6px 0 5px 0;
}

aside #contact-sales p span {
	display: block;
}

aside #contact-sales p span:first-child {
	margin: -1px 4px 0 21px;
	padding-bottom: 1px;
	border-bottom: 1px solid #fecb00;
	text-align: left;
}

.mail-scanner aside #contact-sales p span#tel,
aside #contact-sales p span#tel {
	color: #28289e;
	font-size: 16px;
	font-weight: bold;
	margin: 7px 0 3px;
}

aside #contact-sales p span#or {
	color: #818181;
	font-size: 11px;
}

aside #contact-sales p a {
	margin-top: 3px;
	display: block;
}

#email-services.mail-scanner aside #case-study {
	margin-left: 3px;
}

#email-services.mail-scanner aside #demos h3 {
	width: 163px;
}

#email-services.mail-scanner aside #demos ul {
	margin: 5px 0;
}

#email-services.mail-scanner aside #demos li {
	background: none;
	padding: 5px 0 0 3px;
}

#email-services.mail-scanner aside #demos a:hover {
	text-decoration: underline;
}

#email-services.mail-scanner aside a.pdf-download {
	margin: 20px 0 10px 7px;
}

#email-services.mail-scanner #features {
	margin: 25px 0 0 -8px;
}

#email-services.mail-scanner #features h3 {
	display: block;
	width: 182px;
	height: 12px;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size: 14px;
	font-weight: bold;
	background: url('../images/blue-gradient.png') repeat-x;
}

#email-services.mail-scanner #features div {
	margin: 0;
	width: 170px;
	padding: 0 5px 5px 5px;
	border-right: 1px solid #C7C6C6;
	border-bottom: 1px solid #C7C6C6;
	border-left: 1px solid #C7C6C6
}

#email-services.mail-scanner #features div ul li {
	padding: 4px 0 0 10px;
}

#email-services.mail-scanner #how article, #email-services.mail-scanner img#diagram {
	float: left;
	margin: 20px 20px 0 20px;
}

#email-services.mail-scanner #how article.first {
	margin-left: 37px;
	border-right: 1px solid #C7C6C6;
}

#email-services.mail-scanner #how article {
	width: 204px;
	padding: 0 44px 0 0;
}

#email-services.mail-scanner #how article h3 {
	border: 0;
	text-align: center;
	font-size: 14px;
	margin: 0 0 10px 0;
}

#email-services.mail-scanner #main-bottom span, #email-services.mail-scanner #main-bottom a.yellow-button-wider, #vidyo #main-bottom a.yellow-button-wider {
	display: inline-block;	
}

#email-services.mail-scanner section#main-bottom, #networkservices div#further-info {
	height: 100px;
}

#email-services.mail-scanner section#main-bottom {
	margin-bottom: 95px;
}

#email-services.mail-scanner #tel, #email-services.mail-scanner #phone, #networkservices #tel, #networkservices #phone, #vidyo #phone, #vidyo #tel {
	width: 162px;
	float: left;
	margin-top: 5px;
}

#email-services.mail-scanner #tel, #networkservices #tel, #vidyo #tel {
	margin-left: 50px;
}

#email-services.mail-scanner #tel span, #networkservices #tel span, #vidyo #tel span {
	margin-right: 3px;
}

#email-services.mail-scanner #phone, #networkservices #phone, #vidyo #phone {
	margin: 6px 0 0 3px;
}

/* --------- HOSTED EMAIL L3 ---------- */
#email-services.hosted-email #top {
	width: 624px;
	height: 142px;
	background: url('../images/hosted-email-background.png') no-repeat;
	border: 1px solid #C7C6C6;
	padding: 13px;
}

#email-services.hosted-email #top ul {
	margin: 10px 0 0 5px;
	font-size: 14px;
}

#email-services.hosted-email #top ul li {
	padding: 3px 0px 6px 20px!important;
	margin: 1px 0;
}

#email-services #comparison-table {
	margin: 10px 0 0 82px;
}

#email-services #comparison-table thead th {
	font-size: 15px;
	font-weight: normal;
}

#email-services #comparison-table thead th span {
	height: 42px;
	padding: 16px 1px 0 0
}

#email-services #comparison-table thead th.first, #email-services #comparison-table td.first {
	width: 182px;
}

#email-services section#comparison-table table td .tooltip {
	left: -38px;
}

#email-services section#comparison-table table td a.more {
	background: url('../images/more-button-bigger.png') left top no-repeat;
	width: 136px;
	margin: 4px 0;
}

#email-services section#comparison-table table td a.less {
	background: url('../images/more-less-button.png') left top no-repeat;
	width: 136px;
	margin: 4px 0;
}

#email-services section#comparison-table table td a.more:hover {
	background-position: left -30px;
}

#email-services section#comparison-table table td a.less {
	background-position: left -15px;
}

#email-services section#comparison-table table td a.less:hover {
	background-position: left -45px;
}

#email-services section#comparison-table table td.buy {
	padding-top: 0;
	height: 38px;
}

#email-services.hosted-email section#features {
	clear: both;
	padding-left: 0;
}

#email-services.hosted-email section#features #box {
	width: 793px;
	margin: 0 auto;
	margin-top: 10px;
}

#email-services.hosted-email section#features #box .top {
	background: url('../images/features-wide-top.png') no-repeat;
	height: 7px;
}

#email-services.hosted-email section#features #box .middle {
	background: url('../images/features-wide-middle.png') repeat-y;
	padding: 5px 10px;
}

#email-services.hosted-email section#features #box .bottom {
	background: url('../images/features-wide-bottom.png') no-repeat;
	height: 10px;
}

#email-services.hosted-email section#features #box article {
	width: 764px;
}

#email-services.hosted-email section#features #box article div.right {
	width: 604px;
	margin-top: 11px;
}

#email-services.hosted-email section#features #box article.last div.right {
	margin-top: 20px;
}

#email-services.hosted-email aside {
	height: auto;
	margin: 10px 0;
	width: 200px;
}
#email-services.hosted-email aside p {
	padding: 13px 0 0 1px;
}

#email-services.hosted-email section#main-bottom{
	height: 50px;
	margin-bottom: 56px;
}

#email-services.hosted-email #partners {
	background: url('../images/email-partners.png') no-repeat -6px 0;
	width: 219px;
	height: 288px;
	margin: 30px 0 0;
}

#email-services.hosted-email #partners #exchange {
	margin: 49px 0 0 15px;
}

#email-services.hosted-email #partners #microsoft {
	margin: 30px 0 0 15px;
}


/*
* Lightbox popup
*/

body#popup {
	background: #fff;
	overflow: hidden;
}

body#popup.envelope {
	background: #fff url('../images/envelope.png') no-repeat right center;
}

/* popup forms */
/*#popup form label,*/ #popup form input {
	float: left;
} 

div#lightbox {
	width: 350px;
	margin: 0 auto;
}

div#lightbox h1 {
	text-align: center;
	margin: 0 0 10px 0;
}

div#lightbox form.generic {
	margin-top: 10px;
}

div#lightbox form.generic fieldset {
	width: 269px;
}

div#lightbox form.generic label {
	margin: 3px 0;
	width: 120px;
}

div#lightbox form.generic input {
	margin: 2px 0;
	padding: 4px;
	width: 135px;
}

div#lightbox form.generic #users, div#lightbox form.generic #country {
	margin-top: 5px;
	width: 145px;
}

div#lightbox form.generic .yellow-button {
	margin: 10px 0 0 119px;
	width: 121px;
}

/* callback lightbox */

div#lightbox #callback {
	clear: left;
}

div#lightbox #callback label {
	float: left;
	width: 40px;
	margin: 0;
}

div#lightbox #callback label.last {
	clear: none;
	width: 85px;
	text-align:right;
	padding-right:5px;
}

div#lightbox #callback input {
	width: auto;
	margin-top:5px;
}

/*
* Servers
*/
div#servers {
	margin-bottom: 70px;
}

div#servers header {
	background: url('../images/servers-banner.png') no-repeat;
	width: 840px;
	height: 166px;
	font-size: 14px;
	padding: 10px;
}

div#servers header ul {
	margin: 10px 0 0 0;
}

div#servers header ul li {
	float: left;
	height: 49px;
	padding: 36px 0 0 12px;
	font-size: 16px;
}

div#servers header ul li.vps {
	width: 132px;
	background: url('../images/vps-yellow-arrow.png') no-repeat left 4px;
}

div#servers header ul li.dedi {
	width: 114px;
	padding: 30px 65px 0 13px;
	background: url('../images/dedi-yellow-arrow.png') no-repeat;
}

div#servers header ul li.colo {
	background: url('../images/colo-yellow-arrow.png') no-repeat;
}

div#servers header ul li a {
	color: #000;
}

div#servers header ul li a:hover {
	color: #42427B;
	text-decoration: none;
}

/* customise comparison table a little */
div#servers #comparison-table th#one {
	height: 42px;
}

div#servers #comparison-table h2 {
	color: #fff;
	font-size: 18px;
	display: block;
	width: 129px;
	margin-left: 8px;
}

div#servers #comparison-table th#one h2 {
	margin-left: 4px;
}

div#servers section#comparison-table table th.first {
	width: 135px;
}

div#servers section#comparison-table table td.buy {
	padding-top: 0;
	height: 34px;
}

#servers #main {
	margin-bottom: 20px;
}

/* details page */
section.details {
	margin: 30px 0 60px;
}

section.details div {
	width: 292px;
	margin: 0 auto;
	margin-top: 16px;
}

section.details div .calc {
	float: left;
}

section.details div .yellow-button {
	clear: none;
	float: right;
	margin: 0;
}

section.details div a.link {
	margin: 6px 9px 0;
	text-align: center;
	width: 108px;
	display: inline-block;
}

section#dedicated a.calc {
	padding: 10px 50px 10px 9px;
	height: 53px;
}

section#vps a.calc {
	padding: 20px 87px 10px 9px;
	height: 43px;
	width: 70px;
}

/* 
* Calculators
*/

/* JS disabled */
div#calculator.no-script form#colo-calc {
	display: none;
}

div#calculator.no-script {
	padding: 11px 22px 13px 22px;
}

/* js enabled */
div#calc {
	margin-bottom: 70px;
}

div#calc #main {
	margin-bottom: 0;
}

div#calc.dedi header {
	background: url('../images/dedicated-server-background.png') no-repeat bottom;
	width: 838px;
	height: 147px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #CCC;
}

div#calc.vps header {
	background: url('../images/vps-server-background.png') no-repeat bottom;
	width: 838px;
	height: 147px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 0 0 17px 0;
}

div#calc.colo header {
	background: url('../images/colo-server-background.png') no-repeat bottom;
	width: 838px;
	height: 147px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 0 0 17px 0;
}

div#calc header ul {
	width: 275px;
	float: left;
	margin-top: 11px;
}

div#calc header ul li {
	background: url('../images/yellow-arrow.png') no-repeat 4px 9px;
	padding: 8px 0 4px 20px;
}


div#calculator {
	width: 860px;
	float: left;
}

div#calculator #box {
	overflow: hidden;
	border: 1px solid #aeaeae;
	padding: 16px 10px 13px 16px;
	margin: 10px 0;
	background: url('../images/white-grey-gradient.png') repeat-x left 50%;
}

div#calculator p.intro {
	color: #28289E;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 25px;
}

div#calculator #left, div#calculator #right {
	width: 372px;
	float: left;
}

div#calculator #right {
	float: right;
	margin-top: 52px;
}



div#calculator .tooltip {
	position: relative;
	z-index: 5;
	/*left: 106px;
	top: -43px;*/
	width: 185px;
	display: none;
	color: black;
	font-size: 11px;
}

div#calculator label:hover {
	cursor: pointer;
}

div#calculator label:hover .tooltip {
	display: block;
}

div#calculator .tooltip .top {
	width: 185px;
	height: 8px;
	background: url('../images/tooltip-wide-top.png') no-repeat;
}

div#calculator .tooltip .middle {
	width: 165px;
	background: url('../images/tooltip-wide-middle.png') repeat-y;
	padding: 0 7px 2px 9px;
}

div#calculator .tooltip .bottom {
	width: 185px;
	height: 8px;
	background: url('../images/tooltip-wide-bottom.png') no-repeat;
}

form#colo-calc #facility {
	float: right;
	width: 204px;
	margin: -1px -24px 0 0;
}


div#calculator #dual-feed span, div#calculator #dual-feed label, div#calculator #dual-feed input {
	width: 25px;
	float: left;
	clear: none;
}


div#calculator label {
	width: 106px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	float: left;
	line-height: 15px;
	height: 30px;
}

div#calculator .calc-element {
	clear: both;
	margin: 0 0 20px 0;
	height: 48px;
}

div#calculator .calc-element.last {margin: 0 }

div#calculator .calc-element span.help {
	display: block;
	background: url('../images/help.png') no-repeat;
}

div#calculator .calc-element.dropdown {
	margin: 20px 0 0 0;
}

#calc.vps div#calculator .calc-element.dropdown { /* VPS only */
	margin: 12px 0 0 0;
}

div#calculator .calc-element.dropdown label {
	width: 122px;
}

div#calculator #text-area {
	height: 122px;
	margin: 0 0 3px 0;
}

div#calculator #text-area label {
	float: none;
}

div#calculator #text-area #special-reqs {
	width: 854px;
}

div#calculator select {
	margin: -2px 0 0 15px;
}

div#calculator .calc-element p.output { 
	float: left;
	width: 159px;
	padding: 0;
	margin-right: 23px;
	font-size: 14px;
	color: #28289E;
	text-align: center;
}

/* custom widths for all calc values */
#calc.colo div#calculator .calc-element p.output { width: 94px; }
#calc.colo div#calculator #right .calc-element p.values { margin: 6px 0 0 146px; }
#calc.dedi div#calculator .calc-element p.output, #calc.vps div#calculator .calc-element p.output { width: 78px; }
#calc.colo div#calculator #left .calc-element p.values { margin: 6px 0 0 186px; }
#calc.colo div#calculator #right .calc-element p.output { width: 54px; }
#calc.dedi div#calculator .calc-element p.values, #calc.vps div#calculator .calc-element p.values {margin: 5px 0 0 170px; width: 200px; }
#calc.dedi div#calculator .calc-element p.values span.last, #calc.vps div#calculator .calc-element p.values span.last { margin-right: 4px; width: 30px}

div#calculator .calc-element .slider {
	width: 145px;
	float: left;
}

div#calculator .calc-element p.values {
	clear: left;
	margin: 16px 0 0 251px;
	padding: 17px 0 0;
	text-align: center;
	position: absolute;
	width: 220px;
}

div#calculator .calc-element p.values span.first {
	float: left;
	width: 77px;
}

div#calculator .calc-element p.values span.last {
	float: right;
	width: 77px;
}

div#calculator .calc-element p.radio span {
	float: left;
	width: 60px;
	text-align: left;
	padding: 0 0 0 7px
}

div#calculator .calc-element p.radio {
	background: none;
	clear: none;
	padding: 0;
	margin: 3px 0 0 294px;
}

div#calculator .calc-element input[type="checkbox"] {
	margin: 13px 0px 0px 5px;
}

div#calculator .message {
	margin-left: 122px;
	color: red;
	display: none;
	clear: both;
}

#calc.colo div#calculator .radio {
	width: 50px;
	float: left;
	margin-top: 5px;
}

#calc.vps div#calculator .message {
	margin-left: 138px;
}

div#calc-total {
	clear: both;
	background: url('../images/yellow-arrow-big.png') no-repeat 50px 8px;
	padding: 0 0 0 95px;
	height: 60px;
	width: 300px;
	margin: 0 auto;
}

div#calc.dedi  div#calc-total {
	width: 270px;
}

div#calc-total p {
	color: #707070;
	display: block;
	width: auto;
	float: left;
	padding-top: 17px;
}

div#calc-total p.contact-us {
	padding-top: 23px;
}

div#calc-total span:not([id]) {
	display: block;
	color: #000;
}

div#calc-total #total-amount, div#calc-total #gbp {
	font-size: 33px;
	font-weight: bold;
	color: #2a56b9;
}

div#calc-total #colo-buy,
div#calc-total #dedi-buy,
div#calc-total #vps-buy,
div#calc-total #quote{
	clear: none;
	float: right;
	margin: 8px 10px 0 0;
}

div#calc-total #quote {
	margin:8px 37px 0 0;
}

div#calc-total #colo-buy {
	margin: 14px 0px 0 0;
}

div#calc-total #dedi-buy {
	margin: 8px 37px 0 0;
}

div#calc #extra-info {
	clear: both;
}

div#calc #extra-info p{
	font-size: 11px;
	padding: 0;
}

#calc.dedi ul#configs li {
	float: left;
	width: 115px;
	height: 18px;
	padding: 9px 0;
	margin: 5px 8px 15px 4px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #000;
}

#calc.dedi #presets {
	width: 415px;
	margin: 0 auto;
	text-align: center;
}

#calc.dedi ul#configs li#basic { background: url('../images/vps-basic.png') no-repeat; margin-left: 22px; }
#calc.dedi ul#configs li#core { background: url('../images/vps-core.png') no-repeat; }
#calc.dedi ul#configs li#high { background: url('../images/vps-high.png') no-repeat; }

#calc.dedi ul#configs li.fade {
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
	border: 1px solid #fff;
}

#calc.dedi ul#configs li.fade:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}


/*
* Network Services
*/

#networkservices section#intro {
	margin: 0 0 24px 0;
}

#networkservices section#intro img {
	float: right;
	margin: 3px 0 0 20px;
	border: 1px solid #ACAEC0;
}


#networkservices h2 {
	font-weight: bold;
}

#services-boxes {
	margin: 10px 0 0 0;
}

#services-boxes article {
	background-color: #d7dcfb;
	width: 259px;
	float: left;
	margin: 10px 5px 25px 18px;
	height: 239px;
}

/*
#services-boxes article:last-of-type {
	margin: 10px 0 25px 0;
}*/

#services-boxes article img {
	border: 1px solid #acaec0;
	border-bottom: 0;
}

#services-boxes article span {
	width: 259px;
	margin-top: -2px;
	font-size: 14px;
	padding-bottom: 8px;
}

#services-boxes article p {
	padding: 7px;
}

#networkservices ul#prod-areas li {
	clear: left;
	background: none;
	width: 803px;
}

#networkservices ul#prod-areas img {
	float: left;
}

#networkservices ul.arrows li {
	background: url('../images/yellow-arrow.png') no-repeat 4px 4px;
	padding: 4px 0 7px 20px;
}

#networkservices ul.arrows {
	position: absolute;
	width: 620px;
	margin: 7px 0 34px 235px;
	font-size: 14px;
}

#networkservices #info, #networkservices #website {
	/*width: 290px;*/
	border: 1px solid red;
	float: left;
	height: 155px;
	margin-right: 20px;
	margin-top: 10px;
}

#networkservices #info {
	margin-left: 153px; /* adjust this when adding/removing website div */
}

#networkservices #why {
	border: 1px solid #acaec0;
	overflow: hidden;
	margin-bottom: 20px;
}

#networkservices #website a.bluearrowbutton {
	margin: 0 0 0 35px;
}

/*
* sitemap
*/

#main ul#sitemap {
	padding: 0 0 0 20px;
	margin: 0;
}

#main ul#sitemap li {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}

#main ul#sitemap li.first {
	font-weight: bold;
}

#main ul#sitemap li ul {
	font-weight: normal;
	padding: 4px 0 0 0;
	margin: 0;
}

/* info pages */
#info.about #photo {
	float: right;
	background-color: #fff;
	padding: 0 0 0 10px;
}

#info.about #photo p {
	text-align: center;
	padding: 2px 0 0;
}

#info.about .left {
	width: 428px;
	float: left;
	padding-right: 14px;
}

#info.about .banner {
	margin: 16px 0 2px 0;
}

#info.infrastructure .photo.right {
	float: right;
	padding: 10px 0 0 10px
}

#info.infrastructure .photo.left {
	float: left;
	padding: 0 10px 0 0;
}

#info article {
	margin: 10px 0;
}

#title h1.big {
	float: left;
}

#title #breadcrumb {
	float: right;
}

section#main div#left-nav, section#main div#content {
	overflow: hidden;
	float: left;
}

section#main div#left-nav {
	clear: both;
	width: 160px;
	padding-top: 10px;
	margin-right: 20px;
}

section#main div#content {
	width: 680px;
}

section#title div#intro {
	clear: both;
}

#breadcrumb {
	background: #d7dcfb;
	padding: 0 7px;
}

#breadcrumb li {
	background: none;
	float: left;
	padding: 7px 3px 7px 0px;
}

#left-nav ul {
	margin: 0 0 15px 5px;
}

#left-nav ul li {
	background: none;
	padding-left: 0;
}

#left-nav ul li.active {
	font-weight: bold;
}

#left-nav p {
	padding: 0;
	margin-left: 5px;
}

#left-nav .banner {
	background: #d7dcfb;
	padding: 5px;
	margin: 5px 0;
	display: block;
	font-weight: bold;
}

/* specific to cp start page */
#cp #start-intro {
	width: 530px;
	float: left;
}

#cp #start-home-select {
	width: 280px;
	float: right;
	text-align: right;
}

#start-home-select input, #start-home-select form select {
	float: none;
}

#cp #icons {
	width: 669px;
	margin: 20px auto 0 auto;
}

#cp #icons .row6,
#cp #icons .row5,
#cp #icons .row4,
#cp #icons .row3,
#cp #icons .row2,
#cp #icons .row1 {
	background-color: #e2e2f4;
	padding: 5px;
	height: 92px;
	margin: 0 auto 20px auto;
}

#icons .row6 { width: 560px; }
#icons .row5 { width: 470px; }
#icons .row4 { width: 375px; }
#icons .row3 { width: 280px; }
#icons .row2 { width: 188px; }
#icons .row1 { width: 80px; }
#icons .row1 ul li { width: 71px;}

#cp #icons .row {
	width: 626px;
	margin: 0 auto;
}

#cp #icons .row .row3,
#cp #icons .row .row2,
#cp #icons .row .row1 {
	float: left;
	margin-left: 8px; margin-right: 8px;
}

#cp #icons .center {
	margin: 0 auto;
	float: none;
	clear: left;
}

#icons ul li {
	background: none;
	padding: 0;
	width: 83px;
	float: left;
	text-align: center;
	margin: 5px 5px;
}

#icons .icon {
	width: 53px;
	height: 53px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 6px;
}

/* row 1 */
#icons #users-icon { background: url('../images/cp/users.png')no-repeat left top; }
#icons #personal-details-icon { background: url('../images/cp/personal-details.png')no-repeat left top; }
#icons #change-password-icon { background: url('../images/cp/password.png')no-repeat left top; }
#icons #email-aliases-icon { background: url('../images/cp/email-aliases.png')no-repeat left top; }
#icons #diskspace-icon { background: url('../images/cp/diskspace.png')no-repeat left top; }
#icons #database-icon { background: url('../images/cp/databases.png')no-repeat left top; }

/* row 2 */
#icons #domains-icon { background: url('../images/cp/domains.png')no-repeat left top; }
#icons #standard-email-icon { background: url('../images/cp/standard-email-manager.png')no-repeat left top; }
#icons #mail-scanner-icon { background: url('../images/cp/mail-scanner.png')no-repeat left top; }
#icons #dns-manager-icon { background: url('../images/cp/dns-manager.png')no-repeat left top; }
#icons #website-manager-icon { background: url('../images/cp/website-manager.png')no-repeat left top; }
#icons #domain-reg-icon { background: url('../images/cp/domain-reg.png')no-repeat left top; }

/* row 3 */
#icons #invoices-icon { background: url('../images/cp/invoices.png')no-repeat left top; }
#icons #payment-icon { background: url('../images/cp/payment-cards.png')no-repeat left top; }
#icons #email-accounts-icon { background: url('../images/cp/email-accounts.png')no-repeat left top; }
#icons #referrals-icon { background: url('../images/cp/referrals.png')no-repeat left top; }
#icons #email-sales-icon { background: url('../images/cp/email-accounts.png')no-repeat left top; }

/* row 4 */
#icons #vps-power-icon { background: url('../images/cp/vps-power.png')no-repeat left top; }
#icons #colo-bandwidth-icon { background: url('../images/cp/colo-bandwidth.png')no-repeat left top; }
#icons #faq-icon { background: url('../images/cp/faq.png')no-repeat left top; }
#icons #email-support-icon { background: url('../images/cp/email-accounts.png')no-repeat left top; }
#icons #logout-icon { background: url('../images/cp/logout.png')no-repeat left top; }

/* extra icons */
#icons #settings-icon { background: url('../images/cp/settings.png')no-repeat left top; }
#icons #add-service-icon { background: url('../images/cp/add-service.png')no-repeat left top; }

#icons a#users-icon:hover,
#icons a#personal-details-icon:hover,
#icons a#change-password-icon:hover,
#icons a#email-aliases-icon:hover,
#icons a#diskspace-icon:hover,
#icons a#database-icon:hover,
#icons a#domains-icon:hover,
#icons a#standard-email-icon:hover,
#icons a#mail-scanner-icon:hover,
#icons a#dns-manager-icon:hover,
#icons a#website-manager-icon:hover,
#icons a#domain-reg-icon:hover,
#icons a#invoices-icon:hover,
#icons a#payment-icon:hover,
#icons a#email-accounts-icon:hover,
#icons a#referrals-icon:hover,
#icons a#email-sales-icon:hover,
#icons a#vps-power-icon:hover,
#icons a#colo-bandwidth-icon:hover,
#icons a#faq-icon:hover,
#icons a#email-support-icon:hover,
#icons a#logout-icon:hover,
#icons a#settings-icon:hover,
#icons a#add-service-icon:hover
{
	background-position: left -53px;
}

.inactive {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#cp #other-options {
	margin: 0 auto;
	padding: 0 0 20px 0;
	clear: both;
}

.small-icon-row  a { float: left; padding-left: 1px; padding-right: 1px; }

/* icons buttons in tables */
.small-users-icon { background: url('../images/cp/small-users.png') no-repeat; width: 19px; height: 19px; display: block }
.small-personal-details-icon { background: url('../images/cp/small-personal-details.png') no-repeat; width: 19px; height: 19px; display: block }
.small-password-icon { background: url('../images/cp/small-password.png') no-repeat; width: 19px; height: 19px; display: block }
.small-email-aliases-icon { background: url('../images/cp/small-email-aliases.png') no-repeat; width: 19px; height: 19px; display: block }
.small-diskspace-icon { background: url('../images/cp/small-diskspace.png') no-repeat; width: 19px; height: 19px; display: block }
.small-database-icon { background: url('../images/cp/small-databases.png') no-repeat; width: 19px; height: 19px; display: block }
.small-domains-icon { background: url('../images/cp/small-domains.png') no-repeat; width: 19px; height: 19px; display: block }
.small-standard-email-icon { background: url('../images/cp/small-standard-email-manager.png') no-repeat; width: 19px; height: 19px; display: block }
.small-mail-scanner-icon { background: url('../images/cp/small-mail-scanner.png') no-repeat; width: 19px; height: 19px; display: block }
.small-dns-manager-icon { background: url('../images/cp/small-dns-manager.png') no-repeat; width: 19px; height: 19px; display: block }
.small-website-manager-icon { background: url('../images/cp/small-website-manager.png') no-repeat; width: 19px; height: 19px; display: block }
.small-domain-reg-icon { background: url('../images/cp/small-domain-reg.png') no-repeat; width: 19px; height: 19px; display: block }
.small-invoices-icon { background: url('../images/cp/small-invoices.png') no-repeat; width: 19px; height: 19px; display: block }
.small-payment-icon { background: url('../images/cp/small-payment-cards.png') no-repeat; width: 19px; height: 19px; display: block }
.small-email-accounts-icon { background: url('../images/cp/small-email-accounts.png') no-repeat; width: 19px; height: 19px; display: block }
.small-referrals-icon { background: url('../images/cp/small-referrals.png') no-repeat; width: 19px; height: 19px; display: block }
.small-email-sales-icon { background: url('../images/cp/small-email-accounts.png') no-repeat; width: 19px; height: 19px; display: block }
.small-vps-power-icon { background: url('../images/cp/small-vps-power.png') no-repeat; width: 19px; height: 19px; display: block }
.small-colo-bandwidth-icon { background: url('../images/cp/small-colo-bandwidth.png') no-repeat; width: 19px; height: 19px; display: block }
.small-faq-icon { background: url('../images/cp/small-faq.png') no-repeat; width: 19px; height: 19px; display: block }
.small-email-support-icon { background: url('../images/cp/small-email-accounts.png') no-repeat; width: 19px; height: 19px; display: block }
.small-logout-icon { background: url('../images/cp/small-logout.png') no-repeat; width: 19px; height: 19px; display: block }
.small-settings-icon { background: url('../images/cp/small-settings.png') no-repeat; width: 19px; height: 19px; display: block }
.small-add-service-icon { background: url('../images/cp/small-add-service.png') no-repeat; width: 19px; height: 19px; display: block }

/* hovers */
a.small-users-icon:hover,
a.small-personal-details-icon:hover,
a.small-password-icon:hover,
a.small-email-aliases-icon:hover,
a.small-diskspace-icon:hover,
a.small-database-icon:hover,
a.small-domains-icon:hover,
a.small-standard-email-icon:hover,
a.small-mail-scanner-icon:hover,
a.small-dns-manager-icon:hover,
a.small-website-manager-icon:hover,
a.small-domain-reg-icon:hover,
a.small-invoices-icon:hover,
a.small-payment-icon:hover,
a.small-email-accounts-icon:hover,
a.small-referrals-icon:hover,
a.small-email-sales-icon:hover,
a.small-vps-power-icon:hover,
a.small-colo-bandwidth-icon:hover,
a.small-faq-icon:hover,
a.small-email-support-icon:hover,
a.small-logout-icon:hover,
a.small-settings-icon:hover,
a.small-add-service-icon:hover {
	background-position: left -19px;
}

.edit-icon { background: url('../images/edit.png') no-repeat; background-size: 14px 14px; width: 19px; height: 19px; display: block; background-position: 2px 3px; }
.delete-icon { background: url('../images/delete.png') no-repeat; background-size: 14px 14px; width: 19px; height: 19px; display: block; background-position: center; }

/* 
* Footer
*/

footer {
	width: 100%; //850px;
	position: absolute;
	bottom: 0;
	padding: 10px 15px 2px 10px;
	margin-top: 20px;
	background: white;
	color: #888;
}

footer a:link, footer a:visited {
	color: #888;
}

footer a:hover {
	text-decoration: underline;
}

footer p {
	margin-top: 32px;
	margin-bottom: 0;
	color: #888;
	font-size: 10px;
	width: 700px;
	float: left;
        padding: 0;
}

footer ul {
	width: 85px;
	float: right;
	padding-left: 6px;
	border-left: 1px solid #fecb00;
}

footer ul li {
	background: none;
	padding: 0;
	line-height: inherit;
}

footer ul li a {
	color: #888;
	font-size: 10px;
}


/* FAQs */
table.faqtoc1 tr th, table.faqtoc2 tr th, table.faqtoc3 tr th, table.faqtoc4 tr th,
table.faqtoc1 tr td, table.faqtoc2 tr td, table.faqtoc3 tr td, table.faqtoc4 tr td { border: none; background: none; vertical-align: top; font-weight: normal; padding-left: 0; padding-right: 0; text-align: left; padding-top: 2px; padding-bottom: 2px; }
table.faqtoc1 tr td a, table.faqtoc2 tr td a, table.faqtoc3 tr td a, table.faqtoc4 tr td a { text-decoration: none; }
table.faqtoc1 { margin-top: 8px; margin-bottom: 0; }
table.faqtoc2 { margin-top: 4px; margin-bottom: 0; }
table.faqtoc1 tr th, table.faqtoc1 tr td { font-weight: bold; font-size: 14px; }
table.faqtoc1 tr th { width: 30px; }
table.faqtoc2 tr th { width: 40px; }
table.faqtoc3 tr th { width: 50px; }
table.faqtoc4 tr th { width: 60px; }
.faqq1 { margin: 30px 0 0 0; padding: 0; }
.faqq1 th, .faqq1 td { font-size: 18px; }
.faqq2 th, .faqq2 td { font-size: 14px; }
.faqq2, .faqq3, .faqq4 { margin: 20px 0 0 0; padding: 0; }
.faqa1, .faqa2, .faqa3, .faqa4 { margin: 0; padding: 0; }
.faqq1 tr th, .faqq2 tr th, .faqq3 tr th, .faqq4 tr th, .faqq1 tr td, .faqq2 tr td, .faqq3 tr td, .faqq4 tr td { border: none; background: none; font-weight: bold; padding-left: 0; padding-right: 0; text-align: left; }
.faqq1 tr th { width: 30px; }
.faqq2 tr th { padding-left: 15px; width: 45px; }
.faqq3 tr th { padding-left: 30px; width: 60px; }
.faqq4 tr th { padding-left: 45px; width: 75px; }
.faqa1 { margin-left: 0; }
.faqa2 { margin-left: 15px; }
.faqa3 { margin-left: 30px; }
.faqa4 { margin-left: 45px; }
.faqtop { padding-left: 10px; font-style: italic; font-weight: normal; font-size: 8pt; text-decoration: none; }
.faqtop:hover { text-decoration: underline; }
.faqtop a { color: #a0a0c0 !important; }

/* FAQ: Step-by-step. */
div.faq-emailsbs table.faqtoc1 tr th, div.faq-emailsbs table.faqtoc1 tr td {
	font-weight: normal;
	font-size: 12px;
}
div.faq-emailsbs h1.big {
	color: #28289e;
	padding-top: 0;
}
div.faq-emailsbs h1 {
	color:black;
	padding-top: 30px;
	padding-bottom: 10px;
	page-break-before: auto;
}


/* FAQ Layout 2, e.g. Mail Scanner Docs */
div.faq-layout-2 a {
	color: blue;
}
div.faq-layout-2 a:hover {
	text-decoration: underline;
}
div.faq-layout-2 h2 {
	font-weight: bold;
	font-size: 16px;
	color: #28289e;
	border: none;
	width: auto;
	padding: 0;
	margin: 32px 0 10px 0;
	text-align: left;
}
div.faq-layout-2 h2.banner {
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	margin-top: 29px;
}
div.faq-layout-2 h3 {
	font-weight: bold;
	font-size: 14px;
	color: #28289e;
	border: none;
	width: auto;
	padding: 0;
	margin: 32px 0 10px 0;
	text-align: left;
}
div.faq-layout-2 h4 {
	font-weight: bold;
	font-size: 12px;
	color: #28289e;
	border: none;
	width: auto;
	padding: 0;
	margin: 32px 0 5px 0;
	text-align: left;
}
div.faq-layout-2 h5 {
	font-weight: normal;
	font-size: 12px;
	color: #28289e;
	border: none;
	width: auto;
	padding: 0;
	margin: 32px 0 5px 0;
	text-align: left;
}

/* --- Vidyo page --- */

#vidyo {
	margin-bottom: 68px;
}

#vidyo #main header {
	overflow: hidden;
	padding: 10px 36px;
}

#vidyo h1 span {
	display: block;
	float: left;
	margin-top: 14px;
}

#vidyo h1 img {
	display: inline-block;
	margin-top: -8px;
}

#vidyo h2 {
	font-weight: bold;
	font-size: 16px;
}

#vidyo header .left {
	width: 593px;
	float: left;
}

#vidyo header .right {
	width: 186px;
	float: right;
}

#vidyo aside {
	margin: 0;
}

#vidyo aside #contact-sales {
	margin-left: 15px;
	margin-top: 10px;
}

#vidyo-boxes {
	padding-top: 20px;
	clear: both;
}

#vidyo-boxes .left {
	width: 400px;
	float: left;
	margin: 0 17px 0 36px;
}

#vidyo-boxes .left img {
	border: 1px solid #ccc;
}

#vidyo-boxes article {
	background-color: #d7dcfb;
	width: 344px;
	float: left;
	margin: 0px 5px 25px 20px;
	height: 255px;
}

#vidyo-boxes article span {
	color: #fff;
	width: 344px;
	height: 12px;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;
	display: block;
	background: url('../images/blue-gradient.png') repeat-x;
}

#vidyo-boxes article img {
	display: block;
}

#vidyo-boxes ul.arrows {
	padding: 8px;
}

#vidyo ul.arrows li {
	background: url('../images/yellow-arrow.png') no-repeat left 5px;
	padding: 5px 0 6px 19px;
	line-height: 14px;
}

#vidyo-services {
	overflow: hidden;
	padding: 20px 46px;
}

#vidyo-room {
	overflow: hidden;
	padding: 20px 34px;
}

#vidyo-services .left {
	width: 500px;
	float: left;
	padding-top: 13px;
}

#vidyo-services .right {
	width: 207px;
	float: right;
}

#vidyo-services .left ul.arrows {
	margin-top: 10px;
}

#vidyo-room .left {
        width: 220px;
        float: left;
}

#vidyo-room .right {
        width: 500px;
        float: left;
}

#vidyo-room .right ul.arrows {
	margin-top: 10px;
}

#vidyo section#main-bottom {
	padding: 15px 45px;
}

/* Tooltip */
.question { width: 14px; height: 14px; border: none; }
a.tooltip { position: relative; text-decoration: none; padding-left: 4px; padding-right: 4px; }
a.tooltip:hover { border: none; z-index: 20; }
a.tooltip .tooltipsubject { position: absolute; background: #fff0c0; visibility: hidden; display: block; padding: 2px 5px 2px 5px; font-size: 8pt; line-height: normal; border: 1px solid #505050; text-decoration: none; font-weight: normal; color: black; opacity: .9; filter: alpha(opacity=90); text-align: left; }
a.tooltip:hover .tooltipsubject { z-index: 30; visibility: visible; }

/* Control panel ajax drop-down */
.gsc form { margin: 0; }
.gsc input { vertical-align: middle; }
.gsc .fq { width: 340px;  font-family: helvetica, arial, sans-serif; font-size: 12px; padding-left: 4px; }/*padding-top: 2px; padding-bottom: 2px; }*/
.gsc .searchresults { width: 346px; border: 1px solid #000; margin-top: -1px; position: absolute; display: none; z-index: 9; }
.gsc .sr, .gsc .srs { width: 100%; float: left; font-family: helvetica, arial, sans-serif; font-size: 12px; padding: 1px 0 1px 0; }
.gsc .sr { background-color: #fff; color: #000; border-bottom: 1px solid #c0c0c0; }
.gsc .srs { background-color: #36c; color: #fff; border-bottom: 1px solid #c0c0c0; cursor: pointer; }
.gsc .sr .srt0-1 { text-decoration: line-through; color: gray; }
.gsc .srt0-2, .gsc .srs .srt0-3 { font-style: italic; }
.gsc .sr .srt0-4 { color: #36c; }
.gsc .sr .srt0-3 { font-style: italic; text-decoration: line-through; color: gray; }
.gsc .srt0-0, .gsc .srt0-1, .gsc .srt0-2, .gsc .srt0-3, .gsc .srt0-4 { float: left; font-size: 12px; margin-left: 4px; }
.gsc .sr .srt1-0 { color: #008000; }
.gsc .sr .srt1-1 { color: gray; }
.gsc .sr .srt2-0 { color: #800000; }
.gsc .sr .srt3-0 { color: #000; }
.gsc .srs .srt1-0, .gsc .srs .srt1-1, .gsc .srs .srt2-0, .gsc .srs .srt3-0 { color: #fff; }
.gsc .srt1-0, .gsc .srt1-1, .gsc .srt2-0, .gsc .srt3-0 { float: right; font-size: 10px; margin-right: 3px; padding-top: 2px; }
.gsc .src { width: 100%; float: left; padding: 1px 0 1px 0; font-family: helvetica, arial, sans-serif; font-size: 12px; background-color: #fff; }
.gsc .src span { float: right; font-size: 10px; margin-right: 3px; padding-top: 0; padding-bottom: 3px; color: #00f; text-decoration: underline; cursor: pointer; }
div.searchresults span.highlight { background: yellow; }
div.searchresults div.srs span.highlight { color: black; }

.bgenabled { background: #ddffdd !important; }
.bgamber { background: #ffdfa0 !important; }
.bgdisabled { background: #ffdddd !important; }
.admin { background: #f8e0ff !important; }