body{
background-color:#ffffff;
background-image:url(/images/structure/background.png);
background-position: 50% 0%;
background-repeat:no-repeat;
font-family:arial;
font-size:12px;
margin: 0;
padding: 0;
}

a {
 color: #3f3f3f; 
}

div#top_buttons {
 float: right;
 position:absolute;
 top:0;
 left:778px;  
}

a#top_login {
 background-image: url(/images/structure/customer_login_bg.png);
 background-position: 0px 0;
 float: right;
 width: 108px;
 height: 27px;
}

a#top_support {
 background-image: url(/images/structure/customer_login_bg.png);
 background-position: 94px 0;
 float: right;
 width: 94px;
 height: 27px;
}


div.wrapper {
 width:980px;
 margin: auto;
 position: relative;
}

div.header {
 float:left;
 margin-top:5px; 
}


div#main_menu_top {
 background-image: url(/images/structure/main_menu_top_bg.png);
 background-repeat: no-repeat;
 width: 980px;
 height: 4px;
}

div#main_menu {
 background: url(/images/structure/main_menu_bg.png) no-repeat;
 width: 980px;
 height: 40px;
}

ul.navigation_level_1 {
 list-style-type: none;
 padding: 0;
 margin: 0px 0px 0px 6px;
 background-image: url(/images/structure/main_menu_states_bg.png);
 background-repeat: repeat-x;
 background-position: 0 0;
 width: 970px;
 height: 36px;
 overflow: hidden;
}

ul.navigation_level_1 li a {
 float: left;
 color: #ececec;
 text-decoration: none;
 text-transform: lowercase;
 font-size: 14px;
 border-right: 1px solid #000;
 border-left: 1px solid #707070;
 padding: 10px 10px 10px 13px;
}

ul.navigation_level_1 li {
 display: inline;
 padding: 0;
 margin: 0;
}



ul.navigation_level_1 li a:hover {
 color: #fff;
 background-image: url(/images/structure/main_menu_states_bg.png);
 background-repeat: repeat-x;
 background-position: 0 -71px;
}

ul.navigation_level_1 li a.selected {
 color: #fff;
 background-image: url(/images/structure/main_menu_states_bg.png);
 background-repeat: repeat-x;
 background-position: 0 -36px;
}

ul.navigation_level_1 li.last a {
 border-right: none; 
}



div#main {
 padding: 0px 0px 10px 10px;
 background: #fff;
 position: relative;
 float: left;
}

a img{
border:0px;
}


div#header_tel_numbers{
width:300px;
height:19px;
background-repeat:no-repeat;
float:right;
background-image:url(/images/structure/telnumber.png);
margin: 30px 0px 0px 0px
}

div#header_tel_numbers span{
display:none;
}

div#homepage_servers_wrapper {
 position:relative;
 float: left;
 height:400px;
 width: 957px;
 padding: 0;
 margin: 0;
}

div.homepage_boxes_wrapper {
 position: absolute; 
 top: 180px;
 left: 0px;
}

div.homepage_box {
background-image:url(/images/structure/dh_options_bgs.png);
background-position: 0 0;
float:left;
width:172px;
height:210px;
padding-top: 25px;
padding-right: 19px;
font-size:12px;
margin: 0;
}



div.homepage_box h3{
 margin: 0;
 padding: 0px 0px 0px 10px;
 font-size: 16px;
}

div.homepage_box ul{
list-style:none;
padding:0px;
margin-top: 10px;
margin-left:14px;
height:95px;
line-height:16px;
}

div.homepage_box .price_area {
margin-left:10px;
margin-bottom: 0px;

width: 160px;
}


div#DH350i .price_area {
margin-left:10px;
margin-top: 0px;
}
div.homepage_box .price {
font-size:30px;
font-weight: bold;
color:#FFF;
}

div.homepage_box .price_pm {
 color: #fff; 
}

div#DH350i{
background-position: 0 0;
}

div#DH350i:hover{
background-position: 0 234px;
}

div#DH350i ul
{
margin-left:10px;
}

div#DH550i{
background-position: -193px 0;
}

div#DH550i:hover {
background-position: -193px 234px;
}

div#DH750i{
background-position: -387px 0;
}

div#DH750i:hover {
background-position: -387px 234px;
}

div#DH950xi{
 background-position: -578px 0;
 height: 209px;
}

div#DH950xi:hover {
 background-position: -578px 234px;
 height: 209px;
}

div#DH1000xxi{
background-position: -769px 0;
}

div#DH1000xxi:hover {
background-position: -769px 234px;
}

/** More info buttons **/

span.black_button { 
 float: left;
 background: url(/images/structure/black_grad_btn_left_bg.png);
 padding-left: 4px;
height: 23px;
}

span.black_button a {
 display: block; 
 float: left;
 background: url(/images/structure/black_grad_btn_right_bg.png);
 text-decoration: none;
 padding-right: 3px;
  height: 23px;
}

span.black_button span {
 float: left; 
 background: url(/images/structure/black_grad_btn_center_bg.png);
 color: #fff;
 line-height: 22px;
}


span.grey_button { 
 float: left;
 background: url(/images/structure/grey_grad_btn_left_bg.png);
 padding-left: 7px;
 height: 23px;
}

span.grey_button a {
 display: block; 
 float: left;
 background-image: url(/images/structure/grey_grad_btn_right_bg.png);
 text-decoration: none;
 padding-right: 6px;
 height: 23px;
}

span.grey_button span {
 float: left; 
 background: url(/images/structure/grey_grad_btn_center_bg.png);
 color: #000;
 line-height: 22px;
}


/** Footer boxes **/
div#footer_boxes_wrapper {
 float: left;
 background: url(/images/structure/server_options_bg.png) no-repeat;
 width: 960px;
 height: 139px;
 margin-top: 20px;
}

div.footer_box {
 float: left;
 width: 160px;
 padding: 5px 10px 5px 10px;
}

div.footer_box p {
 height: 44px; 
}

div#footer_boxes_wrapper h3 {
 font-size: 14px; 
}

div#footer_box_support {
 margin-left: 25px; 
}

div#footer_box_backup {
 margin-left: 10px; 
}

div#footer_box_firewall {
 margin-left: 10px; 
}

div#footer_box_monitoring {
 margin-left: 12px; 
}


/** Footer **/

div.footer {
 background: #fff;
 clear: both;
}

div#footer_bottom {
 background-image: url(/images/structure/footer_bg.png);
 background-repeat: no-repeat;
 width: 980px;
 height: 15px;
 float: left;
}

ul#footer_links {
 margin: 0px 0px 0px 10px;
 padding: 0;
 background: #fff;
 float: left;
}

ul#footer_links li {
 display: inline;

}

ul#footer_links li a {
 text-transform: lowercase;
 text-decoration: none;
 padding: 0px 10px 0px 7px;
 color: #8F8F8F;
}


div.ukfast_logo {
 float: right;
 color: #8F8F8F;
 margin-right: 10px;
 margin-top: 5px;
}

div.ukfast_logo img {
 width: 135px;
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

div.ukfast_logo a {
 float: left;
 margin-top: 1px;
 margin-right: 5px;
 color: #000;
 text-decoration: none;
}

/** Misc styles **/
span.hidden {
 display: none;
}


/** Banner styles **/

div.internal_banner {
 float: left;
 margin-top: 10px;
}

/** Internal styles **/
div.internal_ccol {
 float: left;
 width: 790px;
 margin-left: 12px;
}

div.internal_ccol_wide
{
 width: 970px; 
}

/* Main internal content */
div.internal_content {
 float: left;
 margin-top: 10px;
 padding: 10px;
 width: 780px;
 background: url(/images/structure/grey_grad.png) no-repeat;
 background-position: 0% 0;
 color: #656565;
 position: relative;
}

div.internal_content p {
  line-height: 20px;
}

dli {
  line-height: 20px;
}



div.internal_content h1 {
 padding: 0;
 margin: 0;
 font-size: 24px;
 color: #000;
}



div.internal_content ul
{
 margin: 0;
 padding: 0;
}

div.internal_content div.intro {
 float: left;
 height: 252px;
 width: 300px;
}

div.internal_content div.prices {
 float: left;
 height: 252px;
 width: 378px;
 background: url(/images/structure/prices_bg.png) no-repeat;
 padding-top: 35px;
 padding-left: 30px;
 margin-left: 30px;
}

div.internal_content div.prices div {
 float: left;
 width: 143px;
}

div.internal_content div.prices div.monthly {
 margin-right: 30px; 
}

div.internal_content div.prices span.heading {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
 float: left;
}

div.internal_content div.prices span.price {
 font-size: 48px;
 font-weight: bold;
 float: left;
 width: 110px;
}

div.orange div.prices span.price {
 color: #FF890B;
}

div.blue div.prices span.price {
 color: #0259E4;
}

div.lightblue div.prices span.price {
 color: #44BDFF;
}

div.purple div.prices span.price {
 color: #813A7E;
}

div.internal_content div.prices span.vat {
 float: right;
 margin-top: 5px;
 margin-right: 5px;
 font-weight: bold;
 float: left;
}

div.internal_content div.prices div.callnow {
 float: left;
 margin: 25px 0px 0px 75px;
 text-align: center;
 width: 170px;
}

div.internal_content div.prices div.callnow span.cta {
 font-size: 26px;
}

div.internal_content div.prices div.callnow span.phonenum {
 font-size: 26px;
 color: #FC0000;
}


div.internal_content ul li {
 background-image: url(/images/structure/blue_tick.png);
 background-repeat: no-repeat;
 background-position: 0 50%;
 list-style-type: none;
 padding: 5px 0px 5px 30px; 
}

div.orange ul li {
 background-image: url(/images/structure/orange_tick.png); 
}

div.blue ul li {
 background-image: url(/images/structure/blue_tick.png); 
}

div.lightblue ul li {
 background-image: url(/images/structure/light_blue_tick.png); 
}

div.purple ul li {
 background-image: url(/images/structure/purple_tick.png); 
}

div.green ul li {
 background-image: url(/images/structure/green_tick.png); 
}

div.internal_content div.panel {
 float: left;
 width: 335px;
 margin-right: 20px;
 min-height: 174px; 
}

div.internal_content div h3 {
 color: #000;
 font-size: 12px;
 height: 15px;
 background-color: #dfdfdf;
 padding: 10px;
}

/*div.internal_content div h3:before {
 display: block; 
 background-image: url(/images/structure/category_bg_sprite.png);
 background-repeat: no-repeat;
 height: 35px;
 content: '';
 padding: 0;
 margin: -10px 0px 0px -10px;
 width: 7px;
}

div.internal_content div h3:after {
 display: block; 
 background-image: url(/images/structure/category_bg_sprite.png);
 background-repeat: no-repeat;
 background-position: 0 100%;
 height: 35px;
 content: '';
 margin: -50px 0px 0px 320px;
 width: 7px;
} */

div.internal_content div.callnow_cta_large {
 float: left;
 background: url(/images/structure/call_for_a_quote_cta_large.png);
 width: 740px;
 height: 87px;
 margin-top: 10px;
}


/** Large comparison table **/
div#compare_all_header {
 float: left;
 padding: 0;
 margin: 0;
 width: 960px;

}


div#compare_all_header div.server {
 background-image: url(/images/structure/headers_bg.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 146px;
 height: 60px;
 padding-left: 10px;
 padding-right: 0px;
 padding-top: 6px;
 margin-right: 0px;
 float: left;
 font-size: 18px;
 font-weight: normal;
 vertical-align: top;
 color: #000;
 margin-right: 5px;
}

div#compare_all_header div.server p {
  line-height: 20px;
   margin-top: 3px;
   padding: 0;
}

div#compare_all_header div#featurestitle {
 background-position: 0 0;
 width: 145px;
 color: #3f3f3f;
}

div#compare_all_header div#dh350i {
  background-position: 20% 0;
}

div#compare_all_header div#dh550i {
  background-position: 40% 0;
}

div#compare_all_header div#dh750i {
  background-position: 60% 0;
}

div#compare_all_header div#dh950xi {
  background-position: 80% 0;
}

div#compare_all_header div#dh1000xxi {
  background-position: 100% 0;
  margin-right: 0;
}


table.compare_all {
 width: 965px;

}

table.compare_all tbody {
 margin: 0;
 padding: 0;
}

table.compare_all td {
 border-right: 5px solid #fff;
 height: 18px;
 padding: 10px;
}


table.compare_all td:first-child {
 background: #fff;
 border-top: 1px solid #F4F4F4;
 font-weight: bold;
 text-align: right;
 width: 146px;
}

table.compare_all tr.dark {
 background-color: #DFDFDF;
}

table.compare_all tr.light {
 background-color: #F4F4F4; 
}

table.compare_all span.tick {
 background: url(/images/structure/orange_tick.png) no-repeat;
 width: 21px;
 height: 19px;
 float: left;
 margin: 0px 0px 0px 30px;
}

table.compare_all span.black_button
{
 padding-left: 7px; 
}

table.compare_all span.black_button a {
 padding-right: 5px;
}

table.server_table td {
 width: 120px; 
}

table.server_table td:first-child {
  border-right: 5px solid #fff;
  width: 120px;
}

table.os_table td {
 
 padding: 10px;
 border-right: 8px solid #fff;
 width: 372px;
}

table.os_table td:first-child {
 background: #fff;
 border-top: 1px solid #F4F4F4;
 font-weight: bold;
 text-align: right;
 width: 134px;
}



div.table_content h3 {
 background: #BDBDBD;
 width: 940px;
 padding: 6px 10px 7px 10px;
 height: 25px;
 color: #3F3F3F;
 font-size: 18px;
 font-weight: normal;
 margin-bottom: 5px;
}

div#os_header {
 float: left;
 width: 960px;
}

div#os_header div.os {
 background: url(/images/structure/table_software_header_bg.png);
 background-position: 0 0;
 width: 155px;
 height: 50px;
 float: left;
 margin-right: 5px;
}

div#os_header div.os h3 {
 padding: 20px 0px 0px 10px;
 background: transparent;
 font-size: 18px;
 font-weight: normal;
 color: #3f3f3f;
 display: inline;
 margin: 0;
 float: left;
 width:100%;
}

div#os_header div#windows {
 background-position: 28% 0;
 width: 394px;
}

div#os_header div#linux {
 background-position: 100% 0;
 width: 400px;
 margin-right: 0;
}





/** Small comparison table **/
div#compare_header {
 float: left;
 width: 772px;
 padding: 0;
 margin: 0;
}


div#compare_header div.server {
 background-image: url(/images/structure/compare_servers_table_medium_header_bg.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 116px;
 height: 97px;
 padding-left: 10px;
 padding-right: 0px;
 padding-top: 0px;
 margin-right: 0px;
 float: left;
}

div#compare_header div.server p {
  line-height: 20px;
   margin-top: 3px;
   padding: 0;
}


div#compare_header div#featurestitle {
 font-size: 18px;
 background-position: 0 0;
 color: #000;
 font-weight: normal;
 vertical-align: top;
 padding-top: 6px;
 height: 91px;
 width: 112px;
 margin-right: 2px;
}

div#compare_header div#featurestitle p {

}



div#compare_header div#dh350i {
  background-position: 20% 0;
  width: 118px;
  margin-right: 1px;
}

div#compare_header div#dh550i {
  background-position: 40% 0;
  width: 118px;
  margin-right: 3px;
}

div#compare_header div#dh750i {
  background-position: 60% 0;
  margin-right: 3px;
}

div#compare_header div#dh950xi {
  background-position: 80% 0;
  width: 115px;
  margin-right: 3px;
}

div#compare_header div#dh1000xxi {
  background-position: 100% 0;
  width: 117px;
}

div#compare_header span.make {
 font-size: 18px;
 color: #000;
 font-weight: normal;
 float: left;
 margin-top: 0px;
 width: 100px;
}

div#compare_header span.price {
 font-size: 26px;
 color: #fff;
 float: left;
 width: 100px;
 margin-top: 3px;
}

div#compare_header span.price_pm {
 color: #fff;
 font-size: 12px;
 font-weight: normal;
}

div#compare_header span.vat {
 font-size: 11px;
 color: #000;
 font-weight: normal;
 float: left;
 margin-top: 0px;
}

div#compare_header span.black_button {
 float: left;
 display: block;
 margin-top: 0px;
}

div#compare_header span.black_button span {
 padding-left: 5px;
 padding-right: 5px;
}




div.table_content {
 background: #FFF;
 padding-left: 0px;
 padding-top: 3px;
 margin-top: 0px;
}

table.compare {
 width: 772px; 
}

table.compare span.black_button span {
 padding-left: 5px;
 padding-right: 5px;
}

table.compare th {
 background-image: url(/images/structure/compare_servers_table_medium_header_bg.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 128px;
 height: 97px;
 padding: 0px 5px 5px 14px;
 margin: 0;
}

table.compare th.details_heading {
 font-size: 18px;
 background-position: 0 0;
 color: #000;
 font-weight: normal;
 vertical-align: top;
 padding-top: 6px;
}

table.compare th.server_heading {
 text-align: left;
}


table.compare th.server_heading p {
  line-height: 16px;
}





table.compare tr.dark {
 background-color: #DFDFDF;
}

table.compare tr.light {
 background-color: #F4F4F4; 
}

table.compare span.tick {
 background: url(/images/structure/orange_tick.png) no-repeat;
 width: 21px;
 height: 19px;
 float: left;
 margin: 0px 0px 0px 30px;
}

 table.compare td.end {
 background: url(/images/structure/compare_hosting_column_ftr_bg.png) no-repeat;
 width: 125px;
 height: 9px;
 padding: 0px;
}

table.compare td {
 height: 14px;
 padding: 10px;
 border-right: 5px solid white;
 width: 105px;
}

table.compare td.features {
 margin-right: 5px;
}

div.internal_lcol {
 float: left;
 width: 155px;
 margin-top: 10px;
 margin-right: 10px;
 padding: 0px 0px 0px 0px;
}

span.nav_title {
 float: left;
 background: #f4f4f4;
 width: 155px;
 padding: 6px;

 font-size: 14px;
}

ul.navigation_level_2 {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.navigation_level_2 li a {
 text-decoration: none;
 color: #666666;
 background-color: #F5F5F5;
 width: 155px;
 float: left;
 padding: 6px;
 border-bottom: 1px solid #EDEDED;
}


ul.navigation_level_2 li a:hover {
 background-image: url(/images/structure/internal_menu_grad_bg.png);
 background-repeat: repeat-x;
}

ul.navigation_level_2 li.last a {
 border-bottom: none;
}

ul.navigation_level_2 li a.selected {
 color: #000;
 background-image: url(/images/structure/internal_menu_grad_bg.png);
 background-repeat: repeat-x;
}

div.orange ul.navigation_level_2 li a.selected {
 color: #FF890B;
}

div.blue ul.navigation_level_2 li a.selected {
 color: #0259E4;
}

div.lightblue ul.navigation_level_2 li a.selected {
 color: #44BDFF;
}

div.purple ul.navigation_level_2 li a.selected {
 color: #813A7E;
}

div.green ul.navigation_level_2 li a.selected {
 color: #8AC01A;
}

ul.breadcrumbs {
 color: #666666;
 list-style: none;
 background: #F7F7F7;
 margin-left: 10px;
 margin-top: 0;
 margin-bottom: 0;
 padding: 3px 0px 4px 5px;
}

ul.breadcrumbs li {
 float: left;
 display: inline;
 margin-right: 3px;
 margin-left: 3px;
}

ul.breadcrumbs li a {
 color: #666666;
 float: left;
 text-decoration: none;
 margin-right: 5px;
 margin-left: 5px;
}


/** Misc styles **/
div.errors {
 background: #fff;
 color: red;
 margin: 10px 10px 15px 0px;
 border: 1px solid red;
 padding: 10px;
}


/** Contact form styles **/

div.contact_form_wrapper form {
 float: left; 
}

div.contact_form_wrapper table tr.error_row {
 color: red; 
}

div.contact_form_wrapper table td {
 width: 100px;
 text-align: right;
}

div.contact_form_wrapper table td:first-child {
 text-align: left;
}

div.contact_form_wrapper input[type="text"] {
 width: 250px; 
}

div.contact_form_wrapper select {
 width: 250px; 
}

div.contact_form_wrapper textarea {
 width: 250px;  
}

input#submit_button {
 border: 1px solid #666;
 margin-top: 5px;
}


 span.contact_header {
 font-size: 12px;
 color: #000;
 font-weight: bold;
 background: #CCC;
 padding: 10px;
 margin-bottom: 5px;
 height: 16px;
 float: left;
 width: 460px;
 background-image: url(/images/structure/header_left_bg.png);
 background-repeat: no-repeat;
 background-position: 0 0;
} 


/** Sitemap **/
ul.sitemap_level_1 {

}

ul.sitemap_level_1 li {
 background: none !important;
}


