/* skin by wsi-internetmarketing.co.uk */
body{
margin:0px auto;
background-color:#f3f3f5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#646464;
}
#ControlPanel {
}
.adminMenu {
width:818px;
margin:0px auto;
text-align:left;
}
#topBackg {
width:818px;
height:12px;
margin:0px auto;
background-image:url(topBackg.jpg);
background-repeat:no-repeat;
background-position:center;
}
.PageFrame {
width:800px;
padding:0px 9px;
margin:0px auto;
background-image:url(pageBackg.jpg);
background-repeat:repeat-y;
}
#logo {
width:800px;
height:80px;
padding:0px;
margin:0px;
background-image:url(logoEcho.jpg);
background-position:left;
background-repeat:no-repeat;
}
.telephone {
float:right;
margin:10px;
font-size:200%;
color:#0874bd;
}
#navGroup{
background-image:url(navBackg.jpg);
background-repeat:repeat-x;
height:27px;
padding:0px;
margin:0px;
}
/* navigation start */
#navHContainer {
display:block;
margin:0px;
padding:0px;
float:left;
} 

#nav ul {
padding:0px 0px 0px 25px;
margin:0px auto;
    list-style:none;
    float:left;
}
#nav li {
position: relative;
float:left;
width:auto;
list-style: none;
font-size:100%;
padding:6px 20px 5px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.05em;
}
/* second-level lists */
#nav li ul { 
position:absolute;
left: -999em;
padding:0px;
margin:0px;
}
/* set the text properties for main tab */
#nav a {
text-decoration:none !important;
color:#ffffff !important;
text-align:center;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#nav a:visited {

}
#nav a:hover {
color:#ffffff!important;
}
#nav ul li {
}
/* set the hover properties for the main tab background */
#nav li:hover {
}
/*  set the submenu background and font color etc  */
#nav li li a {
}
/* set the hover effects for the submenu 1 text and background and cancels the image background from the main tab */
#nav li li a:hover{
}
#nav li li {
}
#nav li li:hover {

}
#nav .SelectedTab a{
}
#nav .DisabledTab {
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;

}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 0px; /*sets positioning of the drop down menu level 1*/
	left:0;
	margin-top:26px;
	
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:118px; /*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}
/*end of navigation*/
.search {
float:right;
height:27px;
margin:0px 5px 0px 0px;
padding:2px 0px 0px 0px;
}
#twopanecontent{
padding:0px;
margin:4px 0px 0px 0px;
clear:both;
}
.leftpane{
float:left; 
width:148px;
height:540px;
background-image:url(leftPBackg.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:5px 4px 20px 0px;
margin:0px;
border-right:#CCCCCC dotted 3px;
}
/* -- content group starts */
#ContentGroup {
float:right;
width:640px;
_width:646px;
padding:0px;
margin:0px;
_margin-right:-3px;
}
#topBoxes {
float:right;
width:640px;
_width:646px;
padding:0px;
margin:0px;
_margin-right:-3px;
}
.contentpane {
float:right;
width:640px;
_width:646px;
_margin-right:-3px;
padding:0px;
margin:0px;
}
#botContLG {
width:310px;
float:left;
margin:0px;
padding:0px;
}
.botL {
float:left;
width:150px;
border-right:#CCCCCC dotted 2px;
margin:0px;
padding:0px;
}
.botM {
float:right;
width:150px;
border-right:#CCCCCC dotted 2px;
margin:0px;
padding:0px;
}
.botR {
float:right;
width:330px;
margin:0px;
padding:0px;
}
/* content ends rest should be the same */

#footer {
clear:both;
width:780px;
height:16px;
background-color:#bababa;
color:#FFFFFF;
padding:8px 10px 4px 10px;
text-align:left;
font-size:100%;
font-weight:bold;
}
#footer a, #footer .SkinObject {
color:#FFFFFF !important;
text-decoration:none;
font-weight:bold;
}
#footer a:hover {
color:#ffffff;
text-decoration:none;
}
.login {
margin-left:210px;
}
.footer2{
width:780px;
clear:both;
padding:6px 10px;
margin:0px;
}
.footer2 p {
padding:0px;
margin:0px;
}
#botBackg {
background-image:url(botBackg.jpg);
height:19px;
width:818px;
margin:0px auto 5px auto;
}

/* styling text etc */

iframe,a img,fieldset,form,table
{
	border:0;
}

legend
{
	color:#000;
}

button,select,textarea,input
{
	font-size:100%;
}

table
{
	border-collapse:collapse;
}

caption,th,td
{
	text-align:left;
}

h2,h3,h4,h5
{
	clear:left;
	color:#000;
	margin:0;
	padding:.5em 5px;
}

h1
{
	font-size:180%;
}

h2
{
	font-size:160%;
}

h3
{
	font-size:140%;
}

h4
{
	font-size:120%;
}

h5
{
	font-size:100%;
	font-weight:bold;
}

h6
{
	font-size:100%;
	font-weight:bold;
	color:#000;
	padding:.3em 5px;
}

p
{
	padding:.4em 5px;
}

img,img a
{
	border:none;
}

.hide
{
	display:none;
}

dd,dt,li,dl,ul,ul
{
	list-style:none;
}

a:link,a:visited,a:hover
{
	color:#0874bc;
	text-decoration:none;
}
.print {
	display:none;
}
/* hover over effect */


div#content_main
{
	position:relative;
	float:left;
	width:476px;
	height:100%;
	margin:0;
	padding:0 0 15px;
}


div#content_main li
{
	list-style-type:disc;
	margin-left:16px;
}


/*** Box Headers ***/
div#bottomrowbox h2.title, div#rightbox h2.title
{
	position:relative;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:0;
	left:7px;
	bottom:7px;
}
#bottomrowbox h2 {
	padding-left:12px;
}

#bottomrowbox h2.title {
	padding-left:5px;
}



/*** Page Body ***/
#ContentGroup {
text-align:left;
}
div#main_section
{
	position:relative;
	float:left;
	width:470px;
	line-height:1.5em;
	left:8px;
	top:10px;
}

div#main_section h2
{
	position:relative;
	float:left;
	color:#0078c1;
	left:5px;
	width:100%;
	height:25px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#main_section div#main_section_text
{
	position:relative;
	float:left;
	font-size:10px;
	width:470px;
}







/*** Home Page Services List ***/
div#servicesbox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	float:left;

	margin-top:4px;
}

div#servicesbox img{
	left:2px;
	position:absolute;
	top:84px;
	z-index:1;	
}

#section_home .bottomboxeslogos #leftlogos {
	display:none;
}

div#servicesbox div
{
	position:relative;
	float:left;
	width:154px;
	height:218px;
	margin-left:5px;
	background-image:url(images/servicesbox_bg.gif);
	background-position:bottom;
}

div#servicesbox h3 a
{
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	width:154px;
	height:112px;
	text-indent:-9999px;
	display:block;
	z-index:2;
}

/*** Home Page Services Rollovers ***/
div#services_business h3 a
{
	background-image:url(images/home_business.png);
}

div#services_secure h3 a
{
	background-image:url(images/home_secure.png);
}

div#services_consumer h3 a
{
	background-image:url(images/home_consumer.png);
}

div#services_critical h3 a
{
	background-image:url(images/home_critical.png);
}

/*** Home Page Services Links ***/
div#servicesbox a
{
	font-size:10px;
	color:#646464;
	font-weight:bold;
	letter-spacing:1px;
}

/*** Home Page Services Bottom Links ***/
div#servicesbox a#enter_business
{
	color:#0078c1;
	letter-spacing:0;
	padding-right:20px;
	height:15px;
	background-image:url(images/home_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	bottom:5px;
	right:0;
}

div#servicesbox a#enter_secure
{
	color:#91278f;
	letter-spacing:0;
	padding-right:20px;
	height:15px;
	background-image:url(images/home_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	bottom:5px;
	right:0;
}

div#servicesbox a#enter_consumer
{
	color:#50B747;
	letter-spacing:0;
	padding-right:20px;
	height:15px;
	background-image:url(images/home_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	bottom:5px;
	right:0;
}

div#servicesbox a#enter_critical
{
	color:#ee3224;
	letter-spacing:0;
	padding-right:20px;
	height:15px;
	background-image:url(images/home_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	bottom:5px;
	right:0;
}

/*** Home Page Service Standard Links ***/
div#servicesbox div p
{
	position:absolute;
	left:6px;
	top:113px;
	line-height:1.5em;
	font-size:10px;
}

/*** Home Page Info Box ***/
div#infobox
{
	position:relative;
	float:left;
	line-height:1.5em;
	width:631px;
	height:148px;
	margin:5px;
}

div#infobox div h2
{
	position:absolute;
	left:320px;
	margin-top:-3px;
}

div#infobox div p
{
	position:absolute;
	left:321px;
	top:30px;
	margin-top:-4px;
}

/*** Home Page Info Box - Welcome ***/
div#infobox div#info_welcome
{
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:148px;
	background-image:url(images/infobox_bg.jpg);
	background-repeat:no-repeat;
}

div#infobox div#info_welcome h2
{
	position:absolute;
	color:#ed1c24;
	left:5px;
	width:307px;
}

div#infobox div#info_welcome p
{
	position:absolute;
	left:5px;
	top:30px;
	width:307px;
}

/*** Home Page Info Box - Business ***/
div#info_business
{
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:148px;
	background-image:url(images/infobox_bg.jpg);
	background-repeat:no-repeat;
	background-position:-631px;
	display:none;
}

div#info_business h2
{
	color:#027DC3;
}

/*** Home Page Info Box - Secure ***/
div#info_secure
{
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:148px;
	background-image:url(images/infobox_bg.jpg);
	background-repeat:no-repeat;
	background-position:-1893px;
	display:none;
}

div#info_secure h2
{
	color:#a54399;
}

/*** Home Page Info Box - Consumer ***/
div#info_consumer
{
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:148px;
	background-image:url(images/infobox_bg.jpg);
	background-repeat:no-repeat;
	background-position:-1262px;
	display:none;
}

div#info_consumer h2
{
	color:#51b848;
}

/*** Home Page Info Box - Critical ***/
div#info_critical
{
	font-size:11px;
	position:absolute;
	top:0;
	left:0;
	width:631px;
	height:148px;
	background-image:url(images/infobox_bg.jpg);
	background-repeat:no-repeat;
	background-position:-2524px;
	display:none;
}

div#info_critical h2
{
	color:#ee3224;
}