body { background:#F4F4F4; padding-bottom:20px }
body.withBackground { background:#F4F4F4 url(/en_GB/img/body_center_bg.gif) center top repeat-y }

/*--- Added by Hema to fix text align and bullets, this overrides the style from css_main.css ---------- 
body{text-align:left!important;}
ul li {list-style:none!important;}
ol li {list-style:none!important;}

---------------- */

.accessText { position: absolute; top: 0; left: -10000px; height: 1px; overflow: hidden }

/*** general styling overrule ***/
.fullWidth tbody td {border: 0;}


#modCTA, #modCTAdotCom { margin-right: 0; margin-left: 0;}
.productDetail .modBorder {background: transparent; !important}

.grid { margin:0 auto; clear: both; }

#breadcrumb {color:#666; position: relative; left: 0; top: 0; float: left; clear: both; width: 942px; height: auto; padding: 6px 0 6px 0;margin: 0 6px 0 6px;}
	#breadcrumb a { color: #999;}
	
.gridFixBreadcrumb { padding-top: 0;}

/*** Vodafone Masthead ***/
#topmenu-holder, #topmenu-holder1 {
	width: 970px;
	margin: 0 auto 12px;
	font-family:Arial,Helvetica,sans-serif;
}

#top-links {
	height: 67px;
	background:#E60000 url('/en_GB/img/menu/menu_bg01.gif') repeat-x;
	position: relative;
	width: 956px;
}
.containsSubNav { margin-bottom:40px }
.basicMasthead { margin-bottom:11px }

	#top-links .top-logo {
		position: absolute;
		left:0;
		top:0;
		border:none
	}
	#top-quicklinks {
		float:right;
		height: 32px;
		margin:0 0 0 78px;
		padding:0;
		list-style-type:none;
		color:#FFF;
	}
	#top-quicklinks li {
		float: left;
		font-weight: bold;
		margin: 4px 0 0 15px;
		padding:0;
		line-height: 2em;
	}
	#top-quicklinks li a {
		color: #ffffff;
		text-decoration: none;
	}
	#top-quicklinks li a:hover, #top-quicklinks li a:focus, #top-quicklinks li a:active {
		text-decoration: underline;
		color:#FFF;
		outline:none;
	}
	#top-links fieldset.top-search {
		border: 0;
		clear: both;
		margin: 5px 6px 0 15px;
		padding:0;
		float: right;
	}
		#top-links fieldset.top-search input {
			vertical-align:top;
		}
		#top-links fieldset.top-search legend span {
			/* hide label off screen */
			position: absolute;
			top: 0;
			left: -10000px;
			height: 1px;
			overflow: hidden
		}
		#top-search-field {
			background:#FFF url('/en_GB/img/menu/search-bg.gif') no-repeat;
			height: 18px;
			width: 99px;
			padding: 5px 0 0 20px;
			border: 0;
			font-family:Arial,Helvetica,sans-serif;
			font-size: 1em;
		}
	#top-quicklinks input {
		float: left;
	}
	#top-globalnav {
		clear:both;
		height: 35px;
		margin:0 0 -2px 78px;
		padding:0;
		list-style-type:none;
		background:#E60000 url('/en_GB/img/menu/menu_norm.gif') repeat-x;
	}
		#top-globalnav li {
			height: 35px;
			float: left;
			background: url('/en_GB/img/menu/menu_norm.gif') repeat-x;
			display: inline;
			line-height: 1.4;
			padding:0;
			margin:0;
		}
		#top-globalnav li.active {
			background:#FFF url('/en_GB/img/menu/menu_active.gif') repeat-x;
		}
			#top-globalnav li a {
				display: block;
				float: left;
				height: 25px;
				color: #fff;
				font-size: 1.182em;
				font-weight: bold;
				/*padding: 8px 15px 0 15px;*/
				padding:8px 4px 0; 
				text-align:center;
				margin: 2px 0 0;
				border-right: 1px solid #e70000;
				text-decoration: none;
			}
			#top-globalnav li a:hover, #top-globalnav li a:focus, #top-globalnav li a:active {
				background: #C80000;
				border-right: 1px solid #C80000;
				color:#FFF;
				text-decoration:none;
				outline:none;
			}
			#top-globalnav li.active a, #top-globalnav li.active a:hover, #top-globalnav li.active a:focus, #top-globalnav li.active a:active {
				color:#c80000;
				border-right: 0;
				margin: 0 0 0 4px;
				padding: 10px 4px 0 0;
				background: url('/en_GB/img/menu/menu_active.gif') right 0;
				outline:none;
			}
			#top-globalnav li.active a:hover, #top-globalnav li.active a:focus, #top-globalnav li.active a:active { text-decoration:underline }
			/* double margin bug */
			* html #top-globalnav li.active a { display:inline; }

		#top-globalnav #vfSubNav { 
			width: 954px;
			background: #fff;
			position: absolute;
			left: 0;
			bottom: -30px;
			border: solid #E0E0E0;			
			border-width: 0 2px 1px 0;
			/*border-bottom: 1px solid #f4f4f4;*/			
		}
			#top-globalnav #vfSubNav ul {
				list-style:none;
				padding:0;
				margin:0;
				float:left;
				width: 100%;
				border-top: 0;
				border-bottom: 1px solid #E0E0E0;
			}
			#top-globalnav #vfSubNav li {
				border: 0;
				background:none;
				height:auto
			}
			#top-globalnav #vfSubNav li a{
				height: auto;
				line-height: normal;
				color: #666;
				font-weight: normal;
				padding: 0.5em 5px 0.5em 10px;
				margin:0;
				width: auto;
				background:none;
			}
			
			#top-globalnav #vfSubNav li a:hover, #top-globalnav #vfSubNav li a:focus, #top-globalnav #vfSubNav li a:active  {
				color: #c80000;
				background: #fff;
				text-decoration: underline		
			}
			
			#top-globalnav #vfSubNav li a.active {
				color: #c80000;	
				font-weight: bold;				
			}
			
/* set widths for top navigation - padding won't work because of anti-aliasing, JS would have to load */
#link_mpap { width:187px }
#link_bb { width:100px; }
#link_aae { width:135px }
#link_ms { width:130px }
#link_bus { width:90px }
#link_ma { width:104px }
#link_help { width:69px }

.icon-cart {
	background: url('/en_GB/img/menu/icon-cart.gif') no-repeat 0 1px;
	padding: 0 0 0 14px;
}

#top-firstlevel {
	background:white;
	clear: both;
	margin:0;
	padding:0;
	width: 954px;
	border-bottom:2px solid #dbdbdb;
	border-right:2px solid #dbdbdb;
	min-height:29px;
}
#top-firstlevel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#top-firstlevel li {
		float: left;
		display: inline;
		line-height: 2.2;
		font-size: 1.182em;
		margin: 0 0 0 15px;
		padding:0;
	}
		#top-firstlevel li a {
			color: #666;
			text-decoration: none;
		}
		#top-firstlevel li a:hover, #top-firstlevel li a:focus, #top-firstlevel li a:active {
			color:#c80000;
			text-decoration: underline;
			outline:none;
			border:none
		}
		#top-firstlevel li.active a, #top-firstlevel li a.active {
			color:#c80000;
			font-weight: bold;
		}

/*** Center Footer ***/
#footer, div.footer, #sape #footer { padding: 0 5px 15px; }
#footer .footer, div.footer ul, #sape #footer .footer {	text-align: center;	padding:0; }
.footer li { border-right:1px solid #666666; padding:0 5px 0 6px; color:#666666 }
.footer li.last { border-right:none }
	.footer a, #sape .footer a { color:#666666 !important; padding:0 !important; }

#footer .modCopy, #sape #footer .modCopy { color:#999999; text-align: center; padding-bottom:0 }

/*** Styles specifically for online.vodefone, beginning with the homepages ***/
#mainShell { margin:auto;width:970px; background-color:#ffffff;padding-left:10px; background:url('/en_GB/img/body_center_bg.gif') center top repeat-y }
* html #mainShell { padding-left:20px }
#mainShell #mainShell { padding:0; background:none } /* for any wrongly nested elements*/
body div#sape { width:auto; background:none; }
#sape .grid { margin:0 auto; top:0 }

#sape a:hover, #sape a:focus {color:#c80000; text-decoration: underline;}

#topmenu-holder, #topmenu-holder1 { padding-left:2px } /* the content is slightly uncentered, do the same to the header */

/* footer */
#footer { margin:10px auto 0; width:970px !important }
#footer .modCopy { margin-top:8px; padding:0; }
#footer div.footer { color:#999999; text-align: center; padding-bottom:0 }
html > body .footer li { padding:0 5px 0 6px }

/* stellent */
#mainContentOverlapContainer, #mainContentOuterContainer { display:block; float:none; margin:0 auto !important; width:970px }
#topEdge, #middleEdge { margin:0; }
#middleEdge, #outerShell, #innerShell { float:none; width:auto; }
.paddingLRB10 { padding:0 10px 40px; } /*holds print friendly link */
/*
#paygSpinnerAltCont ul, #paygTopUpSpinner ul{padding-top:0px; padding-left:0px;}

.modCopy ul, .modCopy1col ul{  padding-left:0px;}
#paygTopUpCTA {float:right;}
#tabs ul { padding-left:0px;}
*/