/* ========================== */
/* Plans & Services page 			*/
/* ========================== */

#main_content ul,
#main_content ul li {
	padding:			0;
	margin:				0;
	list-style: 	none;
}

.choose_plan_type_panel {
	width: 				323px;

	background: 	#fff url(/i/plans/choose_panel_bg.gif) no-repeat bottom left;
	float: 				left;
	display: 			inline; /* IE6 fix */
	padding-bottom:		 20px;
	margin:				27px 10px 30px 10px;
}

.choose_upgrade_panel {
	width:				301px;
	float: 				left;
	display: 			inline; /* IE6 fix */
	margin:				193px 0 0 11px;
}

#choose_upgrade {
	height:				321px;
	background: 	#fff url(/i/plans/upgrade/background_notext_v2.jpg) no-repeat scroll top left;
}

#main_content .choose_plan_type_panel ul {
	padding-left:	20px;
	padding-top:	6px;
}
#main_content .choose_plan_type_panel ul li ul {
  margin-left: 0 !important; 
	padding-top: 0px;
	padding-left: 10px !important; 
	margin-top: 0;
	margin-bottom: 3px;
	width: 270px;
}
#main_content .choose_upgrade_panel ul {
	padding-left:	10px !important; 
	padding-top:	6px;
	margin-left:  0  !important;
}

#main_content .choose_plan_type_panel li,
#main_content .choose_upgrade_panel li {
  margin-left: 0  !important;
	padding-left:	8px  !important;
	background-image:	url(/i/bullet_dash.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

/* ========================== */
/* Pay As You Go page         */
/* ========================== */

#content {
	width:					715px;
}
#banner_image {
	padding-left:		9px
}
#intro_panel {
	background: 		#f8f7f6 url(/i/plans/intro_panel_bg.gif) repeat-x scroll top left;
	width:					724px; /* 723px in IE6 */
	padding:				17px 0 9px 0;
	position: relative;
}

#intro_panel.bbtg {
	background: 		#f8f7f6 url(/i/broadband/intro_panel_bg.gif) repeat-x scroll top left;
}



#intro_panel h1 {
	margin-top:			8px;
	padding-left:		14px;
}

#intro_panel p {
	width:					550px;
	padding-left:		14px;
}


/* ========================== */
/* Tabbed page                */
/* ========================== */

#slider {
  width: 724px;
  margin: 0;
  position: relative;
}

.scroll {
	width:			724px;
  overflow: 	hidden;
  position: 	relative; /* fix for IE to respect overflow */
  clear: 			left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	float:		left;
	position:	relative;
  width: 		677px; /* 725px in IE6 because of padding */
	padding:	24px;
}
.scrollContainer div.panels {
	float:		left;
	position:	relative;
  width: 		677px; /* 725px in IE6 because of padding */
	padding:	24px 24px 0 24px;
}

#slider .navigation {
	height:			38px;
	background: #f8f7f6 url(/i/plans/tab_bar_bg.gif) repeat-x scroll top left;
	padding:		0 21px;
	overflow:		hidden;
}

#slider .navigation li {
	float:				left;
	diplay:				inline;
	background: 	transparent url(/i/plans/tab_button.gif) no-repeat scroll top left;
	padding-left:	5px;
	margin-right:	4px;
}

	#slider .navigation li.selected {
		background: 	#fff url(/i/plans/tab_button-active.gif) no-repeat scroll top left;
	}

#slider .navigation li a {
	display:			block;
	height:				38px;
	background: 	transparent url(/i/plans/tab_button.gif) no-repeat scroll top right;
	padding:			0 17px 0 12px;
	float:				left;
	color:				#4d4d4d;
	text-decoration: none;
}

	#slider .navigation li a:hover {
		color:				#ff4901;
		cursor:				pointer;
		text-decoration: none;
	}

	#slider .navigation li.selected a {
		background: transparent url(/i/plans/tab_button-active.gif) no-repeat scroll top right;
		color:				#ff4901;
	}

#slider .navigation li a span {
	height:			38px;
	display:		block;
	float:			left;
	padding-top:	10px;
	font-size:		16px;
	line-height:	18px;
	cursor:				pointer;
}

/* PAYG plans section */
#content #slider h2 {
	font-size:		15px;
	line-height:	17px;
	margin:				0 0 2px 0;
}

#content #slider p {
	margin-left:	0;
}

#main_content ul#other_rates {
  background:   transparent url(/i/plans/payg_more_rates_shadow.gif) no-repeat scroll top left;
	width:				724px;
	margin-left:	-24px;
	height:       93px;
}

#main_content ul#other_rates li {
	float:				left;
	padding-top:	19px;
}

a.no_underline {
	text-decoration: none;
}

a.no_underline:hover {
	text-decoration: underline;
}

#bbtg_find_out_more {
	border-left:1px solid #DBDBDB;
	float:left;
	margin-left:5px;
	margin-top:20px;
	padding-left:9px;
}

#top_selling_phones {
	width:						503px;
	float:						left;
	padding-top: 				20px;
}

#top_selling_phones table {
	width:						488px;
}

#content #bbtg_find_out_more h3,
#content #top_selling_phones h3 {
	font-size:				14px;
	line-height:			16px;
	margin:						0;
	padding:					6px 0 7px 0;
	
}

#content #top_selling_phones h3 {
	padding
}

/* Top up tabs */

.top_up_tabs{
	height:						419px;
	background: 			transparent url(/i/plans/payg/top_up_tab_separator.gif) no-repeat scroll top left;
	position:					relative;
}

#main_content .top_up_tabs .tabNavigation {
	padding-top:			18px;
	width:						152px;
	float:						left;
}

.top_up_tabs .tabNavigation a,
#main_content .top_up_tabs .tabNavigation a:hover {
	display:					block;
	color:						#ff4901;
	height:						22px;
	text-decoration:	none;
	cursor:						pointer;
}

.top_up_tabs .tabNavigation a span {
	display:					block;
	padding-top:			3px;
	font-size:				12px;
	line-height:			16px;
}

#main_content .top_up_tabs .tabNavigation li {
	padding-bottom:		9px;
	margin-right:			20px;
}

#main_content .top_up_tabs .tabNavigation li.selected {
	background: transparent url(/i/plans/payg/top_up_subtab-active.gif) no-repeat scroll top left;
	padding-left:			5px;
}

#main_content .top_up_tabs .tabNavigation li.selected a {
	background: transparent url(/i/plans/payg/top_up_subtab-active.gif) no-repeat scroll top right;
	color:						#fff;
}

.top_up_tabs .tab {
	position:					absolute;
	top:							0;
	left:							169px;
	width:						447px;
}

.top_up_tabs table {
	width:						auto;
	background-color:	transparent;
}

.top_up_tabs table td {
	background-color:	transparent;
	padding:					0 20px 9px 0;
}

.offer_box {
	background: 			transparent url(/i/plans/payg/latest_offers/box_background.gif) no-repeat scroll top left;
	width:						324px;
	height:						230px;
	float:						left;
}


.phone_offers {
	height:						196px;
	background: 			transparent url(/i/plans/payg/horizontal_divider_shadow.gif) no-repeat scroll bottom center;
}

#main_content #do_more_grid {
	clear: 						both;			
}
#main_content #do_more_grid li {
	display:					inline;
	float:						left;
	margin-right:			32px;
	margin-bottom:		15px;
}

#main_content #do_more_grid li.end_of_row {
	margin-right:			0;
}

/*							*/
/* Lightbox code*/
/*							*/
/* HIDE LIGHTBOX ELEMENTS */
.lightbox {
	display: none;
}

.close a {
	display:				inline-block;
	background:			transparent url(/v4_shared/i/lightbox/close-button.gif) no-repeat scroll top left;
	height:					31px;
	overflow:				hidden;
}

.close a:hover {
	background-position: 0 -31px;
}

.close a:active {
	background-position: 0 -62px;
}