﻿/* Main Layout Styles */

html, body {
height: 95%;
}

/* Remove the above is it causes height issues */

body {
	background: #c4e5f8; 
	background-image: url('http://www.impressioninternet.co.uk/theme-images/bg-main-blue.gif'); 
	background-repeat: repeat-x; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #666; 
	margin: 0;
	padding: 0;
	height: auto; min-height: 100%;
}

.spacer {
	clear:both; margin: 0; padding: 15px 0 0 0;
}

#featurebox {
	width: 350px;
	margin: 5px 0 0 0; 
	padding: 0px;
	float: right;
	clear: both;
}

#featurebox2 {
	width: 400px;
	margin: 5px 0 0 0; 
	padding: 0px;
	float: right;
	clear: both;
}

.featurepadding {
	padding: 8px;
}

#screenshotbox {
	width: 540px;
	float: left;
	margin: 10px auto 0 auto;
	text-align: center;
}

.imageborder {
	background-color: #fff;
	padding: 3px;
	border: 1px #aaa solid;
}

.imageborder2 {
	background-color: #fff;
	padding: 3px;
	border: 1px #fff solid;
}

.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:#0088B5; font-weight: bold; }
	a:hover {color: #e1275f; }
	
h1 {
	color: #e1275f;
}

h2 {
	color: #e1275f;
}


h3 {
	color: #0079a1;
	font-size: 18px;
}

.bigger {
	color: #0079a1;
	font-size: 20px;
}

h4 {
	color: #0079a1;
	font-size: 15px;
	margin: 0; padding: 0;
}

.question {
	color: #e1275f;
	font-size: 16px;
}

.answer {
	padding-bottom: 10px;
}

.pink {
	color: #e1275f;
}

.blue {
	color: #0079a1;
}

	.style1 {
		font-size: 17px;
		height: 25px;
		margin: 5px 0 -5px 0 ;
	}

#container {height: 100%; width: 930px; padding: 15px 15px 15px 15px;  -moz-border-radius: 13px; -webkit-border-radius: 13px;  -khtml-border-radius:13px; background: #fff; margin: 20px auto; overflow: auto;}
	#content {height: 100%; width: 930px; overflow: auto;}
	
	#header {width: 930px; height: 65px;}
		.logo {margin: 10px 0 0 5px; float: left;}
		#buttonsright {width: 420px; float: right; margin: 5px 0 0 0;}
		ul#toplinks {float: right; color: #999; margin: 0; padding: 0; list-style: none;}
		ul#toplinks li {float: right; margin: 8px 0 0 10px;}
		ul#toplinks a { color: #999; font-weight: bold; font-size: 13px;}
		ul#toplinks a:hover { color: #666; font-weight: bold; font-size: 13px;}
		
	#nav {font-size: 14px; padding: 0; width: 910px; background: #008DBC url(./theme-images/bg_nav.png) repeat-x bottom; padding: 9px 0 13px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; height: 12px; margin: 15px 0;}
		#nav li {padding-right: 25px; float: left; display: block;}
		#nav a {color: #fff; text-decoration: none; font-weight: bold;}
		#nav a:hover {color: #33CCFF;}
		
	#footer {width: 960px; text-align: center; margin: 10px auto 15px auto; padding-bottom: 15px; clear: both;}
		#footer ul {width: 100%; margin: 0 auto;}
			#footer li{float: left; margin-right: 20px;}
				#footer li a {color: #999;}

	#footercontainer {width: 100%; clear: both;}

	.footertextleft {
		font-size: 12px;
		margin: 14px 0 0 0; 
		padding: 0px;
		color: #777;
				clear: right;

		float: left;
	}		
	
	.footertextright {
		font-size: 12px;
		margin: 14px 0 0 0; 
		padding: 0px;
		color: #777;
		float: right;

}	
		
				
/* Homepage Styles */

	#topbox {width: 890px; padding: 20px; -moz-border-radius: 10px;  -webkit-border-radius: 10px;background: #9b9b9b url(./theme-images/bg-mascot-grey.jpg) no-repeat 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 #555; padding: 3px 3px; }
		#topbox select {margin-left: 3px;}
		#topbox .btn {padding: 3px 5px; background: #555 url('./theme-images/bg-button-grey.gif') repeat-x; ; color: #fff; border: 1px #111 solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:absolute; margin-left: 5px; cursor: pointer; width: 60px; font-size: 13px; font-weight:bold;}
			#topbox .btn:hover {background: #d01d53; }

		#topbox .btn2 {padding: 3px 5px; background: #555 url('./theme-images/bg-button-grey.gif') repeat-x; ; color: #fff; border: 1px #111 solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:absolute; margin-left: 5px; cursor: pointer; width: 122px; font-size: 13px; font-weight:bold;}
			#topbox .btn2:hover {background: #d01d53; }
			
		#tbleft {float: left; width: 450px; padding-top: 0px; margin-left: 4px;}
			#tbleft .tld {width: 75px;}
		
		#tbright {font-size: 12px; float: right; width: 400px; border-left: 0px solid #aaa; padding-left: 35px;}
			#tbright #boxleft {float: left; width: 225px; margin-top: -2px;}
			#tbright input {width: 145px; margin: 5px 0 0 5px;}
			#tbright p {float: right; margin: 0; padding: 0; font-weight:bold; font-size: 12px;}
			#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: #00688a url(./theme-images/promo-hosting-icon.gif) 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; font-weight: bold; font-size: 14px;}
			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: #ab1442 url('./theme-images/bg-button-purple.gif') repeat-x; border: 1px #98143c solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}
			ul#promobox a:hover {background: #ec2b66;}
			
		ul#promobox li.two{background: #bc204e url(./theme-images/promo-domains-purple-icon.gif) repeat-x bottom;}
		ul#promobox li.three {margin-right: 0; background: #00688a url(./theme-images/promo-addons-icon.gif) repeat-x bottom;}

ul#promobox a.domainbutton:link {background: #008dbc url('./theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}
ul#promobox a.domainbutton:visited {background: #008dbc url('./theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}
ul#promobox a.domainbutton:hover {background: #409bdf; color: #fff; text-decoration: none; font-weight: bold; }
ul#promobox a.domainbutton:active {background: #008dbc url('./theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}

a.ordernow:link {background: #008dbc url('http://www.impressioninternet.co.uk/theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}
a.ordernow:visited {background: #008dbc url('http://www.impressioninternet.co.uk/theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}
a.ordernow:hover {background: #409bdf; color: #fff; text-decoration: none; font-weight: bold; }
a.ordernow:active {background: #008dbc url('http://www.impressioninternet.co.uk/theme-images/bg-button-blue.gif') repeat-x; border: 1px #104872 solid; color: #fff; float: left; margin: 15px 10px 0 10px; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px;  -webkit-border-radius: 5px; font-weight: bold; font-size: 13px;}

		
	#newsbox {width: 575px; padding: 20px; background: #efefef; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
		#newsbox p {margin: 0; padding: 0;}
		#newsbox h5 {font-size: 25px; letter-spacing: -1px; color: #dc2059; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 a {font-size: 16px; letter-spacing: -1px; color: #006C91; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 a:hover {font-size: 16px; letter-spacing: -1px; color: #e1275f; 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: #888; font-weight: normal;}
	
	#quotes {width: 260px; padding: 20px; float: right; background: #868686 url(./theme-images/bg-testimonials.gif) top; -moz-border-radius: 10px;  -webkit-border-radius: 10px;color: #fff;}
		#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: 17px; font-size: 17px; font-weight: bold; letter-spacing: -1px;}
		#quotes a {float: left; color: #fff; padding: 0; margin-top: 15px;}
		
/* 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;}
		
.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-image: url('http://www.impressioninternet.co.uk/theme-images/bg-button-purple.gif'); 
	background-repeat: repeat-x; 
	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;
}


.tablecontainer {
	border: 1px #000 solid;
	padding: 2px;
}

table.hosting thead th {
	height: 24px;
	background-repeat: repeat-x; 
	color: white;
	font-size: 15px;
}

table.hostingalt thead th {
	background-image: url('http://www.impressioninternet.co.uk/theme-images/bg-button-blue.gif'); 
	background-repeat: repeat-x; 
	color: white;
	font-size: 15px;
}

table.hosting tbody td,
table.hosting tbody th,
table.hosting tfoot th,
table.hosting tfoot td {
	background: #efefef;
	color: black;
	border: 1px solid #fff;

	text-align: center;
	padding: 5px;
	font-size: 14px;
	height: 25px;

}

table.hostingalt tbody td,
table.hostingalt tbody th,
table.hostingalt tfoot th,
table.hostingalt tfoot td {
	background: #efefef;
	color: black;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align: center;
	padding: 5px;
	font-size: 13px;
	height: 25px;

}


.whitebg {
		background: #fff;
}

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

.dac-results-table thead {
	background-image: url('http://www.impressioninternet.co.uk/theme-images/bg-button-purple.gif'); 
	background-repeat: repeat-x; 
	color: white;
}

.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: 0; font-size: 24px; letter-spacing: -1px; font-weight: bold; }
h4 {font-size: 100%;}

.box {
	background-color: #f5f5f5;
	border: 1px #ddd solid;
	margin: 15px;
	padding: 10px;
	width: 44%;
	float: left;
	 -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.boxaddons {
	background-color: #f5f5f5;
	border: 1px #ddd solid;
	margin: 15px;
	padding: 10px;
	 -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.boxh3 {
	font-size: 15px; margin: 0; padding: 0;
}

#cpbar {
	font-size: 14px; font-weight: bold; padding: 0; width: 910px; background: #333 url(http://www.impressioninternet.co.uk/theme-images/cpnav.gif) repeat-x bottom; padding: 9px 0 13px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; height: 12px; margin: 15px 0;
}
		#cpbar li {padding-right: 27px; float: left; display: block;}
		#cpbar a {color: #fff; text-decoration: none; font-weight: bold;}
		#cpbar a:hover {color: #ddd;}

/* Blog */

ul#menublog {width: 160px; padding: 15px; margin-right: 15px; background: #f4f4f4; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;}
		ul#menublog li a {color: #666; font-weight: bold; padding: 1px 0 1px 0}
		ul#menublog li a:hover {color: #e7275f; padding: 1px 0 1px 0}

.post {
	float: right;
	width: 710px;
}

.split {
	border-bottom: 1px #ccc solid;
	margin: 20px 0 10px 0;
}

.navigationblog {
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	clear: right;
	width: 710px;
	float: right;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	
	/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

/* Domain Names */

#domainsearchboxblue {
	background-image: url('theme-images/domainsearchbgstar.jpg');
	background-repeat:no-repeat;
	height: 67px;
	width: 330px;
	padding: auto;
	text-align: center;
}

#domainframe {
	padding: 21px 0 21px 45px;
}

.domainfeatures {
	margin-top: 15px;
	margin-left: 10px;
}

.domainfeatures img {
	margin-top: 5px;
}

#priceright {
	float: right;
	width: 550px;
}

.addon {
	padding: 10px;
	border: 1px #ddd solid;
	background-color: #f5f5f5;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    margin-bottom: 20px;
}

.addonimage {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.addontext {
	margin-bottom: 0px;
}

.testimonial {
	padding: 0 10px;
	border: 1px #ddd solid;
	background-color: #f5f5f5;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    margin-bottom: 20px;
}

.testimonial image {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.testimonial text {
	margin-bottom: 0px;
}

.portfolioframeleft {
	border: 1px #bbb solid;
	/* background: #fff url('images/bg-portfolio.gif') repeat-x; */
	background-color: #f3f4f8;
	width: 290px;
	float: left;
	margin-bottom: 20px;
}

.portfolioframeright {
	border: 1px #aaa solid;
	/* background: #fff url('images/bg-portfolio.gif') repeat-x; */
	background-color: #f3f4f8;
	width: 290px;
	float: right;
	margin-bottom: 20px;
}


.portfolioframeNOIMAGE {
	border: 1px #bbb solid;
	/* background: #fff url('images/bg-portfolio.gif') repeat-x; */
	background-color: #f3f4f8;
	width: 286px;
	float: left;
	margin: 0 14px 16px 0px;
}

.portfolioframetop3 {
	background-color: #f3f4f8;
	width: 287px;
	height: 272px;
	float: left;
	margin: 5px 15px 15px 0px;
	text-decoration:none;
}

.portfolioframe {
	background-color: #f3f4f8;
	background-image: url('images/bg-gradient.gif');
	width: 287px;
	height: 272px;
	float: left;
	margin: 0 15px 15px 0px;
}

.portfolioarea {
	text-decoration: none;
	cursor: pointer;
	padding: 5px; border: 1px #444 solid;
}

.galleryframe {
	border: 1px #777 solid;
	margin: 5px 0px 10px 25px;
	text-align: center;
	padding: 4px;
	background-color: #f5f5f5;
}

.weblinks {
	text-align:center; color: #888;
	margin-bottom: 20px;
}