/* ***********************************************************************************************
CHANGELOG - Author: Ivo Vandeberg, User Experience Specialist / Owner: Vodafone Netherlands B.V.
************************************************************************************************** 

v 1.1 - 21-9-2007
-----------------
- section added: ADDITIONAL FORM STYLES v1.01
- section added: SPECIAL STYLES (e.g. for styles that are used on a single page only)
- transferred "float:right" from ".formButtons a" to ".formButtons" in FORM STYLES section
- section added: ADDITIONAL LINKLIST STYLES to counteract when link_list1Col is used in formLists.
- section added: MMBASE STYLES

v 1.2 - 15-10-2007
------------------
- Added additional formatting for "VF-Shop" pages.
- textarea, input, input_small, select, radio, checkbox :	adjusted widths, margins, etc. for form elements.
- .formList :				removed margin-top
- .formList .input_large :	adjusted width and height	
- .modCopy .bullet :		adjusted top margin
- .tripleMod .textBtnRed :	increased absolute top offset
- .tripleMod h4 :			increased left offset to accommodate larger product image
- .tripleMod .footnote :	increased left and top offset and removed underline
- img.bottomAligned :		added new style to bottom align images in module bodies
- .productCopy :			added formatting for product description
- .inlineLink :				inline link style added
- .login .textBtnPurple :	float and position adjusted to float left
- .textBlock h1 : 			added conceptual header adjustment.
- .firstLevelNav :			removed fixed width of second level nav because of content width
- .formButtons :			adjusted height, margin-left and padding-left for new UID/VD
- .formButtons a :			adjusted float, margin-right and bottom offset according to new UID/VD
- .bullet li :				reset font-size to 1em
- .btn a,a.btnGreyOnRed :	escaped position:relative
- #modCTA div.ctaLayer :	adjusted width and height
	
v 1.3 - 20-10-2007
------------------
- .modFlashHigh :			added a second flash container with extended height (308px)
- .formButtons :			set height to auto
- .modFlash :				adjusted height to 168px
- .modCopy :				set left padding to 6px (was 7px)
- Added section for FAQ's
- Added additional MMBase styles
- .clear :					set clear breaks height to 0
- .searchField :			adjusted right and top offset to accommodate larger copy

v 1.4 - 24-10-2007
------------------
- .flashBorder :			Added a drop-shadow border to the flash modules.
- .flashFooter :			Added a drop-shadow footer to the flash modules.
- .searchNav .textBtnGrey :	Adjusted width to accommodate longer copy.
- .tabBox :					Added border to bottom of tabs.
							Added a bottom margin.
- .tab,.activeTab :			Set margin at bottom to 0 (was -1).
- .tripleMod .footnote :	Set text-decoration to none.
- img.bottomAligned :		Added extra class for bottom aligned images.
- .modFlash :				Image background (drop-shadow).
        					Reset height to original 166px instead of 168.
							Removed bottom padding.
- .modFlashFooter :			Added new class.
- .searchNav .textBtnGrey span :	Differentiated left padding for IE.
- .textContent ul :			Set left margin to -4 to aline with text.
- .textContent ul li :		Set bottom margin to 0. Lineheight holds offset.
- .textContent h3 :			Set margin-bottom to 6px.
- .tripleMod h4 :			Reset positioning to default.
- .tripleMod .priceTag :	Reset positioning to default.
- .tripleMod .txtBtnRed :	Reset positioning to default.
- .tripleMod .footnote :	Reset positioning to default.
- .tripleMod .productCopy :	Set top margin to 0px. (20px)

v 1.5 - 30-10-2007
------------------
- .formList .input_large :	Corrected height.
- .formList .input_small :	Added new style for small selection fields.
- .formMsg :				Removed top (12px) and left (14px) padding.
- .inputErrMsg, li.inputErrMsg, .formContact ol li.inputErrMsg : Added additional classes and adjusted padding.
- .mod3Col .twoColumnSetup .secondColumn : Adjusted left margin for IE.
- .infoSymbol :				Removed float.
- th.tdHead, th.tdHead2 :	Added additional table header styles.
- .copyRight :				Added new style to float module copy to the right and keep margin.
- .gen_table a :			Removed float right.
- input dateField2,
- input dateField4 :		Added new fieldwidth for 2 and 4 character wide fields.
- div.FAQ_smallItem,
- div.FAQ_largeItem : 		Changed images.
- a.downloadAcrobatLink :	Added a 'Download Acrobat' link style.
- ul.downloads li a :		Added a common button style for a download linklist.
- ul.downloads a.downloadAcrobatLink:hover,
- .downloads a.btnRed:hover,
- .downloads a.btnPetrol:hover,
- .downloads a.btnGrey:hover	: Rollover states for the download linklist styles.

v 1.6 - 8-11-2007
-----------------
- .formContact ol li.inputErrMsg :	Adjusted width and margin for IE.
- .gegevensItem	:			Added additional styles for formdata overview.
- .gegevensContent :		Added additional styles for formdata overview.
- .loginBox :				Adjusted top positioning.
- .flashFooter :			Adjusted height of Flash footer for IE6.
- .textAlignLeft :			Added a generic text align left style.
- .textAlignRight :			Added a generic text align right style.
- p :						Set default font-size to 13px.
- .modCopy, .modBody h3 :	Reset font em.

v 1.7 13-11-2007
---------------------------
- .gen_table :              Added bottom margin.
*********************************************************************************************** */

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 69%; /* 62.5% */
	margin:0;
	background-color: #fff;
	color:#333;
}
a {
	color:#333;
	text-decoration:none;
}
a.inlineLink,
a.inline
{
	text-decoration: underline;
	/*float: left;
	clear: none;*/
}
a:hover, a:focus {
	color:#008698;
}

#contentGrid a, #contentGrid a:link, #contentGrid a:visited, #contentGrid a:active{background:transparent url(img/global-dotted-line.gif) repeat-x left bottom;color:#214c55;line-height:140%;padding-bottom:1px;text-decoration:none}
#contentGrid a:hover {color:red}

/* BEGIN COLOR STYLES */
.redBG { background:#f00; }
.carmineRedBG { background:#cc0202; }
.deepPurpleBG { background:#732978; }
.lightPurpleBG { background:#C592C8; }
.petrolBG { background:#008698; }
.lightPetrolBG { background:#bad4da; }
.lightGreyBG { background:#f6f8f9; }
.greyBG { background:#ccc; }
.blueBG	{ background:#0077b7; }
.lightBlueBG { background:#6dc1d7; }
.greenBG { background:#009868;}
.grassGreenBG { background:#5b8424; }
.whiteBG { background:#fff; }
/* END COLOR STYLES */

/* BEGIN GENERIC MODULE STYLES */
.modCopy,.modCopy1col,.modCopy2col,.modCopy3col{
	padding:8px 0 6px 6px;
}
.noFloat,.clear{
	clear:both;
	height: 0px;
	line-height: 0px;
}
.copyRight {
	float: right;
	padding: 8px 7px 6px 6px;
}
.modBody{
	margin:0 3px 0 3px;
	position:relative;
	clear:both;
}
.modBody a.textlink{
	text-decoration:underline;
}
h1.petrol{
	color:#008698;
	font-size: 2.182em; /* 24px */
	font-weight: bold;
	line-height:1.1em;
}
h1.deepPurple{
	color: #732978;
	font-size:2.1em;
	font-weight: bold;
	line-height:1.1em;
}
.modBody h2.petrol,
.modCopy h2
{
	font-size: 1.6em; 
	font-weight: bold;
	color:#008698;
	padding: 3px 0 10px 0;
}
.modCopy h2 {
	font-size: 1.182em;
}
/*
.modCopy,
.modBody h3{
	font-size:1.182em;
	font-weight:normal;
}
*/
.modBody h4{
	font-weight:bold;
}
.modBody h4.petrol,
.textBlock h1
{
	color:#008698;
	padding:3px 0 10px 0;
}
h5{
	font-size:1.09em;/*12px*/
	line-height:1.5em;
}

.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;
}
.modHeader a:hover,
.modHeader a:focus {
	color:#fff;
}
.modHeader a span{
	font-weight:bold;
	padding:0 7px 0 5px;
}
.modHeight88{
	height:5.64em; /* 64 px content, makes the total module height 88 px*/
	overflow:hidden;
}
.modHeightLow{
	height:12.91em; 
	overflow:hidden;
}
.modHeight168{
	height:13.45em; /* 148 px content, makes the total module height 168 px*/
	overflow:hidden;
}
.modHeight216{
	height:17.3em; /* 196 px content, makes the total module height 216 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;
}
.modHeight480 {
	height:41.27em; /*454 px content makes the module height 480px*/
	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;
}
.modFooter hr, .modBlankFooter hr {
  display: none;
}
.modTop{
	height:1px;
	font-size:1px;
	line-height:1px;
}
.modPad{
	padding-left:21px;
}
.modPad14{
	padding-left:14px;
}
.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;
}
.textAlignLeft {
	text-align: left;
}
.textAlignRight {
	text-align: right;
}
.skipper{
	left:-1000px;
	position:absolute;
	top:-1000px;
}
.features li{
	background:url(../img/bullet.gif) no-repeat 3px 3px;
	padding-left:16px;
}
.bullet li{
	font-size: 1em; /*1.09em;*//*12px*/
	line-height:1.5em;
}
.bullet{
	list-style-type:disc;
	padding-left: 17px;
	line-height: 1.5em;
	margin: 0.5em 0 0.7em 0;
}
.modCopy .bullet {
	margin-top: 0;
}
.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.182em; /*13px*/
	line-height: 1.5em;
	margin: 0.5em 0 0.7em 0;
}
/* END GENERIC MODULE STYLES */
/* START FLASH MODULE STYLES */
.modFlash{
	background-image:url(img/4columnBorder.gif);      
	height: 15.09em; /*=166px*/
	padding:0px 0px 0px 3px;
}
.modFlashHigh {
	height: 308px;
	padding: 0 3px 13px 3px;
}
.flashBorder {
	padding: 0px 0px 0px 3px;
    background-image: url(img/4columnBorder.gif);
}
.flashFooter {
	background-image:url(img/4columnFooter.gif);
	font-size:1px;
	height: 6px;
	*height: 3px; /* IE 6 */
	line-height:1px;
	margin-bottom:5px;
}
.modFlashFooter
{
  background-image:url(img/4columnFooter.gif);
  font-size:1px;
  height:7px;
  line-height:1px;
  margin-bottom:5px;
}
/* END FLASH 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 {
	position:absolute;
	width:171px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
.link_list1Col_inline {
	width:171px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
.link_list1Col_inline li {
	margin: 0 !important;
}
.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,.modCopy2col{
	width:363px;
}
.link_list2Col{
	position:absolute;
	width:363px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 2 COLUMN WIDE MODULES */

/* BEGIN 3 COLUMN WIDE MODULES */
.mod3Col{
	width:576px;
	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;
	width:555px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 3 COLUMN WIDE MODULES */

/* START THREE COLUMN WIDE TWO COLUMN SPLIT CONTENT MODULE */
.mod3Col .twoColumnSetup .modCopy1col {
	width: 260px;
}
.mod3Col .twoColumnSetup .secondColumn {
	margin-left: 90px;
	_margin-left: 20px;
}
.mod3Col .twoColumnSetup .textBtnGrey,
.mod3Col .twoColumnSetup .textBtnRed
{
	float:left;
	clear:both;
	margin-top:12px;
}
.mod3Col .twoColumnSetup h1 {
	font-weight: bold;
	font-size: 1.2em;
}
/* END THREE COLUMN WIDE TWO COLUMN SPLIT CONTENT MODULE */

/* BEGIN 4 COLUMN WIDE MODULES */
.mod4Col{
	width:768px;
	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;
	padding-bottom: 1px;
	background: url(../img/dottedLine.gif) repeat-x left bottom;
}
/* END 4 COLUMN WIDE MODULES */

/* BEGIN 5 COLUMN WIDE MODULES */
.mod5Col{
	width:960px;
	float:left;
}
/* END 5 COLUMN WIDE MODULES */

/* START ADDITIONAL LINKLIST STYLES */
.formList .link_list1Col { 
	position: relative;
	margin: 5px 0 2px 5px;
}
.formList .link_list1Col li {
	padding-bottom: 0;
}
.link_listWide {
	width: 98%;
}
/* END ADDITIONAL LINKLIST STYLES */

/* BEGIN TEXT BLOCK STYLES */
.txtBlock{
	width:562px;
	margin-left:4px;
	float:left;
}
.txtBlock .modCopy1col{
	width:157px;
}
.txtBlock .modCopy2col{
	width:349px;
}
.txtBlock .modCopy3col{
	width:541px;
}
.txtBlock .modBorder{
	width:562px;
	background-image: url("../img/txtBlockBorder.gif");
}
.txtBlock .modFooter{
	background-image: url("../img/txtBlockFooter.gif");
	width:562px;
}
.txtBlock .modTop{
	background-image: url("../img/txtBlockTop.gif");
	width:562px;
}
.txtBlock .link_list1Col {
	width:157px;
}
.txtBlock .link_list2Col {
	width:349px;
}
.txtBlock .link_list3Col {
	width:541px;
}
/* END TEXT BLOCK STYLES*/

/* BEGIN SECOND LEVEL (LEFT) NAVIGATION */
.secondLevelNav li {
background: url(../img/dottedLine.gif) repeat-x top left;
padding-top: 1px;
}
.secondLevelNav li.first {
background-image: none;
}
.secondLevelNav li a.bold {
background: #7fb0bb !important;
color: #fff;
}
.secondLevelNav a {
padding: 3px 0 4px 11px;
height: 1.454em; /*16 px */
display: block;
position: relative;
}
.secondLevelNav .level2 {
padding-left: 19px;
}
.secondLevelNav .level3 {
padding-left: 28px;
}
.secondLevelNav .level4 {
padding-left: 37px;
}
.secondLevelNav .level5 {
padding-left: 46px;
}
.secondLevelNav .level6 {
padding-left: 55px;
}
.secondLevelNav li.selected {
background: #bad4da url(../img/dottedLine.gif) repeat-x top left;
margin-top: 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 .level2#leftmenu__Help_Mijn_support {
background: url("../img/keys.gif") no-repeat; 
background-position: right; 
margin-right: 4px; 
}
 
/* END SECOND LEVEL NAVIGATION */



/* BEGIN BUTTON STYLES */
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: 0;
	line-height:0;
	height:1px;
}
.link_list1Col li,.link_list1Col_inline li,.link_list2Col li,.link_list3Col li,.link_list4Col li{
	height: 2em;
	background: url(../img/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}
.link_list1Col a,.link_list1Col_inline a,.link_list2Col a,.link_list3Col a,.link_list4Col a{
	padding: 4px 15px 0 0;
	display:block;
	background-position:100% 4px;
	height:1.636em;/*18px*/
}
.link_list1Col a:hover,.link_list1Col_inline a:hover,.link_list2Col a:hover,.link_list3Col a:hover,.link_list4Col a:hover,
.link_list1Col a:focus,.link_list1Col_inline a:focus,.link_list2Col a:focus,.link_list3Col a:focus,.link_list4Col a:focus {
	background-position:100% -96px;
}
.btnGreyOnRed {
	position:static;
	color: #fff;
}
.btn li{
	display:inline;
}
.btn a,a.btnGreyOnRed{
	padding: 4px 20px 5px 0;
	background-position:100% 4px;
	/* position:relative; */
	height:14px;
}
.btn a:hover, .btn a:focus {
	background-position:100% -96px;
}
a.btnGreyOnRed:hover, a.btnGreyOnRed:focus {
	background-position:100% -96px;
	color:#fff;
}
.textBtnRed, .textBtnPurple, .textBtnGrey, .textBtnGreyOnRed{
	position:relative;
	margin-top:6px;
	display:inline;
	color:#fff;
	font-family:arial;
	font-weight:bold;
	padding-bottom:10px;
	line-height:14px;
}
.textBtnRed span, .textBtnPurple span, .textBtnGrey span, .textBtnGreyOnRed span{
	position:relative;
	padding-top:-1px; /* Mac: Firefox & Safari fix*/
	padding-right:9px;
	padding-left:9px;
	padding-bottom:10px;
}
.textBtnRed:hover, .textBtnPurple:hover, .textBtnGrey:hover, .textBtnGreyOnRed:hover,
.textBtnRed:focus, .textBtnPurple:focus, .textBtnGrey:focus, .textBtnGreyOnRed:focus{
	background-position: right -95px;
}
.textBtnRed:hover span, .textBtnPurple:hover span, .textBtnGrey:hover span, .textBtnGreyOnRed:hover span,
.textBtnRed:focus span, .textBtnPurple:focus span, .textBtnGrey:focus span, .textBtnGreyOnRed:focus span{
	color:#fff;
	background-position: left -95px;
}
.textBtnRed{
	background:url("../img/buttons/redRight.gif") no-repeat right top;
}
.textBtnRed span{
	background:url("../img/buttons/redLeft.gif") no-repeat left top;
}
.textBtnPurple{
	background:url("../img/buttons/purpleRight.gif") no-repeat right top;
}
.textBtnPurple span{
	background:url("../img/buttons/purpleLeft.gif") no-repeat left top;
}
.textBtnGrey{
	background:url("../img/buttons/greyRight.gif") no-repeat right top;
}
.textBtnGrey span{
	background:url("../img/buttons/greyLeft.gif") no-repeat left top;
}
.textBtnGreyOnRed{
	background:url("../img/buttons/greyRight-on-red.gif") no-repeat right top;
}
.textBtnGreyOnRed span{
	background:url("../img/buttons/greyLeft-on-red.gif") no-repeat left top;
}
a.downloadAcrobatLink {
	background:url("../img/buttons/reader-download-icon.gif") no-repeat 100% 4px;
}
ul.downloads li a
{
	background: url("../img/buttons/arrow-down-grey.gif") no-repeat 100% 4px;
}
ul.downloads a.downloadAcrobatLink:hover,
.downloads a.btnRed:hover,
.downloads a.btnPetrol:hover,
.downloads a.btnGrey:hover
{
	background-position: right -95px;
}
/* END BUTTON STYLES */
/* BEGIN HEADER STYLES */
/* global nav styles */

.topBanner{
background: url("../img/banner.gif") no-repeat 12px 0 #fff;
overflow:hidden;
width:970px;
}

.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: #f00;
height: 1.454em; /* 16px */
color: #fff;
display: block;
}
.globalNavActive { 
background: #7fb0bb !important;
height: 1.454em; /* 16px */
}
.globalNav li a:hover,.globalNav li a:focus {
background: #7fb0bb;
color: #fff;
}
.globalNavShadow {
width: 954px; 
height: 5px;
clear: both;
display: block;
}
.globalNav {
margin-top: 105px; 
margin-left: 12px;
}
.globalNav ul {
width: 954px;
height: 2.182em; /* 24px */
background: #f00;
}
/* end global nav styles */
#vodafoneLogo {
position: absolute;
top: 0; 
left: 12px;
}
/* first level styles */
.firstLevelNav li {
float: left;
border-right: 0.0909em solid #fff;
}
.firstLevelNav li a {
padding: 0.36em 0.9em;
background: #BAD4DA;
height: 1.454em; /* 16px */
color: #000;
display: block;
}
.firstLevelNav li.active a { 
background: #7fb0bb; !important;
color: #fff;
height: 1.454em; /* 16px */
}
.firstLevelNav li a:hover,.firstLevelNav li a:focus {
background: #7fb0bb;
color: #fff;
}
.firstLevelNavShadow {
width: 954px; 
height: 5px;
clear: both;
display: block;
}
.firstLevelNav {
margin-top: 1px;
margin-left: 12px;
}
.firstLevelNav ul {
width: 954px;
height: 2.182em; /* 24px */
background: #BAD4DA;
}
/* end first level styles */
.metaNav {
position: absolute;
top: 0; 
left: 0;
width: 973px; 
height: 25px; 
}
.metaNav ul {
position: absolute;
right: 0;
bottom: 0;
}
.metaNav ul li {
display: inline;
}
.metaNav ul li a {
padding-left: 3px;
padding-right: 6px;
}
.metaShoppingCart {
vertical-align: -7%;
height: 1em; /* 11px*/
padding-right: 2px;
}
.searchNav {
position: absolute;
top: 70px; 
left: 0;
width: 966px; 
height: 25px; 
}
.searchField {
position: absolute;
right: 50px;
width: 254px; 
font-size: 1em;
top: -2px;
}
.loginBox {
position: absolute;
top: 136px; 
left: 834px;
width: 130px; 
height: 25px;
}
.loginField {
position: absolute;
right: 0;
}
.searchNav .textBtnGrey {
position: absolute;
right: 0;
top: -6px;
width: 45px;
}
.registerBtn {
padding-left: 5px;
}
/* END HEADER STYLES */

/* BEGIN GRID STYLES */
.singleColumn{
	width:192px;
	float:left;
}
.doubleColumn{
	width:384px;
	float:left;
}
.tripleColumn{
	width:674px;
	float:left;
}
.quadColumn{
	width:768px;
	float:left;
}
/* pushing content up for dotcom, because no 2nd level navigation */
.fiveColumn{
	width:960px;
	float:left;
}
.grid{
	margin-top: 12px;
	margin-left: 9px;
	display:block;
	width: 675px; /*was 970 > PTDEVELOPMENT-905 */
}
/* END GRID STYLES */

/* BEGIN FOOTER STYLES */
.footer{
	display:block;
	width:957px;
	clear:both;
	text-align:right;
	padding:14px 0 19px 0;
}
.footer a{
	padding:0 7px 0 4px;
}
.footer li{
	display:inline;
}
.footer span{
	padding:0 7px 0 4px;
}
.footer ul{
	margin-right:-6px;
}
/* END FOOTER STYLES */

/*
 * TEASER MODULES
 * 
 */
 
/* BEGIN MODULE 1 STYLE */
.tripleMod{
	position:relative;
	height:17.272em;/* 190px */
}
.tripleMod h3{
	left:53px;
}
.tripleMod h4 {
	left: 55px; /*shop:70px;*/
	top: 2em; /*=22px;*/ /*shop:0px;*/
}
.tripleMod h3{
	font-size:1.182em;/*13px*/
	font-weight:normal;
}
.tripleMod h4{
	font-weight:bold;
}
.tripleMod h3,.tripleMod h4,.priceTag,.tripleMod .textBtnRed,.tripleMod .features,.tripleMod .footnote,.tripleMod img{
	position:absolute;
}
.tripleMod .priceTag{
	position: absolute;
	top: 9.18em; /*=93px*/ /*shop:12em;*/
	left: 50px; /*shop:65px;*/
	color: #ff0000;
}
.tripleMod .textBtnRed {
	top: 14.73em; /*=162px*/ /*shop:17.2em;*/
	right: 0;
}
.tripleMod .features{
	left:53px;
	top:5em;/*55px*/
	width:117px;
	height: 5em;/*55px*/
	overflow: hidden;
	list-style-type:none;
}
.tripleMod .features li{
	background:url(../img/bulletSmall.gif) no-repeat 3px 3px;
	padding-left:10px;
}
.tripleMod .footnote {
	left: 53px; /*shop:68px;*/
	top: 13.181em; /*=145px*/ /*shop:16em;*/
	display:block;
	text-decoration: none;
}
img.bottomAligned {
	position: absolute;
	bottom: 32px;
}
/* END MODULE 1 STYLES */

/* BEGIN MODULE 3 STYLES */
.username{
	width:167px;
	height:1.37em;/*15px*/
	font-size:1em;
	margin-bottom:3px;
	color:#333;
}
#pwd,#txt{
	position:absolute;
	width:108px;
	height:16px;
	margin-bottom:3px;
	font-size:1em;
	color:#333;
}
.login{
	position:relative;
}
.login .textBtnPurple{
	float: left; /* right; */
	/* top:-5px; */
	width:56px;
	*left:2px;
}

.login .textBtnPurple span{
	padding-left:11px;
}
/* END MODULE 3 STYLES */

/* BEGIN MODULE 5 STYLES */
.bgImg{
	z-index:0;
}
/* END MODULE 5 STYLES */

/* BEGIN MODULE 7 STYLES */
.searchCloud h1,.searchCloud h2,.searchCloud h3,.searchCloud h4,.searchCloud h5,.searchCloud h6{
	float:left;
	font-weight:bold;
	padding:0 8px 2px 0;
	white-space: pre;
	color:#333;
}
.searchCloud h1{
	font-size:1.545em; /* 17px */
}
.searchCloud h2{
	font-size:1.364em; /* 15px */
}
.searchCloud h3{
	font-size:1.272em; /* 14px */
}
.searchCloud h4{
	font-size:1.18em; /* 13px */
}
.searchCloud h6{
	font-size:1em; /* 11px */
}
/* END MODULE 7 STYLES */

/* BEGIN MODULE 8 STYLES */
.helpSelector select{
	width:170px;
	font-size:1em;
	margin-bottom:3px;
}
/* END MODULE 8 STYLES */

/* BEGIN MODULE 9 STYLES */
.module9Text{
	position:relative;
	top:-4px;
}
/* END MODULE 9 STYLES */

/* BEGIN MODULE 10 STYLES */
.module10ImgRight{
	float:right;
}
.module10ImgLeft{
	float:left;
}
/* END MODULE 10 STYLES */

/* BEGIN MODULE 16 STYLES */
.smallTopSeller  h3 {
	margin:0 0 5px 50px;
}
.smallTopSeller h4 {
	padding:0 0 0 50px;
}
/* END MODULE 16 STYLES */

/*
 * SPECIAL MODULES
 * 
 */

/* BEGIN CALL-TO ACTION LAYER */
#modCTA, #modCTAdotCom {
	position:relative;
	clear:both;
	height: 15em; /* 166px */
	overflow:hidden;
	margin:0 3px 14px 3px;
}
* html #modCTA {
  height: 171px;
}
#modCTAdotCom {
	height: 266px;
}
* html #modCTA, * html #modCTAdotCom {
  margin-bottom: 9px;
}
.ctaLayer {
  position: absolute;
	background-color: #f00;
	color: #fff;
}
#modCTA .ctaLayer {
	top: 40px;
	left: 12px;
}
#modCTAdotCom .ctaLayer {
	left: 12px;
	top: 84px;
	height:121px;
}
.ctaLayer script {
  display: none;
}
div.ctaLayer {
	background-color: #f00;
	color: #fff;
	z-index: 999;
	padding: 2px 12px 12px 12px;
}
@media screen, projection {
  #modCTA .hide, #modCTAdotCom .hide {
	  visibility: hidden;
	}
}

#modCTA div.ctaLayer {
	width: 230px; /* 20.9em; */ /* 230px; */
	height: 100px; /* 9.1em; */ /* 100px */
}
#modCTAdotCom div.ctaLayer {
	width: 340px;
	height: 107px;
}

.ctaLayer h1 {
  font-size: 28px;
	font-weight: bold;
  letter-spacing: -0.02em;
	line-height: 1.3;
}
.ctaLayer p {
  font-size: 14px;
	font-weight: bold;
  letter-spacing: -0.03em;
	line-height: 1.4;
	margin-top: 6px;
}
#modCTAdotCom .ctaLayer p {
  font-size: 13px;
}

.ctaLayer .ctaLink {
  position: absolute;
	bottom: 8px;
  font-size: 11px;
	height: 15px;
	font-weight: bold;
  letter-spacing: -0.03em;
	line-height: 1.4;
}
.ctaLink a {
  color: #fff;
	padding-right: 20px;
  background: url(../img/buttons/arrow-grey-on-red.gif) no-repeat right top;
}
.ctaLink a:hover, .ctaLink a:focus {
  color: #999;
	background-position:100% -100px;
}

#modCTAdotCom .countryform {
	position:absolute;
	left: 12px;
	top: 205px;
	height: 40px;
	width: 364px;
	background-color: #f00;
}
#modCTAdotCom .countryform select {
	position:absolute;
	width: 160px;
	top: 10px;
	left: 12px;
}
#modCTAdotCom .countryform a {
	position:absolute;
	left: 185px;
	top: 5px;
}
/* END CALL-TO-ACTION LAYER */

/* BEGIN SHOPPING CART */
.cartGroup{
 margin:0.6em 0 0.727em 0;
}
.carthead{
 line-height:1.6em;
 font-weight: bold;
 width:175px;
 clear:both;
}
.cartProduct{
 position:relative;
 font-size:0.91em;
 line-height:1.3em;
 left: 0;
 width: 120px;
 float:left;
}
.cartPrice{
 position:relative;
 width: 50px;
 float:right;
 text-align: right;
 line-height:1.3em;
 clear:both;
}
.dynamicHeightLinks{
 position:relative !important;
 padding-top: 32px;
}
/* END SHOPPING CART*/

/* 
 * CONTENT MODULES 
 *
 */
 
/* BEGIN VODAFONE.COM STYLES */
.page_list li{
	padding-top:5px;
	margin-bottom:-5px;
}
.page_list li a{
	text-decoration:underline;
	display:inline;
	padding:0 6px 0 6px;
}
.page_list .active{
	padding:0 6px 0 6px;
	font-weight:bold;
}

.dcTeaser {
	line-height:1.3em;
}
.dcTeaser h1 {
	font-size:1.45em;
	font-weight:bold;
	margin-bottom:8px;
}
.dcTeaser h2 {
	font-weight: bold;
}
.dcTeaser .img_left {
	float:left;
	margin:0 10px 14px 0;
}
.dcTeaser .img_right {
	float:right;
	margin:0 0 14px 10px;
}
/* END VODAFONE.COM STYLES */
 
 
/* for separate Headline above content area, e.g. on Shopping Cart page */
.pageHl { 
	padding: 0 0 18px 13px;
}

/* BEGIN SHOPPING CART PAGE STYLES */
.scShopCart {
  	margin: 0 1px;
  	width: 760px;
	border-collapse: collapse;
	line-height: 1.3;
}
.scShopCart  a:hover, .scShopCart a:focus {
  	color: #732978;
}
.scShopCart th {
	padding: 6px 8px 4px 10px;
	border-right: 1px dotted #ccc;
}
.scShopCart td {
  padding: 9px 8px 4px 10px;
	border-right: 1px dotted #ccc;
	vertical-align: top;
}
* html .scShopCart th, * html .scShopCart td {
  border-right: 1px solid #ccc; /* solid border for IE6, because dotted looks awful */
}
.scShopCart td, .scShopCart .scHeader {
  background:transparent url(../img/dottedLine.gif) repeat-x bottom right;
}
.scShopCart td.scIntro {
  border: none;
	background: none;
	padding: 15px 10px;
}
.scShopCart th{
  background-color: #ece6ed;
	font-weight: bold;
}
.scShopCart .scHeader {
  background-color: #ece6ed;
}
.scShopCart th {
  text-align: right;
}
.scShopCart th.scPrd {
  text-align: left;
}
.scShopCart .scPrd {
  width: 445px;
}
.scShopCart .scMon, .scShopCart .scSng {
  width: 80px;
}
.scShopCart td.scAct {
  padding: 5px 0; /* padding l/r will be attached to links */
  width: 91px;
	border-right: none;
}
.scShopCart td.scAct {
  border-right: none;
}
.scShopCart td.scAct a {
  height:1.636em;
	display: block;
	padding:4px 15px 0 0;
	margin: 0 8px 0 10px;
}
.scShopCart td.scAct .devider {
  width: 91px;
	display: block;
	line-height: 0.1;
	margin: 5px 0;
  background: transparent url(../img/dottedLine.gif) repeat-x bottom left;
}
.scShopCart td.scAct a.btnAdd {
	background: url("../img/buttons/arrow-deepPurple.gif") no-repeat;
	background-position: 100% 4px;
	height:1.636em;/*18px*/
}
.scShopCart td.scAct a.btnDelete {
	background: url("../img/buttons/delete-deepPurple.gif") no-repeat;
	background-position: 100% 4px;
}
.scShopCart td.scAct a.btnAdd:hover, .scShopCart td.scAct a.btnDelete:hover,
.scShopCart td.scAct a.btnAdd:focus, .scShopCart td.scAct a.btnDelete:focus {
	background-position: 100% -96px;
}

.scShopCart .scPrice {
  text-align: right;
}
.scShopCart .scHighlight {
  color: red;
}
.scShopCart .scImg {
  width: 66px;
	float: none;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	border-right: none;
}

.scShopCart .scAddItem {
  padding-left: 30px;
}

.scShopCart a.scOptHide  {
	display: block;
  padding-left: 20px;
	height: 1.636em;/*18px*/
	background:url("../img/buttons/plus-deepPurple.gif") no-repeat;
}
.scShopCart a.scOptShow  {
	display: block;
  padding-left: 20px;
	height: 1.636em;/*18px*/
	background:url("../img/buttons/minus-deepPurple.gif") no-repeat;
}
.scShopCart a.scOptHide:hover, .scShopCart a.scOptShow:hover,
.scShopCart a.scOptHide:focus, .scShopCart a.scOptShow:focus  {
  background-position: 0 -100px;
}
.scShopCart .scSpacer  td {
  height: 1px;
	line-height: 0.1;
	font-size: 1px;
}
.scShopCart .scSummary td {
  font-weight: bold;
}
.scShopCart .scSumOption {
  padding-left: 90px;
}

.scShopCart .scFunc {
  background: none;
	border-right: none;
	height: 60px;
	vertical-align: bottom;
	padding-bottom: 6px;
}

.scShopCart .scFunc a.btnDeepPurple {
  display: block;
	float: left;
	padding-right: 20px;
	height: 1.636em; /*18px*/
	background:url("../img/buttons/arrow-deepPurple.gif") no-repeat right 0;	
}
.scShopCart .scFunc a.btnDeepPurple:hover, .scShopCart .scFunc a.btnDeepPurple:focus {
  background-position: right -100px;
}
.scShopCart .scFunc span.devider {
  float: left;
  width: 25px;
	color: #fff;
}

.scShopCart .scFunc .textBtnRed {
  float: right; right: 0;
	padding: 0.08em 0 10px 0;
	margin-bottom: -0.36em;
}
.scShopCart .scFunc .textBtnRed span {
  padding: 0.08em 4px 0.91em 4px;
}

/* END SHOPPING CART PAGE STYLES */ 


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


/* 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;
}

th.tdHead, 
th.tdHead2 {
	font-weight: bold;
}
/* 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;
}
.hidden{
  display:none;
}
/* END TAB NAVIGATION STYLES */

/* BEGIN TAB TEXT MODULE STYLES */
.tab_text_imgLeft {
	float:left;
	margin:0 0.64em 0 -6px;
}
.tab_text_imgRight {
	float:right;
	margin:0 -7px 0 0.64em;
}
/* END TAB TEXT MODULE STYLES */

/* BEGIN PRODUCT DETAIL STYLES */
.productPic1{
	text-align:center;
	margin:0 8px 8px 6px;
	overflow:hidden;
}
.productDetail .price{
	position:absolute;
	right:0px;
	text-align:right;
	white-space: nowrap;
	top:34px;
}
.productDetail{
	position:relative;
}
.productDetail form{
	position:relative;
	width:250px;
}
.productDetail h1{
	position:relative;
	left:2px;
	font-size:23px;
	font-weight:bold;
	line-height:29px;
	top:19px;
	margin-bottom:42px;
}
.productDetail h1 span{
	font-size:14px;
	position:relative;
	top:-7px;
	left:2px;
}
.productDetail h3{
	font-weight:bold;
	line-height:29px;
}
.productDetail .footnote{
	text-decoration:underline;
	cursor:pointer;
	display:block;
	margin-top:20px;
	padding-right:13px;
}
.productDetail .button{
	margin-right:13px;
	float:right;
}
.productDetail .tabBox{
	margin:20px 0 0 3px;
}
.productCopy {
	margin: 0 0 0 70px;
}
* html .productCopy {
	margin: 30px 0 0 70px;
}
/* END PRODUCT DETAIL STYLES */


/* BEGIN POPUP STYLES */
.popupbuttonbox_top,.popupbuttonpack_top,.popupbuttonpack_bottom,.popuptable,.popupproductpic,.popupproductdescription,.popuplogo{
	position:absolute;
}
.popuplogo{
	top:0;
	left: 12px;
	width:130px;
	height:105px;
	background:url("../img/vodafone_logo.gif");
	clear:both;
}
.popupbuttonbox_top{
	top: 15px;
	left: 12px;
	width: 570px;
}
.popupbuttonpack_top{
	right: 0;
}
.popupbuttonpack_bottom{
	margin-top:13px;
	right: 3px;
}
.popupbtn2{
	margin-left:8px;
}
.popuptable {
	top:243px;
	left:9px;
}
.popupproductpic{
	top:116px;
	left: 12px;
}
.popupproductdescription{
	top:124px;
	left: 204px;
	width:376px;
	height:124px;
}
.popuphead{
	font-size:24px;
	font-weight: bold;
}
.popupsub{
	font-size:18px;
	font-weight: bold;
	line-height:32px;
	height: 46px;
}
.popupcopy{
	font-size:13px;
	font-weight: normal;
}
.popupfooter{
	position:absolute;
	margin-top:40px;
	display:block;
	width:574px;
	clear:both;
	text-align:right;
	padding:14px 0 19px 0;
}
.popupfooter a{
	padding:0 7px 0 4px;
}
.popupfooter li{
	display:inline;
}
.popupfooter span{
	padding:0 7px 0 4px;
}
.popupfooter ul{
	margin-right:-6px;
}
/* END POPUP 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: 0 12px 12px 0;
	display:block;
}
.formMsg .formMsgHead {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
}
h2.formHeader {
	color: #008698;
	font-weight: bold;
	padding: 0;
	font-size: 1.2em;
}
.formList {
}
.formList li {
	padding-bottom:6px;
}
input, textarea, select {
	font: normal 11px Arial;
	vertical-align:middle;
}
input {
	height: 15px; /* + (2x2px border) + 3px padding = 22px */
	padding: 3px 2px 0 2px;
}
select {
	height: 18px;
}
textarea {
	width: 186px;
}
.formList .input_small {
	width: 96px;
}
input.checkbox,
input.radio
{
	margin-left:0;
}
input:selected {
	border-color: #000;
}
.formList .input_large {
	width: 186px; /*284px;*/
	height: 15px; /* + 2x2px padding */
	padding: 2px;
}
.formList .select_large {
	width: 194px;
	height: 22px;
}
.formList .select_small {
	width: 99px;
	height: 22px;
}
.formList textarea {
	width: 186px;
}
.formButtons {
	height: auto; /*34px;*/
	margin-left: 172px;
	padding-left: 6px;
}
.formButtons a {
	float: left; 
	margin-right: 12px; /*8px;*/
	bottom:0;
}
/* END FORM STYLES */

/* START ADDITIONAL FORM STYLES v1.01 */
fieldset {
  	position:relative;
  	clear:both;
	margin: 0 0 10px;
}
.fieldsetCopy {
	font-weight: 1em;
	margin: 6px 0 12px 0;
}	
.formContact label {
 	margin:0 6px 0 0;
  	padding:4px 0 0 3px;
  	width:169px;
  	display:block;
  	float:left;
  	text-align:right;
}

.formContact ol li {
  	float:left;
  	clear:left;
  	width:100%;
}

.formContact legend span,
.formList legend span
{
	padding:0 0 5px 0;
	font-weight:bold;
	display:block;
	margin: 3px 0 0 0;
}
.inlineLabel {
	padding:0;
	margin:0;
}
.formContact .inlineLabel label {
	margin: auto;
	width: auto;
	height: auto;
	display: inline;
	float :none;
	padding: 0 3px 0 0;
}
.inlineLabel label span {
	padding: 3px 0 0 0;
}
input.dateField2,
select.dateField2
{
	width: 25px;
	margin: 0 0 0 0;
	height: 22px;
}
select.dateField2 {
	width: 45px;
}
input.dateField4,
select.dateField4
{
	width: 60px;
	margin: 0 4px 0 0;
	height: 22px;
}
input.postcodeField {
	width: 45px;
}
.formList .formRemark {
	clear:both;
	margin-left: 178px;
	font-size:0.9em;
	font-style: italic;
	color: #C4C4C4;
	vertical-align: top;
	padding-top: 0;
}
.inlineRemark {
	font-size: 0.9em;
	color: #C4C4C4;
}
.boxFormTitle {
	font-weight: bold;
	clear: both;
	margin-bottom: 3px;
}
.infoSymbol {
	padding: 2px 0 0 6px;
	width: 13px;
	height: 13px;
	/*float: left;
	clear:none;*/
}
/* TOOLTIPS */
.tooltip {
	position: absolute; 
	display: none;
	z-index: 1000;
	left: 0px;
	top: 0px;
}
.tooltipbody {
	width: 167px;
	padding-top:1px;
	background-image: url(.img/bg_tooltip_top.gif);
	background-repeat: no-repeat;
}
.tooltiptext {
	background-image: url(./img/bg_tooltip_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 7px 7px 15px 7px;
}

.bigtooltip {
	position: absolute; 
	display: none;
	z-index: 1000;
	left: 0px;
	top: 0px;
}
.bigtooltipbody {
	width: 267px;
	padding-top:1px;
	background-image: url(./img/bg_bigtooltip_top.gif);
	background-repeat: no-repeat;
}
.bigtooltiptext {
	background-image: url(./img/bg_bigtooltip_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 7px 7px 15px 7px;
}

/* END TOOLTIP STYLES */
/* END ADDITIONAL FORM STYLES */

/* BEGIN ERROR PAGE STYLES */
.warningIcon {
	float:left;
	margin-right:6px;
}
.formList .inputErr {
	background:#F3B700;
}
.inputErrMsg,
li.inputErrMsg
{
	margin:0 0 4px 178px;
	font-weight:bold;
	width: auto;
}
.formContact ol li.inputErrMsg {
    margin:0 0 4px 178px;
    _margin: 0 0 4px 90px;
    font-weight:bold;
    width: 365px; 
}
.warningIcon {
	margin:0 5px 0 0;
	float:left;
}
/*END ERROR PAGE STYLES*/

/* BEGIN FILTER MODULE STYLES */
.filterModule{
	margin-bottom:8px;
}
.filterModule select {
	width:178px;
	margin-right:4px;
}
.filterCopy {
	padding:4px 4px 12px 4px;
}
/* END FILTER MODULE STYLES */

/* BEGIN SUPPORT MODULE */
.modSupport h2{
	font-size:1.81em;/*20px*/
	font-weight:bold;
	padding:6px 0 6px 0;
}
.modSupport h3{
	font-size:1.09em;/*12px*/
	font-weight:bold;
}
/* END SUPPORT MODULE */

/* BEGIN VODAFONE LIFE STYLES */
.vl_content h3{
	margin:12px 0 0 6px;
	font-size:1.182em;
	font-weight:bold;
}
.vl_content p {
	margin:4px 0 8px 6px;
	font-size:1em;
}
.vl_teaser {
	position:relative;
	height:10.91em; /*120 px content makes the module height 144px*/
	margin:0 0 4px 6px;
	clear:both;
}
.vl_teaser h3 {

}
.vl_teaser h4 {
	margin:-11px 0 11px 0;
}
.vl_teaserSmall {
	position: relative;
	margin:0 8px 4px 6px;
	width:105px;
	height:10.91em; /*121px*/
	float:left;
}
.vl_teaserSmall .link_list1Col {
	width:105px;
}
/* END VODAFONE LIFE STYLES*/

/* BEGIN SITE MAP 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 */

/* BEGIN MAP STYLES */
.gen_table{
	position:relative;
	top:20px;
	left:-7px;
	width:568px;
	padding-left:4px;
	padding-right:4px;
	margin-right:-7px;
    margin-bottom: 27px;
	background:url("../img/3columnBorder.gif");
}
.tab_footer{
	position:absolute;
	left:0px;
	width:576px;
	height:7px;
	font-size:1px;
	line-height:1px;
	background: #f00 url("../img/3columnFooter.gif") no-repeat top left;
}
.gen_table table{
	width:100%;
}
.gen_table th {
  font-weight: bold;
}
.gen_table ul {
	list-style-type:disc;
	padding-left:12px;
}
.gen_table tr,.gen_table td,.gen_table th{
	position:relative;
	padding: 5px 12px 5px 12px;
	background:none;
}
.gen_table .titlerow{
	background:#66b6c1;
	color: #ffffff;
}
.gen_table .row_a{
	background:url("../img/dottedLine.gif") repeat-x top left;
	*background:url("../img/dottedLine.gif") repeat-x 1px left;
}
.gen_table .row_b{
	background:#f6f8f9 url("../img/dottedLine.gif") repeat-x top left;
}
.gen_table a {
	/*float:right;*/
}
/*END MAP STYLES*/

/* START MMBASE STYLES */
/* Overwrite the width of the columns when the page is set in Edit mode. */
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;
}
div.enclosingDIV .mod1Col {
	width: 186px;
}
div.enclosingDIV .mod2Col {
	width: 378px;
}
div.enclosingDIV .mod3Col {
	width: 570px;
}
div.enclosingDIV .mod4Col {
	width: 762px;
}
/* END MMBASE 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

/* 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_faq.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;
}
/* END FAQ STYLES */

/* START ADDITIONAL STYLES */
.gegevensItem {
	margin: 0px 6px 0px 0px;
    padding: 4px 0px 0px 3px;
    text-align: right;
    width: 169px;
    float: left;
}
.gegevensContent {
	margin: 0pt 6px 0pt 0pt;
	padding: 4px 0px 0px 3px;
	float: left;
}
/* END ADDITIONAL STYLES */

.main-header-default {
	background: #ff0000 url(/5/css/img/head.png) 0 0 no-repeat;
	width:674px;
	height:73px;
	overflow:hidden;
	margin: 0 0 6px 0;
}

.main-header-default h2 {
	color:#fff;
	margin:10px 15px;
}


/* BEGIN COLOR STYLES */
    /* background colors */
.redBG {background:#f00;}
.carmineRedBG {background:#cc0202;}
.deepPurpleBG {background:#732978;}
.lightPurpleBG {background:#C592C8;}
.lighterPurpleBG {background:#E0D5E1;}
.lightestPurpleBG {background:#ede3ee;}
.petrolBG {background:#008698;}
.lightPetrolBG {background:#bad4da;}
.lightGreyBG {background:#f6f8f9;}
.greyBG {background:#ccc;}
.blueBG {background:#0077b7;}
.lightBlueBG {background:#6dc1d7;}
.lighterBlueBG {background-color: #e7f3f5;}
.lightestBlueBG {background-color: #f6f8f9;}
.greenBG {background:#009868;}
.grassGreenBG {background:#5b8424;}
.whiteBG {background:#fff;}
.lightPinkBG {background:#ffcfe7;}
.yellowBG {background-color:#FFFF99;}
    /* text colors */
.petrol {color:#008698;}
.green {color: #64D700;}
.red {color: #ff0000;}
.text_green {color: #8BC55A;}
.text_red {color: #FF0000;}
.inline_redTitle {color: #ff0000;}
/* END COLOR STYLES */