/* global reset padding and margins */
* { 	margin: 0px; padding: 0px; }
/* site wide colours and text */
body {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
 background-color: #CCCCCC;
	margin: 0px; padding: 0px;
}
/* structure and default font sizes*/
#wrapper { 	width: 960px; margin: 0px auto 0px auto; padding: 0;}
#header {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0px 0 0px 0;
	background-image: url(/graphics/template/header.png);
	background-repeat: no-repeat;
}
.strapline {
	float: right;
	width: 520px;
	padding: 0px 40px 0 0;
	margin: 40px 0px 0 0px;
	font-size: 40px;
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: right;
}
.switchboard-features {
	float: right;
	width: 520px;
	padding: 5px 40px 0 0;
	margin: 5px 0px 0 0px;
	font-size: 26px;
	color: #777777;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: right;
	line-height: 140%;
}

.phone-bottom {
	padding:0;
	margin: 0;
	font-size: 1.6em;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.phone-bottom span {	color: #E9801B; 	font-weight: bold; }
#nav {
	float: left;
	width: 960px;
	font-size: 0.8em;
	padding: 0px 15px 10px 15px;
	margin: 0;
}
#content {
	float: left;
	width: 920px;
	padding: 0 12px 0px 28px;
	margin: 0;
	background-image: url(/graphics/template/content.png);
	background-repeat: repeat-y;
	background-position: center center;
}
#contentlogo {
	float: left;
	width: 372px;
	padding: 10px 0 0 15px;
	margin: 0 0 0 0px;
}
#contentinner {
	width: 100%;
	padding: 30px 0 0 0px;
	margin: 0 0 0 00px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
#main {
	float: left;
	width: 650px;
	padding: 0 0px 0 5px;
	margin: 0 40px 0 0;
}
#sidebar { float: left; width: 200px; padding: 0; margin: 0;}
#footer {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0 15px 0px 0px;
	background-image: url(/graphics/template/header.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* general tags formatting */
h1 {
	font-size: 2.2em;
	color: #BF1E2E;
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h2 {
	font-size: 2.0em;
	margin: 0 0 20px 0;
	color: #444444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h3 {
	font-size: 1.8em;
	margin: 30px 0 10px 0;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	padding: 5px;
	color: #666666;
	font-weight: bold;
	background-color: #EBEBEB;
 }
h5 {
 font-size: 1.2em;
	margin: 0;
	padding: 10px 0 5px 0;
	color: #46667B;
	font-weight: bold;
 }
h6 {
 font-size: 1.2em;
	margin: 0;
	padding: 10px 0 5px 0;
	font-weight: bold;
	color: #E9801B;
}
p {
	line-height: 140%;
	margin: 0 0 10px 0;
}
ol { margin: 0 0 10px 25px; }
ul { margin: 0 0 10px 20px; }
li { line-height: 1.5em; }
img { border: 0; }
a:link {
	color: #1A75BB;
	font-weight: normal;
}
a:visited {	color: #1A75BB;	font-weight: normal;}
a:hover {	color: #BF1E2E;	font-weight: normal;}
a:active {	color: #1A75BB;	font-weight: normal;}
/* main navigation */
ul.nav { float: left; width: 100%; list-style: none; margin: 0 0 1px 0; }
ul.nav li { float: left; text-align: center; }
ul.nav li a {
	float: left;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	padding: 8px 0;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #444444;
}
ul.nav li img { margin: 2px 0 0 0; }
ul.nav li a:link { color: #FFFFFF; 	font-weight: bold;}
ul.nav li a:visited { color: #FFFFFF; font-weight: bold;}
ul.nav li a:hover {
	background-color: #BF1E2E;
}
ul.nav li a:active { color: #FFFFFF; }
/* NEW link classes for main nav links for current page state */
a.navIndex { width: 184px; border-right: 1px solid #FFFFFF;}
a.navFeatures { width: 186px; border-right: 1px solid #FFFFFF;}
a.navBenefits { width: 186px; border-right: 1px solid #FFFFFF;}
a.navExamples { width: 185px; border-right: 1px solid #FFFFFF; }
a.navResellers { width: 185px; border-right: 1px solid #FFFFFF;}
a.navSignup { width: 184px; border-right: 0px solid #FFFFFF; }
/* these assign the link state for the current page using body ID */
body#index a.navIndex {	background-color: #BF1E2E;}
body#benefits a.navBenefits { background-color: #BF1E2E;}
body#features a.navFeatures {  background-color: #BF1E2E;}
body#examples a.navExamples {  background-color: #BF1E2E;}
body#resellers a.navResellers {  background-color: #BF1E2E;}
body#signup a.navSignup {  background-color: #BF1E2E;}
/* sidebar navigation list */
ul.subnav { list-style: none; margin: 0;}
ul.subnav li { border-bottom: 2px solid #FFFFFF; }
ul.subnav li a { display: block; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 5px 10px; }
ul.subnav a:link {	color: #666666;	background-color: #DDDDDD;}
ul.subnav a:visited {	color: #FFFFFF;	background-color: #B0C8D6;}
ul.subnav a:hover {	color: #FFFFFF;	background-color: #5F5F5F;}
ul.subnav a:active {	color: #FFFFFF;	background-color: #B0C8D6;}
/* footer links and text */
.footerlinks {
	float: left;
	width: 960px;
	height:85px;
	line-height: 140%;
	list-style: none;
	padding: 10px 0 0 0px;
	margin: 10px 0 0px 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
}
.footerlinks a { color: #50758D; 	font-weight: normal;}
.footerlinks	a:link {
	color: #50758D;
}
.footerlinks a:visited {	color: #50758D;}
.footerlinks a:hover {	color: #F98D2A;	}
.footerlinks a:active {	color: #50758D;}

/* SPACERS */
.space30 {	height: 30px; clear: both;}
.space20 {	height: 20px; clear: both;}
.space15 {	height: 15px; clear: both;}
.space10 {	height: 10px; clear: both;}
.spaceline20 {
		font-size: 1.2em;
	color: #5F89A5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #C1D2DD;
	padding-top: 20px;
}
.spaceline {
	font-size: 1.2em;
	color: #5F89A5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0 0px 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #C1D2DD;
	padding: 10px 0 0 0px;
	clear: both;
}
/* mouseover tip */
#tip{
	position:absolute;
	background-color: #FFFCF9;
	width: 400px;
	padding: 10px;
	border:1px solid #F98D2A;
	line-height:1.5em;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.smallgrey {
	font-size: 11px;
	color: #666666;
}
.smallblue {
 padding: 5px 0 0 0;
	font-size: 11px;
	color: #1A75BB;
}
.smallred {
	font-size: 11px;
	color: #BF1E2E;
}
.small-right {
	font-size: 10px;
	color: #5F89A5;
	text-align: right;
}
.form-highlight {
	background-color: #DEE7ED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	padding: 3px;
	border: 1px solid #50758D;	
}
.formlabel {
	font-size: 11px;
	color: #666666;
	padding-bottom: 3px;
}
.formsum {
	font-size: 1.4em;
	color: #666666;
	padding-bottom: 3px;
}
.formnote {
	font-size: 11px;
	color: #5F89A5;
	padding-top: 3px;
	padding-bottom: 15px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px;
	color: #666666;
}
input, select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	padding: 3px;}
/* KNOWLEDGEBASE */
.helpresult {
	width: 33%;
	float: left;
	padding-top: 20px;
}
.helpquestion {
	font-size: 13px;
	width: 100%;
	float: left;
	margin: 0px 0 10px 0;
}
.code {
	font-family: "Courier New", Courier, monospace;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 120%;
}
.bigo {
	font-size: 18px;
	color: #5F89A5;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.message {
	color: #BF1E2E;
	}
.quicktablebutton {
	vertical-align: middle;
	height: 25px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
	
	/*AWBS*/
div.paging {
	background-color: #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	display:block;
	min-width:550px;
}
div.paging ul#paging {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
}
div.paging ul#paging li {
	display: inline;
	margin:1px;
}
div.paging ul#paging li.active {
	border:1px solid #5F89A5;
	padding: 3px 8px 3px 8px;
	color:#FFFFFF;
	font-weight:700;
	background-color: #DEE7ED;
}
div.paging ul#paging li a, 
div.paging ul#paging li.previous-off,
div.paging ul#paging li.next-off  {
	padding: 3px 8px 3px 8px;
	color:#50758D;
	text-decoration: none;
	border:1px solid #5F89A5;
}
div.paging ul#paging li.previous-off,
div.paging ul#paging li.next-off  {
	border:1px solid #C1D2DD;
	color:#C1D2DD;
}
div.paging ul#paging li a:hover {
	border:1px solid #5F89A5;
	color:#50758D;
	background-color: #DEE7ED;
}
.hostinglist {
	float: left;
	width: 40%;
	font-size: 1em;
	color: #50758D;
	padding-top: 0px;
	font-weight: normal;
	}
	.hostingitems {
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #50758D;
	padding-top: 4px;
	font-weight: normal;
	}
.hostingimage {
	float: right;
	margin: 0px;
	padding: 0px;
	}
.clear { clear: both;}
.imgright {
	float: right;
	}
/* tab menu */
#tabs {
	float:none;
	width:960px;
	font-size:1.2em;
	line-height:normal;
	clear: both;
	margin:0 0 0 20px;
	padding: 0;
	background-image: url(/graphics/template/hot-area.png);
	background-repeat: no-repeat;
	background-position: left 42px;
	font-family: Arial, Helvetica, sans-serif;
  }
#tabs ul {
	width: 930px;
	padding:10px 20px 10px 0px;
	margin: 0 0 0px 0;
	height: 30px;
	list-style:none;
	text-align: center;
  }
#tabs li {
	float:right;
	margin: 0 0px 0 0px;
	padding:0 0px 0 0px;
	width: 181px;
	height: 32px;
	background-image: url(/graphics/template/tab-upper-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
  }
#tabs a {
	float:left;
	display:block;
	padding:5px 0px 3px 0px;
	margin: 0 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
 color:#666666;
	text-align: center;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#666666;
  }
#tabs #current {
	background-image:url("/graphics/template/tab-upper-bg-active.png") ;
	color: #666666;
		height: 34px;
  }
#tabs #current a {
	color: #666666;
 padding:5px;
  }
/* tabs empty */
#tabs-empty {
	float:none;
	width:960px;
	font-size:1em;
	line-height:normal;
	clear: both;
	margin:5px 0 0 20px;
	padding: 0;
	padding:8px 0px 10px 0px;
	background-image: url("/graphics/template/tab-section-top.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
  }
#tabs-empty ul {
width: 945px;
  padding:08px 0px 10px 0px;
  margin: 0px 0 0px 0;
		height: 5px;
		list-style:none;
  }
				
	/* top main area */
	.hot-main-top {
	background-image: url(/graphics/template/hot-area.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0px 0 20px;
	padding: 0;
 width: 960px;
	float: left;
	clear:both;
	}
.hot-main-mid {
 width: 945px;
	margin: 0 0px 0 20px;
	padding: 0 20px 0 2px;
		clear:both;
		height: 340px;
	}
.hot-image-entry {
	background-image: url(/graphics/template/hot-area-entry.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-home {
	background-image: url(/graphics/template/hot-area-home.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-business {
	background-image: url(/graphics/template/hot-area-business.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-reseller {
	background-image: url(/graphics/template/hot-area-reseller.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-selection {
	background-image: url(/graphics/template/hot-area-selection.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-domains {
	background-image: url(/graphics/template/hot-area-domain.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-ssl {
	background-image: url(/graphics/template/hot-area-ssl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-development {
	background-image: url(/graphics/template/hot-area-development.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-support {
	background-image: url(/graphics/template/hot-area-support.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-host {
	background-image: url(/graphics/template/hot-area-host.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-company {
	background-image: url(/graphics/template/hot-area-company.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-comments {
	background-image: url(/graphics/template/hot-area-comments.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image-blank {
	background-image: url(/graphics/template/hot-area-blank.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.hot-image {
	padding: 5px 0 0 0;
	margin: 0;
	width: 300px;
	height: 285px;
float: left;
	}
.hot-text {
width: 630px;
float: left;
padding: 0 0 0 330px;
}
.hot-title {
	font-size: 28px;
	color: #E9801B;
	padding: 15px 0 0px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	}
.hot-subtitle {
	font-size: 28px;
	color: #E9801B;
	padding: 0px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.hot-title-question {
	font-size: 26px;
	padding: 5px 0 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;	
		font-weight:normal;
	}
.hot-feature-teardrop-orange {
	float: left;
	width: 102px;
	height: 87px;
	padding: 15px 0px 0 0px;
	margin: 0px 18px 0 0;
	background-image: url(../graphics/template/feature-teardrop-orange.png);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
	text-align: center;
	}
.hot-feature-teardrop {
 float: left;
	width: 120px;
	}
.hot-feature-teardrop-row {
 padding: 10px 0 10px 0;
	}
.hot-feature {
	font-size: 22px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
}
.hot-action {
	font-size: 18px;
	color: #666666;
	padding: 20px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
/* highlight silos */
.application1 {
 padding: 0 20px 0 0;
	margin: 0;
 height: 200px;
	width: 200px;
	float: left;
}
.application2 {
 padding: 0 20px 0 0;
	margin: 0;
 height: 200px;
	width: 200px;
	float: left;
}
.application3 {
 padding: 0 0px 0 0;
	margin: 0;
 height: 200px;
	width: 200px;
	float: left;
}
.application-title {
	float: left;
	margin: 0;
	padding: 8px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight:bold;
	}
.application-text {
	clear: both;
	height: 100px;
	margin: 0;
	padding: 0px 10px 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 140%;	
}
.application-link-image {
 float: left;
	width: 50px;
 padding: 0px 0px 0px 0px;
}
.application-link {
 float: left;
	width: 140px;
	padding: 0px 0px 0px 0px;
}

/* header */
.breadcrumbs {
	float: left;
	width: 925px;
	margin: 0 0px 0 15px;;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	padding: 0 0 0px 20px;
}
/* COLOUR SCHEMES */
.colour-cms {	color: #861311;}
.colour-ecommerce {	color: #156436;}
.colour-custom {	color: #005bae;}
.colour-reseller {	color: #4f1b78;}
.colour- {	color: #e9801b;}

/* HOME PAGE */
.quotation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #84AABF;
	line-height: 140%;
	width: 650px;
	padding: 10px 0 0 0;
}

/* FEATURES */
ul#features {
	width: 650px;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
ul#features li {
	width: 325px;
	float: left;
	margin: 0 0px 0 0px;
	padding: 0 0 0 0px;
}
.side_banner {
	border: 2px solid #CCCCCC;
}
a:hover img.side_banner {
border: 2px solid #FF9900;
}
/* LIST TICK BOX */
.switchboard-tick-box {
	width:100%;
	float:left;
	margin: 0 0 30px 0;
	background-image: url(/graphics/template/switchboard-feature.gif);
	background-repeat: no-repeat;
}
.switchboard-tick-box-title {
	padding: 0px 0px 5px 0px;
	margin: 0 0 0 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.switchboard-tick-box-text {
	padding: 0 0px 0 0px;
	margin: 0 0 0 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #666666;
		line-height: 150%;
}
.switchboard-tick-box-link {
	padding: 0 10px 0 50px;
	margin: 10px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}
/* TABLE HOVER */
table.hovtab {
	margin:0;
}
table.hovtab td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	padding-top: 7px;
	padding-bottom: 7px;
}
table.hovtab tr.alt {
	background-color: #E6E6E6;
}
table.hovtab tr:hover {
	background-color: #E6E6E6;
} 
.iphoneapp {
overflow: auto; width: 100%
}
.iphoneapp_price {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #BF1E2E;
	padding: 5px 0 20px 0;
}