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: #4a8359; text-decoration:none;}
a:hover {text-decoration:underline; color:#333;}
h1, h4 {font-size:1.1em;}
h2 {display:block; background:#4a8359; color:#FFF; height:30px; line-height:30px; padding:0 10px; font-size:1.2em; margin:2px 0; clear: both;}
ul li {color:#333; margin:0; padding:0;}
ul,ol {padding:0;}
ol li {padding:3px 0; clear:both;}
img {border:0;}
img#left {float:left; padding:0 10px 20px 0;}
.row {clear:both;}


/*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;}

/*menubar*/
#menubar {width:978px; height:43px; background: #FFF url(/images/menubar.png) repeat-x; float:left; margin-bottom:10px;}
#home a, body.index #home 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, body.personal-web-hosting .personal a, .managed a, body.business .managed a, body.does-server-location-matter .managed a, body.external-email-hosting .managed a, body.managedfeatures .managed a, body.serverconfig .managed a, body.dedicated .managed a, body.vps .managed a, body.managed-web-hosting .managed a, body.features .personal a, body.configure .personal 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, .managed a {color:#333; background: #FFF url(/images/personal.png) no-repeat;}

.support_button a, .support a, body.faq .support a, 
#menubar .domains a, body.domains #menubar .domains a, body.check_domain #menubar .domains a, body.seo_view_faq #menubar .support 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, #menubar .domains a {color:#333; background: #FFF url(/images/support.png) no-repeat;}

#account a, body.secure #account a, body.login #account a, body.securepayment #account a, body.ordersummary #account 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:220px; 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:#4a8359; 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:#4a8359; 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:690px; float:left; background:#FFF;}
.left span p {display:block; background:#4a8359; 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;}
#footer a {color:#666; font-size:0.9em;}
#footerleft {width: 409px; height:auto; float:left; padding-right:30px;}
.footermodule {width:24%; 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:#4a8359;} 
#copyright a:hover {text-decoration:underline; color:#666;}

/*Form*/
label {display:block; width:400px; float: left; clear:both;}
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 #4a8359; 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;}



/*FAQ*/
#faq {width:690px; float:left;}
#faq a {display:block; width:680px; height:27px; line-height:27px; font-size:1.2em; color:#4a8359; 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:#4a8359;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:#4a8359; 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: #4a8359; 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:#4a8359; 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 {border-left:3px solid #4a8359; 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 thead {background-color:#F2F2F2; height:35px; line-height:35px; font-size:1.2em; border-bottom:1px solid #333;}


#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:200px; height:auto; padding:right:10px; text-align:left; font-size:2em; color:#333; }
.advert span, .heading span {color:#006738; }
.advert {padding-left:20px;}
.advert p {text-align:left; font-size:0.55em; padding:0; line-height:1.3em;}
.advert p span {font-size:1.7em; color:#336699;}
.advert a {font-size:1.25em; padding-top:5px; display:block;}
.heading {width:100%; text-align:left; border-bottom:1px solid #bbb; padding-bottom:2px; margin:9px 0;}
.heading h1 {font-weight:normal; padding:0; margin:0;}
ol img {float:right; padding:10px;}
.alt {font-size:1.4em;}
.alt span {color:#336699;font-size:1em;}
.alt p span {color:#006738; }
.alt p a {color:#336699;font-size:1.1em;}
.alt p {color:#444; font-size:0.7em;}


/*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;}

ol.ssl {float:right; width:170px; border:1px solid #006738; padding:0px; margin:0 10px; }
ol.ssl h1 {padding:0; margin:0; background:#006738; color:#FFF; padding:5px 10px; font-size:1.2em;}
ol.ssl li {padding:5px 10px;}
ol.ssl span {color:#336699; font-size:1.1em;}
.divide {border-bottom: 2px solid #e5e5e5; padding-bottom:35px; margin-bottom:35px;}

/* worldpay */
table.bannercontainer{
	float:left;	
}