/* Resize cclamp grid container and structure - important */
#mainContentContainer {
	width: 980px
}

#sape.discover_activate { 
	width: 769px;
}

#leftNavOuterContainer { width: auto}
			 
/* END */


/* General styles */

abbr { border-bottom: none}
sup { font-size: 0.6em}

#sape .noSpacing {
	margin: 0;
	padding: 0
}

#sape .noSpacingTop {
	margin-top: 0;
	padding-top: 0
}

#sape .subTitle,
#sape .modBody .subTitle {
	font-weight: bold;
	font-size: 1em;
	padding: 0;
	margin: 0
}

#sape h1.pageHeader {
	margin: 0 0 0 5px;
	font-weight: normal
}

.block {
	display: block
}

.headerPlain {
	border-top: 1px solid #CECFCE
}

a.btnPetrolDownload { 
	background:url("http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012981&revisionSelectionMethod=latest&inline=0") no-repeat left top; 
}

#sape .modHeight109 {
	height: 9.77em;
	overflow:hidden;
	position:relative;
}

#sape .modHeight309 {
	height: 27.55em;
	overflow:hidden;
	position:relative;
}

#sape .modHeight415 {
	height: 36.98em;  	
	overflow:hidden;
	position:relative;
}

.modHeight570 { 
	height:554px; 
	position:relative; 
	overflow:hidden
}
	
#sape .mod2Col .modCopyCol {
	float: left;
	width: 50%;
	position:relative;
	height: 100%;
	overflow: hidden
}

#sape .mod3Col .modCopyCol {
	float: left;
	width: 32%;
	margin-right: 1%	
}

#sape .mod2Col .modCopyCol .copy,
#sape .mod3Col .modCopyCol .copy {
	padding: 8px 0 6px 7px
}

#sape .absBottomRight,
#sape .bottomRight {
	position:absolute;
	bottom: 2px;
	right: 10px
}
.blockInline {
	display: block;
	margin-top: 0;
	padding-top: 0
}

#sape .noBorderBG {
	background: none
}

#sape .fullHeight {
	height: 100%;
	position: relative;
}

#sape .vfDetailedPage .modBanner {
	background-repeat: no-repeat
}
#sape .vfDetailedPage .modBanner * {
	position: static;
	left: auto
}

#sape .vfDetailedPage .modBanner div {
	height: 100%;
	padding: 10px 0 0 15px
}

#sape .vfDetailedPage .modBanner div p{
	width: 17.25em;
	margin: 15px 0 0
}

#sape .vfDetailedPage .modBanner ul {
	margin-top: 1em
}

#sape .vfDetailedPage .modBanner ul li {
	width: 17.25em;
	padding: 0 0 0.25em
}

#sape .vfDetailedPage .modBanner ul li.absBottomLeft,
#sape .vfDetailedPage .modBanner .absBottomLeft {
	position: absolute; 
	bottom: 1.5em
}

#sape .vfDetailedPage .keyTitle {
	font-size: 1.3em;
	padding: 10px 0 0 0;
}

#sape .vfDetailedPage .heading {
	padding: 10px 0 1px 0;
	font-size: 1.3em;
	font-weight: bold; 
}

#sape .vfDetailedPage .headingTitle {
	font-size: 2em
}

#sape .vfDetailedPage p.heading {
	font-size: 1.2em;
	padding: 5px 0 0;
	margin-bottom: 0
}


.vfDetailedPage ol { list-style:inside; margin-left:30px; }
	.vfDetailedPage ol li { list-style-type:decimal; font-weight:bold }
		.vfDetailedPage ol li span { font-weight:normal}
		

.vfDetailedPage .keyFeaturesPetrol li {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012776&revisionSelectionMethod=latest&inline=0) no-repeat 0 0.45em;
	font-size:1.2em;
	font-weight:bold;
	padding: 3px 10px 5px 30px;
	line-height: 140%;
	margin: 7px 0 7px 10px;
	color: #008698
}

/* Used as a table header */
.caption {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0.25em 0 0.75em 0.75em
}

/* Reset style from base.css (line 36) */
#sape ol, 
#sape ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 0
}

#sape p {
	margin: 0.15em 0 0.55em
}

/* Banner Carousel */
#bannerCarousel {
	position: relative;
	height:15.09em; /* 166 px */
	margin: 0 3px 13px;	
}

.slideDefault,
.banner_slide_1 {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013053&revisionSelectionMethod=latest&inline=0) no-repeat;
}
.banner_slide_2 {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013054&revisionSelectionMethod=latest&inline=0) no-repeat;
}
.banner_slide_3 {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013056&revisionSelectionMethod=latest&inline=0) no-repeat;
}

.JSEnabled .slideDefault {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013105&revisionSelectionMethod=latest&inline=0) no-repeat center center;
}

.JSEnabled #slideIntro {
	visibility: hidden;
}

#bannerCarousel #slideIntro {
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 174px;
	height: 96px;
	text-indent: -1000px;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013059&revisionSelectionMethod=latest&inline=0) no-repeat;
}

#bannerCarousel ul {
	position: absolute;
	left: 250px;
	top: 40px;
	white-space: nowrap
}

#bannerCarousel ul li {
	float: left;
	width: 82px; /* Service logo width/height */
	height:82px;
	padding: 0;
	margin: 0 10px 0 0;
	position: relative
}

#bannerCarousel ul li a {
	float: left;
	position: absolute;
	display: block;
	width: 100%;
	height:100%;
	outline: none;
	outline: hidden;
}

#bannerCarousel ul li a img {
	position: absolute
}

#bannerCarousel ul li a:hover img,
#bannerCarousel ul li a:active img {
	width: 84px;
	height: 84px;
	top: -1px;
	left: -1px;
}

#bannerCarousel #overlay {
	width: 0;
	height: 0;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0
}

#bannerCarousel #overlay.active {
	width: 100%;
	height: 100%
}

							
#bannerCarousel #slideControls {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6.25em;
	height: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013058&revisionSelectionMethod=latest&inline=0);	
}

#bannerCarousel #slideControls #slideLeft,
#bannerCarousel #slideControls #slideRight {
	float: left;
	width: 15px;
	height: 18px;
	font-size: 0;
	color: #fff;
}

#bannerCarousel #slideControls {
	text-indent: 0
}

#bannerCarousel #slideControls #slideLeft {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013057&revisionSelectionMethod=latest&inline=0) no-repeat;
}

#bannerCarousel #slideControls #slideRight {
	float: right;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013055&revisionSelectionMethod=latest&inline=0) no-repeat;
}

#bannerCarousel #slideControls #slideLeft:hover,
#bannerCarousel #slideControls #slideRight:hover {
	background-position: 0 -20px
}

#sape .modBanner,
#sape .modPromo {
	height:15.09em; /* 166 px */
	margin: 0 3px 13px;
	position: relative
}


/* Hide text for accessibility */
#sape .modBanner h1,
#sape .modBanner p,
#sape .modPromo .hide {
	position: absolute;
	top: 0;
	left: -10000px;
}



#sape .modPromo .link_list1Col {
	width: 165px;
	left: 13px;	
}

#sape .modPromo.promoBGNewApps {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012743&revisionSelectionMethod=latest&inline=0) no-repeat;
}

#sape .modBanner.mobileServices {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013052&revisionSelectionMethod=latest&inline=0) no-repeat;
}

#sape .modBanner.lifestyle {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012846&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.commAndShare {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012742&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.chatAndDate {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012850&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.mobileEmail {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012853&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.instantMessaging {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012852&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.callAndMessage {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012749&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.mobtvAndVideo {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012750&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.travel {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012752&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.sport {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012855&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.internetTools {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012883&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.socialNetworking {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012953&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.shoppingAndBanking {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012854&revisionSelectionMethod=latest&inline=0) no-repeat;
}
#sape .modBanner.newsAndInfo {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012884&revisionSelectionMethod=latest&inline=0) no-repeat;
}


/* Hub page list */
#sape .browseList {
	margin: 0;
	padding: 0;
	bottom: 65px;
}

#sape.discover_activate ul.browseList li {
	padding: 0.65em 0 0.55em;
	clear: both;
	float: left;
}

#sape .browseList li a {
	color: #008698;
	font-weight: bold;
	font-size: 0.96em;
	line-height: 1.2em;
	padding-right: 25px
}

#sape .browseList li img {
	float: left;
	margin: 0 10px 0 0
}

/* Scroll content */
.scrollContent {
	overflow:hidden;
	clear: both;
	padding: 0 0 0 7px;
	margin: 30px 0 0
}

#sape .modHeight282 .scrollContent{
	height: 17.5em
}
#sape .modHeight415 .scrollContent{
	height: 32em
}

#sape .scrollContent .link_list1Col {
	position: relative;
	bottom: 0;
	width: 100%	
}

#sape .scrollUp,
#sape .scrollDown {
	display:block;
	height: 19px;
	width: 100%;
	position: absolute;
	left: 0;
	cursor: pointer;
	text-indent: -1000px;
	background:#B8D2D9 no-repeat 50% 2px;
	border: solid #CCC;
	border-width: 1px 0;
	padding: 0;
}

#sape .scrollUp {
	background-image:url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012896&revisionSelectionMethod=latest&inline=0);
	top: 0
}

#sape .scrollUp:hover,
#sape .scrollDown:hover  {
	background-position: 50% -104px;
}

#sape .scrollDown {
	bottom: 0;
	background-image:url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012895&revisionSelectionMethod=latest&inline=0);
}

#sape .scrollUp.hide,
#sape .scrollDown.hide {
	background-position: -100px -100px
}

.discover_activate .link_list1Col,
.discover_activate .link_list2Col,
.discover_activate .link_list3Col {
	clear: both
}
#sape.discover_activate .link_list1Col li,
#sape.discover_activate .link_list1Col_inline li,
#sape.discover_activate .link_list2Col li {
	padding-top:0.25em;
	padding-bottom: 0.25em;
}

#sape .petrol {
	color: #008698
}

#sape .keyFeaturesPetrol {
	padding: 0 0 0.15em 0
}

#sape .keyFeaturesPetrol li {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012873&revisionSelectionMethod=latest&inline=0) no-repeat scroll 0 0.45em;
	padding: 3px 0 3px 18px;
	line-height: 120%;
}

#sape .keyFeaturesPetrol li.price {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012872&revisionSelectionMethod=latest&inline=0) no-repeat scroll 0 0.45em;
}


#sape .mod2Col .modCopyCol .link_list1Col_inline,
#sape .mod2Col .modCopyCol .link_list1Col {
	width: 175px
}

#sape .modCopy2col, 
#sape .mod2Col {
	float:left;
	margin-right:-1px;
}

/* General table styles */

table.vdf {
	width: 100%;
	clear: both;
	border-collapse: collapse;
	empty-cells: show;
}

table.vdf tr.odd,
table.vdf tr.odd td {
	background-color: #EEF3F4
}

table.vdf thead th,
table.vdf thead td {
	background-color:#7FB0BB;
	color:#FFF;
	font-weight: bold;
	font-size: 1em;
	padding: 0.5em 25px 0.5em 15px;
	border-left: 1px solid #fff
}

table.vdf tbody tr td {
	padding: 0.5em 5px 0.75em 1em;
	border-right: 1px solid #7FAFBA;				
	vertical-align: middle;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF010139&revisionSelectionMethod=latest&inline=0) repeat-x bottom left
}

table.vdf tbody tr.last td {
	background: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #CECBCE
}

table.vdf tr.top td {
	vertical-align: top
}
table.vdf tr td.popupLinks {
	vertical-align: bottom
}

#sape table.vdf td.popupLinks .link_list1Col_inline {
	margin-bottom: 0
}
 
.vdf .na {
	color: #9C9A9C
}

.mustardYellowBG {
	background-color: #F39500
}

.lightYellowBG {
	background-color: #FCE5BF
}

.lightSkyBlue {
	background-color: #E9F6F7
}

.lightGreen {
	background-color: #D9F4E1
}

img.centre {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#sape a.petrol {
	color: #008698
}


#sape img.nonCopy {
	margin: 0 0 0 1px;
	
}

#sape img.modCopyImage {
	margin-left: -6px;
}


/* This is a new class */
#sape .petrolTitle,
#sape .modBody .petrolTitle {
	font-size: 1.4em;
	font-weight: normal;
	color: #008698;
	margin: 0;
	line-height: 1.2em;
	padding: 0
}

#sape strong.petrolTitle,
#sape .modBody strong.petrolTitle {
	font-weight: bold;
	font-size: 1em
}

#sape .priceTitle {
	display: block;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: 1.3em
}

#sape .priceTitle span {
	font-weight: bold
}

#sape .modBody .listHeader {
	font-size: 1.06em;
	font-weight: bold;
	padding-top: 0;
	margin-bottom: 7px;
}

.listCol_float,
.listCol_float li {
	float: left
}

#sape .link_listColBottom50 {
	bottom: 50px
}

#sape .link_list1Col_inline {
	margin-bottom: 10px;
}

#sape .listCol_float {	
	clear: both
}

#sape .listCol_float li,
#sape .listCol_flat li {
	font-size: 1em;
}

#sape .listCol_float li .wrap,
#sape .listCol_flat li .wrap {
	float: left;
	margin: -1px 5px 0 0 ;
}

#sape .listCol_float li a {
	display: block;
	padding: 0;
}

#sape .listCol_flat {
}

#sape .listCol_flat {
	float: left;
	clear: both
}

#sape.discover_activate .listCol_float li,
#sape.discover_activate .listCol_flat li {
	padding-top: 10px;
	padding-bottom: 4px;
}

#sape .listCol_flat  li {
	float: left;
	width: 48%;
	padding-right: 2%;
}

#sape .link_list2Col_large {
	position: relative;
	top: 0
}

#sape .link_list2Col_large li {
	position: relative
}


#sape .link_list2Col_large .contentWrapper {
	width: 180px;
	padding: 0 3px;
	float: left
}

#sape .link_list2Col_large .contentWrapper .btnPetrolDownload {
	float: left;
	padding-right: 30px
}

#sape .list_downloadToolbar .downloadLink {
	display: block; 
	float: left;
	padding: 0 5px 0 0;
}

#sape .list_downloadToolbar .btnPetrolDownload {
	padding: 4px 15px 0 0
}

#sape .link_list2Col_large .heading {
	display: block;
	margin-top: 20px;
	font-size: 1.3em
}

#sape .link_list2Col_large .contentWrapper .petrolTitle,
#sape .link_list2Col_large .contentWrapper .priceTitle {
	margin: 0
}
#sape .link_list2Col_large .contentWrapper p {
	margin:  0.25em 0 0
}

#sape .link_list2Col_large .bottomRight {
	bottom: 15px
}

#sape .zybIframe {
	width: 762px;
	height: 55em;
}

#sape .emailWizardIframe {
	height: 75em;
	width: 575px;
	float: left
}

#sape .emailWizardIframe iframe {
	overflow: hidden
}

.promoTitle {
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 0.25em
}

.promoTitle span {
	font-size: 1em;
	font-weight: bold;
}

#sape .modBody img.float {
	float: left;
	margin: 0 7px 5px 0
}

#serviceSelector {
	width:100%
}

.phoneSelectContainer {
	padding-top: 0.5em	
}

#basicPhoneSelector {
	padding-right: 10px
}

#basicPhoneSelector select,
.phoneSelectContainer select {
	margin-top: 0.25em;
	display: block;
	width: 100%;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
}

#sape .phoneSelectContainer .selectYourPhoneBtn {
	clear: both;
	float: right;
	margin-top: 0.75em
}

#phoneSelectorPanel {
	overflow: hidden
}

.JSEnabled #phoneSelectorPanel.loading {
	width: 100%;
	height: 50px;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013105&revisionSelectionMethod=latest&inline=0) no-repeat center center;
}

#phoneSelectorPanel img.phone {
	float: left;
	width: 55px;
	height: 103px	
}

#phoneSelectorPanel img.generic {
	float: left;
	width: 45px;
	height: 80px;
}

.phoneSelectedContainer {
	float: left;
	width: 110px;
	font-size: 1em;
	margin: 3px 0 0 5px
}

#sape .phoneSelectedContainer strong span {
	display: block;
	padding-bottom: 5px;
}

#sape .phoneSelectedContainer p {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 120%
}

#sape .phoneSelectedContainer .changePhoneBtn {
	float: left;
	margin: 2em 0 1em
}


#sape .topListings {
	font-weight: bold;
	margin: 0 0 6px;
	padding: 0
}

#sape.discover_activate .topListings li {
	position: relative;
	padding: 4px 0 4px;
}

#sape .topListings li .number {
	float: left;
	color: #000; 
	margin-right: 5px;
	position: relative;
	top: 3px;
	font-weight: bold
}

#sape .topListings li a {
	color: #008698;
	font-weight: normal;
	white-space: nowrap;
}

#sape .topListings li strong {
	position: absolute;
	font-weight: normal;
	white-space:nowrap;
	display:block;
	overflow:hidden;	
}

#sape #musicStoreSearch {
	position: absolute;
	bottom: 40px
}

#sape .musicStore label {
	display: block;
}

#sape .musicStore #musicSearch {
	padding: 2px;
	float: left;
	width: 130px;
	margin-right: 6px
}

#sape .musicStore .go {
	float: left
}

/* ***** */
/* 5.1.5.1 Find & Go 
/* ***** */

.findAndGoBanner {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012835&revisionSelectionMethod=latest&inline=0)
}

/* Remove shadow from button */
#sape .textBtnRed.noShadow,
#sape .textBtnRed.noShadow span {
	padding-bottom: 4px
}

/*Page specific stylings - Find and Go page*/


#sape .modQuickStart {
	margin: 0 3px;
	padding-bottom: 1em
}


#sape .modQuickStart .header {
	font-size: 1.3em;
	margin: 0;
	padding: 0.75em 0 1em 1em;
	border-top: 1px solid #CECFCE

}

#sape .modQuickStart p {
	font-size: 1.1em	
}

#sape .modQuickStart .iconWrapper {
	float: left;
	margin-left: 1em
}
#sape .modQuickStart .contentWrapper {
	width: 470px;
	margin-left: 85px
}

#sape .modQuickStart .contentWrapper .download {
	width: 100%;
	margin: 0
}


/* ******** */ 
/* 5.5 page */
/* ******** */

/* From base.css line 7*/
fieldset, 
legend {
	border: 0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

.filterBody fieldset {
	margin: 0.5em 10px 0.25em 10px
}

.filterBody h3,
.filterBody h4 {
	font-size: 100%;
	padding-top: 0
}

.filterBody ul {
	padding-left: 0
}

.disabledFilter span {
	color: #CAC8BB
}

.filterBody h3 {
	display: block;
	margin:0 3px 0;
	padding: 4px 5px 4px 7px;
	background-color: #b8d2d9;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: bold;
}

/* *************************************** */
/* Source - modules.css http://styles-shop.vodafone.co.uk/eshopweb/css/modules.css
/* *************************************** */


.filterArea {
	margin: 0 0 0 5px;
	overflow:hidden;
	width:571px;
}

ul.tabList {
	float: left;
	margin: 0;	
	padding: 0
}

ul.tabList li {			
	float: left;
	padding: 6px 11px;
	margin-right: 1px;			
	background: #B8D2DA
}

ul.tabList li.activeTab{
	background-color:#008698;
	color: #ffffff;
	font-weight: bold;
}

ul.tabList li.activeTab a {
	color: #ffffff;
	text-decoration: none;
}

ul.tabList li a{
	text-decoration: underline;
}

ul.tabList li a:hover{
	color: #fff;
}

.counter {
	float:right;
	font-size: 1em;
	margin: 0 6px 0 0;
	text-align:right;
	width:340px;
}

.counter span {
	font-weight: bold
}

.filterArea p {
	display:inline;
}

/*------ Sorting drop down ------*/

.sortArea {
	background-color:#008698;
	clear:both;
	color:#FFF;
	display:inline;
	float:left;
	margin-left:5px;
	width:566px;
}

.sortArea .sortContainer {
	float: right;
	margin: 9px 5px 8px 0;
}

.sortArea label {
	float:left;
	font-weight:bold;
	padding-right: 1em
}

.sortArea label {
	font-weight:bold;
}

.sortArea ul {
	padding: 0
}

.sortArea ul li {
	float:left;
	padding: 0
}

#sape .sortArea ul li a {
	color: #fff;
	text-decoration: underline
}

.JSEnabled .sortListDropDown { 
	width: 120px; 
	height: 1.2em; 
	float: left; 
	padding-right: 15px; 
	background: #fff url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012844&revisionSelectionMethod=latest&inline=0) no-repeat top right; 
	border: 1px solid #ccc; 
	border-left: 0; 
	cursor: pointer; 
	position: relative; }
	
.JSEnabled .dropDownInner { 
	height: 1.2em; 
	overflow: hidden; 
	position: absolute; 
	top: 0; left: 0; 
	width: 120px; 
	border: 1px solid #ccc; 
	border-top: 0; }

.JSEnabled .sortAtt { text-decoration: underline; cursor: pointer;}
.JSEnabled .sortBy { background: #fff; display: block; padding:0;  position: absolute; top: 0; left: 0;}
.JSEnabled #listView ul.sortBy { overflow: visible; }
.JSEnabled .sortBy li { display: block; float: none; margin: 0; padding: 0; width: 120px;}
.JSEnabled #sape .sortBy li a { display: block; line-height: 1em; color: #333; padding: 1px 5px; text-decoration: none; border-bottom: 0px; width: 110px;}
.JSEnabled #sape .sortBy li a:hover { background:#B8D2D9; color: #333;}


/* Filterable area */

.filterable {
	margin-bottom: 1em
}
.filterable li {
	
}
.filterable li input{
	margin-right: 0.25em;
	vertical-align: middle
}


#listView {
	background:transparent url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF010132&revisionSelectionMethod=latest&inline=0) repeat-x 0 -10000px;
	clear:both;
	margin-left: 5px;
}

.JSEnabled .filterableList {
	display: inline;
	float: left
}

#listView .serviceList {
	background:url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF010139&revisionSelectionMethod=latest&inline=0) repeat-x center bottom;
	clear:both;
	float:left;
	padding: 5px 0 10px;
	width:566px;
}

#listView .serviceList ul.productDetails {
	float: left;
	display: inline;
	padding: 0;
	margin: 8px 0 3px 8px
}

 
#listView .serviceList ul.productDetails li {
	float:left;
}

#listView .serviceList ul.productDetails li.serviceDetails {
	width: 165px;
	padding: 0 20px 0 0;
}

#listView .serviceList ul.productDetails li.serviceDetails p {
	float: left;
	width: 80px;
	line-height: 160%;
	color: #312E2D;
	margin: 0.55em 0 0;
	padding: 0;
}

#listView .serviceList ul.productDetails li.serviceDetails p strong {
	font-weight: bold;
	font-size: 2.4em;
	display: block
}
#listView .serviceList ul.productDetails li .imageWrapper {
	float:right;
	position: relative
}
#listView .serviceList ul.productDetails li .imageWrapper a { outline: hidden; outline: none}
#listView .serviceList ul.productDetails li .imageWrapper a:active img {
	position: relative;
	top: 2px;
	left: 2px
}

#listView .serviceList ul.productDetails li .imageWrapper img.newFlag {
	position: absolute;
	top: -5px;
	right: -10px
}

#listView .serviceListDetails {
	width: 190px;
}

#listView .serviceListDetails h2 {
	font: normal 1.55em Arial, Helvetica, sans-serif;
	padding: 0 0 2px
}

#listView .serviceListDetails p {
	margin: 0;
	color: #000;
	font-size: 1.02em
}

#listView .serviceListDetails .textBtnRed {
	float: right;
	margin-top: 1em
}

#listView .keyFeaturesWrap {
	height:75px;
	overflow:visible;
	width:175px;
}

#listView ul.keyFeatures {
	font-size:0.9em;	
	float:left;
	padding:0;
	margin: 0 0 0.5em;
}


#listView ul.keyFeatures li {
	display:block;
	float:none;
	padding: 0.4em 5px 0.4em 30px;
	margin: 0;
}

#listView .recommendedWrap, 
#listView ul li.recommendedWrap {
	float:right;
	padding:5px 5px 10px 0;
	text-align:right;
	width:375px;
}

/* VMI Item */

#listView .serviceList#VMI {
	position: relative;
	background-color: #FFE7BD;
	padding-bottom: 13px
}

#listView .serviceList#VMI .serviceListDetails {
	width: 365px;
}

#listView .serviceList#VMI h2{
	color: #F79600
}

/*----- No filter results Box  (vdf_Eshop_Filters.class) -----*/
#resetFiltersContainer { 
	margin: 20px auto 20px auto;
	text-align: center;
	background-color: #fff; 
}
#noResults{ font-size: 11px; color: #222; line-height: 130%;}
#noResults strong{ font-weight: bold; font-size: 16px; line-height: 130%;}
#noResults p.checkFilters{ padding-bottom: 30px; margin-bottom: 2em; background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013084&revisionSelectionMethod=latest&inline=0) no-repeat center bottom; }
#noResults #resetFilters,
#noResults #resetFilters span { font-size: 14px}

/*----- service list rollover (vdf_Eshop_Views_List_Rollover.class) -----*/
.JSEnabled #listView .JSModule_product_rollover { margin: 1px; display: inline; }
.JSEnabled #listView .JSModule_product_rollover_on { border: 1px solid #83b2bd; margin: 0; background: #E4F1F3; }
/* End Modules.css */

ul.keyFeatures li {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012845&revisionSelectionMethod=latest&inline=0) no-repeat 0 4px;
	font-size:1.1em;
	padding: 0.4em 0 0.4em 2.2em;
}

ul.keyFeatures li.ftr_tick{background-position: 0 -1648px;}
ul.keyFeatures li.ftr_pound{background-position: 0 -1998px;}


.JSEnabled .JShidden{display: none;}

/*------- Lightbox Module -----*/
.JSEnabled #lightBoxOverlay,
.JSEnabled #lightBoxOverlayIE6Hack { position: absolute; top: 0; left: 0; height: 0px; width: 100%; z-index: 9999; background: #fff; line-height: 0px; display: none;}
.JSEnabled #genericLightBox { display: block; width: 570px; height: 17.5em; position: absolute; background: #fff; z-index: 99991; border: 1px solid #80B0BB;}
/* ************** */

.lightBoxPopup {
	min-height: 25em;
	padding: 0.75em 15px 1.75em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

.lightBoxPopup h1 {
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #008698
}

.lightBoxPopup p { 
	font-size: 1em;
	line-height: 1.1em
}

.lightBoxPopup ol {
	list-style-position: inside
}

.lightBoxPopup .subTitle img {
	vertical-align: bottom
}

.lightBoxPopup a {
	text-decoration: none;
	font-size: 1em;
}
.lightBoxPopup a:hover {
	text-decoration: underline
}

.lightBoxPopup a.petrol {
	color: #00869C
}

.lightBoxPopup #confirmBtn { 
	text-decoration: none;
	margin-left: 15px
}

.lightBoxPopup .imageWrapper {
	float: left;
	width: 135px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #fff
}

.lightBoxPopup .phoneImage {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012994&revisionSelectionMethod=latest&inline=0) no-repeat center center;
	border: 0
}

.lightBoxPopup  .genericPhoneImage{
	margin-bottom: 15px
}
.lightBoxPopup #phoneReset {
	display: block;
	cursor: pointer
}

.lightBoxPopup#applicationPopup #phoneReset {
	display: inline
}

.lightBoxPopup .contentWrapper {
	float: left;
	width: 390px;
	padding-top: 3px;
	margin-left: 10px
}

.lightBoxPopup .contentWrapper p,
.lightBoxPopup .contentWrapper ol,
.lightBoxPopup .contentWrapper input {
	margin-bottom: 0.45em
}

#alertsPopup.lightBoxPopup .contentWrapper {
	width: 510px
} 
.lightBoxPopup .contentWrapper .pricing {
	display: block;
	margin-bottom: 2em
}

.lightBoxPopup .contentWrapper input {
	display: block;
	width: 15.75em;
	font-size: 1em;
	margin-top: 3px;
	padding: 1px 2px;
	color: #000
}

.lightBoxPopup #phoneSelection {
	float: left;
	width: 100%;
	margin: 1.5em 0 0.75em 0	
}

.lightBoxPopup #phoneSelection div {
	float: left;
	width: 50%
}

.lightBoxPopup #phoneSelection div label {
	display: block;
	font-size:0.96em;
	font-weight:bold;
	margin-bottom:0.4em
}

.lightBoxPopup #phoneSelection div select {
	display: block;
	margin-top: 0.25em;	
	width: 90%;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
}

.lightBoxPopup .action {
	clear: both;
	position: absolute;
	bottom: 1.5em;
	right: 1em;
	text-align: right;

}

.lightBoxPopup .linkBtn span {
	font: bold 1em Arial, Helvetica, sans-serif;
}

.lightBoxPopup .loading {
	width: 100px;
	height: 32px;
	margin: 0 auto;
	line-height: 32px;
	position: absolute; 
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	padding-left: 25px;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012994&revisionSelectionMethod=latest&inline=0) no-repeat;
}


/* Close link for light box overlay */
.closeOverlay {
	width: 100%;
	height: 23px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: #008698;
}

.closeOverlay .link_close {
	display:block;
	height: 100%;
	text-align: right;
	float: right;
	cursor: pointer;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011496&revisionSelectionMethod=latest&inline=0) no-repeat top right; 
}

.closeOverlay .link_close a {
	display:block;
	height: 100%; 
	line-height: 23px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin-right: 21px;
	padding-right: 6px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

.closeOverlay .link_close a:hover {
	text-decoration: underline;
}

/* Iframe popup for T&Cs*/
#iframeLightBox { 
	display: block; 
	width: 780px; 
	height: 7.5em; 
	overflow: hidden;
	position: absolute; 
	background: #fff; 
	z-index: 99991; 
	border: solid #80B0BB;
	border-width: 1px 2px 2px 1px
}


/* Carousel */

div#carouselContainer { 
	position: relative;	
	clear: both;
	padding-bottom: 2em;
	border-top: 1px solid #CECFCE; 
}

div#carousel { 	
}

.JSEnabled div#carousel { 
	overflow:hidden;
}

div#carousel ul { 
	float: left;
	margin: 0;
}

.JSEnabled div#carousel ul {
	white-space: nowrap; 
}

div#carousel ul li { 
	padding: 1em 0 0;
}		


.JSEnabled div#carousel ul li { 
	display:block; 
	float:left }

.JSEnabled div#carousel ul li {
	/*d isplay:inline; 
	d isplay:inline-block; */
	white-space: normal; 
}

div#carousel ul li .wrapper {
	margin: 0 35px 0 35px;
}

div#carousel ul li .contentWrapper  { 
	float: left; 
	padding: 0 0 0.5em; 
	float: left; 
	width: 300px; 
	font-size: 1.2em;
	background-color: #fff
}
	
div#carousel ul li .contentWrapper .title,
div#carousel ul li .contentWrapper .subTitle  { 
	padding: 0; 
	margin: 0; 
	font-size: 1.1em; 
	font-weight: bold
}

div#carousel ul li .contentWrapper .subTitle  { 
	margin: 0.25em 0 1em;
	font-size: 1.1em;
}

div#carousel ul li img { 
	float: right;
}


/* JS Enabled styles */
div#carouselContainer .scrollLeft, 
div#carouselContainer .scrollRight { 
	width: 15px;
	height: 29px;
	position: absolute;
	top: 50%;
	left: 10px;
	cursor: pointer;
	outline:none;
	text-indent: -1000px;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012747&revisionSelectionMethod=latest&inline=0) no-repeat top left;
}
/* * */

.JSEnabled div#carouselContainer .scrollRight { 
	left: auto;
	right: 10px;
	background-image: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012748&revisionSelectionMethod=latest&inline=0); 
}

div#carouselContainer ul.status {
	position: absolute;
	clear: both;
	float: left;
	margin: 0
}

div#carouselContainer .status li {
	float: left;
	width: 10px;
	height: 6px;
	overflow: hidden;
	margin-right: 5px;	
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF012977&revisionSelectionMethod=latest&inline=0) no-repeat top left
}

div#carouselContainer .status li.active {
	background-position: 0 -10px
}

/* Buttons */

.textBtnRed {
	cursor: pointer
}


#sape .link_list2Col a.textBtnRed {
	display:inline;
	margin-top:6px;
	padding: 0 0 10px 0;
	background-position: left top;
}


#sape .link_list2Col a.textBtnRed:hover,
#sape .link_list2Col a.textBtnRed:hover span {
	background-position: left -95px;
}

.linkBtn{
	background-repeat: no-repeat;
	background-position: right top;
	padding: 1px 0 9px 0;
	cursor: pointer;
	outline: none
}

a.linkBtn:hover{
	padding: 1px 0 9px 0;
	text-decoration:none;
	background-position: right -100px;
}

.linkBtn span{
	color: #fff;
	font-weight: bold;
	background-repeat: no-repeat;
	padding: 1px 6px 8px 6px;
}

.linkBtn:hover span{
	background-position: left -100px;
}

a.btnRedBgWhite {
	background-image: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011451&revisionSelectionMethod=latest&inline=0);
	background-color: #ff0000;
}
.btnRedBgWhite, .btnRedBgWhite span{
	background-image: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011450&revisionSelectionMethod=latest&inline=0);
}
a.btnGreyBgWhite {
	background-image: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011491&revisionSelectionMethod=latest&inline=0);
}
.btnGreyBgWhite, .btnGreyBgWhite span{
	background-image: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011490&revisionSelectionMethod=latest&inline=0);
}
	
#sape .downloadBrowsers h3 {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 5px
}

#sape .downloadBrowsers p {
	margin: 0.1em 0 0
}

#downloadToolForm {
	margin-top: 1.25em
}

#downloadToolForm .acceptTerms {
	padding-bottom: 0.75em
}

#acceptTerms {
	margin-right: 0.5em
}


/*------- Error message pane AND Help Hovers - non JS -------*/

div#messagePane p { float:right; text-align:right; padding:0 20px; }
div#messagePane p.error_pane_intro,  
p.error_pane_intro { float: left; text-align:left; background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011454&inline=1) no-repeat; padding: 0; }
#messagePane img.warning { float: left; margin-right: 10px }
ul#paneErrorList { 
	float: left;
	padding: 0;
	margin: 0 0 0 25px;
	list-style-type: disc
}
ul#paneErrorList li { float: left; clear:both}


#messagePane .validated { background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011459&inline=1) no-repeat center right; padding-right: 35px; }


/* End message pane */
.validationFailed {	background: #F8B140;border: 1px solid #050707}


/*----- Message Pane (vdf_Eshop_Form.class, vdf_Eshop_Form_Validation.class)-----*/	
.JSEnabled #messagePane { 
	position: fixed; 
	bottom: 0; 
	border:1px solid #f6af40; 
	border-bottom:none; 
	overflow:hidden; 
	left: 0; 
	right: 0;
	margin: 0 auto;
	width: 96%; 
	z-index: 99991;
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF011480&inline=1) top center repeat-x; 
	font-weight: bold; 
	padding: 10px 0 10px 15px}



/* ***** */
/* 5.2.1.1 Email Wizard */
/* ***** */

.emailWizardBanner {
  background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013128&revisionSelectionMethod=latest&inline=0)
}

/* ***** */
/* 5.2.3.1 Twitter*/
/* ***** */

.twitterBanner {
	background: url(http://online.vodafone.co.uk/dispatch/Portal/SimpleGetFileServlet?dDocName=VF013078&revisionSelectionMethod=latest&inline=0)
}