body {background: #FFF; margin:0; padding:0; font: .75em Arial,sans-serif; }
.container {width:978px; margin-left:auto; margin-right:auto; height:auto;}
.whitespace {width:100%; height:auto; float:left; background:#FFF;}
a {outline:none; color: #336699; text-decoration:none;}
a:hover {text-decoration:underline; color:#333;}
h1, h4 {font-size:1.1em;}
h2 {display:block; background:#336699; color:#FFF; height:30px; line-height:30px; padding:0 10px; font-size:1.2em; margin:2px 0; clear: both;}
h3 {display:block; clear:both; border-bottom:1px solid #333; color:#333; margin:12px 0; padding: 3px 0;}
ul li {color:#333; margin:0; padding:0;}
ul,ol {padding:0;}
ol li {padding:3px 0;}
img {border:0;}
img#left {float:left; padding:0 10px 20px 0;}
.row {clear:both;}
p {clear:both; color:#333;}


/*logobar*/
#header {height:127px; width:100%; background: #FFF url(/images/bodybkg.png) repeat-x; background-position: top; float:left; }
#header p {float:right; font-size:3em;  color:#aaa;padding:37px 0 0 0; margin:0;}
#header p em {color:#336699; font-style:normal;}
#header span {height:28px; line-height:14px; float:right; clear:both; color:#ccc; display:block; padding-left:55px; background: url(/images/uk.png) no-repeat; text-align:right;}
#header span a {color:#336699;}
/*#logo a {width:186px; height:127px; display:block; background: url(/images/logo.png) no-repeat;}*/
#logo a {width:140px; height:75px; display:block; background: url(/images/logo.png) no-repeat;}

/*menubar*/
#menubar {width:978px; height:43px; background: #FFF url(/images/menubar.png) repeat-x; float:left; margin-bottom:10px;}
#home a, #home_button a {width:84px; float:left; background: #FFF url(/images/home_button.png) no-repeat; color:#fff; display:block; text-align:center; text-decoration:none;height:43px; line-height:31px;}
#home a {color:#333; background: #FFF url(/images/home.png) no-repeat;}
.personal a, .personal_button a {width:178px; float:left; background: #FFF url(/images/personal_button.png) no-repeat; color:#fff; display:block; text-align:center; text-decoration:none;height:43px; line-height:31px;}
.personal a {color:#333; background: #FFF url(/images/personal.png) no-repeat;}
.support a, .support_button a {width:141px; float:left; background: #FFF url(/images/support_button.png) no-repeat; color:#fff; display:block; text-align:center; text-decoration:none;height:43px; line-height:31px;}
.support a {color:#333; background: #FFF url(/images/support.png) no-repeat;}
#account a, #account_button a {width:256px; float:left; background: #FFF url(/images/account_button.png) no-repeat; color:#fff; display:block; text-align:center; text-decoration:none;height:43px; line-height:31px;}
#account a {color:#333; background: #FFF url(/images/account.png) no-repeat;}

/*front page*/
#banner {width:690px; height:178px; background: url(/images/banner2.png) no-repeat; float:left;}
#banner a {width:690px; height:247px; display:block; text-decoration:none;}
#cobalt, #oxygen {width:690px; height:218px; background: url(/images/cobalt.png) no-repeat; float:left;}
#oxygen {width:690px; height:218px; background: url(/images/oxygen.png) no-repeat; float:left;}
#fast, #secure, #support, #dedicated, #business, #vps, #spam {width:212px; height:auto; float:left; background: url(/images/fast.png) no-repeat; padding:50px 0 0 5px; margin:0 19px 0 0;}
#secure {background: url(/images/secure.png) no-repeat;}
#support {background: url(/images/supporting.png) no-repeat;}
#dedicated {background: url(/images/dedicated.png) no-repeat;}
#vps {background: url(/images/vps.png) no-repeat;}
#spam {width:690px; background: url(/images/anti-spam.png) no-repeat; padding:25px 0 0 5px; clear:both; }
#business {background: url(/images/business.png) no-repeat;}
#fast p, #secure p, #support p, #dedicated p, #vps p, #business p, #spam p {background: url(/images/frontpagecornerimage.png) no-repeat; background-position: right bottom; padding:0 10px 30px 0;}
#fast p a, #secure p a, #support p a, #dedicated p a, #vps p a, #business p a, #spam p a {display:block;padding:4px 0 0 0; font-size:1.2em; clear:both;}


/*personal*/
.seperate, .seperatecolumn {width:153px; height:auto; float:left; text-align:center; margin-bottom:10px; font-size:1.1em;}
.seperatecolumn {width: 219px;text-align:left; }
.seperate div, .seperatecolumn div {height:17px; line-height:17px; width:137px; margin:2px; border:1px solid #e7e7e7; padding:5px;}
.seperatecolumn div {width:203px;background-color: #F6F6F6;}
.seperate div.purchase {padding:0; width:147px; border-top: 2px solid #ddd;border-bottom: 2px solid #ddd; height:25px;}
.seperate div.purchase a {width:100%;height:25px; display:block; font-size:1.4em; color:#336699; text-decoration:none; line-height:25px;}
.seperate div.purchase a:hover {background:#F7F7F7;}
.seperate span {font-size:1.3em;}


/*rightbar*/
#rightbar {width:261px; height:auto; float:right; background: #FFF; color:#555;}
#rightbar a {color:#336699; text-decoration:none; font-size:1.1em; letter-spacing:1px;}
#rightbartop, #rightbarbottom {width:261px; height:19px; background: url(/images/rightbartop.png) no-repeat; float:left;}
#rightbarbottom {background: url(/images/rightbarbottom.png) no-repeat; height:20px;}
#rightbarbody {width:241px; height:auto; float:right; background: #FFF; background: url(/images/rightbar.png) repeat-y; padding: 0 10px;}
#configuration {width:261px; height:56px; float:left;}
#configuration a, #configuration a:hover {width:261px; height:56px; display:block; background: url(/images/configuration.png) no-repeat;}
#configuration a:hover {background: url(/images/configure_on.png) no-repeat;}
#worldpay {width:261px; height:75px; float:left; background: url(/images/worldpay.png) no-repeat;}

/*left*/
.left {width:978px; float:left; background:#FFF;}
.left span p {display:block; background:#336699; color:#FFF; height:auto; line-height:30px; padding:0 10px; }
.left span a {color:#FFF; text-decoration:underline;}

/*footer*/
#footer {height:auto; width:100%; background: #f5f5f5 url(/images/footerbkg2.png) no-repeat; background-position: top center; float:left;  padding: 75px 0 10% 0;}

{color:#666; font-size:0.9em;}
#footerleft {width: 409px; height:auto; float:left; padding-right:30px;}
.footermodule {width:25%; height: auto; float:left;}
#footer h1 {color:#666; font-size:1.05em; text-decoration: underline;}
#footer p, .footermodule p {color:#333; font-size:0.9em; padding-right: 10px;}
#footer ul, li {list-style:none; margin:0; padding:0;}
#footer li a {display:block; width: 100%; text-decoration:none;}
#footer li a:hover {text-decoration:underline; color:#333;}
#rss a {width:29px; height:28px; background: url(/images/rss.png) no-repeat; display:block; float:left;}
#footertwitter a {width:96px; height:28px; background: url(/images/footertwitter.png) no-repeat; display:block; float:left;}
#copyright {clear:both; width:978px; text-align:right; padding:25px 0; line-height:20px; height:40px; color:#444;}
#copyright a {color:#336699;} 
#copyright a:hover {text-decoration:underline; color:#666;}

/*Form*/
form {width:100%; float:left;}
label, label.subscribe {display:block; width:150px; float: left;}
label.subscribe {width:100%; padding:0 0 20px 0;}
ol li div {display:none; width:333px; float:right; height:54px;}
ol li:hover div2 {display:block; background: url(/images/hover.png) no-repeat; display:block;}
input {border: 1px solid #336699; padding:4px; color: #333;}
legend, fieldset {border:0;}
form h1 {clear:both; padding: 20px 0 0 0;}
form li {margin:2px 0;}
.display {float:left; width: 380px;}
input[type=radio] {border:0;}
ol li button {clear:both;}



/*FAQ*/
#faq {width:690px; float:left;}
#faq a {display:block; width:680px; height:27px; line-height:27px; font-size:1.2em; color:#336699; text-decoration:none; padding-left:10px;border-bottom: 2px dashed #cccccc; padding-top:0;}
#faq a:hover {text-decoration:underline;}
#faq ul {list-style:none; padding:0;}
#faq li a {font-size:1.1em;  color:#336699;border-bottom:1px solid #ccc; color:#666;}
.toggle {height:37px; color:#333; font-size:12px;}

/*cart*/
.cartleft, .cartright, .carttitleleft, .carttitleright, .cartletfpurchase {width:466px; height:25px; line-height:25px; float:left; color: #333; padding: 0 8px;margin: 0 0 3px 0; background:#F3F3F3;}
.cartright, .carttitleright, .cartrightpurchase {width:189px; margin-left:3px;}
.carttitleright, .carttitleleft {color:#336699; height:35px; line-height:35px; background:#DDD; font-size:1.3em;}
#renew button.bigrenewbutton, #renew_domains button.bigrenewbutton, #renew_everything button.bigrenewbutton {float:left; width:198px; height:260px; display:block; border: 0; margin:0 15px; background: none; padding: 0; margin: 0;}



.error{background: #EFD1D1;}
.mobile{background: #FFCFCF;}
#mobile{padding: 1px 5px; background: #336699; color:#FFF;}
#mobile a {color:#FFF; text-decoration:underline;}
.cartleftpurchase {clear:both; width:100%; font-size:1.5em; text-align:center;}
.cartrightpurchase {width:100%;}
.cartrightpurchase input {float:right;}


/*Features*/
a.features {font-size:1.2em; height:30px; line-height:30px; border-bottom:2px solid #FFF; display:block; width:680px; color:#336699; padding-left:10px; text-decoration:none;border-bottom: 2px dashed #cccccc;}
p.description {border-bottom:1px solid #FFF; background:#FFF;}
a.features:hover {background:#F7F7F7; text-decoration:underline;}
#configure a{float:right; width:198px; height:260px; display:block; background: url(/images/configure.png) no-repeat; border: 0;}
.left ul {padding-left:10px;}

div#features ul { width:305px; color:#336699; padding:0 20px; border:0; font-size: 1.6em; display:block; float:left; padding-bottom:7px; margin:0;}
div#features ul li ul {padding:0 5px 0 15px;width:265px; margin:2px 0;}
div#features ul li ul li {list-style:circle; color:#333; font-size:0.4em; margin:0; padding:0;}
div#features ul li a {text-decoration:underline; width:100%; display:block; height:35px; line-height:35px;}
div#features ul li a:hover {text-decoration:none;}




/*Domains Price List*/
#domainsprice {float:right; width:290px; margin:10px 0 0 10px; height:auto; background:#FFF;}
#domainsprice h1 {margin:0;}
.priceleft, .priceright {width:178px; height:35px; line-height:35px; float:left; color: #414141; padding: 0 8px;margin: 0 0 3px 0;background:#f5f5f5;margin:2px 0;}
.priceright {width:78px;float:right;}

h1{
	clear: both;
}

/*tools*/
#adminrenewals {float:left; height:auto;}
.primary, .secondary {width:250px; float:left; height:23px; line-height:23px;font-size:1.2em; color:#555;}
.secondary {width:89px;}

.primary a {width:240px; display:block; height:23px; line-height:23px; padding-left:10px; color:#555; text-decoration:none;}
.primary a:hover {background:#F1F1F1;}

#leastcost{
	background: url(/images/compareprices.png) no-repeat left 10px;
}
/*Tell Someone Link*/
a.tell {text-align:center; font-size:1.3em; display:block; width:100%; height:35px; line-height:35px; border-top: 1px dashed #999;}
a.tell:hover {background-color:#F9F9F9; text-decoration:none; color:#336699;}

/*spammers*/
table {width:100%; padding:0; margin:0;}
table tr.alt {background-color:#F6F6F6;}
table tr, table tr.alt {height:27px; line-height:27px;}
table tr td {margin:0; padding:0; font-size:1.0em;}
table tr:hover {background-color: #F2F2F2; cursor: pointer;}
table thead {background-color:#F2F2F2; height:35px; line-height:35px; font-size:1.2em; border-bottom:1px solid #333;}
td.halfway, p.admin {border-left:4px solid #cc6600; padding-left:3px;}
tr.mailReleased td, p.released {text-decoration: line-through; color:#999999;}
p.released { border-left: 3px solid white; padding-left:3px;}


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/*Alans new site*/

.advert, .heading {float:left; width:316px; height:auto; padding:right:10px; text-align:center; font-size:2em; color:#333;}
.advert span, .heading span {color:#336699;}
.advert p {text-align:left; font-size:0.65em; padding:5px 5px 5px 20px; line-height:1.3em;}
.advert a {font-size:1.25em;}
.heading {width:100%; text-align:left; border-bottom:1px solid #bbb; padding-bottom:2px; margin:9px 0;}
ol img {float:right; padding:10px;}
img {float:left;}


/*pdf links*/
.pdf {height:60px; padding-left:65px; background: url(/images/pdf.png) no-repeat; background-position: top left; display:block; line-height:19px; padding-top:10px; width:auto; font-size:1.1em;}

/*imported*/
#pagenavigation{
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
	
#pagenavigation li {
	padding: 0;
	margin: 0;
	display: inline;
}

#pagenavigation li a {
	display: block;
	float: left;
	padding: 5px 5px;
	border: 1px solid #136ea0;
	background-color: #136ea0;
	margin: 0 3px;
	color: #fff;
	text-decoration: none;
	
}

#pagenavigation li.active, #pagenavigation li.nolink, #pagenavigation li.pageof	{
	display: block;
	float: left;
	padding: 5px 5px;
	border: 1px solid #136ea0;
	background-color: #fff;
	margin: 0 3px;
	color: #136ea0;
	text-decoration: none;
	
}

#pagenavigation li a:hover{
	background-color: #fff;
	border: 1px solid #136ea0;
	color: #136ea0;
	text-decoration: none;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.divide {float:left; width: 479px; margin-right:10px;}
.divide h2 {background:none; color:#336699; border-bottom:1px solid #333; margin-bottom:15px;}
.divide p {clear:none; font-size:1.2em; color:#666; line-spacing:11px;}
.divide img {float:left;}

div#controlfilters {float:left; width:49%;}
div#key {float:right; width:49%;height:auto;}