/* CSS Document */
/* Vodafone Design Library */
/* frog design */
.arrowAlignment{
	text-align: right;
}
/*button calsses*/
.button{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(../images/button_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	font-size:11px;
	width: 100px;
}

/* generic rules ******************************/
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#FF0000;
}
.clear {
	clear: both;
	font-size: 1px; color: #fff;
}
td, th{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}
/*popups*/
.popup{
	width: 300px;
	margin: 0 auto; 
	padding: 0;
	background: url(../images/page_bg_mid.gif)	0 -1px repeat-y;
}
.popup div {
	padding: 5px 0 0 0;
	height:auto;
	}
	
.popup div div {
	padding: 0 1px 8px 2px;
	height:auto;
}
.popup div div div {
	padding: 0;
	margin: 0;
	background: none;
	height:auto;
	position:relative;
}
#popUpcontent{
	width:300px;
	height:400px;

}
#popUpcontent p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}#popUplogoPlace {
	width: 184px;
	position: relative;
	left: 0px;
	top: 0px;
}
/*empty tempalte*/
#content{
	width:770px;
	height:550px;
}
#content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}

/*login*/
/*for sub title*/
h4{
	color:#666666;
	font-size:15px;
	text-align:right;
	text-align:right;
	padding-right:5px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}
#login{
	background-repeat: no-repeat;
	left:200px;
	height: 553px;
	text-align:center;
	width: 358px;
	background-image: url(../images/login_bg.html);
}
#login p{
	padding-right:20px;
	padding-left:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	padding-top:50px;
	text-decoration: none;
	
}
#login td{
	padding-right:20px;
	padding-left:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	text-decoration: none;
	
}
.loginBox {
	BORDER-RIGHT: #b5b5b5 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #b5b5b5 1px solid; 
	PADDING-LEFT: 0px; 
	width:150px;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b5b5b5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b5b5b5 1px solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666;
	
}
.inputText{
	BORDER-RIGHT: #b5b5b5 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #b5b5b5 1px solid; 
	PADDING-LEFT: 0px; 
	width:180px;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b5b5b5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b5b5b5 1px solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666;

}

/* layout rules *******************************/
body {
	margin: 0 auto;
	padding: 3px 0 35px 0;
	background-image: url(../images/bg.gif);
}
/* center it in IE */
* html body { text-align: center; }
* html body * {	text-align: left; /* corrects rule above for all other elements */ }

/*header with log*/

/* rounded 
 corners ************************/


form

{

      height: 100%;

      height: auto !important;

}


.page

{

      width: 770px;

      margin: 0px auto;

      

      

    

      padding: 0;

      background: url(../images/page_bg_mid.gif)    0 -1px repeat-y;

      

      clear: both;

      display: table;

      height: auto !important;

     

      

}




.page  DIV

{

      padding: 5px 0 0 0;

      background: url(../images/page_bg_top.gif) top no-repeat; 

}

.page DIV DIV

{

      padding: 0 1px 8px 2px;

      background: url(../images/page_bg_bot.gif) bottom no-repeat;

}

 

.page DIV DIV DIV

{

      padding: 0;

      margin: 0;

      background: none;

      position:relative;

}



.page + DIV

{

      display: table;

      height: auto !important;

}

.ContentContainer1

{

      

}

.page > div > div 

{

      display: table;

      height: auto !important;

}




#maincontent

{

      font-size: 10px;

      min-height: 550px;

      color: #666;

      padding-top: 15px;

      font-family: Verdana, Arial, Helvetica, sans-serif;

      position: relative;

      height: auto !important;
      height:550px;

      width: 770px;

      

}

 

#contentarea

{

      padding-right: 0px;

      padding-left: 0px;

      left: 0px;

      float: left;

      padding-bottom: 0px;

      width: 552px;

      padding-top: 1px;

      position: relative;

      background: none;

}

#text

{

      padding-right: 5px;

      padding-left: 10px;

      left: 0px;

      width: 352px;

      position: relative;

      top: 0px;

      height:20px;

      min-height:20px;

      height:auto!important;

      background: none;

 

}


#head , #logoPlace, #top

{

      background: none;

}


#logo {
	height: 36px;
	width:300px;
	margin: 15px;
	position:relative;
	left:0px;
	font-size: 12px; color: #666;
	background: url(../images/logo.gif)	no-repeat; 
	cursor: pointer; /* necessary because of bug in IE */

}

#logoPlace {
	width: 184px;
	position: relative;
	height:auto;
	left: 0px;
	top: 0px;
}

#searchPlace {
	width: 59%;
	position: absolute;
	top: 0px;
	left:360px;
	 vertical-align:text-top;
	height:22px!important;
	
	

}
.myLang a{
	font-size: 10px; color: #666;
	font-family:Tahoma;
	}


#head {
	position: relative;
   width   : 100%;
 
   vertical-align:text-top;
}
.headerSearchBox {
	BORDER-RIGHT: #b5b5b5 1px solid; 
	PADDING: 0px; 
	BORDER-TOP: #b5b5b5 1px solid; 
	height:17px;
	MARGIN: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b5b5b5 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b5b5b5 1px solid;
	margin-top:-2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;
	
}
/*search label*/
a .arrow {
	background: url(../images/arrow.gif) no-repeat;
	cursor: pointer;
	width: 13px;
	height: 11px;
	right:0px;
	float:right;
	border: 0px;
}
a:hover .arrow {
	background: url(../images/arrow_over.gif) no-repeat;
}


a .arrowStyle {
	background: url(../images/arrow.gif) no-repeat;
	cursor: pointer;
	width: 13px;
	margin-left:250px;
	vertical-align:top;	
	height: 11px;
	border: 0px;
}
a:hover .arrowStyle {
	background: url(../images/arrow_over.gif) no-repeat;
}
/* splash page classes and IDs*/
/*search label*/
.ibSearchStyle {
	background: url(../images/but_search_up.gif) no-repeat;
	cursor: pointer;
	width: 64px;
	height: 20px;
	border: 0px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*a:hover .ibSearchStyle {
	background: url(../images/but_search_over.gif) no-repeat;
}*/
/* splash page classes and IDs*/
.spalsharrow{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 275px;
	list-style:none;
	width:85%;
	cursor:hand;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B9B9B9;
}
.spalsharrowover{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 275px;
	list-style:none;
	width:85%;
	cursor:hand;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B9B9B9;

}


#spalshcontent {
	width:770;
	height:229px;
	position: relative;
	margin-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;
}
#spalshcontent a{
	margin:0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;
	
}


#spalshcontent H3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:normal;
	color: #FF0000;
	padding-left:15px;
	padding-top:10px;
}
#spalshcontent li	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #666666;
	padding-top:0px;
	padding-left:10px;
	list-style:none;

}

#spalshcontent .line{
	width: 313px;
	height:3px;
	margin:-1px;
	background-image: url(../images/splash_hr.gif);
	background-repeat: no-repeat;
}

#personal{
	width: 383px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/splash_bg.jpg);
	background-repeat: no-repeat;
	height: 240px;
}

#business {
	width: 383px;
	position: absolute;
	top: 0px;
	left: 380px;
	background-image: url(../images/splash_bg.jpg);
	background-repeat: no-repeat;
	height: 240px;

}
#spalshPromotion{
	height:199px;
	position: relative;
	margin-top:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;
}
#onePromo {
	position: absolute;
	text-align:center;
	padding-left:5px;
}
#twoPromos12 {
	width:382px;
	position: absolute;
	top:0px;
	left:0px;
}
#twoPromos22 {
	width:382px;
	position: absolute;
	top:0px;
	left:384px;
}
#twoPromos14 {
	width:190px;
	position: absolute;
	top:0px;
	left:0px;
}
#twoPromos24 {
	width:190px;
	position: absolute;
	top:0px;
	left:191px;
}
#twoPromos34 {
	width:190px;
	position: absolute;
	top:0px;
	left:383px;
}

#twoPromos44 {
	width:190px;
	position: absolute;
	top:0px;
	left:575px;
}

/*end of splash */

/*main content*/


/* left nav*/
/* left sidebar **************************/
#leftbar {
	float: left;
	width: 210px;
	padding: 10px 0 0 0;
	background: url(../images/pagelist_bg.jpg) top no-repeat;
	height: 420px;
}
#leftbarBusiness {
	float: left;
	width: 210px;
	height: 420px;
	padding: 10px 0 0 0;
	background: url(../images/pagelist_bg_business.jpg) top no-repeat; 
}

#tabs img{
padding-left:10px;
cursor:pointer;
}	
/*nav menu*/
/* nav tree */
#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #666;
	margin: 0px;
	left: 0px;
	
}#nav ul{
	margin-left: 0px;
	padding:0px;
}#nav ul a{
	display: block;
	margin: 0;
}#nav ul a:hover {
	display: block;
	margin: 0;
	color: #666666;		
}
#nav li{
	list-style: none;
	height:20px;
	background-repeat:no-repeat;
	background-image: url(../images/pagelist_normal.gif);
	margin-left:10px;
}.redArrow a{
	font-weight: bold;
	background-position:195px;
	background-image: url(../images/pagelist_here.gif);
	color: red;
	
}.grayArrow a{
	font-weight: normal;
	background-position:195px;
	color: #666;
	background-image: url(../images/pagelist_here.gif);
}.unselectedArrow a{
	font-weight: normal;
	background-position:195px;
	color: #666;
	background-image: url(../images/pagelist_haskids.gif);
}/**/		
/*end of left nav*/

/* personl home page*/
#personalmain{
	background-image: url(../images/personl_main_img_latest.jpg);
	background-repeat: no-repeat;
	height: 216px;
	width: 554px;
	float:left;
	
	
}
#personalsection{
	float:right;
	width:182px;
	height:212px;
	top:0px;
	right:0px;

}

#personalsection div
{
	margin-top:0px;
	right:10px;
	
}

#personalsection H3
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:normal;
	color: #FF0000;
	padding-top:5px;
	margin-top :0px;

}
#personalsection ul{
	display: block;
	margin-top:-15px;
	
}
#personalsection li{
	margin-left:-40px;
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	list-style:none;
}
/*gateways*/
#gateways{
	height: 242px;
	margin-top:5px;
	position: relative;
	float:right;
	right:0px;
	width: 554px;


}
#gateway1{
	top:0px;
	position: absolute;
	width:182px;
	left:3px;

}
#gateway2{
	top:0px;
	width:182px;
	position: absolute;
	left:187px;

}
#gateway3{
	top:0px;
	width:182px;
	position: absolute;
	left:370px;

}
#gatewaytxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-image: url(../images/gateway_bg.jpg);
	background-repeat: no-repeat;
	height: 165px;
	width: 190px;
	
}
#gatewaytxt ul{
	margin-top:15px;
	margin-left:0px;
	padding:0px;
	
	cursor:hand;	
}
#gatewaytxt li{
	margin-left:10px;

	padding-left:0px;
	
	cursor:hand;	
}
#gatewaytxt p{

	margin-top:0px;
	padding-top:20px;
	margin-left:10px;
	padding-right:15px;
	list-style:none;
}
.gatewayImg{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 150px;
	list-style:none;
	cursor:hand;
}
.gatewayover{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 150px;
	list-style:none;
}
.sectionImg{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 150px;
	list-style:none;
	cursor:hand;
	width:120%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B9B9B9;
}
.sectionImgover{
	height:18px;
	padding-right:5px;
	vertical-align:text-bottom;
	background-image: url(../images/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 150px;
	list-style:none;
	width:120%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B9B9B9;
	cursor:hand;
}
/*text template*/
#pageimage{
	margin-top:-20px;
	position:relative;
	
}

#googleSearch{
	top:0px;
	position: relative;
	width:552px;
	left:0px;
	height:20px;
	padding-left:10px;
	padding-right:5px;

}
#googleSearch h3{
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding-right:5px;

}


#text table td iframe
{
	height:460;
}

#text h3{
	color:#FF0000;
	font-size:15px;
	padding-right:5px;
}

#text UL {
margin-left: 0px;
padding:0px;
}

#text Li
{
	margin-left: 20px;
}

#text p
{
	padding-right:5px;
	margin-top:5px;
	display: compact;
}
#text a{

	padding-right:0px;
	padding-left:0px;
	text-decoration:underline;	
}#pressRelease{
	
	top:0px;
	position: absolute;
	width:190px;
	right:4px;
	height:20px;
	margin-top:125px;
	
	
}




#rightside{
	top:0px;
	position: absolute;
	width:190px;
	right:0px;
	height:20px;
	margin-top:115px;
}
#rightpromotion{
	background-image: url(../images/module_bg.jpg);
	background-repeat: no-repeat;
	height: 140px;
	position:relative;
	width: 190px;
	direction:ltr;

}
#rightpromotion h4 {
	margin: 0 0 6px 0;
	padding: 14px 13px 0 13px; /* must use padding so that firefox shows the bg right */
	font-size:14px;
	font-weight: bold; color: #ff0000; 
	text-align:left;
}
#rightpromotion ul, rightpromotion p {
	margin: 4px 13px; padding: 0;
}
#rightpromotion ul {
	display: block;
}
#rightpromotion li {
	padding: 4px 0;
	list-style: none;
}

/*services template*/
#servicegateways{
	height: 250px;
	margin-top:0px;
	position:relative;
	width: 554px;
}
#servicepromotion{
	height: 250px;
	margin-top:0px;
	position:relative;
	width: 554px;

}
#servicepromotion h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FF0000;
	padding-left:15px;
	padding-top:15px;

}
/*table style*/
#vftable {
	width: 352px;
	background-image: url(../images/table_bg.gif);
	background-repeat: no-repeat;	
	
}
#vftable td{
	height:20px;
	border: 1px solid #FFFFFF;
	padding: 6px;
}
/* calling international */
#callinginternational{
	background-image: url(../images/calling_table.gif);
	background-repeat: no-repeat;	
	top:0px;
	position: relative;
	width:554px;
	left:0px;
	margin-left:2px;
}
#callinginternational p{
text-align:center;
margin-top:15px;
}
#callinginternational table{
	width:98%;
	margin-top:20px;
	vertical-align:top;
	text-align:center;
	height:25px;
	padding:3px
}
/* map template*/
#map{
	top:0px;
	position:relative;
	width:362px;
	left:0px;
	height:20px;
	margin-top:10px;
	padding-left:10px;
	padding-right:5px;

}
/*price plans template*/
#priceplansrightside{
	top:0px;
	position: absolute;
	width:190px;
	right:0px;
	height:20px;
}
/*promotions temlate*/

#promotions{
	position:relative;
	width: 362px;
	margin-left:5px;
	background-image: url(../images/table_bg.gif);
	height:100%;
	background-repeat: no-repeat;

}
#promotions div{
	width:95%;
	margin-top:8px;
	height:70px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	display:table;
}
#promotions h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FF0000;
	padding-left:10px;
	padding-top:10px;

}
#promotions td{
	vertical-align:top;
	padding-top:1px;
	padding-left:5px;
}
#promotions a{
	text-decoration:underline;
}
.paging a{
	color:#FF0000;
	text-align:right;
	text-decoration:none;
}/*SiteMap template*/#siteMapPageImage{
	margin-top:-20px;
	position:relative;
	padding-left: 210px
}#siteMapMain{
	background-repeat: no-repeat;	
	top:25px;
	position: relative;
	width:750px;
	left:3px;
	padding-left:50px;
}#siteMapMain td{
	background-image: url(../images/module_bg.jpg);
	background-repeat: no-repeat;
	height: 140px;
	position:relative;
	width: 190px;
}#siteMapMain h2{
	padding-left: 0px;
}
/*FAQs template*/

#faq{
	background-image: url(../images/calling_table.gif);
	background-repeat: no-repeat;	
	top:0px;
	position: relative;
	width:554px;

}

#faq p
{
	left:5px;
	padding-left:5px;
	right:5px;
	padding-right:5px;
}

#faq td{
	height:10px;
	padding:1px;
}

#faq h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #FF0000;
	padding-left:15px;
	padding-top:15px;
}
/*business home page*/
#ads1{
	top:0px;
	position: absolute;
	width:366px;
	left:0px;

}
#ads2{
	top:0px;
	width:182px;
	position: absolute;
	left:370px;

}

/* footer **************************************/


#top 
{
	vertical-align:text-top;
	fon1t-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;
	height:22px!important;
}


#top input 
{
	vertical-align:text-bottom;
	
	margin-top:0px;
	
}

#top a {
	color: #666
	
}
#top ul {
	display: block;
	height: 22px;
	margin: 0; padding: 0;
	
	
}
#top li {
	float: left;
	display: block;

	
	
	
	padding-left:5px;
	padding-right:5px;
	background: url(../images/footer_divider.gif) left no-repeat;
	list-style: none;
	vertical-align: bottom;
}
#top li.first {
	background: none;
}


#footer {

      margin-top: 1px;

      font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;

      margin-bottom: 5px;     

      margin-top: 2px !important; 

}

.pagefooter

{

      background: url(../images/page_bg_top.gif) no-repeat left top;

      width: 770px;

      margin: 0px auto;

      padding-right: 0px;

      padding-left: 0px;

      padding-bottom: 0px;

      padding-top: 3px;

 

}

.pagefooter div

{

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

      padding-bottom: 3px;

      

}

.pagefooter div div

{

      background: url(../images/page_bg_mid.gif) repeat-y  -1px top;

      height: 15px;

      vertical-align: middle;

      padding-top: 3px;

}


#footer input 

{

      vertical-align:text-bottom;

      

      margin-top:0px;

}

 

#footer a {

      color: #666

}

#footer ul {

      display: block;

      height: 12px;

      margin: 0; padding: 0;

}

#footer li {

      float: left;

      display: block;

      margin: -5px 0 -8px 0;

      padding-top:5px;

      height:7px;

      padding-bottom:8px;

      padding-left:5px;

      padding-right:5px;

      background: url(../images/footer_divider.gif) left no-repeat;

      list-style: none;

      vertical-align: bottom;

}

#footer li.first {

      background: none;

}



/*end of foter*/
#middlePanel {
	margin-top: 0px;
	position: relative;
	width: 539px;
	padding-left: 5px;
	padding-right: 5px;
	
}


#middlePanel h3 {
	color: #FF0000;
	font-size: 15px;
	padding-right: 5px;
}
#middlePanel p {
	padding-right: 10px;
}
#middlePanel a {
	text-decoration: underline;
}
#middlePanel table td
{
	text-align: left;
}
#middleTable{
	background-image: url(../images/wide_table.html);
	background-repeat: no-repeat;
	width:546px;
	height:230px;
}#FAQTable{
	background-repeat: no-repeat;
	width:500px;
}
#middleTable table {
	width: 98%;
	margin-top: 5px;
	text-align:center;
	vertical-align: top;
	height: 20px;
}
#middleTable td, #middleTable th {
	height: 20px;
}