/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
html{min-height:100%;margin-bottom:1px}

body {
background-color: #fff;
/*background-color: #e1ddd9;*/
font-size: 11px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#565858;

padding:0px;
margin-top:30px;
}
a {color: #565858;border:0px;}
/*a:visited {color:#DB7093;} */
a:hover {color: #565858;text-decoration:none;}
a:active { color:#000000;}

.hiddenPic {
 display:none;
 }

.hiddenText{
color:#fff;
}

.rollover {
 border-color:#fff;
 margin-top: 10px;
 z-index:10;
}

.rollover:visited {
 color:#fff;
 border:0px;
 border-color:#fff;
}
a.rollover:hover {
 color: #fff;
 border:0px;
 border-color:#fff;
}
a.rollover:active {
 color: #fff;
 border:0px;
 border-color:#fff;
}

.menuRollover {
 border-color: #fff;
}


.footerLeft{
float:left;
text-align:left;
padding-left:45px;
}
.footerRight{
float:right;
text-align:right;
padding-right:12px;
}

.contentLeft{
width:390px;
float:left;
}

.contentRight {
width:200px;
float: right;
}

.contentRightA {
width:130px;
float: right;
margin-left: 10px;
}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3 {
font-size:12px;
font-weight: bold;
padding: 10px 10px 0px;
margin:0px;
}


.tableStrip{background-color: #f1f5ff;border:0;}
.featuresTableHeading{background-color: #5a6264;color:#fff;padding:10px;border-left:1px #5a6264 solid;border-right:1px #5a6264 solid; border-top:1px #5a6264 solid;    }
.featuresTable{padding:10px; }
.featuresTableBottom{border-bottom:1px #5a6264 dotted }

.dottedLeft{border-left:1px #5a6264 dotted;}
.dottedRight{border-right:1px #5a6264 dotted;}

.tableFeatures{border-collapse: collapse;margin-left:9px;}
.tick{position:relative;vertical-align:center;text-align:center;}
/*.tick{background: transparent url(../images/new/tick.gif) center no-repeat;}*/


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 920px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
/*background-color: #EBD3E0;*/
background-color: #fff;

}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {

display:block;

background-color: #ffffff;
padding: 0px;
margin-left: 220px;
margin-right: 0px;
}

.compassNav{
padding-bottom:10px;
}

div#content { 
min-height:480px;
height:expression(this.scrollHeight > 480 ? "auto":"480px"); 
}

.pageLogo {
margin-left:-20px;
min-height:0pt;
position:relative;
}

.bread {
/*z-index:50;*/
overflow:auto;
margin-left: -20px;
zoom: 1 ;
position:relative;
min-height:0;

}

.breadText {
	height:53px;
	/**/
	/*z-index:50;*/
	font-weight: bold;
	color: #fff;
	float:left;
	margin-left: -9px;
	margin-top: -67px;
	zoom: 1 ;
	position:relative;
	min-height:0;
}

.breadLink {width:250px}
a.breadLink {color: #fff;}
a.breadLink:visited {color:#fff;} 
a.breadLink:hover {color: #fff;text-decoration:none;}
a.breadLink:active { color:#fff;}


h5.breadTitleMSIE {
/*z-index:50;*/
float:left;

margin-top:-36px;
zoom: 1 ;
position:relative;
min-height:0;
font-size:22px;
font-weight: bold;
color: #fff;
text-align:left;
}

/*Where breadcrumb has 2 sections in the first line use this css*/
h5.breadTitleMSIE_layer2 {
/*z-index:50;*/
float:left;
margin-left: -157px;
margin-top:-36px;
zoom: 1 ;
position:relative;
min-height:0;
font-size:22px;
font-weight: bold;
color: #fff;
text-align:left;
}

h5.breadTitleFirefox {
/*z-index:50;
margin-left: 5px;*/
margin-top:-32px;

position:relative;

font-size:22px;
font-weight: bold;
color: #fff;
}

/*Where browser not IE or FF*/
h5.breadTitle {
/*z-index:50;*/
margin-left: 36px;
margin-top:-35px;

position:relative;

font-size:22px;
font-weight: bold;
color: #fff;
}

.h5Vodafone {
margin-left: 44px;
}
.h5VodafoneMSIE {
margin-left: -32px;
}
.h5VodafoneFirefox {
margin-left: 44px;
}

.h5Support {
margin-left: 45px;
}
.h5SupportMSIE {
margin-left: -26px;
}
.h5SupportFirefox {
margin-left: 45px;
}

.h5About {
margin-left: 44px;
}
.h5AboutMSIE {
margin-left: -31px;
}
.h5AboutFirefox {
margin-left: 44px;
}

.h5Product {
margin-left: 45px;
}
.h5ProductMSIE {
margin-left: -30px;
}
.h5ProductFirefox {
margin-left: 45px;
}

.h5Contact {
margin-left: 43px;
}
.h5ContactMSIE {
margin-left: -41px;
}
.h5ContactFirefox {
margin-left: 43px;
}


img.breadTitle{
/*z-index:50;*/
margin-left: 35px;
margin-top:-50px;
zoom: 1 ;
position:relative;

font-size:26px;
font-weight: bold;
color: #fff;
}

.flash{
top:1px;left:-25px;position:relative;
}

.flashIE7{top:1px;left:-30px;position:relative;}
/*.flashIE6{top:1px;left:-30px;position:relative;}*/
.flashIE6{top:-12px;left:-10px;position:relative;}
.flashFF{top:1px;left:-10px;position:relative;}
.flashOther{}
/*.flashOther{top:3px;left:-30px;position:relative;}*/

#contentMenu {
padding-top:17px;
}

#contentPageLogo {

/*
z-index:50;
background: transparent url(../lib/blockdefault.gif) center center repeat-x;
*/
/*
float:left;
margin-left: -50px;
z-index:150;
*/


}

#contentPage {
width:590px;
padding: 30px 0px 5px 35px;
}

#contentPageMSIE {
width:590px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 35px;
}

#contentPageFirefox {
width:590px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 35px;
/*
padding: 1px 0px 5px 35px;
*/
}
/*Where browser not IE or FF*/

p, pre{
padding: 5px 10px;
margin:0px;
}

.faq_question{
color:#3BA0ED;

}

.faq_answer{
font-weight: bold;

}

.fieldy{
font-family:Arial,Verdana;
font-size:12px;
background-color: #F0F5FE;
}

/* --------------left navi------------- */
#left {
float: left;
width: 220px;
padding: 0px;
border:0px;
}
#left.a {
border:0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
color: #96979B;
font-size: 10px;
margin: 0px 0px 30px 0px;
padding: 30px 20px 30px 0px;
text-align: right; }

#footerHomePage {
clear: both;
color: #96979B;
font-size: 10px;
margin: 0px 0px 30px 0px;
padding: 0px 20px 30px 0px;
text-align: right; }

a.footerLink{
color: #96979B;
text-decoration: none;
}
a.footerLink:hover{
text-decoration: underline;
}
/*Menu css*/
.dropmenudiv_a{
position:absolute;
top: -1;
padding: 5px 0;
font:normal 12px arial;
line-height:18px;
z-index:100;
width: 200px;
visibility: hidden;
}

.dropmenudiv_products{
position:absolute;
top: -1;
padding: 5px 0;
font:normal 12px arial;
line-height:18px;
z-index:100;
width: 200px;
visibility: hidden;
}

.dropMenuPadding {
padding: 3px 0;
}

.dropmenudiv_a a{
width: auto;
background: url(../lib/white.gif) bottom left no-repeat;
display: block;
text-indent: 19px;

text-decoration: none;
color: #586160;
}

.dropmenudiv_products a{
width: auto;
background: url(../lib/whiteproducts.gif) bottom left no-repeat;
display: block;
text-indent: 19px;

text-decoration: none;
color: #586160;
}

.subTop {
margin-top: -5px;
}
.dropmenudiv_a a:visited{

color: #586160;
}
.dropmenudiv_a a.sub_bottom{
width: auto;
margin-bottom: 10px;
display: block;
text-decoration: none;
text-indent: 19px;
/*
border-top: 0 solid #000;
border-bottom: 0px solid #000; /*theme change here*/
padding: 0px 0;
text-decoration: none;
color: #586160;
background: url(../lib/sub_bottom2.gif) bottom left no-repeat;
}

.dropmenudiv_products a.sub_bottom{
width: auto;
margin-bottom: 10px;
display: block;
text-decoration: none;
text-indent: 19px;
/*
border-top: 0 solid #000;
border-bottom: 0px solid #000; /*theme change here*/
padding: 0px 0;
text-decoration: none;
color: #586160;
background: url(../lib/sub_bottom2products.gif) bottom left no-repeat;
}

* html .dropmenudiv_a a{ /*ie only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*theme change here*/
	color: #3e9ce6;
}


* html .dropmenudiv_products a{ /*ie only hack*/
width: 100%;
}

.dropmenudiv_products a:hover{ /*theme change here*/
	color: #3e9ce6;
}

/*credits: dynamic drive css library */
/*url: http://www.dynamicdrive.com/style/ */

.solidblockmenu{

margin-top: 2px;
margin-left: -20px;
margin-right: 0;
margin-bottom: 0;
padding: 0;
float: left;
font: bold 13px arial;
width: auto;
border: 0px solid #625e00;
border-width: 0px 0;
background: transparent url(../lib/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #fff;
padding: 12px 11px 0px 11px;
margin-left: 2px;
text-decoration: none;
border-right: 0px solid white;
}
.solidblockmenu a.left{
float: left;
color: #fff;
padding: 9px 11px 0px 11px;
text-decoration: none;
border-right: 0px solid white;
background:url(blockdefault_left.gif)  top left no-repeat;
}

.solidblockmenu a.right{
float: left;
color: #fff;
padding: 9px 11px 9px 11px;
text-decoration: none;
border-right: 0px solid white;

}
.solidblockmenu a.right:hover{
float: left;
color: #fff;
padding: 9px 11px 9px 11px;
text-decoration: none;
border-right: 0px solid white;
background: transparent url(blockactive_right.gif) top right no-repeat;
}

.solidblockmenu li a{
color: #fff;

/*
color: #586160;
*/
border: 0px;
}
a:hover.menuRollover{background: transparent url(../images/menu_arrow.gif) left bottom no-repeat;}
#blockmenu a:hover.left{background: transparent url(../images/menu_arrow.gif) left bottom no-repeat;}
#blockmenu a:hover.right{background: transparent url(../images/menu_arrow.gif) right bottom no-repeat;}

#blockmenu a#current{background: transparent url(blockactive_right.gif) top right no-repeat;}
/*
#blockmenu {margin-left:-10px}
*/
.solidblockmenu li a:hover, .solidblockmenu li .current , .solidblockmenu li:hover > a{
color: #586160;

background: transparent url(../images/menu_arrow.gif) left bottom no-repeat;

}

.active{background: transparent url(../images/menu_arrow.gif) left bottom no-repeat;}

.menuRollover{

margin-left:5px;
}




/*
	dn 2007-09-04: breadcrumbs
*/

#breadcrumbs {
	background: url("../images/sub_splash4.gif") no-repeat top left;
	width: 686px;
	height: 73px;

	margin: 38px 0px 0px -20px;
}

#breadcrumbs a, #breadcrumbs img {
	font-weight: bold;
	color: #fff;
	position: relative;
	top: 14px;
}

#breadcrumbs h2 {
	color: #fff;
	position: relative;
	top: 20px;
	left: 45px;
}


#breadcrumbs h5 {
	font-size:22px;
	font-weight: bold;
	color: #fff;
	position: relative;		
	top: -10px;
	left: 45px;
}

/* ----------added css by Chris for troubleshooting-------------- */

.woo{
float:right;
margin-left: 30px;
}

.moo{
margin-top: 30px;
}

.ccc{
margin-left: 100px;
}

.cc{
margin-left: 60px;}


.test p {
padding-left: 50px;
}

.contentRight22 ul {
padding-left: 0px;

}
	
.contentRight22 li {
padding-left: 0px;

}

.contentLeft22 {
width:390px;
float:left;
}

.contentRight22 {
width:160px;
float: right;
}

.solutions{
border-top: dashed;
color: lime;
}

ul {
margin-left: 10px;
padding-left: 0px;
}

/* ----------added css by Chris for airing user guides-------------- */