﻿/* RESET 
----------------------------------------------------------------------------------------------------*/
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
	margin:0 auto;
	font: 12px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #000;
	color: #4b5056;
}
a {
	text-decoration:underline;
	color: #A01512;
}
a:hover {
	color: #101010;
}
a:focus {
	outline: 0;
}
img {
	vertical-align:middle;
}
hr {
	border-bottom:1px solid #DFDFDF;
	border-width:0 0 1px 0;
	clear: both;
	height: 0;
	margin:0 auto;
}
input, textarea, select {
	font-size:12px;
	color: #343434;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input { border: 1px solid #B9B9B9; }
input[type=text], textarea, input[type=password] {
	padding:				2px;
	background: 			#F5F5F5;
	border:					1px solid #B9B9B9;
	border-radius:			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius:	3px;
}
input[type=submit] {
	padding:				6px 4px;
	background: 			#E6EFC2;
	border:					1px solid #C6D880;
	color: 					#529214;
	border-radius:			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius:	3px;	
}
input[type=submit]:hover {
	color:					#3c7109;
	background:				#d2e3a6;
	border-color:			#afc363;
	cursor:					pointer;
}

p {
	margin:10px 0;
}
.small-note {
	font-size:11px;
	display:block;
	line-height:16px;
	color: #9a9a9a;
}

.error { color:#F00}

/* Global Form Elements 
----------------------------------------------------------------------------------------------------*/
.multi-submit, .large-multi-submit {
	overflow:hidden;
}
.single-submit {
	text-align:center;
}
.multi-submit a, .multi-submit input, .large-multi-submit a, .large-multi-submit input {
	float:right;
}
.multi-submit a, .multi-submit input, .single-submit a, .single-submit input, .large-multi-submit a, .large-multi-submit input {
	text-indent:-999em;
	display:inline;
	margin:5px 0 10px 10px;
	width:92px;
	height:37px;
	border:0;
	cursor:pointer;
}
.large-multi-submit a, .large-multi-submit input {
	width:162px;
}
a.submit-enquire, input.submit-enquire { background: url('../images/submit-enquire.png') top left no-repeat; }
a.submit-change, input.submit-change { background:url('../images/submit-change.png') top left no-repeat; }
a.submit-default, input.submit-default { background:url('../images/submit-default.png') top left no-repeat; }
a.submit-management, input.submit-management { background:url('../images/submit-management.png') top left no-repeat; }
a.submit-change-request, input.submit-change-request { background:url('../images/submit-change-request.png') top left no-repeat; }
a.submit-customise-plan, input.submit-customise-plan { background:url('../images/submit-customise-plan.png') top left no-repeat; }
.multi-submit a:hover, .multi-submit input:hover, .single-submit a:hover, .single-submit input:hover, .large-multi-submit a:hover, .large-multi-submit input:hover{ background-position: top right; }
.form-error, .error {
	font-size:11px;
	line-height:16px !important;
	color: #af2b28;
	font-style:italic;
}


/* Header 
----------------------------------------------------------------------------------------------------*/
#header-wrap {
	padding-top:30px;
	height:402px;
	background:#101010 url('../images/header-wrap.png') top left repeat-x;
}
#backend-header {
	padding-top:30px;
	background: url('../images/header-wrap.png') top left repeat-x;
}
#header {
	width:960px;
	margin:0 auto;
	position:relative;
	height:65px;
}
#backend-header #header {
	height:85px;
}
#header h1 {
	display:block;
	position:relative;
	width:214px;
	height:57px;
	z-index:100;
}
a#branding {
	display:block;
	text-indent:-999em;
	background:url('../images/virtualblades.png') top left no-repeat;
	width:214px;
	text-decoration:none;
	height:57px;
}

/******* Navigation *******/
#navigation {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-23px;
}
#lead-nav, #sub-nav {
}
#lead-nav {
	width:428px;
	margin:0 0 0 auto;
	padding-bottom:6px;
	position:relative;
	z-index:40;
	height:14px;
}
#lead-nav li {
	float:left;
	height:14px;
	padding:0;
	margin:0 0 0 30px;
	line-height:0;
	display:inline;
}
#lead-nav li a {
	display:block;
	height:14px;
	background-image: url('../images/main-nav-sprite.png');
	background-repeat:no-repeat;
	color:#fff;
	text-indent:-999em;
	margin-left:30px;
	padding:0;
	margin:0;
}
#nav-vps {
	background-position:0 0;
	width:96px;
}
#nav-vps:hover {
	background-position:0 -15px;
}
#nav-infrastructure {
	width:82px;
	background-position: -96px 0;
}
#nav-infrastructure:hover {
	background-position: -96px -15px;
}
#nav-guarantee {
	width:70px;
	background-position: -178px 0;
}
#nav-guarantee:hover {
	background-position: -178px -15px;
}
#nav-about {
	width:56px;
	background-position: -248px 0;
}
#nav-about:hover {
	background-position: -248px -15px;
}
#sub-nav {
	background:url('../images/main-nav-sep.gif') top right no-repeat;
	padding-top:3px;
	width:407px;
	margin:0px 5px 0 auto;
	clear:left;
}
#sub-nav li {
	float:right;
	display:inline;
	text-align:right;
	margin-left:15px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sub-nav li a {
	text-decoration:none;
	color: #6f6c69;
	font-size:11px;
	text-shadow:#fff 1px 1px 0;
}
#sub-nav li a:hover {
	color: #980c0a;
}
/******* End Navigation *******/

/******* Feature *******/
#feature-wrap {
	width:978px;
	height:319px;
	background:url('../images/feature-bg.png') top left no-repeat;
	margin:20px auto 0 auto;
}
#feature {
	position:relative;
	left:9px;
	top:9px;
	width:960px;
	height:301px;
}
#feature-nav {
	height:301px;
	width:230px;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
#feature-nav li {
	height:60px;
	width:100%;
	margin:0;
	padding:0;
}
#feature-nav a {
	display:block;
	background-image:url('../images/features-sprite.png');
	background-repeat:no-repeat;
	height:60px;
	text-indent:-999em;
	width:100%;
}
#aussie-hosting {
	background-position:top left;
}
#aussie-hosting:hover {
	background-position: -230px 0;
}
li.active #aussie-hosting {
	background-position:top right;
}
#uptime-99 {
	background-position: 0 -60px;
}
#uptime-99:hover {
	background-position: -230px -60px;
}
li.active #uptime-99 {
	background-position:-460px -60px;
}
#percent-off {
	background-position: 0 -120px;
}
#percent-off:hover {
	background-position: -230px -120px;
}
li.active #percent-off {
	background-position: -460px -120px;	
}
#green-it {
	background-position: 0 -180px;
}
#green-it:hover {
	background-position: -230px -180px;
}
li.active #green-it {
	background-position: -460px -180px;
}
#customised-solutions {
	height:61px !important;
	background-position:0 -240px;
}
#customised-solutions:hover {
	background-position:-230px -240px;
}
li.active #customised-solutions {
	background-position:-460px -240px;	
}
#feature-screens {
	margin:0;
	padding:0;
	width:960px;
	height:301px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#feature-screens li {
	width:960px;
	height:301px;
	position:absolute;
	top:0;
	left:0;
	text-indent:-999em;
	display:none;
}
#feature-screens h2 {
	width:960px;
	height:301px;
}
#feature-screens .aussie-hosting { display:block; }
#feature-screens .aussie-hosting h2 { background: url('../images/aussie-intro.jpg') top left no-repeat; }
#feature-screens .uptime-99 h2 { background: url('../images/99-intro.jpg') top left no-repeat; }
#feature-screens .percent-off h2 { background: url('../images/percent-off-intro.jpg') top left no-repeat; }
#feature-screens .green-it h2 { background:url('../images/green-it-intro.jpg') top left no-repeat; }
#feature-screens .customised-solutions h2 { background:url('../images/tailored-intro.jpg') top left no-repeat; }
/******* End Feature *******/

/* Content 
----------------------------------------------------------------------------------------------------*/
#outer-content-wrap { background: #101010; padding-top:30px;}
#content-wrap {
	background:url('../images/content-wrap-top.gif') top left no-repeat;
	width:960px;
	margin:0 auto;
	padding: 3px 0 30px 0;
}
body#homepage #content-wrap, body#infrastructure #content-wrap, body#offers #content-wrap, body#account #content-wrap {
	padding-top:0;
	background:none;
}
#content {
	background:#fff url('../images/content-wrap-bottom.gif') bottom left no-repeat;
	padding:20px 10px;
	overflow:hidden;
}
#content #main-copy {
	float:left;
	display:inline;
	width:640px;
	margin-right:10px;
}
#content #asides {
	float:left;
	display:inline;
	width:280px;
	margin-left:10px;
	margin-top:-15px;
}
body#guarantees #asides #validate-pay{ text-align:justify; }
#content h2 {
	font-size:22px;
	font-weight:normal;
	color:#970703;
	font-family: Liberation, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0 8px;
}
#content h3, #content h4, #content h5 {
	color: #000;
	font-weight:normal;
	margin:15px 8px 10px 8px;
	font-family: Liberation, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#content h3 {
	font-size:18px;
}
#content h4 {
	font-size:14px;
	margin-bottom:5px;
}
#content p {
	margin:5px 10px 10px 10px;
}
#content ul {
	margin:0 10px 10px 30px;
	list-style-type:disc;
}
#content ul ul {
	list-style-type:circle;
	margin-bottom:0;
	margin-left:20px;
}
#content .intro {
	color: #4B5056 !important;
	font-size:16px;
	text-align:justify;
	line-height:24px;
	margin-bottom:25px;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #DFDFDF;
}
#content .intro p {
	margin-bottom:0;
	padding:0;
	margin-top:10px;
}
#content .intro p.secondary {
	font-size:12px;
	line-height:21px;
}

/******* Tabs *******/
#tabbed-nav {
	background:url('../images/content-wrap-top.gif') bottom left no-repeat;
	padding-bottom:3px;
	height:42px;
	overflow:hidden;
	padding-left:5px;
	margin:0;
	list-style:none;
}
#tabbed-nav li {
	margin:0;
	padding:0;
	height:42px;
	width:184px;
	float:left;
}
#tabbed-nav li a {
	display:block;
	height:42px;
	width:184px;
	text-indent:-999em;
	background-image:url('../images/tabs.png');
	background-repeat: no-repeat;
}

#tabbed-nav-no-tab {
	background:url('../images/content-wrap-top.gif') bottom left no-repeat;
	padding-bottom:3px;
	height:42px;
	overflow:hidden;
	padding-left:5px;
	margin:0;
	list-style:none;
}
#tabbed-nav-no-tab li {
	margin:0;
	padding:0;
	height:42px;
	width:184px;
	float:left;
}
#tabbed-nav-no-tab li a {
	display:block;
	height:42px;
	width:184px;
	text-indent:-999em;
	background-image:url('../images/tabs.png');
	background-repeat: no-repeat;
}

.individual-tab { background-position: -184px 0; }
.individual-tab:hover { background-position: -368px 0; }
.business-tab {	background-position: -184px -42px }
.business-tab:hover{ background-position: -368px -42px; }
li.active .business-tab, li.active .business-tab:hover { background-position: bottom left; }
li.active .individual-tab, li.active .individual-tab:hover { background-position: top left; }

body#infrastructure #tabbed-nav li a { background-image:url('../images/infrastructure-tabs-sprite.png'); }

.infrastructure-tab { background-position: -184px 0; }
.infrastructure-tab:hover { background-position: -368px 0;}
li.active .infrastructure-tab, li.active .infrastructure-tab:hover { background-position: 0 0; }
.data-centre { background-position: -184px -42px; }
.data-centre:hover { background-position: -368px -42px;}
li.active .data-centre, li.active .data-centre:hover { background-position: 0 -42px; }
.tools-software { background-position: -184px -84px; }
.tools-software:hover { background-position: -368px -84px;}
li.active .tools-software, li.active .tools-software:hover { background-position: 0 -84px; }

body#account #tabbed-nav-no-tab li a { background-image:url('../images/account-tabs.png'); }

.account-details { background-position: -184px 0; }
.account-details:hover { background-position: -368px 0;}
li.active .account-details, li.active .account-details:hover { background-position: 0 0; }
.server-info { background-position: -184px -42px; }
.server-info:hover { background-position: -368px -42px;}
li.active .server-info, li.active .server-info:hover { background-position: 0 -42px; }
.service-notifications { background-position: -184px -84px; }
.service-notifications:hover { background-position: -368px -84px;}
li.active .service-notifications, li.active .service-notifications:hover { background-position: 0 -84px; }


/******* End Tabs *******/

/******* Plans *******/
/*#enterprise-plans {
	display:none;
}*/
#plan-intro {
	margin:0px auto 20px auto;
	padding:10px;
	border:1px solid #e8e8e8;
	background:#f5f5f5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
}
#intro-l, #intro-r {
	float:left;
	width:449px;
}
#intro-l {
	padding-right:10px;
}
#intro-r {
	padding-left:10px;
	overflow:hidden;
}
#intro-r ul {
	float:left;
	margin:0;
	padding-left:1%;
	width:48%;
	list-style:none;
}
#intro-r ul li {
	padding: 0px 0 0px 12px;
	font-size:11px;
	background:url('../images/tinytick.png') 0 8px no-repeat;
}
#plan-intro h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:16px;
	color: #A01512;
}
#plan-intro p {
	margin:0 0 10px 0;
}
.plan-wrap {
	overflow:hidden;
	margin:0 -10px;
}
.plan {
	width:220px;
	float:left;
	display:inline;
	margin:0 10px;
	background:#f1f1f1 url('../images/plans-bg.png') top left repeat-y;
	position:relative;
	padding-bottom:57px;
}
.plan ul+p {
	text-align:right;
	font-size:11px;
	font-weight:bold;
}

.plan a.moreoptions{
	color: #4b5056;
	text-align:right;
	font-size:11px;
	font-weight:bold;
}

#tailored-plan ul+p {
	text-align:center;
	font-size:14px;
	font-weight:normal;
}
#content .plan h3 {
	margin:0;
	padding:20px 0 0;
	background:url('../images/plans-top.png') top left no-repeat;
}
.plan h3 span {
	display:block;
	/*text-indent:-999em;*/
	width:100%;
	text-align:center;
	height:18px;
}
/*#enterprise-blue-plan h3 span {	background:url('../images/enterprise-blue.gif') center center no-repeat; }
#enterprise-silver-plan h3 span { background:url('../images/enterprise-silver.gif') center center no-repeat; }
#enterprise-gold-plan h3 span { background:url('../images/enterprise-gold.gif') center center no-repeat; }
#tailored-plan h3 span { background:url('../images/tailored.gif') center center no-repeat; }
#rookie-plan h3 span { background: url('../images/rookie.png') center center no-repeat; } 
#light-plan h3 span { background: url('../images/light.png') center center no-repeat; } 
#techie-plan h3 span { background: url('../images/techie.png') center center no-repeat; } 
#heavy-plan h3 span { background: url('../images/heavy.png') center center no-repeat; }*/ 
#content .plan dl, #content .plan ul {
	padding:10px;
	margin:0;
	list-style:none;
}
.plan dt {
	font-size:11px;
	margin-top:10px;
}
.plan dd {
	display:block;
	width:200px;
	height:37px;
	background:url('../images/inclusion-bg.png') top left no-repeat;
	text-indent:-999em;
	overflow:hidden;
}
#content ul.plan-features {
	font-size:10px;
	line-height:15px;
	width:100px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.plan-features li {
	width:90px;
	float:left;
	background:url('../images/tinytick.png') 0 7px no-repeat;
	margin-left:10px;
	padding:2px 0 2px 10px;
	display:inline;
}
.price-order {
	clear:both;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:37px;
	bottom:0;
	left:0;
	background:url('../images/plans-bottom.png') bottom left no-repeat;
	padding-bottom:10px;
}
.price-order .price {
	position:absolute;
	left:10px;
	height:37px;
	width:92px;
	font-size:18px;
	text-align:center;
	line-height:37px;
	background:url('../images/price-bg.png') top left no-repeat;
	color:#1e1e1e;
	text-shadow:1px 1px #f9f9f9;
	/*text-indent:-999em;*/
}
.price-order .order {
	position:absolute;
	right:10px;
	height:37px;
	width:92px;
	display:block;
	background:url('../images/order-button.png') top left no-repeat;
	text-indent:-999em;
}
.price-order .order:hover {
	background-position: top right;
}
.price-order .build {
	margin:0 auto;
	width:92px;
	height:37px;
	display:block;
	background:url('../images/build-button.png') top left no-repeat;
	text-indent:-999em;
}
.price-order .build:hover {
	background-position: top right;
}

/******* Limits *******/
.plan dd span {
	display:block;
	float:left;
	height:37px;
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
}

#rookie-plan .cpu-cores, #light-plan .cpu-cores, #techie-plan .cpu-cores, #heavy-plan .cpu-cores { background-image: url('../images/no-cores.png') }
/*#enterprise-blue-plan .price, #enterprise-silver-plan .price, #enterprise-gold-plan .price, #rookie-plan .price, #light-plan .price, #techie-plan .price, #heavy-plan .price { background-image: url('../images/price-sprite.png'); background-repeat:no-repeat; }*/

.disk-space-5 { background-image:url('../images/5gb-disk.png'); }
.disk-space-10 { background-image: url('../images/10gb-disk.png'); }
.disk-space-20 { background-image: url('../images/20gb-disk.png'); }
.disk-space-40 { background-image: url('../images/40gb-disk.png'); }
.disk-space-60 { background-image: url('../images/60gb-disk.png'); }
.disk-space-80 { background-image:url('../images/80gb-disk.png'); }
.disk-space-120 { background-image:url('../images/120gb-disk.png'); }


.disk-space-10-nosan { background-image:url('../images/10gb-disk-nosan.png'); }
.disk-space-20-nosan { background-image:url('../images/20gb-disk-nosan.png'); }
.disk-space-40-nosan { background-image:url('../images/40gb-disk-nosan.png'); }
.disk-space-60-nosan { background-image:url('../images/60gb-disk-nosan.png'); }
.disk-space-80-nosan { background-image:url('../images/80gb-disk-nosan.png'); }
.disk-space-120-nosan { background-image:url('../images/120gb-disk-nosan.png'); }


.cpu-cores-1 { background-image:url('../images/1-core.png'); }
.cpu-cores-2 { background-image:url('../images/2-cores.png'); }
.cpu-cores-3 { background-image:url('../images/3-cores.png'); }
.cpu-cores-4 { background-image:url('../images/4-cores.png'); }

.dedicated-memory-128 { background-image:url('../images/128-mem.png'); }
.dedicated-memory-256 { background-image:url('../images/256-mem.png'); }
.dedicated-memory-512 { background-image:url('../images/512mb-mem.png'); }
.dedicated-memory-1024 { background-image: url('../images/1024-mem.png'); }
.dedicated-memory-2048 { background-image:url('../images/2048-mem.png'); }
.dedicated-memory-3072 { background-image:url('../images/3072-mem.png'); }
.dedicated-memory-4096 { background-image:url('../images/4096-mem.png'); }

.bandwidth-60,
.onsite-backup-60 { background-image:url('../images/60gb.png'); }
.bandwidth-80,
.onsite-backup-80 { background-image:url('../images/80gb.png'); }
.bandwidth-120,
.onsite-backup-120 { background-image:url('../images/120gb.png'); }

.bandwidth-5 { background-image:url('../images/5gb-disk.png'); }
.onsite-backup-5 { background-image:url('../images/5gb-backup.png'); }
.onsite-backup-10 { background-image:url('../images/10gb-backup.png'); }

.bandwidth-10 { background-image:url('../images/10gb.png'); }
.bandwidth-20 { background-image:url('../images/20gb.png'); }


.bandwidth-40 { background-image: url('../images/40gb.png'); }
.onsite-backup-20 { background-image: url('../images/20gb-heavy.png'); }
.onsite-backup-40 { background-image: url('../images/40gb-backup.png'); }


#enterprise-blue-plan .price { background-position: 0 -200px; }

#enterprise-silver-plan .price { background-position: 0 -250px; }

#enterprise-gold-plan .price { background-position: 0 -300px; }

#tailored-plan .disk-space { background-image:url('../images/tailored-disk.png'); }
#tailored-plan .dedicated-memory { background-image:url('../images/tailored-mem.png'); }
#tailored-plan .cpu-cores { background-image:url('../images/cores-tailored.png'); }
#tailored-plan .bandwidth { background-image:url('../images/tailored-bandwidth.png'); }
#tailored-plan .onsite-backup { background-image:url('../images/tailored-onsite-backup.png'); }



#light-plan .price { background-position: 0 -50px; }


#techie-plan .price { background-position: 0 -100px; }

#heavy-plan .price { background-position: 0 -150px; }

.plan p {
	margin:0 0 5px 0;
	text-align:center;
	clear:both;
}
#tailored-plan .tailored-more {
	padding-top:20px;
}
/******* End Plans & Limits *******

/* About Us
----------------------------------------------------------------------------------------------------*/
.aside-image {
	float:left;
	display:inline;
	margin-right:10px;
	width:280px;
	margin-bottom:20px;
	clear:left;
	padding-top:20px;
}
.copy-column {
	float:left;
	display:inline;
	width:640px;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:10px;
}
#infrastructure-tab ul, #data-centre ul{
	list-style:none !important;
	margin-left:20px !important;
}
#infrastructure-tab ul ul, #data-centre ul ul {
	margin-left:0px !important;
}
#infrastructure-tab ul li, #data-centre ul li {
	padding-left:25px;
	background:url('../images/tick.png') 0 3px no-repeat;
}
#infrastructure-tab ul li ul li, #data-centre ul li ul li {
	background:url('../images/tinytick.png') center left no-repeat;
	padding-left:15px;
}
/* End About Us
----------------------------------------------------------------------------------------------------*/

/* Terms of Service
----------------------------------------------------------------------------------------------------*/
#terms #main-copy {
	width:460px;
	margin-right:10px;
	font-size:11px;
	line-height:17px;
}
#terms #content #asides {
	width:460px;
	margin-left:10px;
	margin-top:0px;
	font-size:11px;
	line-height:17px;
}
#terms h3 { font-size: 14px; margin-bottom:2px; }
#terms h4 { font-size: 12px; margin-bottom:0px; }


/* Infrastructure
----------------------------------------------------------------------------------------------------*/
#data-centre, #tools-software { display:none; }
#building-management {
	width:460px;
	margin-right:9px;
	border-right:1px solid #e3e3e3;
	float:left;
	display:inline;
}
#data-security {
	width:460px;
	float:left;
	display:inline;
	margin-left:10px;
}

/* VPS VDS Offers
----------------------------------------------------------------------------------------------------*/
#enterprise-offers { display:none; }
#offers table {
	width:100%;
	border:0;
}
#offers table td, #offers table th {
	padding:15px 5px;
	border-collapse:collapse;
	border:1px solid #E8E8E8
}
#offers table thead th {
	border:0;
	font-size:18px;
}
#offers table tbody th {
	font-size:14px;
	color: #970703;
}
#offers tbody tr.odd td, #offers tbody tr.odd th {
	background: #F1F6FB;
}
#offers tbody th { width:120px; }
#offers tbody td div {
	width:100px;
	height:15px;
	border:1px solid #8fb9c7;
	float:left;
	padding:0;
	background:#fff;
	margin-top:2px;
}
#offers tbody td span {
	position:relative;
	top:0px;
	left:5px;
	font-size:11px;
}
#offers tbody td div span {
	display:block;
	height:15px;
	width:33%;
	background:url('../images/offers-bg-blue.png');
	top:0;
	left:0;
}
#individual-offers .col-0 .ram-limit span { width:12.5%; }
#individual-offers .col-1 .ram-limit span { width:25%; }
#individual-offers .col-2 .ram-limit span { width:50%; }
#individual-offers .col-3 .ram-limit span { width:50%; }
#individual-offers .col-4 .ram-limit span { width:100%; }
#individual-offers .col-0 .traffic-limit span { width:8.3%; }
#individual-offers .col-1 .traffic-limit span { width:16.6%; }
#individual-offers .col-2 .traffic-limit span { width:33.3%; }
#individual-offers .col-3 .traffic-limit span { width:66.6%; }
#individual-offers .col-4 .traffic-limit span { width:100%; }
#individual-offers .col-0 .disk-limit span { width:7.1%; }
#individual-offers .col-1 .disk-limit span { width:14.3%; }
#individual-offers .col-2 .disk-limit span { width:57.2%; }
#individual-offers .col-3 .disk-limit span { width:85.7%; }
#individual-offers .col-4 .disk-limit span { width:100%; }
#individual-offers .col-0 .backup-limit span { width:16.6%; }
#individual-offers .col-1 .backup-limit span { width:16.6%; }
#individual-offers .col-2 .backup-limit span { width:33.3%; }
#individual-offers .col-3 .backup-limit span { width:66.6%; }
#individual-offers .col-4 .backup-limit span { width:100%; }
#individual-offers .col-0 .ip-limit span { width:50%; }
#individual-offers .col-1 .ip-limit span { width:50%; }
#individual-offers .col-2 .ip-limit span { width:50%; }
#individual-offers .col-3 .ip-limit span { width:100%; }
#individual-offers .col-4 .ip-limit span { width:100%; }



/* End VPS VDS Offers 
----------------------------------------------------------------------------------------------------*/

/* Login Form
----------------------------------------------------------------------------------------------------*/
fieldset {
	margin:0 auto;
	padding:0;
}
fieldset p {
	clear:both;
	margin:0 0 7px 0;
	padding:0;
	overflow:hidden;
}
fieldset label {
	display:block;
	width:100%;
}
fieldset input {
	width:190px;
}
fieldset .checkbox-wrap {
	text-align:center;
}
fieldset .checkbox-wrap label {
	display:inline;
	width:auto;
}
fieldset .checkbox-wrap input {
	width:auto;
}
fieldset .submitter-wrap input {
	display:block;
	width:100px;
	margin:0 auto;
}
fieldset p.form-links {
	text-align:center;
	margin:0;
}


/* Customise plan
----------------------------------------------------------------------------------------------------*/
#plan-progress ol {
	height:78px;
	width:100%;
	margin-top:0;
	margin-bottom:20px;
	text-indent:-999em;
}
#plan-progress ol li { 
	height:78px;
	width:230px;
	padding:0; 
	background:url('../images/checkout-steps.png') top left no-repeat;
	float:left;
}
#plan-progress ol li a { display:block; height:78px; width:230px; }
#plan-progress .customise-save { background-position: -230px 0px; }
#plan-progress .login-register { background-position: -460px 0; }
#plan-progress .validate-pay { background-position: -690px 0; }
body#choose-plan .choose-plan { background-position: 0 -78px; }

body#customise-save .choose-plan:hover { background-position: 0 -156px; }

body#customise-save .customise-save { background-position: -230px -78px; }

body#login-register .login-register { background-position: -460px -78px; }

body#validate-pay .validate-pay { background-position: -690px -78px; }

.form-left {
	float:left;
	display:inline;
	width:304px;
	margin-right:5px;
	border-right:1px solid #F5F5F5;
	overflow:hidden;
}
.form-right { 
	float:left;
	display:inline;
	width:304px;
	margin-left:5px;
	overflow:hidden;
}
#customise, fieldset#choose-discount {
	margin:0px auto 20px auto;
	padding:0;
	background:url('../images/shadow-bg.png') top left repeat-y;
}
#customise h2, fieldset#choose-discount h2 {
	margin:0 0 20px 0;
	padding:10px 0 0 10px;
	background:url('../images/shadow-top.png') top left no-repeat;
}
.fieldset-shadow {
	background:url('../images/shadow-bottom.png') bottom left no-repeat;
	padding-bottom:5px;
	overflow:hidden;
}
#customise label, #customise .radio label.radio-head {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#customise p {
	margin-bottom:30px;
}
#customise input, #customise select  { margin-left:10px; }
#customise .radio label, #choose-discount .radio label {
	display:block;
	font-weight:normal;
	font-size:12px;
	border:0;
	padding:2px 0;
	margin:0;
}
#customise .radio input, #choose-discount .radio input { display: inline; width:auto; margin-right:10px; }
.plan-details{
	width:267px;
	margin:20px auto 20px auto;
	background:url('../images/your-plan-body.png') top left repeat-y;
}
.plan-details h3 {
	text-align:center;
	background:url('../images/your-plan-head.png') top left no-repeat;
	margin:0 !important;
	padding:0;
	height:38px;
	line-height:34px;
}
.plan-details ul {
	list-style:none !important;
	padding:5px 0 15px 0 !important;
	margin:0 !important;
	background:url('../images/your-plan-foot.png') bottom left no-repeat;
	line-height:18px;
}
.plan-details li {
	padding:0 20px;
	margin:0 1px;
}
#content .plan-details li span p { padding:7px 0; margin:0 }
.plan-details li.odd {
	background: #e8e8e8;
}
.plan-price { margin-top:15px; }
.plan-price h3 { background:url('../images/your-price-head.png') top left no-repeat; color: #fff !important; margin:0 !important;}
.plan-price ul { font-size:14px; text-align:center }

#choose-discount h2 { margin-bottom:20px; }
#choose-discount label span { font-size:19px; color: #970703; }
#choose-discount label span em { font-size:12px; }
#choose-discount label.selectdiscount-0 span { font-size:12px; }
#choose-discount label.selectdiscount-0 p { display:inline; }
#choose-discount input { float:left; width: 5%; margin:5px 5% 0 0 !important; }
#choose-discount label { float:left; width:90%; margin:0 !important; }

body#customise-save .submitter-wrap { margin:0; }
.large-submit input {
	margin:0 0 0 auto;
	display:block;
	width: 170px;
	height:64px;
	text-indent:-999em;
	border:0;
	cursor:pointer;
	padding:0;
	font-size: 0;
	line-height: 64px;
}
.large-submit input:hover {
	background-position: bottom left !important;
}
.lcontact-submit input {
	display:block;
	width: 94px;
	height:39px;
	text-indent:-999em;
	border:0;
	cursor:pointer;
	padding:0;
	font-size: 0;
	line-height: 39px;
}
.lcontact-submit input:hover {
	background-position: bottom left !important;
}
#customise-save-submit {
	background:url('../images/login-or-register.png') top left no-repeat;
}
#customise-save-submit {
	background:url('../images/login-or-register.png') top left no-repeat;
}
#register-submit {
	background:url('../images/register-btn.png') top left no-repeat;
}
#contact-submit {
	background:url('../images/submit-btn.png') top left no-repeat;
}
#register-submit {
	background:url('../images/confirm-pay.png') top left no-repeat;
}
.feature-description {
	display:block;
	font-weight:normal;
	font-size:11px;
	line-height:17px;
	margin-top:-10px;
	margin-bottom:10px;
}

/* Register Login
----------------------------------------------------------------------------------------------------*/
fieldset#register label {
	margin-bottom:3px;
	margin-top:5px;
}
fieldset#register input {
	width:272px;
	padding:2px;
	position:relative;
}
/* IE7 hack */
*:first-child+html fieldset#register input { left:-10px; } 

fieldset#register .half-left { clear:left; }
fieldset#register .half-left input, fieldset#register .half-right input {
	width:122px;
	left:0 !important;
}
fieldset#register p.half-left, fieldset#register p.half-right {
	display:inline;
	clear:none;
	float:left;
	width:128px;
	margin-top:0;
	padding-top:0;
}
.login-box{
	width:267px;
	margin:20px auto 20px auto;
	background:url('../images/your-plan-body.png') top left repeat-y;
}
.login-box h3 {
	text-align:center;
	background:url('../images/your-plan-head.png') top left no-repeat;
	margin:0 !important;
	padding:0;
	height:38px;
	line-height:34px;
}
.login-box form {
	list-style:none !important;
	padding:10px 20px 15px 20px !important;
	margin:0 !important;
	background:url('../images/your-plan-foot.png') bottom left no-repeat;
	line-height:18px;
}
.login-box input[type=input] {
	width:200px;
	background:#fff;
}
.login-box input[type=submit] {
	background:#fff;
}
.login-box label {
	margin-bottom:3px;
	margin-top:5px;
}
.login-box p { margin: 0; padding:0 }

/* Confirm and pay
----------------------------------------------------------------------------------------------------*/



/* Contact Form
----------------------------------------------------------------------------------------------------*/
fieldset.shortForm input, fieldset.shortForm textarea {
	width:					242px;
	padding:				4px;
	border-radius:			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius:	3px;
}
fieldset.shortForm textarea { height:90px;}
fieldset.shortForm p.radio input {
	float:none;
	width:auto;
}
/* Validate plan
----------------------------------------------------------------------------------------------------*/
.full-greybox h2 {
	background:url('../images/full-shadow-top.png') top left no-repeat;
	padding: 10px 7px 0;
	margin:0 0 0 0 !important;
}
#validate-price {
	width:270px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	display:inline;
}
#validate-price .plan-details {
	float:none;
	margin:30px 0 10px;
}
#validate-price .plan-details li {
	padding-top:7px;
	padding-bottom:7px;
	font-size:12px;
}
#validate-details-wrap {
	float:left;
	width:630px;
	margin-left:10px;
	margin-right:10px;
	margin-top:30px;
	background:url('../images/3q-shadow-bottom.png') bottom left no-repeat;
	padding-bottom:5px;
	margin-bottom:20px;
}
#validate-details {
	overflow:hidden;
	background:url('../images/3q-shadow-bg.png') top left repeat-y;
}
#validate-details h3 {
	margin:0;
	padding:0 10px;
	background:url('../images/3q-header-grey.png') top left no-repeat;
	height:38px;
	line-height:34px;
}
#validate-details dl {
	float:left;
	margin:10px 0;
}
#validate-details dt, #validate-details dd {
	padding: 3px 10px;
	line-height:16px;
	float:left;
}
#validate-details dt {
	width: 150px;
	font-weight:bold;
}
#validate-details dd {
	width:125px;
}

#validate-details dd ul { padding:0; margin:0; }

#tos-box {
	overflow:auto;
	padding:5px;
	margin:20px;
	height:200px;
	background:#fff;
	font-size:11px;
	line-height:16px;
	border:1px solid #e6e6e6;
	position:relative;
}
#tos-box h3 { font-size:15px; }
#tos-box h4 { font-size:13px; }

#pay-submit { background:url('../images/next-pay.png') top left no-repeat; }

.plan-details-final h3 {
	text-align:left;
	margin:20px auto 20px auto;
	padding:0;
	height:38px;
	line-height:34px;
}
.plan-details-final ul {
	list-style:none !important;
	padding:5px 0 15px 0 !important;
	margin:0 !important;
	line-height:18px;
}
.plan-details-final li {
	padding:0 20px;
	margin:0 1px;
}
#content .plan-details li span p { padding:7px 0; margin:0 }
.plan-details li.odd {
	background: #e8e8e8;
}

/* Accounts
----------------------------------------------------------------------------------------------------*/
#shadow-contain {
	margin:0px auto 20px auto;
	padding:0;
	background:url('../images/shadow-bg.png') top left repeat-y;	
}
#shadow-contain h2, #server-info h2 {
	margin:0 0 20px 0;
	padding:10px 0 0 10px;
	background:url('../images/shadow-top.png') top left no-repeat;
}
#vps-details {
	float:right;
	width:220px;
}
#vps-details a { display:block; }
#vps-details dt { width: 40px; float:left; margin-right:10px; font-weight:bold; }
#vps-details dd { width: 160px; float:left; margin-left: 10px; display:inline; }
dl#account-details {
	padding:0;
	margin:0 10px;
	width:380px;
	overflow:hidden;
	line-height:18px; 
}
dl#account-details dt {
	float:left;
	width:160px;
	clear:left;
	padding:6px 0;
	font-weight:bold;
}
dl#account-details dd {
	float:left;
	width:220px;
	padding:6px 0;
}
#asides textarea {
	display:block;
	width:248px;
	margin:0 auto;
	background: #F5F5F5;
	border:1px solid #dbdbdb;
	border-top-color:#c0c0c0;
	border-left-color:#c0c0c0;
	padding:6px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:21px;
	height:120px;
}

/* -------------------------- Server Info --------------------------*/
#server-info .vps-container, .full-greybox {
	margin:0px auto;
	padding:0;
	background: url('../images/full-shadow-bg.png') top left repeat-y;
	overflow:hidden;
	clear:both;
}
#server-info .vps-container-wrap, .full-greybox-wrap {
	background:url('../images/full-shadow-bottom.png') bottom left no-repeat;
	padding-bottom:5px;
	overflow:hidden;
	margin-bottom:10px;
	clear:both;
}
#server-info .vps-container-wrap:last-child { margin-bottom:0; }
#server-info .large-multi-submit {
	margin-bottom:15px;
}
#server-info h2 {
	background: url('../images/full-width-header-grey.png') top left no-repeat;
	height:38px;
	margin-bottom:10px;
	color: #000 !important;
	clear:both;
	line-height:15px;
}
.3col-wrap {
	overflow:hidden;
	width:940px;
}
.first-col-3, .second-col-3, .third-col-3 {
	float:left;
	display:inline;
	width:300px;
	margin-right:20px;
}
.third-col-3 {
	margin-right:0;
}
.first-col-3 p, .second-col-3 p, .third-col-3 p {
	text-align:center;
}
.second-col-3 a { display:block; }
#server-info dl { overflow:hidden; line-height:18px; margin:0 10px; border-right:1px solid #fff; }
#server-info .third-col-3 dl { border-right:0; }
#server-info dt {
	float:left;
	width:179px;
	font-weight:bold;
	padding:6px 0;
}
#server-info dd {
	float:left;
	width:100px;
	padding:6px 0;
}


/* Footer
----------------------------------------------------------------------------------------------------*/
#footer-wrap {
	background:#000 url('../images/footer.gif') top left repeat-x;
	padding-top:2px;
}
#footer {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	font-size:11px;
}
#sitemap {
	float:left;
	width:480px;
	padding:10px 0;
	margin:0;
	overflow:hidden;
}
#sitemap ul {
	float:left;
	width:100px;
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}
#sitemap li {
	padding:0;
	margin:0;
}
#sitemap h4 {
	font-size:12px;
	margin:0;
	padding:0;
	color: #e5e2df;
	font-weight:normal;
}
#sitemap a {
	color: #4e4e4e;
	text-decoration:none;
	display:block;
	width:100px;
}
#sitemap a:hover {
	color: #fff;
}
#copyright {
	float:right;
	display:inline;
	width:440px;
	text-align:right;
	line-height:18px;
	padding-top:10px;
	color: #7a7a7a;
}
#copyright p {
	margin:0;
	padding:0;
}
#boring-necessary-stuff {
	font-size:11px;
	color: #515151;
	line-height:16px;
}






.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 10px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 18px; }
	.boxy-wrapper .title-bar a { color: #929292;}
	.boxy-wrapper .title-bar a:hover { color: #fff; text-decoration:none; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
	
	.done { font-family:Helvetica }

