/* Main Layout Styles */

body {background: #EBEBEB; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
.right {float: right;}
.left {float: left;}
img {border: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
form {margin: 0; padding: 0;}
a {color:#351665; font-weight: bold; }
	a:hover {color: #6c30d3; }

#container {width: 930px; padding: 15px; -moz-border-radius: 13px; -webkit-border-radius: 13px; background: #fff; margin: 10px auto; overflow:auto;}
	#content {width: 930px; overflow:auto;}
	
	#header {width: 930px; height: 100px;}
		.logo {margin: 5px; float: left;}
		ul#toplinks {float: right; color: #999; margin: 0; padding: 0; list-style: none;}
		ul#toplinks li {float: right; margin: 3px 0 0 10px;}
		ul#toplinks a { color: #999; font-weight: normal;}
		ul#toplinks a:hover { color: #666; font-weight: normal;}
		.twitter {float:right; margin-top:40px; clear:right; text-align:right; vertical-align:bottom; }
		
	#nav {padding: 0; width: 910px; background: #008DBC url(./theme-images/bg_nav.png) repeat-x bottom; padding: 9px 0 10px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  color: #fff; height: 12px; margin: 5px 0 15px 0;}
		#nav li {padding-right: 20px; float: left; display: block;}
		#nav a {color: #fff; text-decoration: none; font-weight: normal;}
		#nav a:hover {color: #ae7eff;}
		
		#contactsent { background-color:#CDFFC9;}

		#contactfailed { background-color:#FFD2D2;}
		
		#frm_errorloc {background-color:#FFD2D2;}
		
	#footer {width: 960px; text-align: center; margin: 10px auto; padding-bottom: 15px; clear: both;}
		#footer ul {width: 940px; margin: 0 auto;}
			#footer li{float: left; margin-right: 20px; color:#999; font-weight:700;}
				#footer li a {color: #999;}
					
	#footer2 {width: 960px; text-align: center; margin: 30px auto 30px auto; padding-bottom: 15px; clear: both;}
		#footer2 ul {width: 300px; margin: 0 auto; float:left;}
			#footer2 li{margin-right: 20px; color:#999; font-weight:400;}
				#footer2 li a {color: #999;}
				
/* Homepage Styles */

	#topbox {width: 890px; padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #6c30d3 url(./theme-images/bg_fptopbox.png) repeat-x bottom; overflow: auto; color: #fff;}
		#topbox h4 {color: #fff; font-size: 20px; letter-spacing: -1px; margin: 0; padding: 0 0 5px 0; }
		#topbox input {border: 1px solid #0093C4; padding: 3px 3px; }
		#topbox select {margin-left: 3px;}
		#topbox .btn {padding: 3px 5px; background: #351665; color: #fff; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:absolute; margin-left: 5px; cursor: pointer; width: 60px; font-size: 11px;}
			#topbox .btn:hover {background: #6c30d3; }
		#tbleft {float: left; width: 450px; padding-top: 15px;}
			#tbleft .tld {width: 75px;}
		
		#tbright {font-size: 12px; float: right; width: 400px; border-left: 1px solid #ae7eff; padding-left: 15px;}
			#tbright #boxleft {float: left; width: 225px;}
			#tbright input {width: 145px; margin: 5px 0 0 5px;}
			#tbright p {float: right; margin: 0; padding: 0;}
			#tbright p.link {float: left; margin: 13px 0 0 10px; font-size: 11px; padding: 0;}
			#tbright a {color: #fff; text-decoration: underline;}
	
	ul#promobox {width: 930px; position: relative; float: left; margin-bottom: 15px;}
		ul#promobox p {margin: 0; padding: 0;}
		ul#promobox li {width: 270px; padding: 20px 10px 20px 20px; float: left; background: #8040ce url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; }
			ul#promobox ul {margin: 0 0 10px 0;}
			ul#promobox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px; }
			ul#promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
			ul#promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;}
			ul#promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
			ul#promobox a {background: #351665; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal;}
			ul#promobox a:hover {background: #6c30d3;}
			
		ul#promobox li.one{min-height:210px;}
		ul#promobox li.two{background: #8e5ecb url(./theme-images/bg_promo2.png) repeat-x bottom; min-height:210px;}
		ul#promobox li.three {margin-right: 0; background: #9f7bce url(./theme-images/bg_promo3.png) repeat-x bottom; min-height:210px;}
		
		.buttonbox {margin-top:170px;}
		
		ul#supportbox {/*width: 930px;*/ position: relative; float: left; margin-bottom: 15px;}
		ul#supportbox p {margin: 0; padding: 0;}
		ul#supportbox li {width: 600px; padding: 20px 10px 20px 20px; background: #8040ce url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; float:left; }
			ul#supportbox ul {margin: 0 0 10px 0;}
			ul#supportbox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 180px; }
			ul#supportbox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; margin: 0; padding: 0 0 3px 0;}			
			ul#supportbox a { color: #fff; text-decoration:none; font }
			ul#supportbox a:hover { color:#BBB;}
			
		ul#supportbox li.two{background: #8e5ecb url(./theme-images/bg_promo2.png) repeat-x bottom;}
		ul#supportbox li.three {margin-right: 0; background: #9f7bce url(./theme-images/bg_promo3.png) repeat-x bottom;}
	
	#newsbox {width: 575px; padding: 20px; background: #f7f7f7; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height:330px;}
		#newsbox p {margin: 0; padding: 0;}
		#newsbox h5 {font-size: 25px; letter-spacing: -1px; color: #351665; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 a {font-size: 14px; letter-spacing: -1px; color: #351665; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 {margin-bottom: 2px; padding: 0; line-height: 1;}
		#newsbox li {margin-top: 15px; line-height: 1.5em;}
		#newsbox .rss a{float: right; margin: 3px 8px 0 0; color: #999; font-weight: normal;}
	
	#quotes {width: 260px; padding: 20px; float: right; background: #9f7bce url(./theme-images/bg_promo3.png) repeat-x bottom; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; min-height:330px;}
		#quotes p {margin: 0; padding: 0;}
		#quotes h3 {line-height: 1; letter-spacing: -1px; font-size: 25px; margin: 0; padding: 0;}
		#quotes li {margin-top: 2px; font-size: 15px;}
		#quotes a {float: left; color: #fff; padding: 0; margin-top: 15px;}
		
		#quotes .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px; margin-top:10px;}
		#quotes .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
		
/* Control Panel Styles */	

ul#menu {width: 160px; padding: 15px; margin-right: 15px; background: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;}
	ul#menu li {margin: 0; background: url(./theme-images/bullet_menu.png) no-repeat left center; padding-left: 10px; width: 155px;}
		ul#menu li a {color: #666; font-weight: bold; display: block; padding: 4px 0 4px 5px;}
		ul#menu li a:hover {color: #333; background: #ccc; padding: 4px 0 4px 5px; }
		
ul#cp {width: 710px;}
	ul#cp li a{width: 135px; height: 105px; background: url(./theme-images/bg_cp.png) no-repeat; text-align: center; float: left; margin: 0 7px 20px 0; font-size: 11px; font-weight: bold; display: block; color: #666; text-decoration: none; border: none;}
	ul#cp li {display: inline; }
	ul#cp li.end {margin-right: 0; }
	ul#cp li a:hover {color: #999;}
		ul#cp img {margin: 7px auto 3px auto;}
		
#cpsml {width: 710px; overflow: auto;}
#cpsml ul#cp {width: 680px;}
		
.bad-input {color: red; background: yellow}
.contact-1 {float: left}
table.price-and-description {border: 1px solid #888; width: 95%}
table.price-and-description td {border: 1px solid #888; padding: 5px;background: #f6f6f6}
.error {color: red}
table.basket {width: 100%; border-collapse: collapse; border: 1px solid #ccc; border-spacing: 2;}
	
table.basket thead th {
	background: #444;
	color: white;
}
table.basket tbody td,
table.basket tbody th,
table.basket tfoot th,
table.basket tfoot td {
	background: #eee;
	color: black;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

table.basket tfoot th,
table.basket tbody th {
	text-align: left;
}

table.basket tbody td:first-child {
	text-align: left;
}
td.unit_price_left {
	border-width: 1px 0px 1px 1px;
}
td.unit_price_mid {
	border-width: 1px 0px 1px 0px;
}
td.unit_price_right {
	border-width: 1px 1px 1px 0px;
	text-align: right;
}

.contact-1 table th {
	text-align: left;
}
a:link img#check-cookie { border: none; }
a:visited img#check-cookie { border: none; }
a:hover img#check-cookie { border: none; }
.bottom-links span {font-size: smaller;}
.left-th th {text-align: left;}
input[type="text"]{width: 200px; border: 1px solid #ccc; padding: 3px;}
select {width: 200px;}
.normal-input-width input[type="text"],
.normal-input-width select {width: auto;}
.dac-results-table {width: 100%; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 2;}
.dac-results-table td, th {padding: 5px;}

#t-basket h1, #t-customise-contact h1, #t-payment-options h1, #t-result-abort h1, #t-result-cheque h1, #t-result-complete h1, #t-result-declined h1, #t-result-invoice h1, #t-result-pending h1, #t-dedicated-servers h1, #t-support-database h1, #t-your-account h1, #t-your-account h1, #t-your-account h1, #t-your-account h1, #t-services-add-ons h1, #t-services-ds h1, #t-services-domains h1, #t-services-hosting h1, #t-services h1, #t-renew h1, #t-contact-support h1, #t-package-chooser h1, #t-dac h1, #t-add-ons h1, #t-register h1, #t-cookie-help h1, #t-noprefs h1, #t-remind-password h1, #t-support-database h1 { color:#351665; }
.purpleh1 { color:#351665; }
.basket .item-name {text-align: left; padding: 5px;}
.basket tbody th {text-align: left;}
.basket tfoot th {text-align: left;}

/* This is just to make MSIE more sane */
h1 {margin: 0; padding: 5px 0 10px 0; font-size: 24px; font-weight: bold; }
h4 {font-size: 100%;}

/* Kinect added styles */
.popup{	width: 700px; height: 650px; display:none; background-color:#FFF; z-index:999; position:absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#444; padding:15px; }

#popupbutton a{background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal;}
#popupbutton a:hover {background: #005773;}

.imageright {
	float:right;
	display:block;
}

.blockScreen {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200%;
    z-index: 20;
    display: none;
    background-color: #000;
    filter: alpha(opacity = 55);
    opacity:.55;
}

.tbl_compare{
	overflow:scroll;
	overflow-x:hidden;
	max-height:380px;
	border:thin #6c30d3 ridge;
}

.small {
	font-size:9px;
}
.smallPrice {
	font-size:11px;
	letter-spacing:1px;
}

.addeditbuttons { list-style:none; }
.addeditbuttons li { float:left; }
.addeditbuttons li a { background: url(theme-images/plus_buttonimage.png) no-repeat #351665; color: #fff; float: left; margin: 0 10px 0 0; padding: 5px 10px 5px 25px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; }
.addeditbuttons li a:hover { background: url(theme-images/plus_buttonimage.png) no-repeat  #6c30d3; }

.otherbutton p {background: url(theme-images/plus_buttonimage.png) no-repeat #351665; color: #fff; margin: 0 10px 0 0; padding: 5px 10px 5px 25px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: normal; }
.otherbutton p:hover { background: url(theme-images/plus_buttonimage.png) no-repeat  #6c30d3; }

.boxes {padding: 20px 10px 20px 20px; float: left; background: #8040ce url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; width:190px; }
.boxes h3, .boxes h2 {margin: 0 0 5px 0 !important;}
.boxes input[type="text"]{width: 80px; border: 1px solid #444; padding: 3px;}
.boxes select {width: 80px;}
.boxes a { color:#FFF; }
.boxes a:hover { color:#AAA; }
.host { height:150px;}
.addons { height:150px;}

.tableboxes { background: #8040ce url(./theme-images/bg_promo1.png) repeat-x bottom; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; }
.tableboxes h3 {margin: 0 0 5px 0 !important;}

.addbutton_clear { clear:both; padding-top:10px; }

.breaker {margin-bottom:10px;}