/* @charset "utf-8"; */
/* CSS Document */

/* Set Main Fonts  */
maintext, body, html {
font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
background-color:#ffffff; 
height: 100%;
} 

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
#top {
    position: absolute;
}
h1, p {
    margin: 0;
    padding: 0.3em 0;
}
#container {
    min-height: 100%;
    margin-bottom: -31px;
}
* html #container {
    height: 100%;
}
#footer-spacer {
    height: 31px;
}
#footer {
	clear: both;
	margin: 0px auto;
	width: 1022px;
    border-top: 1px solid #4ba2d9;
    height: 30px;
	padding-top: 6px;
	bottom: 0;
	font-size: 14px;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

.wrapper{
   margin: 0px auto;
   width: 1022px;
   background-color: #ffffff;
}

.header{
   margin-top: 5px;
   float: left;
   width: 50%;
   height: 70px;
   background-color: #ffffff;
}

.header-right{
   margin-top: 0px;
   width: 50%;
   height: 70px;
   background-color: #ffffff;
   float: right;
   text-align: right;
}

.div-head-left1 {
 margin-top: 0px;
 margin-bottom: 0px;
 z-index: 100;
 position:relative;
 top:0;
 right:0;
 width:1022px;
 height: 28px;
 float: left; 
 background-color: #E7E7E7;
 border-bottom: 1px solid #4ba2d9;
}
.div-head-left2 {
 z-index: 90;
 margin-top: 0px;
 margin-bottom: 0px;
 position:relative;
 top:0;
 right:0;
 width:1022px;
 height: 24px;
 float: left; 
 background-color: #F7F7F7;
}
.div-leftfull{
 z-index: 90;
 position:relative;
 top:0;
 right:0;
 width:1022px;
 float: left; 
 background-color: #ffffff;
 padding-top: 20px;
}

/* The "clearFix" class is used for clearing the main menu items because they
   are left-floated for horizontal main menus and we have to clear them if our main
   menu is relatively positioned (as in this example) so that the main menu box
   takes its place correctly on the page. We have to apply this class to the parent
   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the
   SmartMenus Users Manual for a detailed explanation if you like. */
   
.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

/* The following 4 rules are fixes for CSS bugs in IE on Windows and Mac that result in
   incorrent background position when background image is used for the menu items.
   Normally the items border should not be taken into account when the background image
   is aligned but this is not the case in these browsers.
   The first 3 rules for IE on Win are only needed if your main menu is horizontal.
   You can remove all 4 rules if you can live with the small display differences in
   these browsers or if you are not using background image for the menu items. */

*:first-child+html .MM>li>a { /* for IE7/Win */
	background-position:1px 1px;
}
* html .MM a { /* for IE5-6/Win */
	background-position:1px 1px;
}
* html .MM ul a { /* for IE5-6/Win */
	background-position:0 0;
}
* html>body #Menu1 a { /* for IE5/Mac */
	background-position:1px 1px;
}

/* Jamie - Boarder Tables Colours */
.borderb  {border-bottom: 1px solid #4ba2d9;border-top: 1px solid #4ba2d9;border-left: 1px solid #4ba2d9;border-right: 1px solid #4ba2d9;}
.borderst {border-top: 2px solid #4ba2d9;border-left: 2px solid #4ba2d9;border-right: 2px solid #4ba2d9;}
.bordersb {border-bottom: 2px solid #4ba2d9;border-left: 2px solid #4ba2d9;border-right: 2px solid #4ba2d9;}
.borderl  {border-left: 2px solid #4ba2d9;}
.borderr  {border-right: 2px solid #4ba2d9;}
.borders  {border-left: 2px solid #4ba2d9;border-right: 2px solid #4ba2d9;}
.borderbb {border-bottom: 1px solid #4ba2d9;}

.stylemenu {font-family: Arial, verdana, sans-serif}
.vendana {font-family: Verdana, Arial, verdana, sans-serif}

/* nowrap cells */
.nobr {white-space:nowrap;}

.align-right { margin-right: 20px; width:280px; float:right; }
.main-center { text-align:center; }
.align-left { float:left; width:580px; float:left;}
.main-left { text-align:left; }

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding-top: 8px;
	padding-bottom: 10px;
	}

/* Remove Boader Around Images With Links  */
img
{  
	border-style: none;
}

p {padding: 8px; margin: 2px; border-width: 0px; }

#div-main-left {
 z-index: 80;
 position:relative;
 top:10px;
 right:0;
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 20px;
 width:180px;
 float: left;
}

#div-main-right {
 z-index: 80;
 position:relative;
/* margin-right: 10px;
 margin-left: 10px; */
 margin: 10px 10px 10px 10px;
 padding-left: 15px;
 width:780px;
 float: left;
 height: auto;
 text-align: left;
 }
 
/* Footer Links */
a:link, a:visited, a:hover {
        color: #006699;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

/* content box */
.contentBox {
	width: 100%;
	background: #F7F7F7 url('images/contentbox/bg_left.png') repeat-y left;
	margin-top: 20px;
}
body#indexBody .loginBoxTop {
	margin-top: 20px;
}
.contentBoxContainer {
	background: url('images/contentbox/bg_right.png') repeat-y right;
}
.contentBoxHead {
	background: url('images/contentbox/head_bg_right.png') no-repeat top right;
	border-bottom: 1px #999999 solid;
}
.contentBoxHead h3 {
	background: url('images/contentbox/head_bg_left.png') no-repeat top left;
	font: bold 18px Arial, verdana, sans-serif;
	color: #1778b0; 
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
}
.contentBoxBody {
	background: url('images/contentbox/body_bg_right.png') no-repeat bottom right;
}
.contentBoxText {
	background: url('images/contentbox/body_bg_left.png') no-repeat bottom left;
	padding: 1px 0px 13px;
}
.contentBoxText p {
	margin: 0px;
	padding-top: 1em;
}

/* generic page layout */
.style1 {
	color: #49669f;
	font-weight: bold;
}
.style2 {
	color: #49669f;
}
.style3 {font: 13px Arial, verdana, sans-serif;}
/* content boxes end */


/*
	Headers
*/

h1,h2 { clear:both; }

h1 {
	margin:4pt 0 6pt 0;
	color:#1778b0;
/*	border-bottom:4px solid #DEDEDE; */
	border-bottom:4px solid #DEDEDE;
	/*	background:transparent url(images/backgr-linesd.gif) repeat-x scroll left bottom;
	color:#E7E7E7; */ 
	font-size:18px;
	margin-bottom:10px;
	padding-bottom:8px;
/*	text-transform:uppercase; */
}
h2 {
	margin:4pt 0 6pt 0;
	border-bottom:4px solid #DEDEDE;
	color:#1778b0; 
	font-size:12pt;
	width:100%;
}
h2 span {
	color:#2072F7;
}

h3 {
	font-size: 14px;
}

h4 {
	text-align:right;
	margin:5px 0 0 0;
	border-bottom:4px solid #DEDEDE;
	color:#1778b0; 
	font-size:20pt;
	font-weight:bold;
	width:100%;
}

h4 span {
	border-bottom:2px solid #4ba2d9;
}

h5 {
	text-align:center;
	padding: 0 0 0 8px;
	margin:4pt 0 6pt 0;
	border-bottom:2px solid #1778b0;
	color:#1778b0; 
	font-size:12pt;
	font-weight:bold;
	width:100%;
}

h6 {
	text-align:right;
	margin:4pt 0 6pt 0;
	border-bottom:4px solid #DEDEDE;
	color:#1778b0; 
	font-size:20pt;
	font-weight:bold;
	width:100%;
}

.tablesub {
	margin-top: 0px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-right: 7%; 
	text-align: right;
}

.tablesub p {
	padding: 0px;
}

hr {
	width:90%; margin-left:5%; margin-right:5%;
	border-bottom:1px solid #4ba2d9;
}

.clear {
	clear:both;
}

.right {
	float:right;
	padding-right:60px;
}

.rightp {
	float:right;
	padding-right:83px;
}

.left {
	float:left;
	padding-left:60px;
}
.strong {
	font-weight: bold;
}

div.vps-intro {
	width:360px;
	margin:0 5px;
/*	margin-bottom:16px; */
}

ul.vps-intro {
	list-style-type:none;
	width:360px;
	margin:0 0 8px 0;
	padding:0;
	background-color: #ffffff;
}

ul.vps-intro-sub {
	list-style-type:none;
	width:355px;
	margin:0 0 8px 5px;
	padding:0;
}

ul.vps-intro-sub > li {
	background:transparent url(http://testing.uk-vps.com/images/backgr-linesd.gif);
	background-repeat:repeat-x;
	height:15px;
	width:350px;
	margin-top:4px;
	margin-left:4px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:13px;
}

ul.vps-intro-sub > li > span {
	background:#FFFFFF;
	margin-left:5px;
	padding:4px;
} 

/* Includes ON VPS Price Pages */
div.vps-intro-sm {
	width:300px;
	margin: 3px 0px 0px 0px;
/*	border: 2px solid #C1DAD7; */
/*	margin-bottom:16px; */
}

ul.vps-intro-sm {
	list-style-type:none;
	width:300px;
	margin:0 0 8px 0;
	padding:0;
	background-color: #ffffff;
}

ul.vps-intro-sub-sm {
	list-style-type:none;
	width:295px;
	margin:0 0 8px 5px;
	padding:0;
}

ul.vps-intro-sub-sm > li {
	background:transparent url(http://testing.uk-vps.com/images/backgr-linesd.gif);
	background-repeat:repeat-x;
	height:15px;
	width:290px;
	margin-top:4px;
	margin-left:4px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:13px;
}

ul.vps-intro-sub-sm > li > span {
	background:#FFFFFF;
	margin-left:5px;
	padding:4px;
} 

.products_table {
	width: 700px;
	padding: 0;
	width:86%; margin-left:7%; margin-right:7%;
	margin-bottom: 0px;
	text-align: center;
}

.products_table td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 3px; 
	color: #898787;
	white-space:nowrap;
}

.products_table td.alt {
	background: #F2F2F2;
	color: #000000;
}

.products_table td.allb {
    border-left: 1px solid #C1DAD7;
	color: #000000;
}

caption {
	padding: 2px 0 5px 0; 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
    font: bold 12px "Calibri", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 3px; 
	background: #CAE8EA url(images/main_table/bg_header.jpg) no-repeat;
}

th.nobg {
	font: 10px;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	padding-left: 10px;
}

th.nobge {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	border-bottom: 0;
	background: none;
	font-size: 17px;
}

th.bghead {
	border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-bottom: 0;
	background: #CAE8EA url(images/main_table/bg_header.jpg);
	font: bold;
	color: #ffffff;
/*	padding: 2px 2px 2px 2px; */
	text-align: right;
}

th.rowh {
	color: #ffffff;
    text-align: center;
	font: bold;
}

td.rowbuy {
	color: #ffffff;
    text-align: center;
	font: bold;
	background: #CAE8EA url(images/main_table/bg_header_buy.jpg) no-repeat; 
}

td.rowbuy a {
	height: 20px;
	color: #ffffff;
	font: bold;
	font-size: 14px;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/main_table/bullet1.gif) no-repeat;
	font: bold 12px "Calibri", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 6px 6px 6px 10px;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f2f2f2 url(images/main_table/bullet2.gif) no-repeat;
	font: bold 12px "Calibri", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 6px 6px 6px 10px;
}