body {
	margin:15px;
	text-align:center; /* Hack for IE : Center align the canvas */
}
body,p,td,th,input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
}
a { color:#0088DC; text-decoration:underline; }
a:hover { color:#000066; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; color:#0088DC; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
p { line-height:1.5em; }
form { margin:0px; padding:0px; }
li { margin-bottom:0.8em; }
fieldset { border:1px solid #B8B8D0; }
legend { padding:4px; margin:0px; color:#000066; font-weight:bold; }

/* Structural divs */
#canvas { 
	text-align:left; /* Reset the text-align that's inherited from body */
	margin-left:auto; /* Center */
	margin-right:auto; /* Center */
	background-color:#E5FAFA;
	background-repeat:repeat-y;
	width:898px;
	border:1px solid #B8B8D0;
}
#headerMain {
	background-color:#FFFFFF;
	border-left:1px solid #B8B8D0;
	border-right:1px solid #B8B8D0;
	padding-left:24px;
	padding-right:24px;
}

#main { 
	padding:20px 44px;
	border-bottom:1px solid #B8B8D0;
}
#menu {
	background-color:#EBF6FC;
	padding:20px 44px;
}
#footer { 
	text-align:left; /* Reset the text-align that's inherited from body */
	margin-left:auto; /* Center */
	margin-right:auto; /* Center */
	width:900px;
	margin-top:10px; 
	border-top:1px solid #E8EEF1; 
	border-bottom:1px solid #E8EEF1; 
}
#footer_text p { color:#B2C6D1; font-size:10px; line-height:12px; margin:10px 0px 10px 0px; padding:0px; }
#footer_text a { color:#B2C6D1; }
#footer_image { float:right; margin-top:8px; padding:0px; }
#debug { 
	width: 900px; 
	color:#666666;
	background-color:#F4F4F4; 
	border:1px solid #CCCCCC; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left;
	margin-top:20px;
	padding:10px;
}
#debug p { color:#666666; margin:0px; }

/* Other structural elements */
#loginBox td { padding-right:10px; }
#loginBox #email { width:260px; }
#loginBox #password { width:140px; }

#debugTools { font-style:italic; }
#debugTools h1 { color:#999999; }
#debugTools p { color:#999999; }
#debugTools a { color:#999999; }

/* Tablist and tabs */
#tablist{ float:left; padding: 0px; margin: 10px 0px -1px 0px; white-space:nowrap; }
#tablist li{ float:left; margin: 0px; margin-right:0.4em; list-style:none; }
#tablist li a{ display:block; float:left; text-decoration: none; padding: 0.6em; line-height:1em; border: 1px solid #B8B8D0; background:#F0F0F0; color:#333333; }
#tablist li a:hover { background-color:#FEF5DA; }
#tablist li a.current { background-color:#F7FDFD; border-bottom:1px solid #F7FDFD; color:#0066CC; }
#tablist li a.current:hover { background-color:#F7FDFD; }

.tab {  background-color:#F7FDFD; border:1px solid #B8B8D0; padding:20px; }
.tabHidden { background-color:#F7FDFD; border:1px solid #B8B8D0; padding:20px; display:none; }

/* Default table style */
.defaultTable { border:1px solid #B8B8D0; border-collapse:collapse; }
.defaultTable th { padding:4px; background-color: #E0E0EB; border:1px solid #B8B8D0; }
.defaultTable td { padding:4px; border:1px solid #B8B8D0; }

/* Default table style with small fonts (for services / hardware etc.) */
.defaultTableSmall { font-size:10px; border:1px solid #B8B8D0; border-collapse:collapse; }
.defaultTableSmall th { font-size:10px; padding:4px; background-color: #E0E0EB; border:1px solid #B8B8D0; }
.defaultTableSmall th.subHeader { background-color:#F3F3F8; font-size:9px; font-weight:normal; }
.defaultTableSmall td { font-size:10px; padding:4px; border:1px solid #B8B8D0; }

/* Table rows */
.trOdd { background-color:#FFFFFF; }
.trOddSelected { background-color:#E0F3E2; }
.trEven { background-color:#F3F3F8; }
.trEvenSelected { background-color:#E0F3E2; }
.trSubhead { background-color:#F3F3F8; font-weight:bold; }
.trNone { background-color:#FFFFFF; text-align:center; }
.trNone td { padding:10px; }
.trOver { background-color:#FFF0D5; }
.trReseller { background-color:#DAFACC; }

/* ordersTable */
.ordersTable { border:1px solid #B8B8D0; border-collapse:collapse; background-color:#FFFFFF; }
.ordersTable th { padding:4px; background-color: #E0E0EB; border:1px solid #B8B8D0; text-align:center; }
.ordersTable th.subHeader { background-color:#F3F3F8; font-size:9px; font-weight:normal; }
.ordersTable td { padding:4px; border:1px solid #B8B8D0; }
.ordersTable input { font-size:10px; }

/* Colours */
.success { color:#009900; font-weight:bold; }
.error { color:#FF0000; font-weight:bold; }
.disabled { color:#999999; }
.userGreeting { color:#FF6600; }

/* Order statuses */
.saved { color:#0066FF; font-weight:bold; }
.ordered { color:#339900; font-weight:bold; }

.incomplete { color:#FF0000; font-weight:bold; }
.placed { color:#0066FF; font-weight:bold; }
.submitted { color:#009900; font-weight:bold; }
.complete { color:#00CC00; font-weight:bold; }
.obligatory { color:#FF0000; }
.smallprint { font-size:10px; color:#B8B8D0; }

/* Margin classes */
.mt0 { margin-top:0px; }
.mt10 { margin-top:10px; }
.mb0 { margin-bottom:0px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.m0 { margin:0px; }
.clear { clear:both; height:0px; }

/* Padding classes */
.mp10 { padding-bottom:10px; }

/* Border classes */
.bAll { border:1px solid #B8B8D0; }

/********** INDIVIDUAL PAGES **********/

/* index.php */
.promo { border:1px solid #B8B8D0; }
#promoFlashTable { background-color:#FFFFFF; }
.step { padding:10px; background-color:#CEEEF7; width:100px; text-align:center; float:left; }
.step h1 { margin:0px; font-size:60px; color:#0088DC; line-height:60px; }
.step p { margin:0px; line-height:14px; }
.step_arrow { float:left; height:108px; width:54px; background-image:url(../images/icon-step-arrow.gif); background-repeat:no-repeat; background-position:center; }

/* forgot-password.php */
#forgot_label { margin:0px 0px 4px 0px; }
#forgot_text_field { margin:0px; }
#forgot_text_field #email { margin-right:4px; }

/* order.php */
#order_progress { background-color:#FFFFFF; /*border-top:1px solid #B8B8D0; border-bottom:1px solid #B8B8D0;*/ }
#order_progress td.current { background-color:#FFF0D5; }

#address { width:100%; }
#executive_overview { width:100%; }

.wanTable { border:1px solid #B8B8D0; border-collapse:collapse; }
.wanTable th { padding:4px; background-color: #E0E0EB; border:1px solid #B8B8D0; font-size:10px; text-align:center; }
.wanTable th.subHeader { background-color:#F3F3F8; font-size:9px; font-weight:normal; }
.wanTable td { font-size:10px; padding:4px; border:1px solid #B8B8D0; }

/* order-step-4.php */
.bigButton { font-size:13px; width:140px; }

/* profile.php */
#accountButtons { text-align:right; margin-bottom:0px; }
#accountSubmit { margin-right:5px; font-weight:bold; }