﻿ @charset "utf-8";
/* CSS Document */

body{ text-align:center; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3c3c3c;text-decoration:none; background:url(images/mani_bg.gif) top #fff repeat-x;}
p{ margin:0px; padding:10px;}
img{ margin:0px; padding:0px; border:0px;}

#main{ width:960px;
	text-align:left;
	margin:0 auto;}
.header{ margin:7px 0px 0px 0px; width:959px; height:105px; position:relative;}

.logo{float:left; height:90px; position:absolute; padding:none;}

/*country name */
#TopMenu {
	position:absolute;
	right:245px;
	margin:0;
	padding:0;
	width: 375px;
}

#TopMenu a {
	color:#016332;
	text-decoration:none;
	font:bold 12px Verdana, Geneva, sans-serif;
}
#TopMenu a:hover {
	color:#000;
	text-decoration:underline;
}

#welcome{
	position:absolute;
	top:86px;
	color:#F00;
	font:bold 15px Arial, Helvetica, sans-serif;
	left: 660px;
	width:300px;
	text-align:right;
}
/*normal navigation
=====================*/

#Nav {
	height:27px;
	position:absolute;
	top:42px;
	right:-3px;
	width: 560px;
}
#Nav li { list-style:none; display:inline; background:#000;}
#Nav li a {display:block; float:left; height:27px; cursor:pointer; margin-left:3px; display:inline;}
#Nav li a strong { display:none;}

.flight, .about-us, .check-status, .faq, .contact-us, .logn, .flight-on, .about-us-on, .check-status-on, .faq-on, .contact-us-on, .logn-on{ background:url(images/navm.jpg) no-repeat 0 0;}

.flight {background-position:0 0; width: 70px;}
.flight:hover {background-position:0 -27px; width: 70px;}
.flight-on{background-position:0 -27px; width: 70px;}

.about-us {background-position:-73px 0; width: 87px;}
.about-us:hover {background-position:-73px -27px; width: 87px;}
.about-us-on {background-position:-73px -27px; width: 87px;}

.check-status {background-position:-163px 0; width: 109px;}
.check-status:hover {background-position:-163px -27px; width: 109px;}
.check-status-on{background-position:-163px -27px; width: 109px;}

.faq {background-position:-275px 0; width: 50px;}
.faq:hover {background-position:-275px -27px; width: 50px;}
.faq-on {background-position:-275px -27px; width: 50px;}

.contact-us {background-position:-328px 0; width: 97px;}
.contact-us:hover {background-position:-328px -27px; width: 97px;}
.contact-us-on {background-position:-328px -27px; width: 97px;}


.logn {background-position:-428px 0; width: 126px;}
.logn:hover {background-position:-428px -27px; width: 126px;}
.logn-on {background-position:-428px -27px; width: 126px;}


/*=======================================
		   after login pages css   
=========================================*/

#Navm {
	height:27px;
	position:absolute;
	top:42px;
	right:-3px;
	width: 610px;
}
#Navm li { list-style:none; display:inline; background:#000;}
#Navm li a {display:block; float:left; height:27px; cursor:pointer; margin-left:3px; display:inline;}
#Navm li a strong { display:none;}

.flight, .about-us, .check-status, .faq, .contact-us, .myacc, .logout, .flight-on, .about-us-on, .check-status-on, .faq-on, .contact-us-on, myacc-on, .logout-on{ background: url(images/navm-logout.jpg) no-repeat;}

.flight {background-position:0 0; width: 70px;}
.flight:hover {background-position:0 -27px; width: 70px;}
.flight-on{background-position:0 -27px; width: 70px;}

.about-us {background-position:-73px 0; width: 87px;}
.about-us:hover {background-position:-73px -27px; width: 87px;}
.about-us-on {background-position:-73px -27px; width: 87px;}

.check-status {background-position:-163px 0; width: 109px;}
.check-status:hover {background-position:-163px -27px; width: 109px;}
.check-status-on{background-position:-163px -27px; width: 109px;}

.faq {background-position:-275px 0; width: 50px;}
.faq:hover {background-position:-275px -27px; width: 50px;}
.faq-on {background-position:-275px -27px; width: 50px;}

.contact-us {background-position:-328px 0; width: 97px;}
.contact-us:hover {background-position:-328px -27px; width: 97px;}
.contact-us-on {background-position:-328px -27px; width: 97px;}

.myacc {background-position:-428px 0; width: 102px;}
.myacc:hover {background-position:-428px -27px; width: 102px;}
.myacc-on {background-position:-428px -27px; width: 102px;}

.logout {background-position:-533px 0; width: 73px;}
.logout:hover {background-position:-533px -27px; width: 73px;}
.logout-on {background-position:-533px -27px; width: 73px;}


.middle_container{ float:left; margin-top:20px; width:959px; }
.middle_top_banner{ float:left; margin:10px 0px 0px 0px; width:959px; height:auto;}
.middle_left_pannel{ float:left; padding:13px 13px 10px 0px; width:311px; height:135px;}
.title_img{ float:left; margin:0px 0px 0px 10px; width:178px; height:20px;}
.middle_left_img_bg{ float:left; padding:15px; width:280px; height:70px; background:url(images/middle_pannel1.gif) no-repeat 0 0; font-size:11px; font-family:Tahoma;}
.middle_right_pannel{ float:left; padding:13px 0px 0px 0px; width:311px; height:135px;}
.middle_right_img_bg{ float:left; margin:5px 0px 0px 0px; padding:15px; width:280px; height:70px; background:url(images/middle_pannel2.gif) no-repeat 0 0; font-size:11px; font-family:Tahoma;}
.middle_right_img_bg a{ text-decoration:none; color:#333333;}
.middle_right_img_bg a:hover{ text-decoration:underline; color:#333333;}

#footer_container{ float:left; margin:6px 0px 0px 0px; padding:0px; width:100%; height:100px; background:#000;}
.footer_text{ margin-left:auto; margin-right:auto; width:959px; padding-top:25px; color:#FFFFFF; text-align:center; line-height:24px;}
.footer_text a{ text-decoration:none; color:#FFFFFF;}
.footer_text a:hover{ text-decoration:underline; color:#FFFFFF;}

.textfield{ background:url(images/text-field.gif) no-repeat; border:0px; line-height:25px; height:25px; width:172px;}
/*       General
======================= */
* {
	margin:0;
	padding:0;
}
html {
 overflow-y: scroll !important;
}
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3c3c3c;text-decoration:none; background:url(images/mani_bg.gif) top #fff repeat-x;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.red {
	color:#F00;
}
img.promoter{
	display:block;
	margin:0 20px 10px;
	float:left;
	border:1px solid #333;
}

/*       Links
======================= added by priyanka*/

a {
	color:#236430;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}

/*a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#000;
}*/

a img {
	border:none;
}
a:active, a:focus {
	outline:0;
}
/*     Float containers fix 
=============================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*       Text
======================= */
body, td, th, div, li, input, select, textarea {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#606060;
}
h1, h2{
	margin-left:20px;
	margin-right:20px;
}
h1, h2, h3 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	font-size:22px;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:10px;
	color:#333;
	letter-spacing: -0.5px;
}
h2 {
	font: bold 13px Verdana, Geneva, sans-serif;
	padding-top:20px;
	padding-bottom:10px;
	color: #333;
}
h3 {
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:none;
	color:#000;
	text-transform:uppercase;
}
h4 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
h5 {
	font-size:13px;
	font-weight:bold;
	color:#454f58;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px 0;
}
  
#Content ul,
#Content ol {
	padding:0 30px 10px 0;
	margin:0 0 0 40px;
}
#Content ul li,
#Content ol li {
	padding: 0 0 9px 0px;
}
#Content li ul,
#Content li ol {
	padding: 0 0 0 0;
	margin:0 0 0 25px;
}
#Content li ul li,
#Content li ol li {
	padding: 9px 0 0 0;
}

/*       Layout
======================= */
.col1 {
	width:960px;
	text-align:left;
	margin:0 auto;
}
.col2 {
	width:720px;
	float:left;
}


.col2 p{ margin:0px; padding:0px 20px;}

.col3 {
	width:225px;
	float:left;
}
.col4 {
	width:310px;
	float:left;
}
.col5 {
	width:156px;
	float:left;
	padding:0 15px;
}

.ML2 {
	margin-left:10px;
	display:inline;
}
#Header {
	height:145px;
	margin-bottom:15px;
	position:relative;
}
#HTop {
	position:absolute;
	top:50px;
	right:25px;
	margin:0;
	padding:0;
	color:#333333;
}
#HTop span {
	padding:0 2px;
}

#Content{
	margin-top:15px;	

	
}
#Sidebar{
	padding-bottom:20px;
}

/*       Logo
======================= */
#Logo {
	width:184px;
	height:67px;
	margin:0;
	padding:0;
	position:absolute;
	left:26px;
	top:19px;
	border:none;
}
#Logo a {
	display:block;
	width:184px;
	height:67px;
	background: url(images/pay-bill-online.gif) no-repeat;
}
#Logo strong {
	display:none;
}
/*    Main Navigation
======================= */

#Banner{
	margin-bottom:25px;
	height:198px;
}

#OfferPanel{
	margin-bottom:20px;
	height:125px;
}
	
#AdBox{
	background:url(images/bg_yellowbox.gif) no-repeat 0 bottom;
	height:125px;
}
#AdBox form{
	margin:2px 20px; *margin:5px 0;
}

#LatestOffer{
	background:url(images/bg-offer1.gif) no-repeat 0 bottom;
	height:75px;
	margin-top:5px;
	padding-top:55px;
}
#LatestOffer form{
	margin:0 20px 10px;
}
.spDiscount{
	margin:25px 0 0 25px;
}
.OfferDtl{
	font:normal 11px Tahoma, Geneva, sans-serif;
	line-height:15px;
	margin-top:25px;
}
.EmailBox{
	font:normal 11px Tahoma, Geneva, sans-serif;
	background:url(images/bg-txtbox.gif) repeat-x 0 0;
	border:1px solid #bdbcbd;
	height:19px;
	line-height:19px;
	width:160px;
	padding-left:10px;
	padding-top:4px;
}
.email{
	font:bold 12px Arial, Helvetica, sans-serif;
}
#CustomerSupport{
	background:url(images/customer-support.gif) no-repeat 0 bottom;
	height:125px;
}
#CustomerSupp{
	background:url(images/bg-customer-supp.gif) no-repeat 0 bottom;
	height:125px;
	margin-top:15px;
}
#CustomerSupport p{
	font:normal 11px Tahoma, Geneva, sans-serif;
	line-height:33px;
	margin-top:45px;
	padding-left:55px;
}
#CustomerSupp p{
	font:normal 11px Tahoma, Geneva, sans-serif;
	line-height:33px;
	padding:42px 10px 0 50px;
	margin:0;
}

#CustomerSupport span, #CustomerSupp span{
	color:#de011e;
}
.LocatorLeft{
	height:198px;
	background:url(images/locator-left.gif) no-repeat 0 0;
	padding-left:10px;
}
.LocatorRight{
	height:198px;
	background:url(images/locator-right.gif) no-repeat right 0;
	padding-right:10px;
}
#OutletLocator {
	background:url(images/bg_locator.gif) repeat-x 0 0;
	height:198px;
	line-height:50px;
}
#OutletLocator select{
	border:1px solid #efbd48;
	color:#643d00;
	width:176px;
	line-height:24px;
	height:24px;
	margin-bottom:10px;
}

#Testimonials{
	margin-bottom:25px;
	height:130px;
}
.Intro{
	margin:10px 0 0;
}
#Footer{
	height:210px;
	font-size:11px;
}
.FooterLeft{
	background:url(images/footer-left.gif) no-repeat 0 0;
	height:165px;
	padding-left:15px;
}
.FooterRight{
	background:url(images/footer-right.gif) no-repeat right 0;
	height:165px;
	padding-right:15px;
}
.FooterMid{
	background:url(images/bg-footer.gif) repeat-x 0 0;
	height:115px;
	padding:25px 0;
}
.dotLine{
	background:url(images/dot.gif) repeat-y right top;
	height:110px;
}
.SitemapHD{
	margin:0;
	padding:0;
	color:#d9170f;
	font-size:11px;
	text-transform:uppercase;
}
	
.copyRight{
	font:normal 11px Tahoma, Geneva, sans-serif;
	text-align:center;
	margin-top:15px;
	color:#0c0c0c;
}
#Footer ul{
	margin:0;
	padding:0;
}
#Footer li{
	list-style-type:none;
	margin-bottom:0;
	padding:0;
	height:17px;
}
#Footer li a{
	display:block;
	font-size:11px;
	background:url(images/arrowsmall.gif) no-repeat 0 center;
	padding:0 0 0 10px;
	color:#404040;
	text-decoration:none;
}
#Footer li a:hover{
	text-decoration:underline;
}

/*  Image + Text Wrappin
=============================*/
.tleft {
	float:left;
	display:table-cell;
/*	padding:0 50px 0 10px;*/
	position:relative;
	text-align:center;
	vertical-align:top;
}

.content {
	display:table-cell;
	position:relative;
	vertical-align:top;
	height: 96px;
	width:350px;
}

.login{
	background:url(images/login-bg.gif) no-repeat 0 0;
	text-align:center;
	width:481px;
	height:200px;
	margin: 52px 0 0 128px;
}

.tbllogin{
	width:450px;
	height:130px;
	text-align:left;

}
.tbllogin th{
	height:20px;
	padding:3px;
}
.tbllogin td{
	height:36px;
	padding:3px;
}

#textfield{
	border:2px solid #CCC;
	width: 150px;
	height:20px;
	vertical-align:middle;
	padding:2px 0 0 5px;
	font: 13px bold Arial, Helvetica, sans-serif;
}

.logTxt{
	font:13px Arial, Helvetica;
	font-weight:700;
	color:#666;
}

.pass{
	margin:0;
	padding:0;
	color:#F00; 
	font:11px Arial, Helvetica; 
	text-transform:uppercase;
	padding-top:5px;
}
.forpass{
	color:#F00; 
	padding:5px;
	font:11px Arial, Helvetica; 
	text-transform:uppercase;

}


.bill-list{
	border:2px solid #cacaca;
	margin-top:15px;
}

.bill-list td{
	padding:5px;
	line-height:25px;}
.list-cont{
	background:#fafafa;
	border:4px solid #fff;
}
.list-cont a{
	color:#d81c10;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
.list-cont a:hover{
	color:#000;
}
.pay-now{
	color:#d81c10;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}

.NoBrd{
	border:none;
}
.TblList{
	width: 100%;
	border-collapse:collapse;
	margin:0;
}
.TblList td{
	padding:7px;
	border-bottom:1px dotted #425158;
	vertical-align:middle;
}
.TBLListbox{
	width: 100%;
	border-collapse:collapse;
	margin:0;
}
.TblBiller{
	border-collapse:collapse;
	margin:0;
}
.TblCB {
	border-collapse:collapse;
	background:#FFF;
	border-top:1px solid #cacaca;
	margin:0 auto;	
	color: #000;
}
.TblCB caption {
	padding:10px;
}
.TblCB th {
	background:#EBF5C9;
	font-weight:bold;
	border-bottom:1px solid #cacaca;
	padding:8px;
	border-bottom:1px solid #cacaca;
	text-align:right;
}
.TblCB thead th {
	text-align:left;
}
.clndr{
	vertical-align:middle;
}
.TblCB td {
	border-top:1px solid #cacaca;
	padding:8px;
	color:#000;
	vertical-align:top;
}
.TblCB tbody td span, .TblCB tbody td p span {
	color:#000;
}
.tblBody {
	border-collapse:collapse;
	width:916px;
	background:#FFF;
}
.tblBody thead th {
	background:#333;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
}
.tblBody thead th span {
	color:#999;
	font-weight:normal;
	font-size:13px;
}
.tblBody th {
	padding:6px 10px;
	font-weight:bold;
	text-align:left;
	border:1px solid #cacaca;
	background:#f2f2f2;
}
.tblBody td {
	padding:6px 10px;
	border:1px solid #cacaca;
}
.tblBody tr.odd {
	background:#fafafa;
}
.ctr{
	text-align:center;
}

#MyAccount {
	margin:0 0 0 0;
	padding:20px;
}
#MyAccount #profile {
	background: url(images/icon-profile.jpg) no-repeat 0 6px;
	padding:4px 0 0 60px;
}
#MyAccount #MyTrans {
	background: url(images/icon-transaction.gif) no-repeat 0 0;
	padding:0 0 0 60px;
	margin-top:20px;
}
#MyAccount h2 {
	padding:0 0 6px 0;
	margin:0;
}
#MyAccount p {
	margin:0;
	padding:0 0 10px 0;
	line-height:22px;
}
#MyAccount p span {
		padding:0 5px;
}
.abth3
{
	font:bold 14px Arial, Helvetica, sans-serif;
	padding-left:20px;
	color:#000;
}
.ROF {
	float:left;
	width:179px;
	height:230px;
}
.successmsg
{
	background-color:#C8ECC6;
	padding:4px 4px 4px 5px;
	vertical-align:middle;
	color:#000;
	
}
.cnthdr{
	background:url(images/hdr-bg.gif) no-repeat 0 0;
	height:59px;
	font:34px "Myriad Pro";
	font-smooth: 15px;
	color:#fff;
	text-shadow:2px 1px 2px #900;
	padding:8px 0 0 20px;
}
.TblM {
	margin:0 auto;
	border-collapse:collapse;
	border-top:1px solid #d2d2d2;
	text-align:left;
}
.TblM caption {
	padding:10px;
	font-weight:bold;
}
.TblM th {
	background:#F3F3F3;
	font-weight:bold;
	border-top:1px solid #d2d2d2;
	padding:10px;
	text-align: right;
	color:#757474;
}
.TblM thead th {
	background:#eff7ce;
	font-weight:bold;
	border-bottom:1px solid #d2d2d2;
	padding:10px;
	text-align:left;
	color:#000;
}

.TblM td{
	padding:10px;
	vertical-align:text-top;
}

/* -------new -------------*/


.newheader{ margin:7px 0px 0px 0px; width:959px; height:90px;}

.logo{float:left; height:90px;}
.header-rightpart{ width:635px; float:right; height:66px;}
.header-rightpart a{ color:#016332; text-decoration:none; font-size:13px;}
.header-rightpart a:hover{ color:#000; text-decoration:underline;}

.header-rightpart .main{ width:635px; float:left;}

.billmenu{float:right; margin:0px; padding:0px; width:600px; height:35px; margin-top:5px; text-align: right;}
.billmenu p{ background:url(images/menu_left.jpg) no-repeat left; height:27px; line-height:27px; padding-left:17px; float:left}
.billmenu p span{ background:url(images/menu_right.jpg) no-repeat right; height:27px; line-height:27px; padding-right:17px; float:left; margin-right:1px}
.billmenu p span a{ color:#FFF; text-decoration:none;}
.billmenu p span a:hover{ color:#d8ca39;}

#Banner {
	margin-bottom:25px;
	height:206px;
}
.banner {
	background:url(images/banner.png) no-repeat 0 0;
	height:206px;
	width:959px;
	position:relative;
}
.StateBox {
	font:bold 14px Arial, Helvetica, sans-serif;
	position:absolute;
	padding:2px 2px 2px 2px;
	top:126px;
	left:52px;
	width: 230px;
	border:1px solid #ad9f9f;
}
.CityBox {
	font:bold 14px Arial, Helvetica, sans-serif;
	position:absolute;
	padding:2px 2px 2px 2px;
	top:155px;
	left:52px;
	width: 230px;
	border:1px solid #ad9f9f;
}
/*      about us
====================*/
#about_head{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 0px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#003164;
	width: 100%;
}

/*   Faqs    
============*/
.biller_faq{
	font:12px Arial, Helvetica, sans-serif;
}
.biller_faq td{
	padding:5px;
	vertical-align:text-top;
}
.biller_faq a{
	color:#666;
	text-decoration:none;
}
.biller_faq a:hover{
	text-decoration:underline;
}


/*       Boxes
======================= */
.BoxL {
	background: #FFF url(images/bgc.gif) repeat-y left top;
}
.BoxLBot {
	background: url(images/bgbot.gif) no-repeat left bottom;
	padding-bottom:6px;
}
.BoxLTBot {
	background: url(images/bgtbot.gif) no-repeat left bottom;
	padding-bottom:6px;
	
}
.BoxLHBlue {
	border-bottom:1px solid #006929;
	width:960px;

	
}
.BoxLHBlue h1 {
	margin:0;
	padding:4px 14px;
	font-weight:bold;
	background:#EBF5C9 url(images/topb.gif) no-repeat left top;
	color:#000;
}
.BoxLHBlue h1 span {
	color:#787777;
	font-size:13px;
}
.BoxM {
	background: url(images/boxmbg.gif) repeat-y left top;
}
.BoxMBot {
	background: url(images/boxmbot.gif) no-repeat left bottom;
}
.BoxMM {
	background: url(images/boxmmbg.gif) repeat-y left top;
}
.BoxMMBot {
	background: url(images/boxmmbot.gif) no-repeat left bottom;
}
.BoxMHBlue, .BoxMHGreen, .BoxMHBrown {
	border-bottom:1px solid #a5a5a5;
}
.BoxMHBlue h2, .BoxMHGreen h2, .BoxMHBrown h2 {
	margin:0;
	padding:10px 14px;
	border:none;
}

.BoxMHBlue h2 {
	background: url(images/topblue.jpg) no-repeat left top;
}
.BoxMHGreen h2 {
	background: url(images/topgreen.jpg) no-repeat left top;
}
.BoxMHBrown {
	background: #84aa18 left top;
}
.BoxMHBrown h2 {
	background: url(images/topbrown.jpg) no-repeat left top;
}
.BoxS {
	background: url(images/boxsbg.gif) repeat-y left top;
}
.BoxSBot {
	background: url(images/rightbot.gif) no-repeat left bottom;
}
.BoxSHGreen, .BoxSHBlue, .BoxSHDGreen, .BoxHDBrownS {
	border-bottom:1px solid #a5a5a5;
}
.BoxSHGreen h2, .BoxSHBlue h2, .BoxSHDGreen h2, .BoxHDBrownS h2 {
	margin:0;
	padding:10px 14px;
	border:none;
}
.BoxSHGreen {
	background: url(images/bggreen.gif) repeat-y left top;
}
.BoxSHGreen h2 {
	background: url(images/topgreen.gif) no-repeat left top;
}
.BoxSHBlue {
	background: url(images/bgblue.gif) repeat-y left top;
}
.BoxSHBlue h2 {
	background: url(images/topblue.gif) no-repeat left top;
}
.BoxSHDGreen {
	background: url(images/bgdgreen.gif) repeat-y left top;
}
.BoxSHDGreen h2 {
	background: url(images/topdgreen.gif) no-repeat left top;
}
.BoxHDBrownS {
	background: #84aa18 left top;
}
.BoxHDBrownS h2 {
	background: url(images/topBrownSmall.jpg) no-repeat left top;
}
.ContactTbl {
	margin-top:8px;
}
.ContactTbl td {
	line-height:16px;
}
/*       9-4-2010 merchant
============================*/
.BoxLHGreen {
	border-bottom:1px solid #a5a5a5;
	background: #84aa17;
	position:relative;


}
.BoxLHGreen h2 {
	margin:0;
	padding:8px 14px;
	font-weight:bold;
	background: url(images/topg.gif) no-repeat left top;
	color:#fff;
}

.span-5, div.span-5 {
	width:959px;
	background: #e6fcff url(images/span5bg.gif) repeat-y left top;
	margin:0 auto;
}
.Merchant {
	width:960px;

}
.Merchant table, div.Merchant table {
	padding:0;
	margin:0;
}
.Merchant table td, div.Merchant td {
	margin:0 auto;
	padding:8px 5px 8px 5px;

}
#left {
	text-align:left;}

/*    Index - 12-04-2010
=================================*/
.flight-search-top, .fs-online-top, .current-offer-top, .services_top{
	padding:10px 0px 0px 10px;
	font: bold 13px Verdana, Geneva, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

#flight-search{
	width:355px; margin-right:10px; float:left;
}
.flight-search-top{
	background:url(images/search-top.gif) no-repeat 0 0;
	
	height:27px;
	
}
.flight-search-mid{
	background:url(images/search-middle.gif) repeat-y top left;
	
	padding:10px 10px 13px 10px;
	
}
#search-airlines{font:11px Arial, Helvetica, sans-serif;}
#search-airlines td{	
	color:#333;
	height:25px;
}
.search-airlines{font:11px Arial, Helvetica, sans-serif;}
.search-airlines td{	
	color:#333;
	height:25px;
	font-size:11px;
	 
}
.search-airlines input{	
	float:left;
}
.search-airlines label
{
	width:69%;
	display:inline;
	margin:0px 0px 0px 5px;
}
 

#right-topbox{
	width:591px; float:left; height:109px; margin-bottom:10px;}
#right-topbox .fs-online{
	width:352px;
	float:left;
}
#fs-online{
	width:370px;}
.fs-online-top{
	background:url(images/fs-online-top.gif) no-repeat 0 0;
	height:27px;
	width:360px;
	}
.fs-online th{
	background: url(images/fs-online-mid.gif) repeat-y top left;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#000;
	text-align:left;
	padding:10px;
	height:46px;}
	
#right-topbox .logos{
	float:right;
	width:212px;
	height:109px;
}

.current-offer-top{
	background:url(images/current-offer-top.gif) no-repeat 0 0;
	width:581px;
	height:28px;
}
.current-offer-mid{
	background:url(images/current-offer-mid.gif) repeat-y top left;
	width:591px;

}	
.ModalTitle {
	background: #efefef;
	color: #444;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 14px;
	border-bottom: 1px solid #777;
	text-align: left;
}
.services_top{
	background: url(images/services-topbg.gif) no-repeat 0 0;
	width:202px;
	height:27px;
}
/*    steps
====================*/
.TblSteps {
	margin:15px 0 15px 50px;
	border-collapse:collapse;
	
}
.TblSteps td.stepact {
	background:url(images/img-stepAct.gif) no-repeat 0 0;
	width:110px;
	height:34px;
}
.TblSteps td.stepDact {
	background: url(images/img-stepDact.gif) no-repeat 0 0;
	width:110px;
	height:34px;
}
.TblSteps td.Gap {
	background: url(images/gap.gif) repeat-x 0 center;
}
.stepHD {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	color:#FFF;

	vertical-align:middle;
}
.stepActnt, .stepDctnt {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	height:38px;
	vertical-align:middle;
	padding-top: 2px;
}
.stepActnt {
	color:#21682e;
}
.stepDctnt {
	color:#444444;
}
.TblGridBot {
	width:95%;
	border-collapse:collapse;
	margin:10px 20px;	 
}
.TblGridBot td {
	border:none;	
	background:#FFF;
	text-align:right;	
}
.TblSearch
{
	border-collapse:collapse;
	margin-left:10px;
	margin-top:10px;
	
}
.TblSearch td {
	padding:0px 0px 5px 5px;	
	font-weight:bold;
	font-family:Calibri;
}
.TblSearch td label {
	font-size:13px;
	padding-right:12px;
	padding-left:3px;
}
.TblSearch td select {
	padding:1px;
	border:1px solid #7f9db9;
}

.TblSearch td input{
	height:15px;
}

/*   helpline
===================*/
#helpline {
	position:absolute;
	top:20px;
	right:245px;
	margin:0;
	padding:0;
	width: 350px;
	text-align:right;	 
	color:#f3fbde;
}
#portal-line {
	position:absolute;
	top:26px;
	right:0px;
	width: 190px;
	text-align:right;
	color:#f3fbde;
	font-size:11px;
}
/*   FS Logo
================*/
#fs_logo{
	position:absolute; height: 20px; left: 815px;}

/*  modify Your Search
========================*/
.modify_search{
	padding:5px 10px; 
	position:absolute; 
	left: 988px; 
	top: 129px; 
	font:bold 14px Verdana, Geneva, sans-serif; 
	color:#000;
	width:300px;
}
.modify_search a{
	color:#000;
	text-decoration:none;}

.modify_search a:hover{
	color:#006529;
	text-decoration:underline;}
	
#sitemap{
	font:bold 11px Verdana, Geneva, sans-serif;
	padding-left:35px;
}
#sitemap a{
	color:#666;
}
#sitemap a:hover{
	color:#006529;
	text-decoration:none;
}
	

	#FrmRegister {  /* set width in #FrmRegister, not fieldset (still takes up more room w/ fieldset width */
  margin:0 20px;
}

#FrmRegister fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #3e7d0d;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  border-left:0;
  border-right:0;
  border-bottom:0;
  margin-top:15px;
}


p.big {
	font-size:18px;
}

#FrmRegister fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#464f56;
	font-weight:bold;
	padding:3px 10px;
	border:1px solid #3e7d0d;
	margin-bottom:10px;
}

#FrmRegister label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 9px 0 5px 0; /* set top margin same as #FrmRegister input - textarea etc. elements */
	font-weight:bold;
	text-align:left;
	color:#464f56;
}


#FrmRegister input, #FrmRegister textarea, #FrmRegister select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
      /* set width of #FrmRegister elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 5px 10px; /* set margin on left of #FrmRegister elements rather than right of
                              label aligns textarea better in IE */
    padding:5px;
	font-weight:bold;

}
.txtbox{
		border:1px solid #ad9f9f;
}
.vam {
	vertical-align:middle;
}
#FrmRegister input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#FrmRegister small {
	display: block;
	margin: 0 0 5px 180px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0px 3px 4px 15px;
	font-size: 88%;
	background: url(images/error.gif) no-repeat left 3px;
	color: #F00;
}

#FrmRegister .required{font-weight:bold;} /* uses class instead of div, more efficient */

.Field20 {
	width: 20px;
}
.Field30 {
	width: 30px;
}

.Field40 {
	width: 40px;
}

.Field50 {
	width: 50px;
}

.Field70 {
	width: 70px;
}

.Field80 {
	width: 80px;
}

.Field100 {
	width: 100px;
}

.Field110 {
	width: 110px;
}

.Field120 {
	width: 120px;
}

.Field150 {
	width: 150px;
}

.Field144 {
	width: 144px;
}

.Field300 {
	width: 250px;
	border:1px solid #ad9f9f;
}

.Field500 {
	width: 500px;
}

.Field250 {
	width: 250px;
}

.Field400 {
	width: 400px;
}

.Field600 {
	width: 600px;
}

.Field750 {
	width: 745px;
}

select.Field20 {
	width: 25px;
}

select.Field40 {
	width: 45px;
}

select.Field50 {
	width: 55px;
}

select.Field70 {
	width: 75px;
}

select.Field80 {
	width: 85px;
}

select.Field100 {
	width: 105px;
}

select.Field110 {
	width: 115px;
}

select.Field120 {
	width: 125px;
}

select.Field150 {
	width: 155px;
}

select.Field200 {
	width: 205px;
}

select.Field250 {
	width: 255px;
}

select.Field300 {
	width: 305px;
}

select.Field400 {
	width: 405px;
}

select.Field500 {
	width: 505px;
}

select.Field750 {
	width: 750px;
}
.MsgBox{
	position:absolute;
	width:228px;
	height:147px;
	background:url(images/vodafone.gif) no-repeat 0 0;
	top:5px;
	left:430px;
}

.pay-by{
	padding-top:30px;
	border-top:1px solid #900;
	padding-bottom:30px;
	border-bottom:1px solid #900;
	vertical-align:middle;
}
.pay-by a{
	color:#00F;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#FrmRegister {  /* set width in #FrmRegister, not fieldset (still takes up more room w/ fieldset width */
  margin:0 20px;
}

#FrmRegister fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #900;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  border-left:1px;
  border-right:1px;
  border-bottom:0;
  margin-top:15px;

}

#FrmRegister fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#900;
	font-weight:bold;
	padding:3px 10px;
	border:1px solid #900;
	margin-bottom:10px;
}

#FrmRegister label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 9px 0 5px 0; /* set top margin same as #FrmRegister input - textarea etc. elements */
	font-weight:bold;
	text-align:left;
	color:#464f56;
}

#FrmRegister input, #FrmRegister textarea, #FrmRegister select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
      /* set width of #FrmRegister elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 5px 10px; /* set margin on left of #FrmRegister elements rather than right of
                              label aligns textarea better in IE */
    padding:5px;
	font-weight:bold;

}
.txtbox{
		border:1px solid #ad9f9f;
}
.vam {
	vertical-align:middle;
}
#FrmRegister input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#FrmRegister small {
	display: block;
	margin: 0 0 5px 180px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0px 3px 4px 15px;
	font-size: 88%;
	background: url(images/error.gif) no-repeat left 3px;
	color: #F00;
}

#FrmRegister .required{font-weight:bold;} /* uses class instead of div, more efficient */

.Field20 {
	width: 20px;
}
.Field30 {
	width: 30px;
}

.Field40 {
	width: 40px;
}

.Field50 {
	width: 50px;
}

.Field70 {
	width: 70px;
}

.Field80 {
	width: 80px;
}

.Field100 {
	width: 100px;
	border:1px solid #ad9f9f;
}

.Field110 {
	width: 110px;
}

.Field120 {
	width: 120px;
}

.Field150 {
	width: 150px;
}

.Field144 {
	width: 144px;
}

.Field300{
	width: 250px;
	border:1px solid #ad9f9f;
}

.Field200 {
	width: 200px;
	border:1px solid #ad9f9f;
}

.Field500 {
	width: 500px;
}

.Field250 {
	width: 250px;
	border:1px solid #ad9f9f;
}

.Field400 {
	width: 400px;
}

.Field600 {
	width: 600px;
}

.Field750 {
	width: 745px;
}

select.Field20 {
	width: 25px;
}

select.Field40 {
	width: 45px;
}

select.Field50 {
	width: 55px;
}

select.Field70 {
	width: 75px;
}

select.Field80 {
	width: 85px;
}

select.Field100 {
	width: 105px;
}

select.Field110 {
	width: 115px;
}

select.Field120 {
	width: 125px;
}

select.Field150 {
	width: 155px;
}

select.Field200 {
	width: 205px;
}

select.Field250 {
	width: 255px;
	border:1px solid #ad9f9f;
}

select.Field300 {
	width: 262px;
	border:1px solid #ad9f9f;
}

select.Field400 {
	width: 405px;
}

select.Field500 {
	width: 505px;
}

select.Field750 {
	width: 750px;
}
.MsgBox{
	position:absolute;
	width:228px;
	height:147px;
	background:url(images/vodafone.gif) no-repeat 0 0;
	top:5px;
	left:430px;
}
.MsgBox2{
	position:absolute;
	width:190px;
	height:147px;
	background:url(images/lic-logo.gif) no-repeat 0 0;
	top:5px;
	left:450px;
}
.pay-by{
	padding-top:30px;
	border-top:1px solid #900;
	padding-bottom:30px;
	border-bottom:1px solid #900;
	vertical-align:middle;
}
.pay-by a{
	color:#00F;
	font:bold 12px Arial, Helvetica, sans-serif;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 5px 0; /* set top margin same as form input - textarea etc. elements */
}

/* Added by Priyanka for GroupBooking*/

.tblChk label 
{
	display:inline;
	float:none;	
	width: 150px; 
	padding: 0; 
	margin: 5px 0 5px 0;
 }
	
/* -----------End ---------------*/
	

.clrbtn{
	background:url(images/btn-clear.gif) no-repeat left top;
	width:67px;
	height:26px;
	border:none;
	cursor:default;
}

.PGList 
{
	width:948px;
	margin:0 1px;
}

.TblRVO {
	width:337px;
	margin:0;
	float:left;
	border-collapse:collapse;
}
.TblRVO th, .TblRVO td {
	font:11px Arial, Helvetica, sans-serif;
	padding:4px 5px;
}
.TblRVO thead th {
	background:#e6fdf0;
	border-top:1px solid #CCC;
	font-weight:bold;
	padding:6px 5px;
	border-bottom:1px solid #CCC;
}
.TblRVO tbody th {
	border-bottom:1px solid #CCC;
	background:#F7F7F7;
	text-align:right;
	width:90px;
}
.TblRVO tbody td {
	
	border-bottom:1px solid #CCC;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:34px;
/*	border-bottom:1px solid #666;	*/
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:11px;
	display:block;
	height: 34px;  
	line-height:34px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
	
}

/*    tab css start
==========================*/

#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #navigation ul {
     text-align: center;
 }

 #navigation ul li {
     display: inline;
     margin-right: .75em;
 }

 #navigation ul li.last {
     margin-right: 0;
 }
 
 #navigation ul li a {
     background: url(images/imgstepDact.gif) no-repeat 100% 0;
     color: #fff;
     text-decoration: none;
 }

#navigation ul li a:hover {
     background: url(images/imgstepAct.gif) no-repeat 100% 0;
	 color:#FFF;
	 text-decoration: none;
	 cursor:pointer;
}

#navigation ul li a:active {
     background: url(images/imgstepAct.gif) no-repeat 100% 0;
     color: #fff;
     text-decoration: none;
 }


#navigation ul li a span {
     background: url(images/tab-left.gif) no-repeat;
     padding: 5px 1em;
 }

 #navigation ul li a:hover span {
     color: #b1c970;
     text-decoration: underline;
 }
 
 #ModifySearchOpen {
	font: normal 18px Arial, Helvetica, sans-serif;
	position:absolute;
	right:0;
	top:1px;
	padding:14px 14px 10px 20px;
	margin:0;
	z-index:100;
	background: url(../images/blue-down.gif) no-repeat 0 23px;
	line-height:normal;
}

#ModifySearchOpen a {
	font: normal 18px Arial, Helvetica, sans-serif;
}

#ModifySearchPanel .BxL {
	color:#11488a;
	font-weight:bold;
	float:left;
	padding:10px 14px 0 14px;
	margin:0;
}

#ModifySearchPanel {
	/*background:#ffffde url(../images/bgmp.gif) repeat-y left top;*/
	border-bottom:1px solid #a5a5a5;
	margin:0 1px;
	position:absolute;
}
#ModifySearchPanel p {
	color:#11488a;
	font-weight:bold;
	float:left;
	padding:14px 14px 19px 14px;
	margin:0;
}
#ModifySearchPanel p span {
	color:#9ca0a4;
	font-size:12px;
}

TblCB1 {
	border-collapse:collapse;
	background:#FFF;
	border-top:1px solid #cacaca;
	margin:0 auto;	
	color: #1987c3;
}

.TblCB1 td {
	border-bottom:1px solid #cacaca;
	padding:8px;
	color:#000;
	vertical-align:top;
}

.dvhdr1 {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #cacaca;
	padding:5px;
	width:370px;
	text-align:left;
	border-bottom:none;
}

.dvbdy1 {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	width:380px;
	text-align:left;
	border:1px solid #cacaca;
	z-index:2000;
}
.dvhdr1 table, .dvbdy1 table { margin:0; border-collapse:collapse; z-index:2000; }
.dvbdy1 td {
	width:290px;
	padding:5px;
	border-left:1px solid #cacaca;
	border-top:1px solid #cacaca;
	z-index:2000;
}
#Mask
{
	line-height: 20px;
	z-index: 1111; 
	position: absolute;
    background: #FFFFFF; 
    height: 50px; 
    width: 1000px; 
    font-weight:900;
    filter: alpha(opacity=80);
    -moz-opacity: .60; 
    opacity: .60; 
    text-align: center; 
    vertical-align:middle;
    font-family:Verdana;
    font-size:large ;
    color:Red;
    left: 0px;
    top: 0px
}

#MaskMessage
{
    background-color: Transparent;
	padding:15px;
	font:18px Arial, Helvetica, sans-serif;
	position:absolute;
	top:150px;
	left:200px;
	width:300px;
	z-index:1;
		
}
.SuccessMessage {
	border: 1px solid;
    margin: 10px 20px;
    padding:10px 10px 10px 50px; 
    background-repeat: no-repeat;
    background-position: 10px center;
	font-weight:bold;
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(images/icon-success.gif);
}
.TblPDetails {
	border-collapse: collapse;
	padding-bottom:10px;
	border:1px solid #CCC;
	margin:0;
	padding:0;
	width:474px;
}
.TblPDetails th {
	text-align:left;
	padding:6px 10px;
	/* border:1px solid #CCC;*/ 
	background:#F3F0E7;
}
.TblPDetails td {
	padding:6px 10px;
	border:1px solid #CCC;
}


.TblCB1 {
	border-collapse:collapse;
	background:#FFF;
	border-top:0px solid #cacaca;
	margin:0 auto;	
	color: #000;
}
.TblCB1 caption {
	padding:10px;
}
.TblCB1 th {
	background:#EBF5C9;
	font-weight:bold;
	border-bottom:1px solid #cacaca;
	padding:8px;
	border-top:0px solid #cacaca; 
	text-align:right;
}
.TblCB1 thead th {
	text-align:left;
}

.TblCB1 td {
	border-top:0px solid #cacaca;
	border-bottom:0px solid #cacaca;
	padding:8px;
	color:#000;
	vertical-align:top;
}
.TblCB1 tbody td span, .TblCB1 tbody td p span {
	color:#000;
}
/*============================*/
.BoxLHGreen1 {
	border-bottom:1px solid #a5a5a5;
	background: #84aa17;
	position:relative;



}
.BoxLHGreen1 h2 {
	margin:0;
	padding:2px 14px;
	font-weight:normal;
	background: #84aa17;
	color:#FFF;
}
.TblCBgv {
border-collapse:collapse;
background:#FFF;
border-top:0px solid #cacaca;
margin:0 auto;	
color: #000;
}
.TblCBgv caption {
padding:10px;
}
.TblCBgv th {
background:#EBF5C9;
font-weight:bold;
border-bottom:1px solid #cacaca;
padding:8px;
border-bottom:1px solid #cacaca;
}

.TblCBgv td {
border-top:1px solid #cacaca;
padding:5px;
color:#000;
vertical-align:top;
}
.TblCBgv tbody td span, .TblCB tbody td p span {
color:#000;
}
.TblCBgv th 
{
	text-align:left;

}