/* Vodafone VOP Redesign 2007 				*/
/* Styling for the intermediate design. 	*/
/* Created: 13-8-2007 						*/
/* Author: Ivo Vandeberg 					*/

/* --------------------------------------------------------------------------------------- */
/* CHANGELOG 					

- .metaNav : 				"#header ul.header-links" was changed into ".metaNav"
- .bullet li, ul :			added common 'ul' as class "bullet" doesn't exist in the old html
- .bullet, ul :				moved lineheight outside, as not to affect any other lists
- .globalNav ul :			removed bullet from list because generic ul bullet style was added
- .globalNav li :			margins were reset because generic ul bullet style was added
- .secondLevelNav :			reset because generic ul bullet style was added
- .searchField : 			adjusted right and top offset to accommodate larger copy
- .link_list1Col :			removed absolute alignment
- .link_list2Col :			removed absolute alignment
- .modCopy .bullet ul :		removed padding left for lists inside module copy
- div#tabs :				".tabBox" was renamed to "#tabs"
- div#tabs li#current-tab :	".tab,.activeTab" was renamed
- .quintetColumn :			a five column wide grid style was added
- .modFlashHigh :			added new style for large (height:308px) flash content
- .modCopy :				left padding set to 6px (was 7px)
   --------------------------------------------------------------------------------------- */

/* START OF GLOBAL ELEMENTS */
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 69%;
	background-color: #fff;
	color: #333;
}
a {
	color: #333;
	text-decoration: underline;
}

em,
strong
{
	font-weight: bold;
	color: #008698;
}
/* END OF GLOBAL ELEMENTS */

/* START GENERIC COLOR STYLES */
.redBG			{background:#f00;}
.carmineRedBG	{background:#cc0202;}
.deepPurpleBG	{background:#732978;}
.petrolBG		{background:#008698;}
.lightPetrolBG	{background:#bad4da;}
.lightGreyBG	{background:#f6f8f9;}
.greyBG			{background:#ccc;}
.darkGreyBG		{background:#7d7d7d;}
.blueBG			{background:#0077b7;}
.lightBlueBG	{background:#6dc1d7;}
.greenBG		{background:#007757;}
.grassGreenBG	{background:#5b8424;}
.whiteBG		{background:#fff;}
/* END GENERIC COLOR STYLES */

/* START OF HEADER STYLES */
#vodafoneLogo {
	position:absolute;
	top:0; 
	left:12px;
}
/* END OF HEADER STYLES */

/* START OF META NAVIGATION */
.metaNav {
	position:absolute;
	top:0; 
	left:0;
	width:973px; 
	height:25px;
}
.metaNav ul.header-links {
	position:absolute;
	right:0;
	bottom:0;
	
	/* Reset beacause of addition of generic ul style. */
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	/* End of reset. */
}
.metaNav ul.header-links li{
	display:inline;
}
.metaNav ul.header-links li a{
	padding-left:3px;
	padding-right:6px;
	
	text-decoration: none;
}

.metaShoppingCart {
	vertical-align: -7%;
	height: 1em; /* 11px*/
	padding-right: 2px;
}
/* END OF META NAVIGATION */

/* START OF GLOBAL NAVIGATION */

.globalNav ul {
	margin: 0;
	padding: 0;
	list-style: none;

	line-height:1.4em;
	font-size:1em;
}
.globalNav li {
	padding: 0;
	margin: 0;
}

.globalNav li{
	float:left;
	border-right: 0.0909em solid #fff;
	font-weight:bold;
}
.globalNav li a{
	padding: 0.36em 1.09em 0.36em 1.09em;
	background:#fe0000;
	height:1.454em; /* 16px */
	*height:auto; /* IE BUG FIX */
	color:#fff;
	display:block;
	
	text-decoration: none;
}
.globalNavActive{
	background:#cc0202 !important;
	height:1.454em; /* 16px */
	*height:auto; /* IE BUG FIX */
}
.globalNav li a:hover{
	background:#cc0202;
}
.globalNavShadow{
	width:954px; 
	height:5px;
	clear:both;
	display:block;
}
.globalNav{
	position:absolute;
	top:105px; 
	left:12px;
}
.globalNav ul{
	width:954px;
	height:2.182em; /* 24px */
	background:#fe0000;
}
/* END OF GLOBAL NAVIGATION */

/* START OF FIRST LEVEL NAVIGATION */
.firstLevelNav{
	position:absolute;
	z-index:10;
	top:140px;
	left:22px;
}

/* Reset because of generic bullet style for 'ul' that was added. */
.firstLevelNav ul {
	margin: 0;
	padding: 0;
	list-style: none;

	line-height:1.4em;
	font-size:1em;
}
/* End of reset */

.firstLevelNav ul li{
	display:inline;
}
.firstLevelNav a{
	padding:0 6px 0 3px;
	
	text-decoration: none;
}
.firstLevelNav .active{
	padding:0 6px 0 4px; 
	font-weight:bold;
}
.firstLevelNav a:hover{
	color:#008698;
}
/* END OF FIRST LEVEL NAVIGATION */

/* START OF SECOND LEVEL (LEFT) NAVIGATION */
.secondLevelNav {
	margin: 0;
	padding: 0;
	list-style: none;
	
	line-height:1.4em;
	font-size:1em;
}
.secondLevelNav li{
	background: url(../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
}
.secondLevelNav li.first{
  background-image: none;
}
.secondLevelNav .level2{
	padding-left:19px;
}
.secondLevelNav .level3 {
	padding-left:28px;
}
.secondLevelNav .level4 {
	padding-left:37px;
}
.secondLevelNav .level5 {
	padding-left:46px;
}
.secondLevelNav li.selected{
	background:#bad4da url(../img/dottedLine.gif) repeat-x top left;
	margin-top: 1px;
	*margin-bottom:-1px;
}
.secondLevelNav li.lightPurpleBG {
	background:#C592C8;
}
.secondLevelNav li.lightPetrolBG {
	background:#bad4da;
}
.secondLevelNav li.lightGreyBG {
	background:#f6f8f9;
}
.secondLevelNav li.lightPurpleBG a:hover,
.secondLevelNav li.lightPurpleBG a:focus {
	color:#4D2550;
}
.secondLevelNav li.lightGreyBG a:hover,
.secondLevelNav li.lightGreyBG a:focus {
	color:#333333;
}
.secondLevelNav a{
	padding: 3px 0 4px 11px;
	height:1.454em; /*16 px */
	display:block;
	position:relative;
	text-decoration: none;
}
.secondLevelNav a:hover{
	color:#008698;
}
.secondLevelNav .selected{
	background:#bad4da;
	*margin-bottom:-1px;
}
/* END SECOND LEVEL NAVIGATION */

/* BEGIN TABLE MODULE STYLES */
.fullWidth{
	width:100%;
	border-collapse: collapse;
}
.tableContainer{
	padding: 0 4px 0 4px;
}
.tdEven,.tdEven2,.tdOdd,.tdOdd2,.tdHead,.tdHead2{
	padding:3px 12px 4px 12px;
	text-align:right;
}
.tdEven{
	border-right: 1px #008698 solid;
	background:#fff;
}
.tdEven2{
	background:#fff;
}
.tdHead{
	border-right: 1px #fff solid;
	padding:4px 12px 4px 12px;
	background:#008698;
	color:#fff;
}
.tdHead2{
	background:#008698;
	color:#fff;
}
.tdOdd{
	border-right: 1px #008698 solid;
	background:#f6f8f9;
}
.tdOdd2 {
	background:#f6f8f9;
}
.left{
	text-align:left;
}
	/* START FF: TABLE EXCEPTIONS */
	tfoot ul {
		font-size: 1em;
		color: #333;	
		padding: 12px;
		padding-top: 0px;
	}
	tbody td {
 		border: none;
	}
	table {
 		border-style: none;
	}
	/* END FF: TABLE EXCEPTIONS */

/* END TABLE MODULE STYLES */

/* BEGIN TAB NAVIGATION STYLES*/
.tabBox{
	margin:0 0 10px 3px;
	border-bottom: 1px solid #CCC;
}
.tab,.activeTab{
	position:relative;
	padding:5px 9px 3px 9px;
	border-right:1px solid #fff;
	margin-bottom:0px;
	display:inline;
	float:left;
	cursor:pointer;
}
.tab{
	background:#a7c6cd;
}
.tabBox.purple .tab {
	background-color: #C592C8;
}
.tabBox.purple a:hover, .tabBox.purple a:focus {
	color: #fff;
}
.activeTab{
	background:#7fb0bb !important;
	font-weight:bold;
	color:#fff;
}
.tabBox.purple .activeTab {
	background:#732978 !important;
}

.tabBox a {
        text-decoration: none;
}

.hidden{
	display:none;
}
/* END TAB NAVIGATION STYLES */

/* START OF SEARCH BOX */
.searchNav{
	position: absolute;
	top: 70px;
	left: 0;
	width: 966px; 
	height: 25px; 
}
.searchField{
	position: absolute;
	right: 50px; /*41px;*/
	width: 254px; 
	font-size:1em;
	top: -2px; /*0;*/
}
.searchNav .textBtnGrey{
	position:absolute;
	right:0px;
	top:-6px;
}
.searchNav .textBtnGrey span{
	padding-left:7px;
	padding-right:10px;
}
/* END OF SEARCHBOX */

/* START OF LOGINBOX */
.loginBox{
	position:absolute;
	top:141px; 
	left:0px;
	width:966px; 
	height:25px;
}
.loginField {
	position:absolute;
	right:0px;
}
/* Reset because of generic bullet style was added for 'ul'. */
.loginField ul {
	margin: 0;
	padding: 0;
	list-style: none;

	line-height:1.4em;
	font-size:1em;
}
/* End of reset. */

/* END OF LOGIN BOX */

/* BEGIN GRID STYLES */
.singleColumn{
	width:192px;
	float:left;
}
.doubleColumn{
	width:384px;
	float:left;
}
.tripleColumn{
	width:576px;
	float:left;
}
.quadColumn{
	width:768px;
	float:left;
}

.quintetColumn {
	padding-left:3px;
  	width:954px; 
}

.grid{
	/*position:absolute;
	top:171px;
	left:9px;*/
	display:block;
	width:970px;
}
/* END GRID STYLES */

/* BEGIN GENERIC MODULE STYLES */
.modCopy, .modCopy1col, .modCopy2col, .modCopy3col {
	padding: 8px 0px 6px 6px;
	overflow: hidden;
}
.noFloat,.clear{
	clear:both;
}
.modBody{
	margin:0px 3px 0px 3px;
	position:relative;
	clear:both;
}
h1.petrol,
h1
{
	color:#008698;
	font-size:2.1em;
	line-height:1.1em;
}
.modBody h2.petrol,
h2.petrol,
h2.sifr-header,
li.sifr-feature,
.sifr-header-subscr-blue
{
	font-size: 1.6em; 
	color:#008698;
	padding: 3px 0 10px 0;
}

li.sifr-feature,
.textContent ul li.sifr-feature
{
	margin-bottom: 0;
	font-size: 1.2em;
	padding-bottom: 3px;
}

/* Hide the header in the module body but show when it's a text module. */
.modBody h2.petrol {
	display: none;
	height: 0;
	width: 0;
}
.renderSingle .modBody h2.petrol
{
	padding: 3px 0 10px 0;
	visibility: visible;
	height: auto;
	width: auto;
}
/* */

.modBody h3,
h3,
h3.sifr-feature,
h3.sifr-feature-right,
p.sifr-feature,
h3.sifr-header-block-2-slots,
h3.sifr-header-block-right,
h3.sifr-header-block-1-slot,
h3.sifr-header-block-live,
h3.sifr-header-block-live-special,
h3.sifr-blox-price
{
	font-size:1.182em; /*13px*/
	font-weight:normal;
}
.modBody h4,
h4
{
	font-weight:bold;
}
.modBody h4.petrol,
h4.petrol
{
	color:#008698;
	padding:3px 0 10px 0;
}
h5 {
	font-size:1.09em;/*12px*/
	line-height:1.5em;
}

/*.modBody*/ h6 {
  font-weight: bold;
}

.modHeader{
	color:#fff;
	margin:0 3px 0 3px;
	height:2.181em; /* 24px */
	overflow:hidden;
}
.modHeader h2 {
	font-size:1em;
	font-weight:bold;
	float:left;
	padding: 4px 0 0 7px;
}
.modHeader a {
	color:#fff;
	float:right;
	font-weight:normal;
	padding: 4px 0 0 7px;
	
	text-decoration: none;
}
.modHeader a:hover {
	color:#fff;
}
.modHeader a span {
	font-weight:bold;
	padding:0 7px 0 5px;
}
.modHeightLow{
	height: 12.91em; 
	overflow: hidden;
}
.modHeight168 {
	height:13.45em; /* 148 px content, makes the total module height 168 px*/
	overflow:hidden;
}
.modHeight282 {
	height:23.18em; /* 255 px content, makes the total module height 282 px */
	overflow:hidden;
}
.modHeight282NoBorder {
	height: 25.37em; /* 255 px content, 255+32 due missing border */
	overflow:hidden;
}
.price1,.price2,.price3,.price4,.price5,.price6{
	display:inline;
	font-weight:bold;
	position:relative;
}
.price1,.price2,.price4{
	font-size:2.363em;/*26px*/
	line-height:2.091em;/*23px*/
}
.price1{
	padding-left:4px;
}
.price2{
	top:-9px;
	font-size:1.363em;/*15px*/
}
.price3{
	float:left;
	top:-2.27em;/*25px*/
}
.price4{
	padding-left:4px;
}
.price5{
	font-size:4.27em;/*47px*/
}
.price6{
	top:-0.55em;/*5px*/
	font-size:2.5em;/*20px*/
	left:-4px;
}
.bold{
	font-weight:bold;
}
.modFooter{
	height:8px;
	font-size:1px;
	line-height:1px;
	margin-bottom:5px;
}
.modBlankFooter{
  height: 8px;
	font-size:1px;
	line-height:1px;
	margin-bottom:5px;
}
.modTop{
	height:1px;
	font-size:1px;
	line-height:1px;
}.modPad{
	padding-left:21px;
}
.priceBox{
	position:absolute;
	bottom:1.545em;/*17px*/
}
.priceBox .priceTag{
	display:inline;
	position:relative;
	top:-18px;
	left:0;
}
.priceBox .text{
	position:relative;
	display:inline;
	top:-18px;
	left:0;
}
.priceBox2{
	float:left;
	position:relative;
	top:1.36em;/*15px*/
}
.priceBox3{
	position:absolute;
	top:98px;
}
.float, .priceBox2 .text, .priceBox3 .text {
	float:left;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.skipper{
	left:-1000px;
	position:absolute;
	top:-1000px;
}
.features li{
	background:url(../img/bullet.gif) no-repeat 3px 3px;
	padding-left:16px;
}

.bullet li,
ul
{
	font-size:1.09em;/*12px*/;
	line-height:1.5em;
}
.bullet,
ul
{
	list-style-type:disc;
	padding-left:17px;
	margin:0.5em 0 0.7em 0;
}
.modCopy .bullet ul {
	padding-left: 0;
}
.bullet { line-height:1.5em; }

.bulletSmall {
	list-style-type:disc;
	padding-left:17px;
	line-height:1.4em;
	margin:0.5em 0 0.7em 0;
}
.tabs h2 {
	font-size:16px;
	padding-bottom:6px;
}
.tabs h3{
	font-size:1.182em; /*13px*/
	font-weight:bold;
}
p{
	font-size:1.09em;/*12px*/
	line-height:1.5em;
	margin:0.5em 0 0.7em 0;
}
.modFlash{
	height:15.09em; /* 166 px */
	padding:0 3px 13px 3px;
}
.modFlashHigh {
	height:308px;
	float:left;
	padding-left:3px;
	margin:0 0 13px 0;
}
/* Start sIFR Exceptions */
li.sifr-feature {
	font-size: 1.2em;
}
/* End sIFR exceptions */

/* START PROCESS INDICATORS */
li.active {
	font-weight: bold;
}
li.future {

}
li.last {

}
/* END PROCESS INDICATORS

/* END GENERIC MODULE STYLES */

/* BEGIN 1 COLUMN WIDE MODULES */
.modCopy1col,.mod1Col{
	width:192px;
	float:left;
}
.mod1Col .modBorder{
	width:192px;
	background-image: url("../img/1columnBorder.gif");
}
.mod1Col .modFooter{
	background-image: url("../img/1columnFooter.gif");
	width:192px;
}
.mod1Col .modTop{
	background-image: url("../img/1columnTop.gif");
	width:192px;
}
.mod1Col .modCopy, .modCopy1col{
	width:171px;
}
.link_list1Col,
.renderSingle .mod1Col .link_list1Col,
.linklist
{
	width:171px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
	
	/* VOP: reset because generic ul bullet style was added. */
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:1.4em;
	font-size:1em;
	
	/* Removed absolute linklist alignment for hybrid design. 
	position:absolute;
	bottom:7px;
	*/
		
	position: relative;
	margin: 7px 0 7px 0;
}
.link_list1Col_inline {
	width:171px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
.static{
	position:static !important;
}
/* END 1 COLUMN WIDE MODULES */

/* BEGIN 2 COLUMN WIDE MODULES */
.mod2Col{
	width:384px;
	float:left;
}
.mod2Col .modBorder{
	width:384px;
	background-image: url("../img/2columnBorder.gif");
}
.mod2Col .modFooter{
	background-image: url("../img/2columnFooter.gif");
	width:384px;
}
.mod2Col .modTop {
	background-image: url("../img/2columnTop.gif");
	width:384px;
}
.mod2Col .modCopy {
	width:363px;
}
.link_list2Col {
	width:363px;
	
	/* VOP: reset because generic ul bullet style was added. */
	margin: 0;
	padding: 0;
	list-style: none;
	line-height:1.4em;
	font-size:1em;
	
	/* Removed absolute linklist alignment for hybrid design. 
	position:absolute;
	bottom:7px;
	*/
		
	position: relative;
	margin: 7px 0 7px 0;
}
/* END 2 COLUMN WIDE MODULES */

/* BEGIN 3 COLUMN WIDE MODULES */
.mod3Col{
	float:left;
}
.mod3Col .modBorder{
	width:576px;
	background-image: url("../img/3columnBorder.gif");
}
.mod3Col .modFooter{
	background-image: url("../img/3columnFooter.gif");
	width:576px;
}
.mod3Col .modTop{
	background-image: url("../img/3columnTop.gif");
	width:576px;
}
.mod3Col .modCopy{
	width:555px;
}
.link_list3Col{
	/* position:absolute;
	bottom:7px;*/
	position: relative;

	width:555px;
	
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
	font-size: 1em;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 3 COLUMN WIDE MODULES */

/* BEGIN 4 COLUMN WIDE MODULES */
.mod4Col{
	float:left;
}
.mod4Col .modBorder{
	width:768px;
	background-image: url("../img/4columnBorder.gif");
}
.mod4Col .modFooter{
	background-image: url("../img/4columnFooter.gif");
	width:768px;
}
.mod4Col .modTop{
	background-image: url("../img/4columnTop.gif");
	width:768px;
}
.mod4Col .modCopy{
	width:747px;
}
.link_list4Col{
	position:absolute;
	width:747px;
	bottom:7px;
}
/* END 4 COLUMN WIDE MODULES */

/* BEGIN TEXTCONTENT STYLES */
.textContent,
.textContent .modCopy
{
	padding-top:0px;
}
.textContent h3 {
	font-size:1.182em; /*13px*/
	font-weight:bold;
}
.textContent ul li {
	margin-bottom:6px;
}
/* END TEXTCONTENT STYLES */

/* START OF BUTTONS */
a.btnGrey{
	background:url("../img/buttons/arrow-grey.gif") no-repeat left top;
}
a.btnBlue{
	background:url("../img/buttons/arrow-blue.gif") no-repeat left top;
}
a.btnLightBlue{
	background:url("../img/buttons/arrow-lightBlue.gif") no-repeat left top;
}
a.btnPetrol{
	background:url("../img/buttons/arrow-petrol.gif") no-repeat left top;
}
a.btnGreen{
	background:url("../img/buttons/arrow-green.gif") no-repeat left top;
}
a.btnGrassGreen{
	background:url("../img/buttons/arrow-grassGreen.gif") no-repeat left top;
}
a.btnGrassGreenClose{
	background:url("../img/buttons/grassgreen_close.gif") no-repeat left top;
}
a.btnDeepPurple{
	background:url("../img/buttons/arrow-deepPurple.gif") no-repeat left top;
}
a.btnMinus{
	background:url("../img/buttons/minus.gif") no-repeat left top;
}
a.btnDelete{
	background:url("../img/buttons/delete.gif") no-repeat left top;
}
a.btnPlus{
	background:url("../img/buttons/plus.gif") no-repeat left top;
}
a.btnGreyOnRed{
	background:url("../img/buttons/arrow-grey-on-red.gif") no-repeat left top;
}
.divider {
	background: url(../img/dottedLine.gif);
	font-size: 0px;
	line-height:0px;
	height:1px;
}
.link_list1Col li,
.link_list1Col_inline li,
.link_list2Col li,
.link_list3Col li,
.link_list4Col li,
.linklist li /* Old FF style */
{
	height: 2em;
	background: url(../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}

.linklist li /* < from FF */
{
	width:100%;
}
.link_list1Col a,
.link_list2Col a,
.link_list3Col a,
.link_list4Col a,
.linklist a, /* Old FF style */
.content-block-copy .gutter ul.linklist a /* Old FF style */
{
	padding: 4px 15px 0px 0;
	display:block;
	background-position:100% 4px;
	position:relative;
	height:1.636em;/*18px*/
	
	text-decoration: none;
}
.link_list1Col a:hover,
.link_list2Col a:hover,
.link_list3Col a:hover,
.link_list4Col a:hover
ul.linklist a:hover, /* Old FF style */
.content-block-copy ul.linklist a:hover, /* Old FF style */
.modCopy ul.linklist a:hover, /* Old FF style */
.linklist a:hover /* Old FF style */
{
	background-position:100% -96px;
	color:#008698;
}
a.textBtnRed,
a.textBtnGrey,
a.textBtnPurple,
a.btnGreyOnRed
{
	color:#fff;
	font-family:arial;
	font-weight:bold;
	
	text-decoration: none;
}
.btnGreyOnRed {
	position:static;
	color: #fff;
}
.btn li{
	display:inline;
}
.btn a,a.btnGreyOnRed{
	padding: 4px 20px 5px 0px;
	background-position:100% 4px;
	position:relative;
	height:14px;
	
	text-decoration: none;
}
.btn a:hover{
	background-position:100% -96px;
	color:#008698;
}
a.btnGreyOnRed:hover{
	background-position:100% -96px;
}

.textBtnRed,
.textBtnGrey,
.textBtnPurple
{
	padding-left:5px;
	margin-top:6px;
	height:24px;
	cursor:hand;
	display:block;
}

.textBtnRed span,
.textBtnGrey span,
.textBtnPurple span
{
	padding:1px 5px 0 1px;
	float:left;
	height:24px;
}

.textBtnRed {
	background:url("../img/buttons/redLeft.gif") no-repeat left top;
}

.textBtnGrey {
	background:url("../img/buttons/greyLeft.gif") no-repeat left top;
}

.textBtnPurple {
	background:url("../img/buttons/purpleLeft.gif") no-repeat left top;
}
.textBtnRed span{
	background:url("../img/buttons/redRight.gif") no-repeat right top;
}
.textBtnGrey span{
	background:url("../img/buttons/greyRight.gif") no-repeat right top;
}
.textBtnPurple span{
	background:url("../img/buttons/purpleRight.gif") no-repeat right top;
}
.textBtnRed:hover span,.textBtnGrey:hover span,.textBtnPurple:hover span{
	background-position:right -95px;
}
.textBtnRed:hover,.textBtnGrey:hover,.textBtnPurple:hover{
	background-position:left -95px;
}
/* END OF BUTTONS */

/* BEGIN CONTENT STYLES */
	.content-block-copy .gutter ul.linklist
	{
		list-style-type: disc;
		list-style-position: outside;
		padding: 0 0 0 10px;
	}
	.content-block-copy ul.linklist li
	{
		list-style-type: disc;
		list-style-position: outside;
	}
/* END CONTENT STYLES */
/* BEGIN FORM STYLES */
.formCopy{
	position:relative;
	float:left;
	width:130px;
	margin-top:2px;
	padding:0 10px 0 0;
	text-align:right;
	display:block;
}
.formMsg {
	padding:12px;
	display:none;
}
.formMsg .formMsgHead {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
}
.formList {
	margin-top:10px;
}
.formList li{
	padding-bottom:10px;
}
input, textarea, select{
	font:normal 11px Arial;
	vertical-align:middle;
}
.formList .input_large{
	width:284px;
	height:14px;
}
.formList .select_large {
	width:290px;
}
.formList textarea{
	width:284px;
	height:150px;
}
.formList .inputErr {
	background:#F3B700;
}
.formButtons {
	height:34px;
}
.formButtons a {
	float:right;
	margin-right:8px;
	
	text-decoration: none;
}

	/* Start old cform styles adaptions */
	.cform fieldset, .cform legend {
		background: none;
		border-bottom: none;
		margin: 0px;
		padding: 0px;
	}
	div.cform {
		width: 454px;
	}
 	.cform legend {
		color:#008698; 
 	}
	/* End old cform style adaptions */
	
/* END FORM STYLES */

/* BEGIN EXCEPTION STYLES FOR INTERMEDIATE DESIGN */

	/* firstRow renders all modules inside to a fixed hight. */
	.firstRow .modHeightLow,
	.firstRow .modHeight168,
	.firstRow .modHeight282
	{
		height: 157px;
	}
	
	/* START RENDER SINGLE */
	/* 'renderSingle' will render a module as a single wide content section. */
	/* 'textBlock' renders the module as a text contentblock with borders. */
	/* 'textContent' renders the module as a text content module without borders. */
	
	.renderSingle {
		clear: both;
	}
	.renderSingle .mod1Col {
		width: 100%; /*576px;*/
		float: left;
	}
	.renderSingle .mod1Col .modBorder {
		width: 100%; /*192px;*/
		background-image: url("../img/3columnBorder.gif");
	}
	.textContent .mod1Col .modBorder {
		 background-image: none;
	}
	.renderSingle .mod1Col .modBody {
		height: auto;
	}
	.renderSingle .mod1Col .modCopy {
		width: 98%; /*555px;*/
	}
	.textBlock .mod1Col .modHeader,
	.textContent .mod1Col .modHeader
	{
		height: 1px;
		overflow: hidden;
		background-image: url("../img/3columnTop.gif");
	}
	.textContent .mod1Col .modHeader {
		background-image: none;
	}
	.textBlock .mod1Col .modHeader h2,
	.textContent .mod1Col .modHeader
	{
		height: 0px;
	}
	.textContent .mod1Col .modHeader {
		background-image: none;
	}
	.renderSingle .mod1Col .modFooter {
		background-image: url("../img/3columnFooter.gif");
		width: 100%;
	}
	.textContent .mod1Col .modFooter {
		background-image: none;
	}
	.textContent .mod1Col .modFooter hr {
		height: 0;
		width: 0;
	}
	.textContent .mod1Col .modCopy {
		padding-left: 0px;
	}
	
	.renderSingle .modCopy ul.link_list1Col {
		position: relative;
		width: 554px;
	}
	
	/* END RENDER SINGLE */

	/* START RENDER DOUBLE */
	/* 'renderDouble' will render a module at 50% of the content. */

	.renderDouble .mod1Col {
		width: 50%;
		float: left;
	}
	.renderDouble .mod1Col .modBorder {
		width: 50%; /*192px;*/
		background-image: url("../img/3columnBorder.gif");
	}
	.renderDouble .mod1Col .modBody {
		height: auto;
	}
	.renderDouble .mod1Col .modCopy {
		width: 98%;
	}
	.renderDouble .mod1Col .modFooter {
		background-image: url("../img/3columnFooter.gif");
		width: 50%;
	}
	/* END RENDER DOUBLE */
	
	/* START HEADER ONLY MODULE */
	.headerOnly .modBody,
	.headerOnly .modFooter
	{
		display: none;
	}
	/* END HEADER ONLY MODULE */

	/* START TEXT FORMAT EXCEPTIONS */
	.modHeader em {
		color: #FFF;
	}
	.modHeader h2 br {
		display: none;
		height: 0;
		width: 0;
	}
	/* END TEXT FORMAT EXCEPTIONS */

	/* START PAGE HEADERS DEFINITION */
	#head,
	.head-wide
	{
		background: transparent;
		height: 42px;
		padding: 0;
		margin: 0;
	}
	#head h2.sifr-header,
	#head-wide h2.sifr-header
	{
		color:#008698;
		font-size:2.1em;
		line-height:1.1em;
		font-weight: bold;
		padding: 3px 0 0 8px;
		margin: 0;
	}
	/* END PAGE HEADERS DEFINITION */
	
	/* START OLD PORTLET STYLE OVERRIDES */
	
	/* For:
	div.block-small-bottom-teaser
	div.gutter
	h3.sifr-header-block-1-slot
	*/

 	div.block-small-bottom-teaser {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 192px;
		background: #ffffff url(../img/1columnFooter.gif) no-repeat scroll bottom;
	}
	div.block-small-bottom-teaser div.gutter {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: transparent url(../img/1columnBorder.gif);
		position: relative;
		z-index:1;
	}
	div.block-small-bottom-teaser div.gutter h3.sifr-header-block-1-slot {
		color:#FFFFFF;
		/* height: 2.181em; */
		height: 1.869em;
		margin: 0 0 0 0;
		overflow: hidden;
		background: #008698 none repeat scroll 0%;
		float: left;
		font-size: 1em;
		font-weight: bold;
		padding: 4px 0px 0px 7px;
		width: 178px;
		display:block;
		position: relative;
		left: 4px;
		line-height: 159%;
	}
	div.block-small-bottom-teaser div.gutter p {
		margin: 0 0 0 0;
		padding: 42px 6px 0px 12px;
		width: 172px;
		background: transparent; 
	}
	div.block-small-bottom-teaser div.gutter ul.linklist {
		background-image:none;
		display:block;
		height:28px;
		list-style-position:inside;
		list-style-type:none;
		padding-left:17px;
		position:relative;
		z-index:100;
	}
	div.block-small-bottom-teaser div.gutter ul.linklist li {
		display: block;
		margin: 0 0 0 0;
		padding: 0px 0px 0px 0px;
		background: transparent url(../img/buttons/redLeft.gif) no-repeat left top;
		width: auto;
		height: 24px;
		position: relative;
		top: -24px;
		left: -8px;
	}
	div.block-small-bottom-teaser div.gutter ul.linklist li a {
		background:transparent url(../img/buttons/redRight.gif) no-repeat scroll right top;
		float: left;
		height: 24px;
		padding: 0pt 5px 0pt 1px;
		margin: 0 0 0 0;
		position: relative;
		left: 6px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		display: block;
	}
	div.block-small-bottom-teaser div.gutter ul.linklist li a:hover {
		background-position:right -95px;
	}
	div.block-small-bottom-teaser div.gutter ul.linklist li:hover {
		background-position:left -95px;
	}
/* END: right column boxes 

	
/* END EXCEPTION STYLES FOR INTERMEDIATE DESIGN */
/* MMBase style to make sure the layout is not different when editing portlets. */
div.mmbaseLinks {
	border: 1px dotted #ddd;
	white-space: wrap;
	float: left;
	clear: both;
}

div.enclosingDIV {
	float: left;
}

div.enclosingDIV #vodafoneLogo {
	z-index: -1;
}
div.enclosingDIV .metaNav {
	position: relative;
}

/* Overwrite the width of the columns when the page is set in Edit mode. */
div.enclosingDIV .mod1Col {
	width: 186px;
}
div.enclosingDIV .mod2Col {
	width: 378px;
}
div.enclosingDIV .mod3Col {
	width: 570px;
}
div.enclosingDIV .mod4Col {
	width: 762px;
}

/* END MMBASE STYLES */

/* BEGIN SITE MAP STYLES */
/* Actual VOP Styles
.modSitemap h1 {
	padding:6px 0 16px 14px;
}
.modSitemapCol{
	position:relative;
	float:left;
	clear:none;
	display:block;
	width:192px;
	margin-bottom:-1.81em;
}
.modSitemapBody{
	width:192px;
	background-image: url("../img/1columnBorder.gif");
	margin-bottom:18px;
}
.modSitemapBody a{
	position:relative;
	padding-top:0.45em;
	padding-bottom:0.45em;
	padding-left:14px;
	display:block;
	width: 160px;
}
.modSitemapBody .sitemapTitle{
	padding-top:0.45em;
	padding-bottom:0.45em;
	left:3px;
	width: 172px;
	background:#008698;
	color:#ffffff;
	font-weight:bold;
}
a.sitemapTitle:hover{
	color:#ffffff;
}
.modSitemapBody .sitemapLevel1{
	position:relative;
	left:4px;
	width: 184px;
	background:#b2dae0;
}
.modSitemapBody .sitemapLevel2{
	width: 184px;
	background:#ffffff;
}
.modSitemapBody .sitemapLevel2 a{
	padding-left:24px;
}
.modSitemapBody .sitemapLevel2 li{
	background:url("../img/dottedLine.gif") repeat-x top left;
}
.modSitemapBody .sitemapLevel2 li.first{
	background:none;
}
.modSitemapBody .modFooter{
	margin-bottom:0;
	background:#f00 url("../img/1columnFooter.gif") no-repeat;
}
*/
/* END SITE MAP STYLES*/

/* START VOP SITEMAP STYLES */
.sitemap {
	font-size: 1em;
	padding: 0;
	width: 192px;
	float:left;
	background: transparent url("../img/1columnBorder.gif") repeat-y left top;
	margin: 0 0 12px 0;
}
.sitemap .gutter {
	padding: 0 0 12px 0;
	margin: 0;
	background: transparent url("../img/1columnFooter.gif") no-repeat left bottom;
}
.sitemap .gutter .sifr-header-block-1-slot {
	background-color: #008698;
	margin: 0 3px 0 3px;
	padding: 0;
}
.sitemap .gutter .sifr-header-block-1-slot a {
	height: 18px;
	display: block;
	margin: 0;
	padding: 6px 3px 0 3px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.sitemap ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.sitemap li {
	background: transparent url("../img/dottedLine.gif") repeat-x left bottom;
}
.sitemap a {
	font-size: 1em;
	text-decoration: none;
}
.sitemap a:hover {
	color: #008698;
}
.sitemap .gutter ul {
	margin: 0 6px 0 6px;
}
.sitemap .gutter ul li ul {
	margin: 0 6px 0 18px;
}
/* END SITEMAP STYLES */

/* START MyVodafone DASHBOARD MODBloX */
.modBlox {
  padding: 12px 0px 0px 12px;
 }

.modBlox h6 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #008698;
}

.modBlox .barchart {
  position: relative;
  width: 544px;
  height: 32px;
}

.modBlox .barBorder {
  position: absolute;
  background-color: #ffffff;
  height: 16px;
  width: 370px;
  border: 1px solid black;
  margin: 5px 0px 10px 0px;
  float: left;  
}

.modBlox .theBar {
  position: absolute;
  background-color: #6DC1C7;
  height: 16px;
  border-right: 1px solid black;
  float: left; 
}

.modBlox .legend {
  float: right;
  margin-top: 6px;
}
/* END MyVodafone MODBLoX */

/* START FAQ STYLES */
div.FAQ_Headline {
	font-size: 1.4em;
	font-weight: bold;
	color: #008698;
	padding: 0px 0px 6px 0px;
}
div.FAQ_smallItem {
	height: 2.4em;
	overflow: hidden;
	cursor: pointer;
	background: url(../img/buttons/plus.gif) no-repeat 0px 0px;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 3px;
	font-size: 1.1em;
}
div.FAQ_smallitem {
	background: url(../img/buttons/plus_faq_down.gif) no-repeat 0 0;
}
div.FAQ_largeItem {
	overflow: visible;
	cursor: pointer;
	background: url(../img/buttons/minus_faq.gif) no-repeat 0px 0px;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 3px;
	font-size: 1.1em;
}
div.FAQ_largeItem:hover {
	background: url(../img/buttons/minus_faq_down.gif) no-repeat 0 0;
}
div.FAQ_Answer{
	font-weight: normal;
	font-size: 1.1em;
	padding: 1.6em 0px 0.5em 0px;
}

.tight_input {
  width:164px;
  margin: 2px 0px;
}
 

.tight_select {
  width:172px;
  margin: 2px 0px;
}
 

.tight_radio {
  padding: 0px 0px;
  margin: 0px;
}
/* END FAQ STYLES */

/* START MESSAGE BLOCKS */
.message_block_container {
	width: 100%;
	margin: 10px 0 10px 0;
	background-color: #FFFF99;
}
.confirmMessage {
}
.confirmMessage p.title {
}	
.warningMessage {
}
.message_body {
	padding: 5px 10px 5px 10px;
	margin:0;
}
.message_body a:hover {
	color: #000;
}
.message_body p {
	margin:0;
}
.message_body p.title {
	font-weight: bold;
	margin-bottom: 6px;
}
/* END MESSAGE BLOCKS