body {
color:#3f3f3f;
font-family: helvetica, arial, tahoma, sans-serif;
font-size:12px;
/* background: #0284c9; */
background:#088bbb url(https://www.hostedweb.co.uk/php_images/bg.gif) repeat-x; 
margin:0px;
}
h1 {font-size:24px; color:#0d2742; font-weight:normal;}
h2 {font-size:20px; color:#112f3f; font-weight:normal;}
h3 {font-size:16px; color:#272727; font-weight:normal;}
h3 a:link {font-size:16px; text-decoration:none; color:#0284c9; }
h3 a:hover {font-size:16px; text-decoration:underline; color:#0284c9; }
h3 a:visited {font-size:16px; text-decoration:none; color:#0284c9; }

p {
	font-size: 13px;
	line-height: 150%;
}

#right_top_links {
float:right;
width:200px;
height:auto;
}

#leftmenu ul li a {color:#FFFFFF; line-height:210%;} 
#leftmenu ul li {background-image:url(https://www.hostedweb.co.uk/php_images/Client_Area_Menu_BG.jpg); background-repeat:no-repeat; height:34px; width:180px; padding:0;}
#leftmenu a {color:#FFFFFF;}
#leftmenu a:active{color:#FFFFFF;}
#leftmenu {float:left; width:200px; height:auto; margin-top:10px;}
.leftmenu {color:#FFFFFF;}
a:link {color:#000000; text-decoration:underline;}
a:hover {color:#0099CC; text-decoration:underline;}
a:active {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
.logo {margin-top:20px; margin-bottom:10px;}

.bumf {
	font-size: 16px;
	color: #3e3e3e;
	margin: 0 25px 0 0;
	line-height: 130%;
}


#container { 
width:900px;
height:auto;
/* background:url(https://www.hostedweb.co.uk/php_images/background_nofade.jpg); */
background-repeat: repeat-y;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
}
#logo { 
width:400px;
height:113px;
margin-left:25px;
margin-top:10px;
_margin-left:16px;
float:left;
}

#nav{
width:850px;
height:43px;
background:url(https://www.hostedweb.co.uk/php_images/menu_bg.gif);
margin: 0px auto;
clear:left;
font-size:14px;
line-height:43px;
font-weight:normal;
text-align:left;
}

#nav ul {list-style:none; padding:0px; margin-left:10px; _margin-left:5px; border-right:#444444 1px solid;}
#nav ul li{float:left; border-right:#444444 1px solid;}
#nav ul li a,#nav ul li a:visited{color:#ffffff;display:block;height:43px;text-align:center;text-decoration:none;width:80px; _width:110px;}
#nav ul li a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;color:#FFF;}
#nav ul li a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;}

#nav ul li.web_design_services {float:left; border-right:#444444 1px solid; _width:115px; width:130px; }
#nav ul li.web_design_services a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF; width:130px; _width:115px;}
#nav ul li.web_design_services a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif; ) repeat-x;color:#FFF; _width:115px;}
#nav ul li.web_design_services a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x; _width:115px;}

#nav ul li.domain_registration {float:left; border-right:#444444 1px solid; _width:150px; width:150px; }
#nav ul li.domain_registration a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF; width:150px; _width:115px;}
#nav ul li.domain_registration a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif; ) repeat-x;color:#FFF; _width:115px;}
#nav ul li.domain_registration a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x; _width:115px;}

#nav ul li.support_center {float:left; border-right:#444444 1px solid;}
#nav ul li.support_center a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF; width:120px;}
#nav ul li.support_center a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;color:#FFF;}
#nav ul li.support_center a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;}

#nav ul li.web_hosting {float:left; border-right:#444444 1px solid;}
#nav ul li.web_hosting a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF;width:120px;}
#nav ul li.web_hosting a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;color:#FFF;}
#nav ul li.web_hosting a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;}

#nav ul li.contact {float:left; border-right:#444444 1px solid;}
#nav ul li.contact a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF;width:100px;}
#nav ul li.contact a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;color:#FFF;}
#nav ul li.contact a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;}

#nav ul li.forum {float:left; border-right:none;}
#nav ul li.forum a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF;width:100px;}
#nav ul li.forum a.active,#nav ul li a.active:visited,#nav ul li a.active:hover{background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;color:#FFF;}
#nav ul li.forum a:hover{color:#FFF; background: url(https://www.hostedweb.co.uk/php_images/menu_active_bg.gif) repeat-x;}

#nav ul li.sign_up{float:right; margin-right:10px; border-right:none;}
#nav ul li.sign_up a,#nav ul li.order a:visited,#nav ul li.order a:hover{color:#FFF;width:120px;}

#client_login { 
width:300px;
height:46px;
margin-right:35px;
margin-top:20px;
float:right;
text-align:right;
}

#leftcontent {
width:610px;
height:auto;
float:left;
background-color:#fff;
margin-top:1px;
_margin-top:10px;
margin-bottom:25px;
}

#rightcontent {
width:230px;
_width:220px;
height:auto;
float:right;
margin-top:1px;
_margin-top:10px;
}

#live_chat {
width:228px;
height:90px;
/* border:#eeeeee solid 1px; */
/* background:url(https://www.hostedweb.co.uk/php_images/live_chat.gif); */
margin-top:5px;
text-align:center;
}

#body {
width:850px;
_width:850px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;
}

#footer_sitemap {
background: #;
width:900px;
height:auto;
text-align:center;
color:#FFFFFF;
margin-top:20px;
margin-bottom:10px;
margin-right:auto;
margin-left:auto;
clear:both;
}
#footer_sitemap a:link {color:#FFFFFF; text-decoration:none;}
#footer_sitemap a:hover {color:#FFFFFF; text-decoration:underline;}
#footer_sitemap a:visited {color:#FFFFFF; text-decoration:none;}

#container_bottom { 
width:100%;
height:auto;
border-top:1px solid #EEE;
/* background:url(https://www.hostedweb.co.uk/php_images/bottom_background.jpg); */
margin-left:auto;
margin-right:auto;
clear:both;
text-align:center;
background-color:#ffffff;
}

.cc_images {
border:none;
margin:2px;
}

#sidebar {
width:95%;
height:auto;
}

/* BLOG */

#blogcontent {
width:600px;
height:auto;
float:right;
margin-top:1px;
_margin-top:10px;
}

#blogcontent h1 {font-size:30px; color:#004f7f; font-family: helvetica, arial, tahoma, sans-serif; font-weight:bolder;}
#blogcontent h2 {font-size:20px; color:#004f7f; font-family: helvetica, arial, tahoma, sans-serif;}
#blogcontent h1 a:link {font-size:30px; text-decoration:none; color:#004f7f; }
#blogcontent h1 a:hover {font-size:30px; text-decoration:underline; color:#004f7f; }
#blogcontent h1 a:visited {font-size:30px; text-decoration:none; color:#004f7f; }
#blogcontent h2 a:link {font-size:20px; text-decoration:none; color:#004f7f; }
#blogcontent h2 a:hover {font-size:20px; text-decoration:underline; color:#004f7f; }
#blogcontent h2 a:visted {font-size:20px; text-decoration:none; color:#004f7f; }
#blogcontent wp-post-image {border:2px solid #333;}

#blogleft a.link {color:#FFF;}
#blogleft a.hover {color:#FFF;}
#blogleft a.visited {color:#FFF;}


#blogleft {
width:225px;
height:auto;
float:left;
background-color:#fff;
margin-top:1px;
border: 10px solid #fff;
_margin-top:10px;
}

/* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : right;
 }

 /*
  This styles the links. It's a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   background-color : #d3d3a7;
   padding : 15px 5px 2px 10px;
   margin-bottom : 10px;
   width : 180px;
   height : auto;
   color : #333;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
 }

 /* This gives the "rss" class link a background image */
 ul#nav a.rss {
   background : #d3d3a7 url(images/rss.jpg) no-repeat 2px 2px;
 }

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn't do it in this example. I didn't feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background-color : #669900;
   color : #fff;
 }

 /* This offers up a hover/focus state image for the "rss" class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px;
 }

 /*
  This style the single state of the "current_page_item" class link. Not needed for
  the "rss" class link since that target page won't display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   background-color : #9e9e55;
   color : #fff;
   cursor : default;
   text-align : left;
 }

/* CHECKOUT */

.textbox {border:#006699 1px solid; background: #ECFFEC;;}