/* CSS Document */
body {
	background: #ffffff;
	font-family: Verdana, Tahoma, Arial,  Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 10px; 
}
a:link { 
	color: #0000ff; text-decoration: none; }
a:visited { 
	color: #0000ff; text-decoration: none; }
a:hover { 
	color: #ff0000; text-decoration: underline; }
a:active { 
	color: #ff0000; text-decoration: none; }		
h1 { min-height: 21px; padding: 0px; padding-left: 5px; margin: 0px; margin-bottom: 5px; background-image: url(/assets/images/nav/nav_spacer.gif);	border: 1px solid #8aa8be; font-size: 14px; }
h1.newsh1 { padding: 0px; margin: 0px; margin-bottom: 0px; font-size: 16px; border: none; background: none;  }
h2 { font-size: 14px; margin: 0px; margin-bottom: 5px; }
h3 {
	font-size: 12px;
	margin: 3px;
	margin-bottom: 5px;
}
h4 { font-size: 12px; margin: 3px; margin-bottom: 5px; color: #666666;}
p {
	margin: 0px;
	/*margin-bottom: 10px;*/
	line-height: 1.5em;
}
table { border: none; margin: 0px; padding: 0px; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; }
form { margin: 0px; }
input, select, textarea { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; }
td { vertical-align: top; }
img { margin: 0px; padding: 0px; border: none; }
/*div { padding: 0px; margin: 0px; }*/
.dateitalic { display: block; font-style: italic; margin: 0px; } 

#pagelayout { background: #ffffff; /*margin: 0 auto;*/ }
	#pagelayout td{ /*padding: 10px;(*/ }

.left-col { }
.mid-col { background: url(/assets/images/headerback.gif) repeat-y; background-position: top center; min-height: 100px; }
.right-col { border-left: 1px solid #8aa8be; background: #cfd8e4; padding-top: 10px; padding-bottom: 10px; min-height: 100px;}
.sitescol { /*background: #cfd8e4;*/ }

div#footerlayout .mid-col { min-height: 80px; }
div#footerlayout .right-col { min-height: 67px; }

/*
.hostingdetail h1 { padding: 10px; border: none; border-bottom: 1px solid #8aa8be; background: #cfd8e4; color: #ffffff; font-size: 20px; font-weight: bold; background-image: none; text-shadow: 1px 1px #666666; }
 	.hostingdetail h1 a { color: #ffffff; }
 	.hostingdetail h1 a:hover { color: #c70040; text-decoration: none; }
	
.hostingdetail h2 { padding: 10px; border: none; border-bottom: 1px solid #8aa8be; background: #cfd8e4; color: #ffffff; font-size: 18px; font-weight: bold; background-image: none; text-shadow: 1px 1px #666666; }
 	.hostingdetail h2 a { color: #ffffff; }
 	.hostingdetail h2 a:hover { color: #c70040; text-decoration: none; }
*/
.hostingdetail h1 { padding: 10px; border: none; border-bottom: 1px solid #cfd8e4; background: #8aa8be; color: #c70040; font-size: 20px; font-weight: bold; background-image: none; text-shadow: 1px 1px #ffffff; }
 	.hostingdetail h1 a { color: #c70040; }
 	.hostingdetail h1 a:hover { color: #ffffff; text-decoration: none; text-shadow: 1px 1px #666666;}
	
.hostingdetail h2 { padding: 10px; border: none; border-bottom: 1px solid #cfd8e4; background: #8aa8be; color: #c70040; font-size: 18px; font-weight: bold; background-image: none; text-shadow: 1px 1px #ffffff; }
 	.hostingdetail h2 a { color: #c70040; }
 	.hostingdetail h2 a:hover { color: #cfd8e4; text-decoration: none; text-shadow: 1px 1px #666666; }

.contentheaderimg { display: none; }

#backtotop { float: none; color: #ffffff; width: 40px; height: 40px; z-index: 300; text-shadow: none; position: fixed; bottom: 15px; right: 15px; }
	#backtotop a { background: rgba(255, 255, 255, 0.35);  width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; padding-left: 6px; cursor: pointer; }
	#backtotop a:hover { background: #c70040; color: #ffffff; /*border-color: #8aa8be;*/ } 
		#backtotop a:hover i { font-size: 26px; color: #ffffff; }
			#backtotop a i { font-size: 26px; color: #cdcdcd; }
	#backtotop #modal-share-backtotop { display: none; }

	
div#contactinfo { /*text-align: right;*/ padding: 3px; }	
	div#contactinfo img { vertical-align: middle; }
	div#contactinfo p { margin-top: 2px; margin-bottom: 2px; }

div#header { padding: 5px 15px 5px 15px; }
div#headerlayout { border: 1px solid #8aa8be; min-height: 102px; }
	/*
	div#headerlayout div.left-col { border: 1px solid #8aa8be; border-right: 0px; }
	div#headerlayout div.left-col { border: 1px solid #8aa8be; border-right: 0px; border-left: 0px; }	
	*/
	div#headerlayout div.right-col #contactinfo { text-align: right; }
	
	table#headerlayout td { padding: 0px; margin: 0px; }
	table#headerlayout td.leftcol { width: 180px; vertical-align: middle; }
	table#headerlayout td.midcol { width: 370px; width: 600px; background: url(/assets/images/headerback.gif) repeat-y; background-position: 230px 0px; }
	table#headerlayout td.rightcol { width: 180px; border-left: 1px solid #8aa8be; background: #cfd8e4; }

div#navigation { /*min-height: 21px; margin-bottom: 5px; margin-top: 5px; margin-left: 0px;*/ padding: 5px 15px 5px 15px;   }
	div#navbar { padding-left: 35px; margin-bottom: 10px; border: 1px solid #8aa8be; background-image: url(/assets/images/nav/nav_spacer.gif); background-repeat: repeat-x; }
	div#navbar ul { list-style: none; padding: 0px; margin: 0px; }
	div#navbar ul li { list-style-image: none; float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 15px;  }
	div#navbar ul li img { margin: 0px; }
	/*
	div#navbar ul li a { color: #cfd8e4; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #666666;}
	div#navbar ul li a:hover { color: #c70040; text-decoration: none; }
	*/
	div#navbar ul li a { color: #c70040; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #666666;}
	div#navbar ul li a:hover { color: #8aa8be; text-decoration: none; }
	
div#maincontent {  }
		
table#contentlayout { border: 1px solid #8aa8be; width: 100%; }
	img.contentheaderimg { /*border-bottom: 1px solid #8aa8be;*/ float: right; }
	table#contentlayout td { padding: 0px; margin: 0px; }
	table#contentlayout td.leftcol { width: 180px; background: url(/assets/images/b_bkgnd.gif) repeat-x; }
	table#contentlayout td.midcol { width: 370px; width: 600px; background: url(/assets/images/b_bkgnd.gif) repeat-x; }
		table#contentlayout td.midcol h1 { margin-top: 5px; }
	div#contentlayout div.rightcol div#rightcol-inner{ /*width: 180px; border-left: 1px solid #8aa8be; background: #cfd8e4; */}
	table#contentlayout td.sitescol { width: 180px; background: #cfd8e4; }
	table#contentlayout td.sitescol img.site { margin-left: 0px; margin-right: 3px; float: left; margin-bottom: 5px; }
		div#leftcolcontent { /*margin-left:5px; margin-top: 123px; padding-top: 2px;*/ }
		div#leftcolcontent p { text-align: justify; margin-right: 10px; }
		div#leftcolcontent p img { vertical-align: middle; margin-left: 5px; margin-right: 10px; }
		div#leftcolcontent li {	margin-left: -15px; }
		.glanceitalic { padding-left: 0px; margin-top: 5px; display: block; font-style: italic; color: #999966; } 
			
	div#midcolcontent { /*margin-left: 5px; margin-right: 5px; margin-top: 123px; */}
		div#midcolcontent p { text-align: justify; padding-top: 5px; padding-bottom: 5px;}	
	div#rightcolcontent { /*margin-left: 5px; margin-right: 5px;*/ }
		div#rightcolcontent p { text-align: justify; }	

div#footer { margin-top: 5px; }
div#footerlayout { border: 1px solid #8aa8be; min-height: 82px; margin-left: 15px; margin-right: 15px; }
	table#footerlayout td { padding: 0px; margin: 0px; }
	table#footerlayout td.leftcol { width: 180px; vertical-align: bottom; }
	div#footerlayout div.midcol { width: 370px; width: 600px; background: url(/assets/images/headerback.gif) repeat-y; background-position: 230px 0px; }
	div#footerlayout div.rightcol { width: 180px; border-left: 1px solid #8aa8be; background: #cfd8e4; vertical-align: bottom; font-family: tahoma, arial, verdana; }	
	div#privacy { text-align: left; padding: 3px; }
		div#privacy p { font-size: 9px;  margin-left: 2px; margin-bottom: 1px;}
		div#privacy img#ukwda { border: 0px; margin-top: 2px;}
	div#copyright {	text-align: right; padding: 3px; }
		div#copyright p { font-size: 9px; margin-bottom: 2px; }
		div#copyright img#validhtml { border: 1px solid #8aa8be; margin-right: 3px; }
		div#copyright img#validcss { border: 1px solid #8aa8be; }

/*
#news-header { margin: 5px 5px 0px 5px; border-top: 1px solid #8aa8be; border-left: 1px solid #8aa8be; border-right: 1px solid #8aa8be; }
#news-header img { margin: 0px; display: block; }
*/
#AutoScrollContainer { position:relative; top:0px; left:0px; /*width:168px;*/ height:170px; /*clip:rect(0px,168px,170px,0px);*/ overflow:hidden; z-index:1; visibility:visible; margin: 0px; }
#AutoScrollContainer { /*border: 1px solid #8aa8be;*/ background: #fbfbfb; /*margin: 0px 5px 5px 5px;*/ }
	#AutoScrollContent { position:absolute; top:170px; left:0px; /*width:158px;*/ visibility:visible; }
	#AutoScrollContent { padding:5px; font-family: verdana, arial, sans-serif; font-size: 11px; }
		#AutoScrollContent ul { list-style: none; }
		#AutoScrollContent ul li { list-style-image: none; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: left; padding-top: 15px; border-top: 1px dotted #999966; padding-left: 5px; margin-left: -40px; padding-bottom: 5px; }	

div.hostingdetail { border: 1px solid #8aa8be; /*border-bottom: none;*/ margin-bottom: 7px; background: #fbfbfb; /*margin-top: 3px;*/ width: 100%; }
table.hostingdetail td { border-bottom: 1px solid #8aa8be;}
div.hostingdetail img.title { display: block; }
div.hostingdetail p { margin: 5px; margin-left: 5px; margin-right: 5px; }
div.hostingdetail img { margin: 0px; padding: 0px; }
div.hostingdetail p img.bullet { vertical-align: middle; margin-left: 5px; margin-right: 10px; }
div.hostingdetail p img.header { vertical-align: middle; margin-bottom: 0px; margin-top: 5px; }
div.hostingdetail #request-form  { vertical-align:top; }
div.hostingdetail #request-form .fieldname { width: 100px; }
div.hostingdetail #firefox { padding-top: 5px; padding-bottom: 5px; }

.oddrow { background: #E8E8E8;}

#adverts {
	/*width: 175px;*/
	margin-bottom: 5px;
}
#adverts img {
	/*margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;*/
	margin: 12px auto;
}
#adverts td {
	vertical-align: middle;
	text-align: center;
	height: 60px;
}

#affiliations {
	/*width: 170px;*/
	margin-bottom: 5px;
	padding-left: 5px; padding-right: 5px;
}
#affiliations img {
	/*margin-left: 5px;
	margin-right: 5px;
	margin-top: 8px;
	margin-bottom: 8px;*/
	margin: 12px auto;
}
#affiliations td {
	vertical-align: middle;
	text-align: center;
	height: 60px;
}

#googleads { /*width: 170px;*/ margin-bottom: 5px; text-align: center; }
div#googleholder { margin-bottom: 5px; margin-top: 5px; }

.mainbackground { background: url(images/mainback.gif); }

#subscribe {
	/*width: 175px;*/
	margin-bottom: 5px;
}
#whois {
	/*width: 175px;*/
	margin-bottom: 5px;
}
.sitescol img.site { margin-left: 0px; margin-right: 4px; float: left; margin-bottom: 0px;}

.faq-answer {
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	display: block;
}

ul li { list-style-position: outside; list-style-image: url(/assets/images/bullet.gif); margin-top: 5px; }

#featured-site {
	/*width: 175px;*/
	margin-bottom: 5px;
}
#featured-site #featured-site-cell { text-align: center; padding-bottom: 5px; }
p.subnav { padding: 2px; margin: 0px;  }

table#hosting-compare { width: 100%; }
table#hosting-compare td#element { width: 40%; }

div#footer-banner { text-align: center; margin: 10px; }

.bordered-img { border: 1px solid #8aa8be; }

label { }

.goRight { float: right; margin-left: 5px; }
.goLeft { float: left; margin-right: 5px; }

div.paypal-forms { margin-left: 15px; margin-bottom: 5px; }

#leftcolcontent h1 { /*display: none;*/ }
#leftcolcontent ul { display: none; }

#paypal { /*width: 175px;*/ }
	#paypal { text-align: center; }
	#paypal img { margin: 12px auto; }

#vertical-banners { width: 175px; text-align: center; }

#basket, #userinfo, #orderinfo { margin: 10px auto; border: 1px solid #cccccc; }
#userdetails { margin: 0px auto; width: 100%; }
	#basket th, #userinfo th, #orderinfo th { text-align: left; border: 1px solid #cccccc; }
	td.item { width: 250px; }
	#basket td.price { width: 50px; }
	td.net, td.total, td.vat { font-weight: bold; }
	td.price, td.actions, td.net, td.total, td.vat { text-align: right; }
	#orderinfo div.paypal-forms { text-align: center; }
	 
#divSystemMsg { border: 1px solid #cccccc; background: #f9f9f9; padding: 10px; margin: 10px; }
.icon { vertical-align: middle; padding: 0px; margin: 0px; border: none; }
#title { font-size: 14px; font-weight: bold; }

a.add_to_cart { font-size: 12px; font-weight: bold; background: #8aa8be; padding: 3px; }
a.add_to_cart:link { color: #ffffff; }  
a.add_to_cart:visited { color: #ffffff; }  
a.add_to_cart:hover { color: #ffffff; }  
a.add_to_cart:active { color: #ffffff; }  

.vacancy { border: 1px solid #8aa8be; background: #f9f9f9; padding: 5px; margin-bottom: 5px; }
	
.news-title { border-top: 1px solid #8aa8be; /*border-left: 15px solid #8aa8be;*/ padding: 4px; display: block; /*background: #cfd8e4; */ font-size: 12px; }
.news-title { padding: 10px; border: none; border-bottom: 1px solid #8aa8be; background: #cfd8e4; color: #ffffff; font-size: 12px; font-weight: bold; background-image: none; text-shadow: 1px 1px #666666;  }
.news-snippet { padding-left: 19px; }
.dontShow { display: none; }

#fallback-nav { display: none; padding-bottom: 10px; margin: 0 auto; width: 730px; text-align: center; }
	#fallback-nav ul { margin: 0px; padding: 0px; list-style-type: none; position: relative; width: 100%; }
	#fallback-nav ul li { list-style-image: none; float: left; border-left: 1px solid #908e8e; text-transform: uppercase; margin: 0px; padding: 5px; }
	#fallback-nav ul li.first-li { border-left: 0px; }
	#fallback-nav a { display: block; height: 12px; text-align: center; margin-top: 2px; font-size: 9px; font-style: normal; }
	#fallback-nav a span { display: block; }
	#fallback-nav a:link {  }
	#fallback-nav a:visited { }
	#fallback-nav a:hover { }
	#fallback-nav a:active {  }		

ol li { margin-top: 15px; }


/* BOF mobile menu CSS */
#menu-toggle {
    z-index: 1;
    /*position: fixed;*/
    /*top: 0;
    right: 0;
	font-size: 22px;*/
	/*float: right; */
	color: #666666;
}

#menu-toggle:hover { color: #8aa8be; }

#menu-user { font-size: 23px; top: 0; right: 0; } 

#menu-close { font-size: 22px; margin: 15px; float: right; padding-right: 10px; }

#mobile-nav-container { background: #ffffff; text-align: right; }
	#mobile-nav-container ul { list-style: none; }
		#mobile-nav-container ul li {list-style-image: none; }
			#mobile-nav-container ul li a i { font-size: 24px; margin-top: 8px; }
			
#mobile-nav {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 333px;
    height: 100%;
    margin-right: -333px;
    overflow-y: auto;
    background: #333333;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding: 0px;
	/*padding-top: 15px;*/
	background: -moz-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(2%, #111111), color-stop(5%, #222222), color-stop(10%, #2a2f32), color-stop(100%, #2a2f32));
	background: -webkit-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -o-linear-gradient(right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -ms-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: linear-gradient(to right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a2f32', GradientType=0 );

}

#mobile-nav.active {
    right: 333px;
    width: 333px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    /*margin: 5px 5px 0 0;*/
	margin: 0px; 
}

#mobile-nav {  }
	#mobile-nav a#menu-close { color: #8aa8be; }
	#mobile-nav a#menu-close:hover { color: #ffffff; }
	#mobile-nav ul { margin: 25px 0px 15px -10px; list-style: none; clear: both; }
		#mobile-nav ul li { border-top: 1px solid #666666; list-style-image: none; margin-top: 0px; }
		#mobile-nav ul li:last-child { /*border-bottom: 0px;*/ }
		#mobile-nav ul li a { padding: 12px 25px 12px 25px; color: #8aa8be; text-decoration: none; display: block; font-weight: 300; font-size: 16px; margin-left: 25px; }
		#mobile-nav ul li a:hover { background: #8aa8be; color: #ffffff; text-shadow: 1px 1px #666666; } 
		#mobile-nav ul li a span { /*float: right;*/ height: 10px; width: 10px; }
		#mobile-nav ul li a span.ulclosed:before { content: "+"; }
		#mobile-nav ul li a span.ulopen:before { content: "-"; }
		#mobile-nav ul li ul { margin: 0px; padding: 0px; }	
		#mobile-nav ul li ul li { border-top: 1px solid #666666; /*background: #777576;*/
									background: -moz-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d2023), color-stop(2%, #505050), color-stop(10%, #585858), color-stop(20%, #6a6e70), color-stop(100%, #6a6e70));
									background: -webkit-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -o-linear-gradient(right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -ms-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: linear-gradient(to right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2023', endColorstr='#6a6e70', GradientType=0 );		
 		}	
		#mobile-nav ul li ul li a { color: #ffffff; }
		
#mobile-nav-tel { padding: 12px 25px 0px 15px; color: #ffffff; text-decoration: none; font-weight: 400; font-size: 20px; margin-left: 25px; margin-top: 8px; display: block; margin-right: 100px; }

#mobile-nav ul.social-media { margin: 0px; margin-left: 40px; padding: 0px 0px 20px 0px; margin-bottom: 40px; list-style: none; }
	#mobile-nav ul.social-media li { float: left; width: 30px; height: 30px; margin-left: 4px; border: 0px; } 		
	#mobile-nav ul.social-media li a { background: #dadada; border-radius: 50%; height: 30px; width: 30px; display: block; text-align: center; font-size: 20px;}
	#mobile-nav ul.social-media li a:hover { background: #ffffff; }
	#mobile-nav ul.social-media li a i { color: #333333; }

/* EOF mobile menu CSS */



/* Mobile Device CSS */								
@media screen and (max-width: 768px) {
	div#footerlayout { border: 0px; }
	div#footerlayout #privacy img { float: right; }
	div#footerlayout div.right-col { border-left: 0px;  }
	div#footerlayout .right-col #copyright { text-align: left; }
}

@media screen and (max-width: 991px) {
	div#footerlayout { min-height: 82px; }
	div#footerlayout .mid-col { min-height: 80px; }
}