/*
 * Author:		Ronan Sprake [ronan.sprake@digitaloverload.co.uk]
 * Agency:		Digital Overload Ltd.
 * Client: 		BGD
 * Project: 	Foocall
 * Comment:		Base stylesheet

----------------------
Contents:

@import Reset stylesheet

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
4. Navigation
5. Content
6. Sub-content
7. Footer
8. Ancillaries
9. Miscellaneous
10. Infopop
11. Do-selectable

*/

@import url("reset.css");

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/

#page-container
{
	font-size:				0.75em; /* 16 x 0.75=12px */
}

.home h1,
.country h1
{
	font-size:				2.167em; /* 12 x 2.167=26px */
}

li,
p,
.welcome h2,
.payment h2,
form h2,
form input,
form select
{
	font-size:				1em; /* 12 x 1=12px */
}

#ancillary-container .logged-in form input,
#ancillary-container .logged-in form select
{
	font-size:				1.09em;
}

#ancillary-container .logged-in .balance
{
	font-size:				1.83em; /* 12 x 1.83=22px */
}

.welcome .promo-reminder em
{
	font-size:				1.667em; /* 12 x 1.667=20px */
}

.rates h1,
.home p,
.country p,
.promo-reminder,
#frm-price-plan label em,
#ancillary-container .logged-in .free-minutes
{
	font-size:				1.5em; /* 12 x 1.5=18px */
}

h1,
h2,
.welcome .promo-reminder
{
	font-size:				1.417em; /* 12 x 1.417=17px */
}

h3,
.why-features h2,
.rates #frm-destination-label,
#ancillary-container .feature em,
.time-zones label
{
	font-size:				1.333em; /* 12 x 1.333=16px */
}

.support.index h2,
.support.detail h3,
.rates thead em,
#ancillary-container .feature,
p.no-calls
{
	font-size:				1.167em; /* 12 x 1.167=14px */
}

.support.index p
{
	font-size:				1.083em; /* 12 x 1.083=13px */
}

.footnote,
.reminder a,
#billing-address p
{
	font-size:				0.8em; /* 12 x 0.833=10px */
}

.footer p,
.rates table thead th,
.frm-save-address
{
	font-size:				0.917em; /* 12 x 0.917=11px */
}

.frm-save-address span
{
y	font-size:				0.91em; /* 11 x 0.91=10px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

ol
{
	list-style:				outside decimal;
}

table th
{
	font-weight:			normal;
	padding-right:			15px;
	width:					140px;
}

table td
{
	padding:				2px 5px 8px 0;
	
}

table.get-calling td
{
	padding:				2px 5px 0px 0;
	
}

h1,
h2,
h3
{
	font-weight:			bold;
	margin-bottom:			12px;
}

.home h1,
.country h1
{
	color:					#CF051B;
}

h1,
h2,
h3,
h4
{
	color:					#E20018;
}

ol,
ul,
p,
table
{
	margin-bottom:			12px;
}

li,
p
{
	line-height:			1.4em;
}

#content-container.content p
{
	max-width:				510px;
}

strong
{
	font-weight:			bold;
}

em
{
	font-style:				normal;
}

a
{
	color:					#E20018;
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}



/*--------------------------------------------------------------------------
	Parent layout styles
----------------------------------------------------------------------------*/

body
{
	color:					#707173;
}

#page-container
{
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 auto;
	width:					895px;
}

#anyphone-panel,
#webphone-panel
{
	font-family:			Arial, Helvetica, sans-serif;
}

#page-container.help
{
	width:					auto;
	padding:                2em;
}

#content-container
{
	float:					left;
	margin-top:				-2px;
	width:					644px;
	
}

#ancillary-container
{
	float:					right;
	margin-top:				-1px;
	width:					248px;
	z-index:				1;
}


/*--------------------------------------------------------------------------
	=header
----------------------------------------------------------------------------*/

.header
{
	margin-bottom:			12px;
	position:				relative;
	z-index:				9999;
}

.header form
{
	position:				absolute;
	right:					10px;
	top:					40px;
}

.nav
{
	margin:					0;
	padding:				26px 0 7px 134px;
}

.nav li
{
	float:					left;
}

#home img
{
	height:					49px;
	left:					0;
	position:				absolute;
	top:					26px;
}

#home a
{
	background-image:		url(/media/images/bg-nav-home.png);
	width:					65px;
}

#rates a
{
	background-image:		url(/media/images/bg-nav-rates.png);
	width:					83px;
}

#how a
{
	background-image:		url(/media/images/bg-nav-how.png);
	width:					105px;
}

#why a
{
	background-image:		url(/media/images/bg-nav-why.png);
	width:					99px;
}

#sign-up a
{
	background-image:		url(/media/images/bg-nav-signup.png);
	width:					101px;
}

#blog a
{
	background-image:		url(/media/images/bg-nav-blog.png);
	width:					57px;
}

.nav li a
{
	background-position:	left top;
	display:				block;
	height:					29px;
	margin-top:				13px;
}

.nav li a:hover,
.nav li.current a
{
	background-position:	left bottom;
}


/*--------------------------------------------------------------------------
	=footer
----------------------------------------------------------------------------*/

.footer
{
	clear:					left;
	margin-left:			30px;
	position:				relative;
	top:					-30px;
	width:					585px;
	z-index:				1;
}

.footer li
{
	border-right:			1px solid #707173;
	display:				inline;
	padding-right:			8px;
	margin-right:			5px;
}

.footer li.last
{
	border-right:			none;
}

.footer ul
{
	margin-bottom:			2px;
}

.footer a
{
	color:					#707173;
/*	text-decoration:		none; */
}

.footer li.current a
{
	color:					#E20018;
	font-weight:			bold;
}

.footer a:hover
{
	color:					#E20018;
	font-weight:			normal;
}


/*--------------------------------------------------------------------------
	= Main content
----------------------------------------------------------------------------*/

#content-container
{
	background:				#EFEFEF url(/media/images/bg-content-container.png) no-repeat left top;
}

#content-container.home .content
{
	background:				url(/media/images/bg-content-home2.png) no-repeat left top; 
	margin-top:				-12px;
	min-height:				475px;
	padding:				30px 148px 40px;
}




#content-container.home .content h1,
#content-container.home .content p
{
	font-family:			Helvetica, Arial, sans-serif;
	text-align:				center;
}

#content-container.home .content p
{
	margin-bottom:			6px;
}

#content-container .content
{
	background:				url(/media/images/bg-content.png) no-repeat left bottom;
	min-height:				418px;
	padding:				44px 30px 90px 57px;
	position:				relative;
}

#page-container.help #content-container .content
{
	min-height:				100px;
}

#content-container .content.globe
{
	background:				url(/media/images/bg-content-pattern.png) no-repeat left bottom;
}

#content-container .content.globe-1
{
	background:				url(/media/images/bg-content-pattern-1.png) no-repeat left bottom;
}

#content-container .content.globe-2
{
	background:				url(/media/images/bg-content-pattern-2.png) no-repeat left bottom;
}

#content-container .content.globe-1 .promo-reminder
{
	padding-left:			25px;
}

#content-container .content a
{
/*	text-decoration:		none; */
}

.promo-expire,
.promo-reminder
{
	text-align:				center;
	margin-bottom:			6px;
	max-width:				100%;
}

.promo-reminder em
{
	color:					#E20018;
	font-weight:			bold;
}

.reminder a
{
	color:					#707173;
}

.reminder
{
	vertical-align:			middle;
}


/*--------------------------------------------------------------------------
	=rates
----------------------------------------------------------------------------*/

#content-container.rates .content
{
	min-height:				410px;
}

.rates h1
{
	color:					#707173;
	font-weight:			normal;
	margin-bottom:			27px;
}

.rates #frm-destination-label
{
	color:					#E20018;
	font-weight:			bold;
	vertical-align:			middle;
}

.rates label
{
	margin-right:			10px;
}

.rates fieldset.destination
{
	margin-right:			36px;
}

.rates fieldset.destination select
{
	width:					170px;
}

.rates fieldset select option.high
{
	background-color: #C1272D;
	color: #FFF;
}

.rates form,
.rates table
{
	margin-bottom:			30px;
}

.rates #container-morerates
{
	display:				none;
	margin-bottom:			20px;
	position:				relative;
}

.rates #morerates
{
	margin-bottom:			0;
}

.rates fieldset
{
	display:				inline;
	vertical-align:			top;
}

.rates p
{
	width:					540px;
}

.rates .access
{
	vertical-align:			middle;
}

.rates p.footnote
{
	padding:				15px 0 0 96px;
	text-align:				left;
	width:					auto;
}

.rates table
{
	width:627px;	
}

.rates tr
{
	position:				relative;
	display:				block;
}

.rates thead th
{
	width:105px;
}

.rates thead td
{
	width:inherit;
}

.rates thead td.name
{
	width:					245px;
}

.rates thead td.social,
.rates tbody td.social
{
	padding-right:7px;
	vertical-align:top;
	width:165px;
}

.rates tbody td.social
{
	padding-top:5px;	
}


.rates tbody td.social *
{
	vertical-align:top;
}

.rates tbody td.social .addthis_button_tweet
{
	position:relative;
}

.rates tbody td.social .addthis_button_facebook_like
{
	position:relative;
}


.rates table thead th
{
	background:				url(/media/images/bg-rates-thead.png) no-repeat left top;
	color:					#FFCC00;
	padding-bottom:			2px;
	padding-right:			7px;
	padding-top:			4px;
	text-align:				center;
}

.rates table thead th em
{
	color:					#FFF;
	display:				block;
	font-weight:			bold;
	text-align:				center;
}

.rates tbody tr
{
	background:				url(/media/images/bg-rates-tr.png) no-repeat left top;
	margin-bottom:			0;
}

.rates tbody th
{
	padding:				8px 0 8px 12px;
	text-align:				left;
	vertical-align:			middle;
	width:					245px;
}

.rates tbody td
{
	background-image:		none;
	font-weight:			bold;
	padding:				0;
	text-align:				center;
	vertical-align:			middle;
}

.rates tbody td.rate
{
	width:					105px;	
	padding-right:			7px;
}

#content-container.rates .content
{
	padding:44px 0 90px 7px;
}

#content-container.rates .content h1,
#content-container.rates .content form,
#content-container.rates .content p
{
	margin-left:50px;
	margin-left:50px;
}

/*--------------------------------------------------------------------------
	=how-it-works
----------------------------------------------------------------------------*/

#content-container.how-it-works .content
{
	padding-bottom:			88px;
}

/*--------------------------------------------------------------------------
	= list styles
----------------------------------------------------------------------------*/


ol.how-instructions
{
	background:				url(/media/images/bg-how-instructions.jpg) no-repeat 3px top;
	margin:					40px 0 20px;
	padding:				130px 0 14px 0px;
}

ol.how-internet
{
	background:				url(/media/images/bg-how-internet.png) no-repeat 3px top;
	margin:					10px 0 20px;
	padding:				325px 0 14px 0px;
}

ol.how-instructions li
{
	margin-bottom:			10px;
	margin-left:			18px;
}

ul.why-features
{
	margin:					10px 0 3px;
	padding-left:			0px;
}

ul.why-features p
{
	line-height:			1.2em;
}

ul.why-features li
{
	margin-bottom:			4px;
	min-height:				60px;
	padding:				0px 9px 0 65px;
}



ul.why-features #iphone
{
	background:				url(/media/images/iphone-button.png) no-repeat left top;
}

ul.why-features #android
{
	background:				url(/media/images/android-download2.png) no-repeat left top;
}


ul.why-features #blackberry
{
	background:				url(/media/images/bg-li-iphone.png) no-repeat left top;
}

ul.why-features #windows-phone
{
	background:				url(/media/images/bg-li-android.png) no-repeat left top;
}


ul.why-features #symbian
{
	background:				url(/media/images/bg-li-iphone.png) no-repeat left top;
}




/*
ul.why-features #iphone
{
	background:				url(/media/images/bg-li-iphone.png) no-repeat left top;
}

ul.why-features #android
{
	background:				url(/media/images/bg-li-android.png) no-repeat left top;
}
*/
ul.why-features #mobile
{
	background:				url(/media/images/bg-li-mobile.png) no-repeat left top;
}

ul.why-features #computer
{
	background:				url(/media/images/bg-li-computer.png) no-repeat left top;
}

ul.why-features #internetmobile
{
	background:				url(/media/images/bg-li-internetmobile.png) no-repeat left top;
}

ul.why-features #landline
{
	background:				url(/media/images/bg-li-landline.png) no-repeat left top;
}

ul.why-features #simple
{
	background:				url(/media/images/bg-li-simple.png) no-repeat left top;
}

ul.why-features #signup
{
	background:				url(/media/images/bg-li-signup.png) no-repeat left top;
}

ul.why-features #options
{
	background:				url(/media/images/bg-li-options.png) no-repeat left top;
}

ul.why-features #cheap
{
	background:				url(/media/images/bg-li-cheap.png) no-repeat left top;
}

ul.why-features h2
{
	margin-bottom:			0;
}


/*--------------------------------------------------------------------------
	= sign-up
----------------------------------------------------------------------------*/

.sign-up h2,
.sign-up .sub-heading
{
	display:				inline;
	margin-right:			10px;
}

.sign-up form
{
	margin:					20px 0;
}

.sign-up input,
.sign-up select
{
	width:					160px;
}

.sign-up #frm-country
{
	width:					164px;
}

.sign-up th
{
	width:					100px;
}

.sign-up tr.captcha th
{
	vertical-align:         middle;
}

.sign-up tr.captcha #captcha
{
	border:                 1px solid #d9d5ee;
}

.sign-up .captcha td
{
	padding-top:            10px;
}

.sign-up td
{
	padding-bottom:			8px;
	padding-right:			6px;
}

.sign-up td.notice
{
	padding-bottom:			0;
	width:					220px;
}

.sign-up input#frm-submit
{
	margin-top:				8px;
	width:					auto;
}

.sign-up input#frm-setup
{
	width:					auto;
}

.notice,
.notice a
{
	color:					#E20018;
	padding-bottom:			0;
	vertical-align:			top;
}

.notice a
{
	font-weight:			bold;
/*	text-decoration:		underline; */
}

.sign-up table td.notice
{
	width: 					160px;

}

.sign-up div.signup-section {
}


/*

ol.sign-up-steps
{
	list-style:				none;
	margin:					20px 80px 40px 0;
	text-indent:			0;
}

ol.sign-up-steps li
{
	margin-bottom:			10px;
	min-height:				45px;
	padding:				8px 50px 0 52px;
}

ol.sign-up-steps #no-1
{
	background:				url(/media/images/bg-ol-1.png) no-repeat left top;
}

ol.sign-up-steps #no-2
{
	background:				url(/media/images/bg-ol-2.png) no-repeat left top;
}

ol.sign-up-steps #no-3
{
	background:				url(/media/images/bg-ol-3.png) no-repeat left top;
}
*/

div.signup-section
{
	padding-left:			80px;
}

div.signup-section div.numbers
{
	position:				absolute;
	width:					70px;
	height:					70px;
	margin-left:			-70px;
}

div.signup-section #no-1
{
	background:				url(/media/images/bg-ol-1.png) no-repeat left top;
}

div.signup-section #no-2
{
	background:				url(/media/images/bg-ol-2.png) no-repeat left top;
}

div.signup-section #frm-currency
{
	width:					164px;
}

/*--------------------------------------------------------------------------
	= Activate
----------------------------------------------------------------------------*/

.activate p
{
	max-width:				380px;
}

.activate form
{
	margin:					30px 0;
}

.activate table th
{
	width:					95px;
}

.activate table td
{
	padding-bottom:			14px;
	padding-right:			12px;
}

.activate a
{
	font-weight:			normal;
/*	text-decoration:		none; */
}

.activate #frm-submit
{
	margin-top:				6px;
}

.error a
{
	color:					#707173;
	font-weight:			bold;
}

#frm-username,
#frm-password
{
	width:					160px;
}

/*--------------------------------------------------------------------------
	= Welcome
----------------------------------------------------------------------------*/

.welcome h1
{
	color:					#707173;
	font-weight:			normal;
	margin-bottom:			9px;
}

.welcome h1 em
{
	color:					#E20018;
	font-weight:			bold;
}

.welcome h2
{
	margin-bottom:			6px;
}

.welcome p
{
	margin-bottom:			8px;
	max-width:				530px;
}

.welcome .last
{
	margin-bottom:			21px;
}

.welcome .promo-reminder em
{
	background:				url(/media/images/bg-promo-reminder-em.png) no-repeat center top;
	color:					#FFF;
	font-weight:			normal;
	padding:				10px 14px;
	position:				relative;
}

.welcome .promo-reminder.single em
{
	padding:				10px 19px;
}

.welcome .promo-reminder,
.welcome .promo-expire
{
	margin:					24px 24px 24px 0;
}

.welcome .promo-reminder
{
	margin-top:				40px;
}

.welcome .promo-expire
{
	margin-bottom:			-40px;
}

/*--------------------------------------------------------------------------
	=account
----------------------------------------------------------------------------*/

#content-container.account .content
{
	padding-right:			10px;
}

.account table
{
	margin-bottom:			3px;
}

.account #frm-details table
{
	margin-bottom:			15px;
}

.account #frm-details input
{
	width:					150px;
}

.account #frm-details #account-password input
{
	margin-bottom:			3px;
	width:					110px;
}

.account #frm-details #frm-updates,
.account #frm-details .frm-details-submit,
.account #frm-details #account-password .frm-details-submit
{
	width:					auto;
}

.account #frm-details .updates
{
	padding-bottom:			0;
}

.account .frm-details-submit
{
	display:				block;
	margin-top:				15px;
}

.account #frm-local-call-country
{
	margin-bottom:			15px;
}

.account #frm-local-call-country .frm-details-submit
{
	margin-top:				18px;
}

.account #frm-local-call-country label
{
	display:				block;
	margin-bottom:			6px;
}

#frm-price-plan label
{
	background:				url(/media/images/bg-price-plan-foo.png) no-repeat left top;
	display:				block;
	font-weight:			bold;
	line-height:			1.3em;
	margin-bottom:			3px;
	padding-left:			40px;
}

#frm-price-plan #frm-plan-plus-label
{
	background:				url(/media/images/bg-price-plan-foo-plus.png) no-repeat left top;
}

#frm-price-plan label em
{
	color:					#E20018;
	display:				block;
}

.account #frm-price-plan table th
{
	padding-right:			8px;
	width:					auto;
}

#frm-details
{
	background:				url(/media/images/bg-price-plan.png) no-repeat right 15px;
	float:					left;
	margin-right:			24px;
	padding:				0 16px 20px 0;
	width:					280px;
}

.account #frm-price-plan table th
{
	width:					auto;
}

.price-plan
{
	float:					left;
	width:					250px;
}

.account #frm-details table td
{
	padding-bottom:			4px;
}

.account #account-password th,
.account #account-password td
{
	vertical-align:			middle;
}

#frm-details h2
{
	margin-bottom:			5px;
	padding-top:			5px;
}
/*
#frm-paypal
{
	margin:					0 0 24px 28px;
	width:					229px;
}

#frm-paypal select,
#frm-paypal input
{
	margin-right:			13px;
	vertical-align:			middle;
}

#frm-paypal select
{
	display:				block;
	margin-bottom:			10px;
}
*/
.payment-methods
{
	bottom:					28px;
	left:					100px;
	position:				absolute;
}

.account p.last
{
	margin-bottom:			5px;
}


/*--------------------------------------------------------------------------
	=billing
----------------------------------------------------------------------------*/

#billing-process
{
	height:					62px;
	margin:					-13px auto 25px;
	width:					400px;
}

#billing-process li
{
	background:				url(../images/bg-booking-process.png) no-repeat 0 0;
	display:				block;
	float:					left;
	height:					62px;
	text-indent:			-9999px;
}

#billing-process #process-amount
{
	margin-right:			26px;
	width:					83px;
}

#billing-process #process-amount.current
{
	background-position:	0 -62px;
}

#billing-process #process-details
{
	background-position:	-83px 0;
	margin-right:			26px;
	width:					72px;
}

#billing-process #process-details.current
{
	background-position:	-83px -62px;
}

#billing-process #process-confirm
{
	background-position:	-155px 0;
	margin-right:			34px;
	width:					87px;
}

#billing-process #process-confirm.current
{
	background-position:	-155px -62px;
}

#billing-process #process-complete
{
	background-position:	-242px 0;
	width:					55px;
}

#billing-process #process-complete.current
{
	background-position:	-242px -62px;
}

#content-container.billing .content
{
	padding-bottom:			90px;
}

.billing .last
{
	margin-bottom:			18px;
}

.billing fieldset
{
	float:					left;
	width:					267px;
}

.billing .footnote
{
	padding-left:			22px;
}

.billing .submit
{
	margin-top:				7px;
	padding-bottom:			9px;
	width:					500px;
}

.billing .submit p
{
	padding-bottom:			10px;
}

.billing .submit input,
.billing .submit img
{
	display:				inline;
}

.billing .successful th
{
	width:					180px;
}

#billing
{
	margin-right:			20px;
	padding-right:			5px;
	width:					265px;
}

#billing input,
#billing #frm-card-type
{
	width:					130px;
}

#billing #frm-card-type
{
	width:					134px;
}

#billing #frm-updates
{
	width:					auto;
}

#frm-billing th
{
	padding-bottom:			5px;
	padding-right:			5px;
}

#frm-billing td
{
	padding-bottom:			5px;
	text-align:				right;
}

#frm-billing input
{
	padding-right:			0;
}

#frm-billing .vat-policy
{
	margin-left:			10px;
	position:				absolute;
}

.billing.plus #billing-short
{
	margin-bottom:			6px;
}

#billing-short
{
	margin-bottom:			86px;
	padding-right:			50px;
	width:					240px;
}

#billing-address table
{
	margin-bottom:			0;
}

#billing-address th,
#billing-short th
{
	padding-right:			15px;
	width:					80px;
}

#billing-address th.fullwidth
{
	width:					150px;
}

#billing-short th
{
	padding-bottom:			10px;
}

#billing-address td,
#billing-short td
{
	text-align:				left;
}

#billing-short p.info a
{
	color:					#707173;
	font-weight:			bold;
}

#billing-short .notice a
{
	display:				block;
	margin-bottom:			5px;
/*	text-decoration:		underline; */
}

#billing-short p img
{
	vertical-align:			top;
}

#billing-short p
{
	margin-bottom:			10px;
}

#billing-address input
{
	margin-right:			5px;
	width:					160px;
}

#billing #frm-amount
{
	width:					90px;
}

#billing #frm-card-issue,
#billing #frm-card-code
{
	width:					55px;
}

table#billing-address
{
	margin-left:			15px;
}

table#billing-address td
{
	width:					150px;
}

#frm-billing-submit
{
	margin:					8px 26px 0 0;
}

.verisign
{
	margin-bottom:			-3px;
	position:				absolute;
	right:					35px;
}

.thawte
{
	border:					0;
	padding:				90px;
}

div.thawte p
{
	padding:				0;
	margin:					0;
}

#frm-billing #frm-country,
#frm-billing #frm-county-state
{
	width:					165px;
}

.billing iframe
{
	margin-bottom:			30px;
}

#frm-billing #frm-postcode-zip
{
	width:					80px;
}

#frm-billing #frm-save-address
{
	float:					left;
	margin:					0 5px 20px 0;
	width:					auto;
}

.frm-save-address span
{
	display:				block;
	margin-top:				2px;
	width:					260px;
}

/*--------------------------------------------------------------------------
	=payment
----------------------------------------------------------------------------*/

#content-container.payment .content
{
	padding-right:			20px;
}

.payment p
{
	float:					left;
	max-width:				350px;
}

.payment-thanks p
{
	max-width:				270px;
}

.payment .verisign,
.payment-thanks .verisign
{
	bottom:					110px;
}

.payment dl
{
	margin-bottom:			18px;
}

.payment dt
{
	clear:					left;
	float:					left;
	margin-bottom:			10px;
	width:					110px;
}

.payment table .divider
{
	border-bottom:			1px solid #707173;
	padding:				2px 0;
}

.payment th
{
	padding:				2px 15px 8px 0;
	vertical-align:			middle;
}

.payment td
{
	font-weight:			bold;
	padding-right:			0;
	vertical-align:			middle;
}

.payment .access
{
	margin-left:			15px;
}

.payment table .total th,
.payment table .total td
{
	padding:				10px 0;
}

.payment .submit
{
	margin:					14px 0;
}

#frm-details-payment
{
	margin:					8px 16px 0 0;
}

.payment label a
{
	font-weight:			normal;
}


/*--------------------------------------------------------------------------
	=contacts
----------------------------------------------------------------------------*/

#content-container.contacts .content
{
	padding-left:			45px;
	padding-right:			15px;
}

.contacts table a,
.contacts table a:hover
{
	color:					#707173;
	font-weight:			normal;
/*	text-decoration:		none; */
}

.contacts h1
{
	margin-bottom:			25px;
	padding-left:			30px;
}

.contacts th,
.contacts p
{
	font-weight:			bold;
}

.contacts .add p
{
	line-height:			1.2em;
	width:					220px;
}

.contacts p.addtext
{
	clear:					both;
	padding-left:			32px;
	width:					170px;
	padding-top:			10px;
}

.contacts .add a
{
	float:					left;
	margin-right:			10px;
}

.contacts .selected
{
	background-color:		#DADBDC;
}

.contacts .selected td,
.contacts .selected td a
{
	background-color:		#DADBDC;
	font-weight:			bold;
}

div#contacts
{
	background:				url(/media/images/bg-price-plan.png) no-repeat right 15px;
	float:					left;
	margin:					0 20px 0 -15px;
	padding-bottom:			20px;
	width:					300px;
}

#contacts table img
{
	display:				block;
}

#contacts th,
#call-list th,
#call-details th,
#contacts td,
#call-list td,
#call-details td
{
	padding-bottom:			3px;
	vertical-align:			middle;
	width:					auto;
}

#contact-list table tbody td,
#call-list,
#call-details,
#frm-contact
{
	background-color:		#EFEFEF;
}

#contact-list table
{
	border-spacing:			0;
	margin-bottom:			0;
	width:					235px;
}

#contact-list th
{
	padding-bottom:			8px;
}

#contacts td
{
	padding-bottom:			7px;
	padding-top:			3px;
	width:					16px;
}

#contacts p.add
{
	line-height:			1.2em;
	padding:				26px 0 0 32px;
	width:					220px;
}

#contacts .frm-name
{
	width:					120px;
}

.contacts .frm-date
{
	white-space:            nowrap;
}

#contacts .frm-number
{
	width:					105px;
}

#call-list,
#call-details,#frm-contact
{
	width:					250px;
}

#call-list td,
#call-details th,
#call-details td
{
	padding-bottom:			5px;
	padding-left:			3px;
	padding-top:			5px;
}

#call-list th,
#call-history-list th
{
	padding-bottom:			6px;
	padding-left:			3px;
}
#call-history-list td
{
	padding-left:			3px;
	border-top:				1px dotted #ccc;
	padding-top:			8px;
}

#call-list h1
{
	margin-bottom:			19px;
	padding-left:			0;
}

#call-list td
{
	text-align:			right;
}

#call-list td.frm-name
{
	text-align:			left;
	width:				160px;
}

#call-list td.frm-date
{
	text-align:			left;
}

#call-list p
{
	margin-bottom:			0;
}

#call-details th
{
	padding-left:			3px;
}

#call-details td
{
	padding-left:			3px;
}

#call-details thead th
{
	color:					#E20018;
}

#call-details tbody th
{
	width:					116px;
}

#frm-contact
{
	float:					left;
	margin-top:				45px;
}

#frm-contact tbody th
{
	font-weight:			normal;
}

#frm-contact thead th
{
	width:					auto;
}

#frm-contact fieldset
{
	margin-bottom:			23px;
}

#frm-contact th
{
	padding-bottom:			7px;
	vertical-align:			middle;
	width:					50px;
}

#frm-contact td
{
	vertical-align:			middle;
}

#frm-contact #frm-name
{
	width:					185px;
}

#frm-contact #frm-country
{
	width:					189px;
}

#frm-contact #frm-number
{
	width:					146px;
}

#frm-contact #frm-prefix
{
    margin-right:           5px;
	width:					30px;
}

#frm-contact #frm-contact-update
{
	margin-right:			16px;
}

#frm-contact #frm-contact-delete
{
	margin-right:			16px;
}

#contact-list
{
	min-height:				210px;
	padding-left:			30px;
	position:				relative;
}

.browse-contacts-down,
.browse-contacts-up
{
	left:					0;
	position:				absolute;
}

.browse-contacts-up
{
	top:					26px;
}

.browse-contacts-down
{
	bottom:					6px;
}


#frm-contact,
#call-details
{
	display:				none;
}


/*--------------------------------------------------------------------------
	=call history
----------------------------------------------------------------------------*/

.call-history h1
{
	padding-left:			0;
}

.call-history .content form
{
	margin-bottom:			15px;
}

.call-history #call-list
{
	float:					left;
}

.call-history #call-details
{
	float:					right;
	margin-right:			20px;
}


/*--------------------------------------------------------------------------
	=support
----------------------------------------------------------------------------*/

#content-container.support.index .content div
{
	float:					left;
	margin-right:			0px;
	padding-top:			70px;
	padding-bottom:			20px;
	width:					185px;

}

.support h2
{
	margin-bottom:			16px;
}

.support h3
{
	min-height:				40px;
}

.support h4
{
	font-weight:			bold;
}

.support.index p
{
	margin-bottom:			10px;
	padding-right:			25px;
}

.support.index .foocall
{
	background:				url(/media/images/bg-support-foocall.png) no-repeat left top;
	
}

.support.index .account
{
	background:				url(/media/images/bg-support-account.png) no-repeat left top;
}

.support.index .payment
{
	background:				url(/media/images/bg-support-payment.png) no-repeat left top;
}

.support.index .iphone-faq
{
	background:				url(/media/images/bg-li-iphone.png) no-repeat left top;
}

.support.index .android-faq
{
	background:				url(/media/images/bg-li-android.png) no-repeat left top;
}

#content-container.support.index .content .call
{
	background:				url(/media/images/bg-support-call.png) no-repeat left top;
	margin:					0;
}

#content-container.support.index .content .contacts
{
	background:				url(/media/images/bg-support-contacts.png) no-repeat left top;
	margin:					0;
}

#content-container.support.index .content .video
{
	background:				url(/media/images/bg-support-video.png) no-repeat left top;
	margin:					0;
}

.support.index li
{
	padding-left:			1.2em;
	text-indent:			-1.2em;
}

.support .expand,
.login .expand
{
	margin-bottom:			25px;
	clear:                  both;
}

#content-container.login li a,
#content-container.support li a,
#content-container.about li
{
	background:				url(/media/images/bg-support-li.png) no-repeat left 4px;
	padding-left:			14px;
}

#welcome-container li
{
	background:				url(/media/images/bg-support-li-welcome.png) no-repeat left 4px;
	padding-left:			14px;
}

#welcome-container .highlight
{
	color:					#E20018;	
}

#welcome-container p.location
{
	font-weight:			bold;
}

#content-container.login li a.access
{
	background:				none;
	padding-left:			0;
}

#content-container.support li ol li
{
    list-style-type:        decimal;
	background:				none;
	padding-left:			0;
}

#content-container.support li ol li ol li
{
    list-style-type:        lower-alpha;
	background:				none;
	padding-left:			0;
}

#content-container.support li ol
{
    padding-left:           20px;
}

#content-container.support li div a
{
	background:				none;
	padding-left:			0;
}

#content-container.support li a:hover,
#content-container.support li.selected a
{
/*	text-decoration:		underline; */
}

#content-container.sitemap li
{
    padding-left:           14px;
}

#content-container.sitemap table td
{
    width:                  50%;
}

#content-container.sitemap table 
{
    width:                  100%;
}

#content-container.sitemap li li
{
	background:				url(/media/images/bg-support-li.png) no-repeat left 6px;
}

#content-container.sitemap li a
{
	font-weight:			bold;
}

#content-container.sitemap li li a
{
	font-weight:			normal;
}

.support li li
{
	background:				url(/media/images/bg-support-li-li.png) no-repeat left 6px;
	padding-left:			14px;
}

.support li ul,
.support li li,
.support li p
{
	color:					#707173;
	margin-bottom:			3px;
}

.support li ul
{
	padding-left:			15px;
}

#content-container.support.detail .content
{
	padding-right:			50px;
}

.support.detail p,
.support.detail li
{
	max-width:				530px;
}

.support.detail li div
{
	margin-top:				9px;
}

.support.detail h1
{
	background:				url(/media/images/bg-support-call.png) no-repeat left top;
	margin-bottom:			20px;
	min-height:				50px;
	padding:				22px 0 0 75px;
}

.support.account h1
{
	background:				url(/media/images/bg-support-account.png) no-repeat left top;
}

.support.call h1
{
	background:				url(/media/images/bg-support-call.png) no-repeat left top;
}

.support.foocall h1
{
	background:				url(/media/images/bg-support-foocall.png) no-repeat left top;
}

.support.payment h1
{
	background:				url(/media/images/bg-support-payment.png) no-repeat left top;
}

.support.contacts h1
{
	background:				url(/media/images/bg-support-contacts.png) no-repeat left top;
}

.support.video h1
{
	background:				url(/media/images/bg-support-video.png) no-repeat left top;
}

.support.detail h2
{
	margin-bottom:			10px;
}

.support.detail h3
{
	margin-bottom:			8px;
	min-height:				0;
}

.support .countrylist
{
	width:					100%;
}

.support .countrylist td
{
	width:					50%;
}

.help ul
{
	list-style:				outside disc;
}

.help img
{
	margin:					12px;
}

.help .align-l
{
	float:					left;
	margin-left:			0;
}

.help .align-r
{
	float:					right;
}


/*--------------------------------------------------------------------------
	= Forgot
----------------------------------------------------------------------------*/

#content-container.forgot p.error
{
	color:				#E20018;
}

.forgot input,
.forgot select
{
	width:					160px;
}

.forgot input#frm-submit
{
	margin-top:				8px;
	width:					auto;
}


/*--------------------------------------------------------------------------
	= Ancillaries
----------------------------------------------------------------------------*/

#ancillary-container h3,
#ancillary-container h4,
#ancillary-container li,
#ancillary-container p,
#ancillary-container a
{
	color:					#FFF;
}

/* 
	Login Styles 
*/

#ancillary-container .login-spike
{
	background:				url(/media/images/ancillary/bg-login-base.png) bottom left no-repeat;
	margin-bottom:			-65px;
	padding-bottom:			75px;
	position:				relative;
	width:					249px;
	z-index:				100;
}

#ancillary-container .login-spike form
{
	background:				url(/media/images/ancillary/bg-login-top.png) 0 0 no-repeat;
	padding-top:			23px;
}

#ancillary-container .login-spike label
{
	position:				relative;
	vertical-align:			top;
}

#ancillary-container .login-spike fieldset
{
	background:				url(/media/images/ancillary/bg-login-repeat.png) repeat-y 0 0;
}

#ancillary-container .login-spike .free-sign-up
{
	float:					right;
	padding-right:			24px;
}

#ancillary-container .login-spike h3
{
	padding-left:			24px;
	float:					left;
}

#ancillary-container .login-spike table
{
	float:					left;
	margin-bottom:			0;
}

#ancillary-container .login-spike table th
{
	padding:				0 0 10px 24px;
}

#ancillary-container .login-spike table td
{
	padding:				0 24px 10px 0;
}

#ancillary-container .login-spike table td input
{
	width:					124px;
}

#ancillary-container .login-spike .remember
{
	padding:				10px 0 0 20px;
	float:					left;
	height:					13px;
}

#ancillary-container .login-spike .remember img
{
	display:				inline-block;
}

#ancillary-container .login-spike .remember input
{
	top:					2px;
	margin:					0 4px 0 0;
}

#ancillary-container .login-spike .actions
{
	margin-bottom:			-18px;
	padding-right:			24px;
	float:					right;
}

#ancillary-container .login-spike .actions a
{
	display:				block;
	text-align:				center;
}

#ancillary-container .login-spike table td
{
	text-align:				left;
}

/* 
	Login Styles 
*/

#ancillary-container .logged-in .last-visited
{
	font-size:				0.8em; /* 12 x 0.833=10px */
	margin-left:			3px;
}

#ancillary-container .logged-in .last-visited em
{
	white-space:			nowrap;
}

#ancillary-container .logged-in h3
{
	font-size:				1.25em; /* 12 x 1.25em=15px */
}

#ancillary-container .logged-in h4 em
{
	font-size:				1.917em; /* 12 x 1.917em=23px */
}

#ancillary-container .logged-in
{
	background:				url(/media/images/ancillary/bg-login-base.png) bottom left no-repeat;
	margin-bottom:			-65px;
	padding-bottom:			75px;
	position:				relative;
	z-index:				10;
}

#ancillary-container .logged-in .content-container
{
	background:				url(/media/images/ancillary/bg-login-top.png) 0 0 no-repeat;
	padding-top:			23px;
}

#ancillary-container .logged-in .content
{
	background:				url(/media/images/ancillary/bg-login-repeat.png) 0 0 repeat-y;
	padding:				0 17px 0 20px;
	position:				relative;
}

#ancillary-container .logged-in .content div
{
	background:				url(/media/images/ancillary/bg-account-repeat.png) 0 0 repeat-x;
	padding-top:			10px;
	position:				relative;
}

#ancillary-container .logged-in h3,
#ancillary-container .logged-in .content div h4,
#ancillary-container .logged-in p
{
	width:					120px;
}

#ancillary-container .logged-in h3,
#ancillary-container .logged-in .content div h4
{
	height:					auto;
	margin-bottom:			6px;
}

#ancillary-container .logged-in h3 em,
#ancillary-container .logged-in h4 em
{
	display:				block;
	font-weight:			normal;
	margin:					4px 0 0 3px;
}

#ancillary-container .logged-in h3 em
{
	margin-top:				7px;
}

#ancillary-container .logged-in ul
{
	margin-bottom:			0;
}

#ancillary-container .logged-in h4
{
	height:					37px;
}

#ancillary-container .logged-in .btn-logout,
#ancillary-container .logged-in .btn-home,
#ancillary-container .logged-in .btn-top-up
{
	position:				absolute;
	right:					17px;
}

#ancillary-container .logged-in .btn-home
{
	background:				url(/media/images/ancillary/btn-house.png) 0 0 no-repeat;
	display:				block;
	height:					58px; /* 18px; */
	margin-top:				-12px;
	width:					52px; /* 68px; */
}

#ancillary-container .logged-in .btn-home:active,
#ancillary-container .logged-in .btn-home:focus
{
    outline:                none;
}

#ancillary-container .logged-in .btn-home:hover, #ancillary-container .logged-in .btn-home-selected
{
	background-position:	0 -58px; /* -18px; */
}

#ancillary-container .logged-in .btn-logout
{
	top:					-5px;
}

#ancillary-container .logged-in .btn-top-up
{
	right:					0;
	top:					24px;
}

#ancillary-container .logged-in ul li a em
{
	left:					-9000px;
	position:				absolute;
	top:					-9000px;
}

#ancillary-container .logged-in ul li
{
	float:					left;
	height:					35px;
}

#ancillary-container .logged-in ul li a
{
	display:				block;
	height:					35px;
	width:					211px;
}

#ancillary-container .logged-in .btn-account-billing a
{
	background:				url(/media/images/ancillary/btn-billing.png) 0 0 no-repeat;
}

#ancillary-container .logged-in .btn-account-contacts a
{
	background:				url(/media/images/ancillary/btn-ac-my-contacts-and-calls.png) 0 0 no-repeat; /*btn-contacts.png*/
}

#ancillary-container .logged-in .btn-account-support a
{
	background:				url(/media/images/ancillary/btn-ac-foocall-support.png) 0 0 no-repeat; /*btn-support.png*/
}
#ancillary-container .logged-in .btn-account-top-up a
{
	background:				url(/media/images/ancillary/btn-ac-top-up.png) 0 0 no-repeat;
}
#ancillary-container .logged-in ul li a:hover,
#ancillary-container .logged-in ul li.current a
{
	background-position:	0 -35px;
}

#ancillary-container .time-zones ul li
{
	font-size:				0.8em; /* 12 x 0.833=10px */
}

#ancillary-container .time-zones ul li span
{
	white-space:				nowrap; /* 12 x 0.833=10px */
}

#ancillary-container .time-zones
{
	background:				url(/media/images/ancillary/bg-time-zones-top.png) 0 0 no-repeat;
	margin-top:				0;
	z-index:				1;
	margin-top:             18px;
}

#ancillary-container .time-zones label
{
	color:					#FFF;
	font-weight:			bold;
	margin-right:			5px;
	vertical-align:			middle;
}

#ancillary-container .time-zones select
{
	margin-bottom:			3px;
	width:					200px;
}

#ancillary-container .time-zones ul
{
	min-height:				75px;
}

#ancillary-container .time-zones ul li
{
	float:					left;
	text-align:				center;
	width:					71px;
}

#ancillary-container .time-zones ul li.ind
{
	background:				url(/media/images/ancillary/bg-time-zone-ind.png) 0 0 no-repeat;
}

#ancillary-container .time-zones ul li.uk
{
	background:				url(/media/images/ancillary/bg-time-zone-uk.png) 0 0 no-repeat;
}

#ancillary-container .time-zones ul li.us
{
	background:				url(/media/images/ancillary/bg-time-zone-us.png) 0 0 no-repeat;
}

#ancillary-container .time-zones ul li.last
{
	margin-right:			0;
}

#ancillary-container .time-zones ul li em
{
	display:				block;
	font-weight:			bold;
	text-align:				center;
}

#ancillary-container .time-zones .content
{
	background:				#99BDCC url(/media/images/ancillary/bg-time-zones-base.png) bottom left no-repeat;
	min-height:				137px;
	padding:				0 10px 75px 20px;
	position:				relative;
	top:					23px;
}

#ancillary-container .btn-time-zones-edit,
#ancillary-container .btn-time-zones-save
{
	position:				absolute;
	bottom:					73px;
	right:					23px;
}

#ancillary-container .btn-time-zones-edit img
{
	display:				block;
}

#ancillary-container .time-zones form
{
	display:				none;
	padding-bottom:			14px;
}

#ancillary-container .feature.decoration-1
{
	background:				url(/media/images/ancillary/bg-feature-decoration-1.jpg) 0 0 no-repeat;
	height:					213px;
	margin-left:			-4px;
	margin-top:				175px;
	position:				relative;
	width:					175px;
	z-index:				100;
}

#ancillary-container .feature.free
{
	background:				url(/media/images/ancillary/bg-feature-free.png) 0 0 no-repeat;
	height:					213px;
	margin:					-13px 0 0 -27px;
	position:				relative;
	width:					175px;
	z-index:				100;
}

#ancillary-container .feature.benefits-home
{
	float:					left;
	background:				url(/media/images/ancillary/bg-feature-benefits-home.png) 0 0 no-repeat;
	height:					430px;
	margin-bottom:			20px;
	margin-top:				10px;
	width:					235px;
}

#ancillary-container .feature.benefits
{
	float:					left;
	background:				url(/media/images/ancillary/bg-feature-benefits.png) 0 0 no-repeat;
	height:					430px;
	margin-bottom:			20px;
	margin-top:				10px;
	width:					235px;
}

#ancillary-container .feature.benefits-australia
{
	background:				url(/media/images/ancillary/bg-feature-benefits-australia.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-bangladesh
{
	background:				url(/media/images/ancillary/bg-feature-benefits-bangladesh.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-canada
{
	background:				url(/media/images/ancillary/bg-feature-benefits-canada.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-china
{
	background:				url(/media/images/ancillary/bg-feature-benefits-china.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-dubai
{
	background:				url(/media/images/ancillary/bg-feature-benefits-dubai.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-france
{
	background:				url(/media/images/ancillary/bg-feature-benefits-france.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-germany
{
	background:				url(/media/images/ancillary/bg-feature-benefits-germany.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-india
{
	background:				url(/media/images/ancillary/bg-feature-benefits-india.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-italy
{
	background:				url(/media/images/ancillary/bg-feature-benefits-italy.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
} 

#ancillary-container .feature.benefits-pakistan
{
	background:				url(/media/images/ancillary/bg-feature-benefits-pakistan.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}



#ancillary-container .app-links
{
	background:				url(/media/images/ancillary/bg-app-border.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}







#ancillary-container .feature.benefits-poland
{
	background:				url(/media/images/ancillary/bg-feature-benefits-poland.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-southafrica
{
	background:				url(/media/images/ancillary/bg-feature-benefits-southafrica.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-spain
{
	background:				url(/media/images/ancillary/bg-feature-benefits-spain.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-thailand
{
	background:				url(/media/images/ancillary/bg-feature-benefits-thailand.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}

#ancillary-container .feature.benefits-usa
{
	background:				url(/media/images/ancillary/bg-feature-benefits-usa.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			20px;
	margin-top:				55px;
	width:					235px;
}





#ancillary-container .feature.intouch-foocallcard
{
	background:				url(/media/images/ancillary/bg-feature-intouch-foocallcard.png) 0 0 no-repeat;
	height:					235px;
	margin-left:			7px;
	margin-top:				425px;
	width:					235px;
}















#ancillary-container .feature.intouch-1
{
	background:				url(/media/images/ancillary/bg-feature-intouch-1-base.png) bottom left no-repeat;
	margin-bottom:			20px;
	margin-left:			-3px;
	margin-top:				55px;
	padding-bottom:			121px;
	width:					251px;
}

#ancillary-container .feature.intouch-1 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-1-top.png) 0 0 no-repeat;
	padding-top:			180px;
}

#ancillary-container .feature.intouch-1 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-1-repeat.png) 0 0 repeat-y;
	padding:				7px 10px 0 18px;
}

#ancillary-container .feature.intouch-2
{
	background:				url(/media/images/ancillary/bg-feature-intouch-2-base.png) bottom left no-repeat;
	margin-bottom:			20px;
	margin-left:			-3px;
	margin-top:				55px;
	padding-bottom:			121px;
	width:					251px;
}

#ancillary-container .feature.intouch-2 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-2-top.png) 0 0 no-repeat;
	padding-top:			180px;
}

#ancillary-container .feature.intouch-2 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-2-repeat.png) 0 0 repeat-y;
	padding:				7px 15px 0 18px;
}

#ancillary-container .feature.intouch-3
{
	background:				url(/media/images/ancillary/bg-feature-intouch-3-base.png) bottom left no-repeat;
	margin-bottom:			20px;
	margin-left:			-3px;
	margin-top:				55px;
	padding-bottom:			121px;
	width:					251px;
	z-index:				99;
}

#ancillary-container .feature.intouch-3 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-3-top.png) 0 0 no-repeat;
	padding-top:			180px;
}

#ancillary-container .feature.intouch-3 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-3-repeat.png) 0 0 repeat-y;
	padding:				7px 10px 0 18px;
}

#ancillary-container .feature.intouch-4
{
	background:				url(/media/images/ancillary/bg-feature-intouch-4-base.png) bottom left no-repeat;
/*	margin-bottom:			200px; */
	margin-left:			-3px;
	margin-top:				55px;
	padding-bottom:			225px;
	width:					274px;
}

#ancillary-container .feature.intouch-4 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-4-top.png) 0 0 no-repeat;
	padding-top:			180px;
}

#ancillary-container .feature.intouch-4 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-4-repeat.png) 0 0 repeat-y;
	padding:				7px 30px 0 18px;
}

#ancillary-container .feature.intouch-5
{
	background:				url(/media/images/ancillary/bg-feature-intouch-5-base.png) bottom left no-repeat;
	margin-bottom:			20px;
	margin-left:			-3px;
	margin-top:				55px;
	padding-bottom:			121px;
	width:					251px;
}

#ancillary-container .feature.intouch-5 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-5-top.png) 0 0 no-repeat;
	padding-top:			180px;
}

#ancillary-container .feature.intouch-5 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-5-repeat.png) 0 0 repeat-y;
	padding:				7px 20px 0 18px;
}

#ancillary-container .feature .content p
{
	line-height:			1.25em;
    margin-bottom:          0;
}

#ancillary-container .feature.intouch-6
{
	background:				url(/media/images/ancillary/bg-feature-intouch-6-base.png) bottom left no-repeat;
	margin-bottom:			-120px;
	padding-bottom:			85px;
	position:				relative;
	z-index:				10;
}

#ancillary-container .feature.intouch-6 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-6-top.png) 0 0 no-repeat;
	padding-top:			176px;
}

#ancillary-container .feature.intouch-6 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-6-repeat.png) 0 0 repeat-y;
	padding:				7px 20px 0 18px;
}

#ancillary-container .feature.intouch-7
{
	background:				url(/media/images/ancillary/bg-feature-intouch-7-base.png) bottom left no-repeat;
	margin-bottom:			-120px;
	padding-bottom:			85px;
	margin-top:				65px;
	position:				relative;
	z-index:				10;
}

#ancillary-container .feature.intouch-7 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-7-top.png) 0 0 no-repeat;
	padding-top:			176px;
}

#ancillary-container .feature.intouch-7 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-7-repeat.png) 0 0 repeat-y;
	padding:				7px 20px 0 18px;
}

#ancillary-container .feature.intouch-8
{
	background:				url(/media/images/ancillary/bg-feature-intouch-8-base.png) bottom left no-repeat;
	margin-bottom:			-120px;
	padding-bottom:			85px;
	margin-top:				65px;
	position:				relative;
	z-index:				10;
}

#ancillary-container .feature.intouch-8 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-8-top.png) 0 0 no-repeat;
	padding-top:			176px;
}

#ancillary-container .feature.intouch-8 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-8-repeat.png) 0 0 repeat-y;
	padding:				7px 20px 0 18px;
}

#ancillary-container .feature.intouch-9
{
	background:				url(/media/images/ancillary/bg-feature-intouch-9-base.png) bottom left no-repeat;
	margin-bottom:			-120px;
	padding-bottom:			85px;
	margin-top:				65px;
	position:				relative;
	z-index:				10;
}

#ancillary-container .feature.intouch-9 .content-container
{
	background:				url(/media/images/ancillary/bg-feature-intouch-9-top.png) 0 0 no-repeat;
	padding-top:			176px;
}

#ancillary-container .feature.intouch-9 .content
{
	background:				url(/media/images/ancillary/bg-feature-intouch-9-repeat.png) 0 0 repeat-y;
	padding:				7px 20px 0 18px;
}

#ancillary-container .time-zones ul:after
{
	content:				".";
	display:				block;
	clear:					both;
	visibility:				hidden;
	line-height:			0;
	font-size:				0;
	overflow:				hidden;
}

/*--------------------------------------------------------------------------
	= Country Specific Landing Pages iPhone/Android Ancillary
----------------------------------------------------------------------------*/


#ancillary-container .app-links-pakistan
{
	background:				url(/media/images/ancillary/bg-app-border-pakistan.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}


#ancillary-container .app-links-india
{
	background:				url(/media/images/ancillary/bg-app-border-india.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}


#ancillary-container .app-links-usa
{
	background:				url(/media/images/ancillary/bg-app-border-usa.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}


#ancillary-container .app-links-poland
{
	background:				url(/media/images/ancillary/bg-app-border-poland.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}

#ancillary-container .app-links-china
{
	background:				url(/media/images/ancillary/bg-app-border-china.png) 0 0 no-repeat;
	height:					350px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:75px;

}

#ancillary-container .app-links-default
{
	background:				url(/media/images/ancillary/bg-app-border-default.png) 0 0 no-repeat;
	height:					430px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:70px;

}

#ancillary-container .app-links-coming-soon
{
	background:				url(/media/images/ancillary/bg-app-border-coming-soon.png) 0 0 no-repeat;
	height:					430px;
	margin-bottom:			-15px;
	margin-top:				-15px;
	margin-left:			-60px;
	width:					320px;

padding-left:93px;
padding-top:70px;

}


/*--------------------------------------------------------------------------
	= Miscellaneous
----------------------------------------------------------------------------*/

p.last
{
	margin-bottom:			50px;
}

#ancillary-container .logged-in .btn-home em,
#ancillary-container .free *,
#ancillary-container .benefits *,
#ancillary-container .benefits-home *,
#content-container .content .hometext,
.welcome #boxes .promo-overview-a p,
.nav li a em,
.w3c
{
	left:					-9000px;
	position:				absolute;
	top:					-9000px;
}

.content:after,
.nav:after,
dl:after,
dd:after,
#ancillary-container .logged-in ul:after
{
	content:				".";
	display:				block;
	clear:					both;
	visibility:				hidden;
	line-height:			0;
	font-size:				0;
	overflow:				hidden;
}


/*--------------------------------------------------------------------------
	=infopop
----------------------------------------------------------------------------*/

#infopop
{
	background:				url(/media/images/bg-infopop-container.png) no-repeat left top;
	padding-top:			4px;
	position:				absolute;
	text-align:				center;
	width:					200px;
	z-index:				10;
}

#infopop p
{
	background:				url(/media/images/bg-infopop-content.png) no-repeat left bottom;
	color:					#FFF;
	font-weight:			normal;
	min-height:				18px;
	padding:				0 8px 15px;
}

#infopop p a
{
	color:					#FFF;
}

#infopop-ie6
{
	z-index:				9;
}


/*--------------------------------------------------------------------------
	=doSelectable
----------------------------------------------------------------------------*/

div.doSelectable 
{
	background:				url(/media/images/bg-lang-selector.png) no-repeat right 10px;
	cursor:					pointer;
	height:					1.8em;
	position:				relative;
	padding-bottom:			3px;
	padding-right:			15px;
	right:					0;
}

div.doSelectable p.en,
div.doSelectable ul li.en a
{
	background:				url(/media/images/bg-lang-en.png) no-repeat right;
}

div.doSelectable p.fr,
div.doSelectable ul li.fr a
{
	background:				url(/media/images/bg-lang-en.png) no-repeat right;
}

div.doSelectable p.de,
div.doSelectable ul li.de a
{
	background:				url(/media/images/bg-lang-en.png) no-repeat right;
}

div.doSelectable p.it,
div.doSelectable ul li.it a
{
	background:				url(/media/images/bg-lang-en.png) no-repeat right;
}

div.doSelectable p
{
	background-color:		#FFF;
	color:					#666;
	margin:					0;
	padding:				4px 25px 4px 13px;
	position:				relative;
	text-align:				right;
}

div.doSelectable ul
{
	background-color:		#FFF;
	display:				none;
	list-style:				none;
	margin:					0;
	margin-right:			-15px;
	padding-bottom:			10px;
	padding-right:			15px;
	text-align:				right;
	width:					118px;
}

div.doSelectable ul li
{
	display:				inline;
	margin:					0;
	padding:				0;
}

div.doSelectable ul li a
{
	background-color:		#FFF;
	border-bottom:			1px solid #FFF;
	color:					#666;
	display:				block;
	margin:					0;
	padding:				3px 28px 3px 10px;
	text-align:				right;
/*	text-decoration:		none; */
	width:					80px;
}

div.doSelectable ul li a:hover
{
	color:					#000;
/*	text-decoration:		underline; */
}

#content-container.country .content
{
	background:				url(/media/images/bg-content-home.jpg) no-repeat left top;
	margin-top:				-12px;
	min-height:				475px;
	padding:				30px 148px 40px 20px;
}

#content-container.country .australia
{
	background:				url(/media/images/bg-content-home-australia.jpg) no-repeat left top;
}

#content-container.country .bangladesh
{
	background:				url(/media/images/bg-content-home-bangladesh.jpg) no-repeat left top;
}

#content-container.country .china
{
	background:				url(/media/images/bg-content-home-china.jpg) no-repeat left top;
}

#content-container.country .germany
{
	background:				url(/media/images/bg-content-home-germany.jpg) no-repeat left top;
}

#content-container.country .india
{
	background:				url(/media/images/bg-content-home-india.jpg) no-repeat left top;
}

#content-container.country .newzealand
{
	background:				url(/media/images/bg-content-home-newzealand.jpg) no-repeat left top;
}

#content-container.country .pakistan
{
	background:				url(/media/images/bg-content-home-pakistan.jpg) no-repeat left top;
}

#content-container.country .poland
{
	background:				url(/media/images/bg-content-home-poland.jpg) no-repeat left top;
}

#content-container.country .southafrica
{
	background:				url(/media/images/bg-content-home-southafrica.jpg) no-repeat left top;
}

#content-container.country .usa
{
	background:				url(/media/images/bg-content-home-usa.jpg) no-repeat left top;
}

#content-container.country .seo
{
	background:				url(/media/images/bg-content-home-seo.jpg) no-repeat left top;
}

#content-container.country .seoaustralia
{
	background:				url(/media/images/bg-content-home-seo-australia.jpg) no-repeat left top;
}

#content-container.country .seobangladesh
{
	background:				url(/media/images/bg-content-home-seo-bangladesh.jpg) no-repeat left top;
}

#content-container.country .seocanada
{
	background:				url(/media/images/bg-content-home-seo-canada.jpg) no-repeat left top;
}

#content-container.country .seochina
{
	background:				url(/media/images/bg-content-home-seo-china.jpg) no-repeat left top;
}

#content-container.country .seodubai
{
	background:				url(/media/images/bg-content-home-seo-dubai.jpg) no-repeat left top;
}

#content-container.country .seofrance
{
	background:				url(/media/images/bg-content-home-seo-france.jpg) no-repeat left top;
}

#content-container.country .seogermany
{
	background:				url(/media/images/bg-content-home-seo-germany.jpg) no-repeat left top;
}

#content-container.country .seoindia
{
	background:				url(/media/images/bg-content-home-seo-india.jpg) no-repeat left top;
}

#content-container.country .seoitaly
{
	background:				url(/media/images/bg-content-home-seo-italy.jpg) no-repeat left top;
}

#content-container.country .seopakistan
{
	background:				url(/media/images/bg-content-home-seo-pakistan.jpg) no-repeat left top;
}

#content-container.country .seopoland
{
	background:				url(/media/images/bg-content-home-seo-poland.jpg) no-repeat left top;
}

#content-container.country .seosouthafrica
{
	background:				url(/media/images/bg-content-home-seo-southafrica.jpg) no-repeat left top;
}

#content-container.country .seospain
{
	background:				url(/media/images/bg-content-home-seo-spain.jpg) no-repeat left top;
}

#content-container.country .seothailand
{
	background:				url(/media/images/bg-content-home-seo-thailand.jpg) no-repeat left top;
}

#content-container.country .seousa
{
	background:				url(/media/images/bg-content-home-seo-usa.jpg) no-repeat left top;
}

#content-container.country .iphone
{
	background:				url(/media/images/bg-content-home-iphone.png) no-repeat left top;
}

#content-container.country .android
{
	background:				url(/media/images/bg-content-home-android.png) no-repeat left top;
}

#content-container.country .windows-phone
{
	background:				url(/media/images/bg-content-home-windows.png) no-repeat left top;
}

#content-container.country .blackberry
{
	background:				url(/media/images/bg-content-home-blackberry.png) no-repeat left top;
}

#content-container.country .symbian
{
	background:				url(/media/images/bg-content-home-symbian.png) no-repeat left top;
}

#content-container.country .content h1,
#content-container.country .content p
{
	font-family:			Helvetica, Arial, sans-serif;
	text-align:				center;
}

#content-container.country .content p
{
	margin-bottom:			6px;
}

#content-container.legal li,
#content-container.privacy li,
#content-container.terms li,
#content-container.code li,
#content-container.offer li, #content-container.free li
{
	background:				url(/media/images/bg-support-li.png) no-repeat left 6px;
	padding-left: 			14px;
}

#content-container.offer table
{
	width:					100%;
	margin-bottom:			130px;
}

#content-container.offer table td
{
	width:					33.33%;
}

#content-container.code .content,
#content-container.privacy .content,
#content-container.terms .content
{
	padding-bottom:			240px;
}

#content-container.terms p.important
{
	font-weight:			bold;
}

#content-container.free table
{
	width:					100%;
}

.top-up .logo-images
{
	margin-top:				170px;
}

p.payment-failed
{
	font-weight:			bold;
}

.welcome #boxes
{
	width:					550px;
	margin-bottom:			420px;
}

#content-container.welcome .content
{
	padding-bottom:			150px;
}

.welcome #boxes div
{
	width:					248px;
	height:					167px;
	float: 					left;
	background:				url(/media/images/box-generic.png) no-repeat left top;
	margin:					10px;
}

.welcome #boxes div.topleft
{
	background:				url(/media/images/box-topleft.png) no-repeat left top;
	margin-left: 			-50px;
	padding-left: 			60px;
	margin-bottom: 			-114px;
	padding-bottom: 		124px;
}

.welcome #boxes div.topright
{
	background:				url(/media/images/box-topright.png) no-repeat left top;
	padding: 				33px 25px 15px 0;
	margin-right: 			-40px;
	padding-right: 			40px;
	margin-top: 			-23px;
}

.welcome #boxes div.anyphone h2
{
	color: 					#ffffff;
}

.welcome #boxes div.anyphone table
{
	margin: 				3px 18px;
}

.welcome #boxes div.anyphone p
{
	margin: 				0;
	padding: 				1px 18px;
}

.welcome #boxes div.anyphone p.helplink
{
	float: 					right;
	padding-left:			0;
	padding-top:			6px;
	font-size:				0.95em;
}

.welcome #boxes div.anyphone p.go
{
	float: 					left;
}

.welcome #boxes div.anyphone optgroup option
{
	padding-left:			7px;
}

.welcome #boxes div.bottomright
{
	background:				url(/media/images/box-bottomright.png) no-repeat left top;
	padding: 				0px 0px 15px 0;
	margin-right: 			-40px;
	padding-right: 			40px;
	margin-bottom: 			-68px;
	padding-bottom: 		78px;
}

.welcome #boxes div.bottomleft
{
	background:				url(/media/images/box-bottomleft.png) no-repeat left top;



}

.welcome #boxes div h2
{
	color:					#FFF;
	font-size:				1.3em;
	padding:				9px 0 2px 18px;
}

.welcome #boxes div h2 a
{
	color:					#FFF;
}

.welcome #boxes div h2 a:hover
{
	text-decoration:		none;
}

.welcome #boxes div p
{
	padding:				5px 18px;
	line-height: 			110%;
}
/*
.welcome #boxes div img
{
	float:					right;
	margin-right:			10px;
}
*/
#content-container.welcome .content
{
	min-height:				475px;
}

.welcome #boxes div.bottomleft a
{
	display:				block;
/* height:					120px; */
	margin:					0 -10px;
	text-decoration:		none;
}

.login p.mobilenumber
{
	color:					#E20018;
	font-size:				2.5em;
}

.login #frm-number-2,
.login #frm-number-1,
.login #frm-country
{
	width: 					160px;
}

.support #frm-country-activation,
.support #frm-country-welcome
{
	width: 					189px;
}

.account #frm-country,
.account #frm-location
{
	width:					154px;
}

.account .righterror,
.account .lefterror,
.welcome .righterror
{
	font-weight:			bold;
	margin-left:			280px;
	color:					#E20018;
}

.welcome .righterror
{
	padding-bottom:			15px;
}

.account .lefterror
{
	margin-left:			0;
	width:					270px;
}

.account .message
{
	margin-left:			280px;
	font-weight:			bold;
}

.welcome #boxes .topleft
{
	margin-right: 			0;
	width:					258px;
}

.welcome #boxes .topleft div
{
	background:				none;
	float:					none;
	height:					auto;
	margin:					0;
	width:					auto;
}

.welcome #boxes .promo-overview-a h2
{
	margin-bottom:			3px;
}

.welcome #boxes .promo-overview-b .thumb,
.welcome #boxes .promo-overview-b img
{
	float:					left;
}

.welcome #boxes .promo-overview-b p
{
	float:					left;
	margin-bottom:			2px;
	padding-right:			10px;
	width:					110px;
}

.welcome #boxes .promo-overview-b h3,
.welcome #boxes .promo-overview-c h3
{
	font-size:				12px;
	line-height:			110%;
	margin-bottom:			0;
	padding: 				5px 18px;
}


/*--------------------------------------------------------------------------
	=Welcome panel
----------------------------------------------------------------------------*/


/*
		body{font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#666;}
*/
#welcome-panel {
	background: 			url(/media/images/bg-welcome-panel.png) no-repeat 0 100%;
	padding-bottom:			25px;
	position:				absolute;
	top:					80px;
	width:					569px;
	z-index:				999;
}

#welcome-container {
	background: 			url(/media/images/bg-welcome-panel-container.png) no-repeat 0 0;
	position:				relative;
	padding-top:			66px;
	z-index:				999;
}

#welcome-content {
	background: 			url(/media/images/bg-welcome-panel-content.png) repeat-y 0 0;
	padding:				10px 25px 0;
	overflow: 				auto;
	z-index:				999;
}

#welcome-panel em {
	font-style: 			normal;
	font-weight:			bold;
}

#welcome-panel a {
	color:					#FF0000;
	text-decoration:		none;
}

#welcome-panel a:hover {
	text-decoration: 		underline;
}

#welcome-panel p a {
	font-weight:			bold;
}

#welcome-panel .reminder {
	font-size:				9pt;
	margin-bottom:			10px;
}

#welcome-panel .summary {
	text-align: 			center;
	padding: 				0 70px;
}

#welcome-panel .close {
	position: 				absolute;
	right: 					8px;
	top: 					4px;
	padding:				5px;
}

#welcome-panel .expand {
	margin: 				20px 0;
}

#welcome-panel form {
	margin-left: 			50px;
}

#welcome-panel th,
#welcome-panel td {
	vertical-align:			middle;
}

#welcome-panel #frm-welcome-mobile{
	width: 					165px;
}

#welcome-panel #frm-welcome-amount{
	width: 					169px;
	margin-bottom:			5px;
}

#welcome-panel table,
#welcome-panel #frm-welcome-submit{
	float:					left;
}

#welcome-panel #frm-welcome-submit{
	margin-top:				6px;
}

#welcome-panel #show-popup{
	font-size:				8pt;
	position: 				absolute;
	bottom: 				-15px;
	left: 					15px;
}

#welcome-container ul li div {
	padding-left:			10px;
}

#welcome-container ul li,
#welcome-container h3 {
	clear:					both;
}

#welcome-container table.countrylist {
	width:					100%;
}

.support ul li {
	clear:					both;
}

#anyphone-panel {
	background: 			url(/media/images/bg-anyphone-panel.png) no-repeat 0 100%;
	padding-bottom:			33px;
	position:				absolute;
	width:					379px;
	color:					#FFF;
	z-index:				999;
}
#anyphone-container {
	background: 			url(/media/images/bg-anyphone-panel-container.png) no-repeat 0 0;
	padding-top:			33px;
}
#anyphone-content {
	background: 			url(/media/images/bg-anyphone-panel-content.png) repeat-y 0 0;
	padding:				0 15px;
}
#anyphone-panel em {
	font-style: 			normal; 
	font-weight: 			bold;
}
#anyphone-panel h5,
#anyphone-panel p {
	font-size:				12pt;
	text-align:				center;
	margin-bottom:			0;
}
#anyphone-panel h5 {
	font-size:				14pt;
	font-weight:			normal;
	line-height:			0.7em;
}
#anyphone-panel a img {
	display:				block;
}
#anyphone-panel .number {
	font-size:				26pt;
	font-weight:			bold;
	margin-top:				6px;
}
#anyphone-panel .reminder {
	float:					left;
	font-size:				10pt;
	font-weight:			bold;
	line-height:			1.5em;
	margin-top:				35px;
	padding:				0 38px 0 27px;
	width:					235px;
}

#anyphone-panel .close {
	position: 				absolute;
	right: 					18px;
	top: 					16px;
	padding:				5px;
}

#anyphone-panel #anyphone-content div{
	background: 			url(/media/images/bg-anyphone-panel-div.png) no-repeat 0 0;
	font-weight:			bold;
	margin-top:				10px;
	min-height:				35px;
	padding:				45px 20px 0 30px;
}

#anyphone-panel #anyphone-content div p em{
	position:				absolute;
	right:					-9999px;
	top:					-9999px;
}

#anyphone-panel .connect{
	float:					left;
	margin-right:			5px;
	text-align:				left;
	width:					175px;
}
#anyphone-panel .rate{
	float:					left;
	width:					119px;
}
#frm-anyphone-country {
	width:					166px;
}	
#frm-anyphone-number {
	width:					160px;
}
#frm-anyphone-number.empty {
	color:					#666;
}

#webphone-panel {
	background: 			url(/media/images/bg-webphone-panel.png) no-repeat 0 100%;
	padding-bottom:			33px;
	width:					379px;
	color:					#666;
	z-index:				999;
}
#webphone-container {
	background: 			url(/media/images/bg-webphone-panel-container.png) no-repeat 0 0;
	padding-top:			33px;
}
#webphone-content {
	background-color: 		#FFF;
	padding:				0 5px;
}
#webphone-panel em {
	font-style: 			normal;
}
#webphone-panel h5,
#webphone-panel p.number,
#webphone-panel #status {
	margin-left:			26px;
}
#webphone-panel h5,
#webphone-panel p {
	font-size:				12pt;
	margin-bottom:			0;
}
#webphone-panel h5 {
	color:					#DD011A;
	font-size:				15pt;
	font-weight:			bold;
}
#webphone-panel a img {
	display:				block;
}
#webphone-panel .number {
	font-size:				14pt;
	margin:					6px 0;
}
#webphone-panel .number em {
	float:					left;
	width:					150px;
}
#webphone-panel .warning {
	color:					#DD011A;
	font-size:				10pt;
	font-weight:			bold;
	text-align:				center;
}

#webphone-panel .close {
	float:					left;
	margin-top:				40px;
	width:					100%;
}
#webphone-panel .close a {
	background: 			url(/media/images/btn-end-call.png) no-repeat 0 0;
	display:				block;
	height:					31px;
	margin:					0 auto;
	overflow:				hidden;
	text-indent:			-9999px;
	width:					75px;
}

#webphone-panel .close2 {
	float:					left;
	margin-top:				40px;
	width:					100%;
}
#webphone-panel .close2 a {
	background: 			url(/media/images/btn_close.png) no-repeat 0 0;
	display:				block;
	height:					31px;
	margin:					0 auto;
	overflow:				hidden;
	text-indent:			-9999px;
	width:					75px;
}

#webphone-panel #webphone-content div{
	min-height:				107px;
}
#webphone-panel #webphone-content .detail{
	background: 			url(/media/images/bg-webphone-panel-div.png) no-repeat 0 0;
	margin-top:				10px;
	min-height:				106px;
	padding:				37px 40px 0;
}
#webphone-panel #webphone-content .detail p {
	line-height:			1.2em;
	text-align:				center;
}
#webphone-panel #webphone-content .detail p em{
	position:				absolute;
	right:					-9999px;
	top:					-9999px;
}
#webphone-panel .duration{
	float:					left;
	width:					105px;
}
#webphone-panel .cost {
	float:					right;
	width:					105px;
}

/* Additional CSS for login functionality */
.header
{
	width: 700px;
}
#ancillary-container
{
	position: relative;
}
.feature.app-store a
{
	background: url(/media/images/ancillary/bg-app-store-panel.png) no-repeat 0 0;
	display: block;
	height: 230px;
	margin-bottom: -65px;
}






.feature.app-store-android em,
#ancillary-container .btn-login em
{
	left: -99999px;
	position: absolute;
}

.feature.app-store-android a
{
	background: url(/media/images/ancillary/bg-app-store-panel-android.png) no-repeat 0 0;
	display: block;
	height: 230px;
	margin-bottom: -65px;
}


.feature.app-store em,
#ancillary-container .btn-login em
{
	left: -99999px;
	position: absolute;
}

.feature.any-phone a
{
	background: url(/media/images/ancillary/bg-any-phone-panel.png) no-repeat 0 0;
	display: block;
	height: 230px;
	margin-bottom: -65px;
	width: 265px;
}
.feature.any-phone em,
#ancillary-container .btn-login em
{
	left: -99999px;
	position: absolute;
}






#ancillary-container .login-spike form
{
	background: url(/media/images/ancillary/bg-login-top-spike.png) no-repeat 0 0;
	padding-top: 40px;
}
#ancillary-container .login-spike fieldset
{
	height: 128px;
}
#ancillary-container .login-spike
{
	left: 0;
	background: url(/media/images/ancillary/bg-login-base-spike.png) no-repeat left bottom;
	display: none;
	padding-bottom: 55px;
	position: absolute;
	top: -16px;
	width: 249px;
	z-index: 100;
}
#ancillary-container .login-spike .actions a {
	margin-left: 13px;
	position: relative;
}
#ancillary-container .login-spike .actions a img {
	display: block;
}
#ancillary-container .btn-login
{
	background: url(/media/images/ancillary/btn-user-login.png) no-repeat left bottom;
	cursor: pointer;
	display: block;
	height: 33px;
	position: absolute;
	right: 10px;
	top: -50px;
	width: 100px;
	z-index: 100;
}
/* End css login functionality */

/* Start css 5ways functionality */
.footer
{
	top: -50px;
}
.footer ul
{
	clear: left;
	position: relative;
}
.footer .ways
{
	margin-bottom: 15px;
}
.footer .ways h4,
.footer .ways ul
{
	clear: none;
	float: left;
}
.footer .ways h4
{
	margin-right: 35px;
}
.footer .ways ul
{
	margin-top: -24px;
}
.footer .ways li
{
	border-right: none;
	float: left;
	margin: 0 0px 15px 0;
	padding-right: 0;
	padding-top:5px;
}
.footer .ways a
{
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	width: 60px;
}
.footer .ways a:hover,
.footer .ways a.selected
{
	background-position: 0 -80px;
}
.footer .ways .way-computer
{
	background: url(/media/images/icons/webphone-icon.png) no-repeat 0 0;
	width: 70px;
}
.footer .ways .way-iphone
{
	background: url(/media/images/icons/iphone-icon.png) no-repeat 0 0;
		width: 70px;
}
.footer .ways .way-landline
{
	background: url(/media/images/icons/anyphone-icon.png) no-repeat 0 0;
			width: 70px;
}
.footer .ways .way-mobile
{
	background: url(/media/images/icons/mobile-icon.png) no-repeat 0 0;
			width: 70px;
}

.footer .ways .way-android
{
	background: url(/media/images/icons/android-icon.png) no-repeat 0 0;
	width: 70px;
}

.footer .ways .way-blackberry
{
	background: url(/media/images/icons/blackberry-icon.png) no-repeat 0 0;
	width: 70px;
}
.footer .ways .way-windows-phone
{
	background: url(/media/images/icons/windows-phone-icon.png) no-repeat 0 0;
		width: 70px;
}
.footer .ways .way-symbian
{
	background: url(/media/images/icons/symbian-icon.png) no-repeat 0 0;
			width: 70px;
}

/* End css 5ways functionality */

/* Start css keypad functionality */

#ancillary-container .logged-in .content-container
{
	background:				url(/media/images/ancillary/bg-logged-in-top.png) no-repeat scroll 0 0;
	padding-top:			97px;
	position:				relative;
}

#ancillary-container .logged-in .content
{
	padding:				0 15px;
}

#ancillary-container .logged-in
{
	margin-top:				-42px;
}

#ancillary-container .logged-in p
{
	width:					auto;
}

#ancillary-container .logged-in .balance
{
	font-weight:			bold;
	left:					156px;
	position:				absolute;
	top:					38px;
}
#ancillary-container .logged-in .add-funds
{
	right:					22px;
	position:				absolute;
	top:					78px;
}

#ancillary-container .logged-in .user-nav
{
	font-weight:			bold;
	margin-bottom:			8px;
	text-align:				right;
}

#ancillary-container .logged-in .free-minutes
{
	background:				url(/media/images/ancillary/bg-free-minutes.png) no-repeat 0 0;
	line-height:			1em;
	margin:					0 7px 12px 70px;
	padding-left:			107px;
	text-align:				right;
}

#ancillary-container .logged-in .free-minutes em
{
	position:				absolute;
	top:					-9999px;
}

#ancillary-container .logged-in .user-nav li
{
	display:				inline;
	float:					none;
	height:					30px;
	padding-right:			10px;
}

#ancillary-container .logged-in .user-nav li.last
{
	border-left:			1px solid #9D9C9C;
	padding:				2px 22px 2px 14px;
}

#ancillary-container .logged-in .user-nav li a
{
	color:					#E2001A;
	display:				inline;
	height:					auto;
	width:					auto;
}

#ancillary-container .logged-in label
{
	position:				absolute;
	top:					-9999px;
}

#ancillary-container .logged-in .empty
{
	color:					#A2A2A2;
}

#ancillary-container .logged-in .access-1
{
	position:				relative;
	top:					3px;
}

#ancillary-container .logged-in #key-country
{
	margin:					0 0 4px 3px;
	width:					194px;
}

#ancillary-container .logged-in #key-tel
{
	margin:					0 0 6px 3px;
	padding:				0 2px;
	width:					186px;
}

#anyphone-panel,
#webphone-panel
{
	overflow:				hidden;
}

#anyphone-panel #anyphone-content div:after,
#ancillary-container .logged-in .content:before
{
	content:				".";
	display:				block;
	clear:					both;
	visibility:				hidden;
	line-height:			0;
	font-size:				0;
	overflow:				hidden;
}

#ancillary-container .logged-in ul:after
{
	content:				'';
}

#ancillary-container .logged-in #keypad a
{
	display:				block;
	float:					left;
	height:					43px;
	overflow:				hidden;
	position:				relative;
	text-indent:			-9999px;
	width:					54px;
}

#ancillary-container .logged-in #key-1 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-1.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-2 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-2.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-3 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-3.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-4 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-4.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-5 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-5.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-6 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-6.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-7 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-7.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-8 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-8.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-9 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-9.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-0 a
{
	background:				url(/media/images/ancillary/bg-keypad-a-0.png) no-repeat 0 0;
}

#ancillary-container .logged-in #key-- a
{
	background:				url(/media/images/ancillary/bg-keypad-a--.png) no-repeat 0 0;
}

#ancillary-container .logged-in #keypad a.press
{
	background-position:	0 -43px !important;
}

#ancillary-container .logged-in #keypad
{
	display:				none;
	width:					216px;
}

#ancillary-container .logged-in fieldset
{
	position:				relative;
}

#ancillary-container .logged-in #keypad li
{
	height:					43px;
	margin:					0;
}

#ancillary-container .logged-in #keypad li
{
	font-size:				0;
	height:					43px;
}

#ancillary-container .logged-in #keypad .actions
{
	float:					right;
}

#ancillary-container .logged-in #keypad .actions li
{
	float:					none;
	height:					43px;
	width:					54px;
}

#ancillary-container .logged-in form 
{
	margin-left:			-1px;
	padding-bottom:			12px;
}

#ancillary-container .logged-in form .help
{
	background:				url(/media/images/ancillary/bg-keypad-submit-help.png) no-repeat 0 0;
	float:					left;
	height:					42px;
	overflow:				hidden;
	text-indent:			-9999px;
	width:					28px;
}

#ancillary-container .logged-in form a.help.press
{
	background-position:	0 -36px !important;
}

#ancillary-container .logged-in form .submit
{
	float:					left;
}

#ancillary-container .logged-in #btn-keypad
{
	margin:					13px 0 15px 0;
	overflow:				hidden;
	text-indent:			-9999px;
}

#ancillary-container .logged-in #btn-keypad a
{
	background:				url(/media/images/ancillary/btn-keypad.png) no-repeat 0 0;
	display:				block;
	height:					29px;
	width:					218px;
}

#ancillary-container .logged-in #btn-keypad a:hover
{
	background-position:	0 -29px;
}

#ancillary-container .logged-in #btn-keypad.current a,
#ancillary-container .logged-in #btn-keypad a.current:hover
{
	background-position:	0 -58px !important;
}

#ancillary-container .logged-in .btn-logout
{
	top:					-5px;
}

#ancillary-container .logged-in .btn-top-up
{
	right:					0;
	top:					24px;
}

#ancillary-container .logged-in ul li a em
{
	left:					-9000px;
	position:				absolute;
	top:					-9000px;
}

#ancillary-container .logged-in ul li
{
	float:					left;
	height:					30px;
}

#ancillary-container .logged-in ul li a
{
	display:				block;
	height:					30px;
	width:					218px;
}

#ancillary-container .logged-in ul .btn-account-details,
#ancillary-container .logged-in ul .btn-account-details a {
	height:					32px;
}

#ancillary-container .logged-in ul .btn-account-details a
{
	background:				url(/media/images/ancillary/btn-account-details.png) 0 0 no-repeat;
}

#ancillary-container .logged-in ul .btn-account-top-up a
{
	background:				url(/media/images/ancillary/btn-ac-top-up.png) 0 0 no-repeat; /*btn-contacts.png*/
}

#ancillary-container .logged-in ul .btn-account-contacts a
{
	background:				url(/media/images/ancillary/btn-ac-contacts-1.png) 0 0 no-repeat; /*btn-support.png*/
}

#ancillary-container .logged-in ul .btn-account-support a
{
	background:				url(/media/images/ancillary/btn-ac-foocall-support.png) 0 0 no-repeat;
}

#ancillary-container .logged-in ul .btn-account-call-history a
{
	background:				url(/media/images/ancillary/btn-ac-call-history.png) 0 0 no-repeat;
}


#ancillary-container .logged-in ul li.btn-account-details a:hover,
#ancillary-container .logged-in ul li.btn-account-details.current a
{
	background-position:	0 -32px !important;
}

#ancillary-container .logged-in ul li a:hover,
#ancillary-container .logged-in ul li.current a
{
	background-position:	0 -30px;
}


/* End css keypad functionality */


/* Addthis buttons */

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}