/*

		Copyright 2006 - Vodafone Netherlands
		
		
		CHANGELOG
		---------

		Version (o)
		==========================================================================
		
		-header margins adjusted
		-inputs fixed use: third 30% / half 45% / wide 95% on inputs 
		-print css attached
		-Latin A subset in sIFR
		

		Version (n)
		==========================================================================

		-font-size in lists corrected
		-font-color in lists is now gray (#888)
		-small tag is nog styled: size 1em (10px), color #888 (gray)
		-Sitemap page added
		-Fix in navigation: padding bottom is now 0.3em (was 0.2em)
		-linklist indicators are now square  
		
		
		Version (m):
		==========================================================================
		
		-Language ID (english link) hidden
		-List fixes in content ID's
		-Ident in navigation enlarged with 3px
		-404 page introduced
		-Vodafone live pages + css
		-sIFR 3
		-Medium buttons
		
		
		Version (l):
		==========================================================================
		
		-Fixed gutter: top is now 10px, bottom is 0px was 13px everywhere
		-Fixed linklists: no more relative margins but absolute margins (2px/0.2em)
		-Started replacing px's with em's on typographic elements other then fonts: makes user controlled font-size more accurate
		-Added styling for em (normal/red) and hr (1px line, color #cccccc)		

		
		Version (k):
		==========================================================================
		
		-Fix for :focus pseudo class in IE (focussed field highlighting is now crossbrowser)
		-Text-sizing in EM's: font-size control in IE browsers
		-Tabs are inverted: inverted gradient gives tabs a "depth feel (bevel/emboss)"
		-Pagination editted
		-Input, Selects fixes
		-CSS validates, it is now valid
		-HTML validates, it is now valid xHTML 1.0 Strict
		-sIFR fonts have now special characters embedded
		-Clear Fixes for DIV's
		-Tablecolor editted
		-Tableruler removed (JS editted)
		-CSS for Print added
		-Changelog added
			
			
--------------------------------------------------------------------------------------

CONTENTS:
--------------------------------------------------------------------------------------
		
			
		1	GENERAL
		
			1.0	Typography + Generic Fixes
			1.1	Layout
			
		2	HEADER
		
			(2.0 Generic Fixes - DELETED)
			2.1 Layout
			
		3	CONTENT
		
			3.0 Generic
			3.1	Typography
				3.1.1 Exceptions
			3.2 Layout, Blocks
			3.3 Tables
			3.4 Pagination
		
		4	FOOTER
		
		5	NAVIGATION
			
			5.1	Tabs
			5.2 Sitemap
		
		6	VARIOUS CLASSES
			
			6.0	Clear Div's
			6.1 Floats & Aligns
			6.2 Linklists, Buttons
				
		7	FAQ's
		
		8	Conflicts, Dirty, Temp fixes

--------------------------------------------------------------------------------------
*** Changelog ***
--------------------------------------------------------------------------------------
11-7-2007: Selfprovisioning and Rekeningbeheer styles added.
12-7-2007: Removed unused and double styles.
20-8-2007: Added styles for free-html page.
21-9-2007: Added eCard styles.
--------------------------------------------------------------------------------------
	
--------------------------------------------------------------------------------------
1.0	GENERAL	 -	Typography, Generic Fixes
--------------------------------------------------------------------------------------
*/

html * {
	margin:0;
	padding:0;
	}
	
body
{
	background:#cacaca;
	color:#000;
	font:62.5% verdana, arial, helvetica, sans-serif;
}

img
{
	border:0
}

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

a:hover
{
	color:red;
}
*/

hr {
  	border: 0;
  	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin:0.5em 0;
}

em {
	font-style: normal;
	/* color: #ff0000; */
}

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

1.1	GENERAL	 -	Layout
--------------------------------------------------------------------------------------
*/

#container
{
	background:#fff url(img/container-mid.png) 0 0 repeat-y;
	margin:0 auto;
	text-align:left;
	width:904px
}

#container p#lo	{
	background:transparent url(img/container-lo.gif) 0 bottom no-repeat;
	width:100%
}

.lijst-mms {
	font: 87% verdana, arial, helvetica, sans-serif;
}

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

2.0 HEADER	-	Layout
--------------------------------------------------------------------------------------
*/

#header
{
	background:#cacaca url(img/container-hi.gif) 0 0 no-repeat;
	padding:10px 0 0 10px;
	height:90px;
}

#header ul#language {
	list-style: none;
	display: inline;
	float:right;
	margin: 0 15px;
	font-size:1em
	}

/* VOP: Removed
#header #segments {
	list-style: none;
	height: 21px;
	display: inline;
	overflow: hidden;
	width: 516px
	}
	
#header #segments li {
	display: inline;
	list-style-type: none
	}

#header #segments a {
	float: left;
	padding: 21px 0 0 0;
	margin-bottom:5px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:21px /* for IE5/Win */
	}
/*
#header #segments a:hover {
	background-position: 0 -42px
	}

#header #segments a.selected,
#header #segments a.selected:hover {
	background-position: 0 -21px
	}	
		
#segments-prive a {
	width: 103px;
	background: url(img/header-segments-prive.png) top left no-repeat
	}

#segments-ondernemers a  {
	width: 103px;
	background: url(img/header-segments-ondernemers.png) top left no-repeat
	}

#segments-mkb a  {
	width: 103px;
	background: url(img/header-segments-mkb.png) top left no-repeat
	}

#segments-grootzakelijk a  {
	width: 103px;
	background: url(img/header-segments-grootzakelijk.png) top left no-repeat
	}

#segments-over-vodafone a  {
	width: 104px;
	background: url(img/header-segments-over-vodafone.png) top left no-repeat
	}
*/

#header #logo
{
	float:left;
	margin:15px 15px 0 10px
}

#header #logo h1
{
	height:36px;
	position:relative;
	text-indent:-9999px;
	width:184px
}

#header #logo h1 a
{
	background:url(img/header-logo.gif) no-repeat;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

/* Removed for VOP 
#header ul.header-links
{
	float:left;
	list-style-type:none;
	font-size:1em;
	padding:0 0 0 10px;
	margin: 10px 0 0 0
}

#footer ul {
	list-style-type:none;
	font-size:1em;
}

#header ul.header-links li,
#footer ul li
{
	border-right: 2px solid #eee;
	display:inline;
	padding:0 1em 0 1em;
}

#header ul.header-links li.last,
#footer ul li.last
{
	border:none;
	display:inline;
	padding:0 1em  0 1em;
}

#header ul.header-links li a
#footer ul li a
{
	margin: 0;
}
*/

#header ul#search
{
	float:right;
	list-style-type:none;
	overflow:hidden
}
#header ul#search li
{
	display:inline;
}

#header ul.header-links li.search {
	display:inline;
	padding:0 6px 0 6px;
	background: transparent;
	}
	
#header ul#search li input.search-field {
	border: 1px solid #b1b1b1;
	background: #fcfcfc url(img/header-input.png) 0 0 repeat-x;
	padding:2px 4px;
	margin: 5px 6px 0 0;
	width:215px;
	font-weight: bold;
}

#header ul#search li input.search-field:focus{
	border: 1px solid #717171;
}

#header ul#search li input.search-button {
	background: #fff url(img/header-button.gif) 0 0 no-repeat;
	height:19px;
	width:71px;
	border:0;
	margin:5px 13px 0 0;
	padding:0;
}

#header a,
#footer a {
	color: #666;
}

#header a:hover,
#footer a:hover {
	color: red;
}
	
#head
	{
		background: #ff0000 url(img/head.png) 0 0 no-repeat;
		width:674px;
		height:73px;
		overflow:hidden;
		float:left;
		margin: 0 0 6px 0;
	}

.head-wide
	{
		background: #ff0000 url(img/head-wide.png) 0 0 no-repeat;
		width:887px;
		height:73px;
		overflow:hidden;
		float:left;
		margin: 0 0 6px 5px;
	}
		
#head h2,
.head-wide h2

	{
		color:white;
		margin:10px 15px;
	}

#head-live
	{
		background: #ff0000 url(../demo-images/head-live.png) 0 0 no-repeat;
		width:674px;
		height:313px;
		overflow:hidden;
		float:left;
		margin: 0 0 6px 0;
	}
			
/* 
--------------------------------------------------------------------------------------

3.0	CONTENT	 -	Generic
--------------------------------------------------------------------------------------
*/

#content		
	{
		float:left;
		visibility:visible;
		width:674px;
		overflow:hidden;
	}

#content p a,
#content p a:link,
#content p a:visited,
#content p a:active
	{
		background:transparent url(img/global-dotted-line-darker.gif) repeat-x left bottom;
		color:#214c55;
		text-decoration:none;
	}
#content p a:visited
	{
		/* Not yet deciced */
	}
#content p a:hover
	{
	color:red;
}

#content small {
	font-size:1em;
	line-height:normal;
	color:#888;
} 

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

3.1	CONTENT	 -	Typography
--------------------------------------------------------------------------------------
*/

	#content h1, #content h2, #content h3, #content h4 {/* Reserved for sIFR headlines */ }
	#content h4 {
		font-size: 1.1em;
		margin: 1.5em 0 0 0;
		font-weight: bold;
		}

	#content h5 {
		font-size: 1.1em;
		margin: 1em 0 0.3em 0;
		font-weight: bold;
		}
		
	#content h6 {
		font-size: 1.0em;
		margin: 1em 0 0.3em 0;
		font-weight: bold;
		}

	#content img {
		border: 0;
		}

	#content p {
		font-size: 1.1em;
		line-height: 150%;
		margin: 0.5em 0;
		}	

	#content pre {
		/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace 
		tends to run you into overflow pretty quick. prior moz and net are okay.*/
		font-family: monospace;
		font-size: 1em;
		}

	#content li {
			font-size:1.1em;
			color:#333;
			line-height: 150%;
			margin: 0.5em 0 0 1.8em;
			}

			#content ul li ul li {
					font-size:1em;
			}
		
		#content .linklist li,
		#content .sitemap li	{margin: 0;}

	#content strong,
	b,
	#grid strong
	{
		font-weight: bold
	}

	tr td {
		font-size: 1em;
	}
	
	#header ul#search li input.search-field {
		font-size:1em;
		font-weight: bold;
	}

	#header ul#search li input.search-button {
		font-size:1em;
	}
	
/* 
--------------------------------------------------------------------------------------

3.1.1	CONTENT	 -	Exceptions
--------------------------------------------------------------------------------------
*/	
		.content-block-copy .gutter ul,
		.content-block-copy .gutter ol {
			line-height:160%;
			/* border:1px solid red; TEST-CASE */
			}	
	
			.content-block-copy .gutter ul.linklist {
					margin:0;
					padding:0;
					}	
					
	
		.gutter ol,
		.gutter ul {
			list-style-position: outside;
			
		}

		.gutter ol.linklist,
		.gutter ul.linklist {
			list-style-position: outside;
		}


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

3.2.1	CONTENT	 -	Forms
--------------------------------------------------------------------------------------
*/

		form
		{

		}

		select, 
		input, 
		textarea  {
			background: #fcfcfc url(img/header-input.png) 0 0 repeat-x;
			border: 1px solid #d1d1d1;
			padding:2px 4px;
			margin: 2px 4px;
			font:1.1em verdana, arial, helvetica, sans-serif;
		} 

		select:focus,
		input:focus, 
		textarea:focus{
			border: 1px solid #717171;
		}

		input.wide {
			width:95%;
		}

		input.half {
			width:45%;
		}

		input.third {
			width:30%;
		}

		input.radio,
		input.checkbox,
		input.other {
			border:none;
			background:none;
			width:auto;
			width:1em;
		}

		input.other {
			margin:0;
			background:transparent;
			border:none;
			width:1em;
		}

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

3.2	CONTENT	 -	Layout, Blocks
--------------------------------------------------------------------------------------
*/



	#content div.block-main-promo {
		background:url(img/content-main-promo.png) 0 0 no-repeat;
		width: 449px;
		height:181px;
		overflow: hidden;
		float:left;
		margin: 0 0 5px 0
	}

	#content div.block-1-col {
		background:url(img/content-block-1-col.png) 0 0 no-repeat;
		width: 674px;
		overflow: hidden;
		float:left
	}

	#content div.block-1-col-transparent {
		background:none;
		width: 674px;
		overflow: hidden;
		float:left
	}
	
	#content div.block-full-feature { 
		background:url(img/content-block-full-feature.png) 0 0 no-repeat;
		width: 674px;
		overflow: hidden;
		float:left
	}
	
		#content div.block-full-feature #float-right {
			float:right;
			width:223px;
			margin:-30px 0 0 0px
		}
		
			#content div.block-full-feature #float-right .block {
				background:#fff url(img/index-full-feature-block.png) 1px 0 no-repeat;
				width:223px
			}
			
		#content div.block-full-feature #float-left {
			float:left;
			width:431px;

		}	
		
	#content div.block-small-top {
		background:url(img/content-block-small.png) 0 0 no-repeat;
		width: 223px;
		height:181px;
		overflow: hidden;
		float:left;
		margin: 0 0 5px 2px
	}
	
		#content div.block-small-top-yellow {
			background:url(img/content-block-small-yellow.png) 0 0 no-repeat;
			width: 223px;
			height:181px;
			overflow: hidden;
			float:left;
			margin: 0 0 5px 2px
		}

		#content div.block-small-top-red {
			background: transparent url(img/content-block-small-red.png) no-repeat scroll 0pt;
		    float: left;
		    height: auto;
		    min-height: 181px;
		    margin: 0pt 0pt 5px 2px;
		    overflow: hidden;
		    width: 223px;
		}
			
	#content div.block-small-bottom-left {
		background:url(img/content-block-small.png) 0 0 no-repeat;
		width: 223px;
		overflow: hidden;
		float:left;
		margin: 0 3px 0 0;
	}
	
		#content div.block-dealer {
			background:url(img/content-block-small-dealer.png) 0 0 no-repeat;
			width: 223px;
			overflow: hidden;
			float:left;
			margin: 0 0 5px 2px
		}		
	
	#content div.block-small-bottom-right {
		background:url(img/content-block-small.png) 0 0 no-repeat;
		width: 223px;
		overflow: hidden;
		float:left;
		margin: 0 2px 0 0
	}
	
	/*#content div */ .block-small-bottom-teaser,
	#grid .singleColumn .block-small-bottom-teaser
	{
		/* background:url(img/content-block-small.png) 0 0 no-repeat; */
		border: none; /* FF: 1px solid red; */
		width: 223px;
		overflow: hidden;
		float:left
	}
	
	#content div.block-small {
		background:url(img/content-block-small.png) 0 0 no-repeat;
		width: 223px;
		overflow: hidden;
		float:left;
		margin: 0 0 5px 2px
	}

	#content div.block-sitemap {
		background:url(img/content-block-small.png) 0 0 no-repeat;
		width: 221px;
		overflow: hidden;
		float:left;
		margin: 0 0 5px 1px
	}	
	
		#content div.block-sitemap-first {
			background:url(img/content-block-small.png) 0 0 no-repeat;
			width: 221px;
			overflow: hidden;
			float:left;
			margin: 0 0 5px 4px
		}
	
	#content div.block-wide-one-column {
		background:url(img/content-block-wide.png) 0 0 no-repeat;
		width: 700px;
		overflow: hidden;
	}
	
	#content div.block-wide {
		background:url(img/content-block-wide.png) 0 0 no-repeat;
		width: 449px;
		overflow: hidden;
		float:left
	}

	#content div.block-wide-tabs {
		background:url(img/content-block-wide.png) 0 -3px no-repeat;
		width: 449px;
		overflow: hidden;
		float:left
	}
	
	#content div.block-full-feature-tabs {
		background:url(img/content-block-full-feature.png) 0 -3px no-repeat;
		width: 674px;
		overflow: hidden;
		float:left
	}
		
	#content div.block-wide-split {
		background:url(img/content-block-wide.png) 0 0 no-repeat;
		width: 449px;
		overflow: hidden;
		float:left
	}

		#content div.block-wide-split h3 {
		margin: 13px
		}
		
		#content div.block-wide-split .split-cols {	
		width: 218px;
		overflow: hidden;
		float:left
		}

		
	.gutter {
		padding: 10px 13px
	}
	
	#content div.block-wide-split .split-cols .gutter {
		padding: 0 0 0 13px
	}

	#content div.block-wide-split-transparent .split-cols .gutter {
		padding: 0 0 0 13px
	}
		
	#content div.block-full-feature .gutter {
		padding: 13px 0 0 13px
	}
	
	#content div.block-full-feature #float-right .gutter {
		padding: 0 13px 0 13px
	}
	
	#content div.block-full-feature #float-right .block .gutter {
		padding: 5px 13px 0 13px
	}

	/* Vodafone Live Extra adjustments */
			#content div.block-live {
				width: 223px;
				overflow: hidden;
				float:left;
				margin-left:1px;
			}

			#content div.block-live .top {
				width: 223px;
				height:143px;
			}
			
			#content div.block-live .top .gutter {
				padding: 8px 0 0 13px ;
			}
			
			#content div.block-live .bottom {
				width: 223px;
				background:url(img/content-live-bg.png) 0 0 no-repeat;
			}

			#content div.block-live .bottom div.gutter {
				padding: 13px ;
			}
			
			#content div.block-live .bottom p {padding:0;margin:0;}
			#content div.block-live .top a  {width:223px;height:110px;display:block;position:relative;background:none;}
			#content div.block-live .top a span {display:none;}
			#content div.block-live {
				width: 223px;
				overflow: hidden;
				float:left;
				margin-left:1px;
			}

			#content div.block-live-small {
				margin: 0 0 0 30px;
			}
			
			#content div.block-live-small,
			#content div.block-live-small-first {
				width: 136px;
				float:left;
				overflow:hidden;
	
			}

			#content div.block-live-small  p,
			#content div.block-live-small-first p,
			#content div.block-live-small  ul.linklist,
			#content div.block-live-small-first ul.linklist {padding:0 5px;margin:0;}
		

			#content div.block-wide-transparent {
				width: 449px;
				overflow: hidden;
				float:left
			}
			
			#content div.block-1-col-live-special	 {
				background:none;
				width: 674px;
				overflow: hidden;
				float:left
			}	
			
			#content div.block-1-col-live-special p,
			#content div.block-1-col-live-special ul,
			#content div.block-1-col-live-special ul li,
			#content div.block-1-col-live-special a {
				color:white;	
			}
			
			
/* 
--------------------------------------------------------------------------------------

3.3	CONTENT	 -	tables
--------------------------------------------------------------------------------------
*/
	
	table{
		width:100%;
		border-top: 1px solid #e6e6e6;
		border-right: 0px;		
		border-bottom: 0px;
		border-left: 1px solid #e6e6e6

	}

	tr td{
		font-family: "lucida grande", verdana, sans-serif;
		padding: 3px 8px;
		background: #fff
	}

	thead td{
		color: #fff;
		background: #7aaed3 url(img/content-table-top.png) 0 0 repeat-x;
		font-weight: bold;
		border-bottom: 2px solid #e6e6e6;
		padding: 5px 8px 5px 8px;
		border-right: 1px solid #e6e6e6
	}
	
	thead td span.arrow {
		color: #fff;
		background: transparent url(img/global-ahref-arrow.png) top right no-repeat;
		font-weight: bold;
		padding:0 20px 0 0;
	}
	
	tbody td{
		background: #fff;
		border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6
	}
	tbody tr.even td{
		background: #f6f9fa;
		border-bottom: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6
	}

	/*tbody tr.ruled td {
		background-color: #e0e9f0
	}
	*/
			tbody tr.ruled td a,
			tbody tr.ruled td a:visited,
			tbody tr.ruled td a:hover {
			
			}
			
	tbody td.bottom {
		background: #7aaed3 url(img/content-table-bottom.png) 0 0 repeat-x;
		border-right: 1px solid #e6e6e6
	}	
	
	/* Opera fix - DISABLED
	head:first-child+body tr.ruled td{
		background-color: #e0e9f0
	}
	*/

	#page-nav {
		text-align:center;
		color: #333;
		font-weight: bold;
		border:none;
		width:100%;
		padding:0;
	}	
	
	table a:hover {color:#444;}

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

	3.4	CONTENT	 -	pagination
	--------------------------------------------------------------------------------------
	*/	

	.pagination .center a,
	.pagination .center a visited {
		background:none;
		}
	
	.pagination li.center
	{
		background: transparent url(img/global-dotted-line.gif) repeat-x left bottom;
		list-style-type: none;
		padding: 2px 0 1px 0;
		display:block;
		width:32%;
		float:left;
	}
	
	.pagination li.center a,
	.pagination li.center a:visited
	 
	{
		color: #333;
		display: block;
		padding: 1px 0
	}
	
	.pagination li.center a:hover
	{
		color:red
	}
	
	.pagination .right a,
	.pagination .right a visited {
		background:none;
		}
	
	.pagination li.right
	{
		background: transparent url(img/global-dotted-line.gif) repeat-x left bottom;
		list-style-type: none;
		padding: 2px 0 1px 0;
		width:32%;
		float:left;
	}
	
	.pagination li.right a,
	.pagination li.right a:visited
	 
	{
		background: transparent url(img/global-ahref-arrow.png) no-repeat right 3px;
		color: #333;
		display: block;
		padding: 1px 25px 0 0
	}
	
	.pagination li.right a:hover
	{
		background:transparent url(img/global-ahref-arrow-active.png) no-repeat right 3px;
		color:red
	}

	.pagination .left a,
	.pagination .left a visited {
		background:none;
		}
	
	.pagination .left
	{
		background: transparent url(img/global-dotted-line.gif) repeat-x left bottom;
		list-style-type: none;
		padding: 2px 0 1px 0;
		width:32%;
		float:left;
	}
	
	.pagination .left a,
	.pagination .left a:visited
	 
	{
		background: transparent url(img/global-ahref-arrow-back.png) no-repeat left 3px;
		color: #333;
		display: block;
		padding: 1px 0 0 25px
	}
	
	.pagination .left a:hover
	{
		background:transparent url(img/global-ahref-arrow-active-back.png) no-repeat left 3px;
		color:red
	}
	
/* 
--------------------------------------------------------------------------------------

4.	FOOTER
--------------------------------------------------------------------------------------
*/	
	
	#footer	{
		background:transparent url(img/footer-bg.gif) 0 4px no-repeat;
		color:#666;
		height:46px;
		margin:0 auto;
		text-align:center;
		width:904px
	}
	
	#footer .gutter {
		padding:9px 20px 0 10px;
	}
	


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

5.	NAVIGATION
--------------------------------------------------------------------------------------
*/	

	#navigation	{
		float:left;
		padding: 0 0 0 9px;
		font-size:1em;
		width:211px;
		margin: 0 2px 0 0;
	}
	
	
	#navigation h3 {
		height:39px;
		width:211px;
		text-indent:-9999px;
	}
	
	#navigation h3.navigation-prive {background: url(img/navigation-h3-prive.png) 0 0 no-repeat;}
	#navigation h3.navigation-ondernemers {background: url(img/navigation-h3-ondernemers.png) 0 0 no-repeat;}
	#navigation h3.navigation-mkb {background: url(img/navigation-h3-mkb.png) 0 0 no-repeat;}
	#navigation h3.navigation-grootzakelijk {background: url(img/navigation-h3-grootzakelijk.png) 0 0 no-repeat;}
	#navigation h3.navigation-over-vodafone {background: url(img/navigation-h3-over-vodafone.png) 0 0 no-repeat;}
	#navigation h3.navigation-english {background: url(img/navigation-h3-english.png) 0 0 no-repeat;}
	#navigation h3.navigation-communicate {background: url(img/navigation-h3-communicate.png) 0 0 no-repeat;}
	
	#navigation ul li a	{
		background:#d0d0d0 url(img/navigation.gif)  no-repeat left bottom;
		color:#333;
		display:block;
		font-size:1em;
		height:1.4em;
		line-height:130%;
		overflow:hidden;
		padding:0.2em 9px 0.3em 19px;
		text-decoration:none
	}
	
	#navigation ul li a:hover {
		background:#d0d0d0 url(img/navigation.gif) no-repeat -211px bottom;
		color:red;
		text-decoration:none
	}
	
	#navigation ul li ul li a {
		background:#e5e5e5 url(img/navigation-sub.gif) no-repeat left bottom;
		padding-left:26px
	}
	
	#navigation ul li ul li a:hover {
		background:#e5e5e5 url(img/navigation-sub.gif) no-repeat -211px bottom;
	}
	
	#navigation ul li ul li ul li a {
		background:#f4f4f4 url(img/navigation-sub-sub.gif) no-repeat left bottom;
		padding-left:30px
	}
	
	#navigation ul li ul li ul li a:hover {
		background:#f4f4f4 url(img/navigation-sub-sub.gif) no-repeat -211px bottom;
	}
	
	#navigation ul li ul li ul li ul li a {
		background:#fafafa url(img/navigation-sub-sub-sub.gif) no-repeat left bottom;
		padding-left:34px
	}
	
	#navigation ul li ul li ul li ul li a:hover {
		background:#fafafa url(img/navigation-sub-sub-sub.gif) no-repeat /*-211px */ 0 bottom;
	}
	
	#navigation ul,
	#navigation ul li {
		list-style-type:none;
		margin:0;
		padding:0
	}
	
	#navigation ul li a.active {font-weight:700}
	#navigation ul li a.active-current {color:red;font-weight:700}
	
	.navigation-last {
		background:#fff url(img/navigation.png) no-repeat 0 0;
		height:175px
	}


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

5.1	NAVIGATION TABS
--------------------------------------------------------------------------------------
*/	

/* VOP Redesigned 
	#tabs {
	background:url(img/content-block-wide.png) 0 20px no-repeat;
	width: 449px;
	overflow: hidden;
	float:left;
	font-size:1em;
	line-height:normal;
	}
	  
	#tabs-full {
	background:url(img/content-block-full-feature.png) 0 20px no-repeat;
	width: 674px;
	overflow: hidden;
	float:left;
	font-size:1em;
	line-height:normal;
	}
	
	#tabs ul,
	#tabs-full ul {
	  margin-top:0;
	  padding:0 0 0 15px;
	  list-style:none;
	  }
	
	#tabs li,
	#tabs-full li {
		float:left;
		background:url("img/content-tabs-left.png") no-repeat left top;
		margin: 0;
		padding:0 0 0 9px;
		margin-top:2px;
	}

	#content #tabs ul li,
	#content #tabs-full ul li {
		margin:0
	}
	
	#tabs a.tabpage,
	#tabs-full a.tabpage {
		float:left;
		display:block;
		background:url("img/content-tabs-right.png") no-repeat right top;
		padding:4px 15px 0 6px;
		text-decoration:none;
		color:#666;
	}

	#tabs a.tabpage,
	#tabs-full a.tabpage {float:none;}
	#tabs a:hover,
	#tabs-full a:hover {
	  	color:red
	}
	
	#tabs #current-tab,
	#tabs-full #current-tab {
	  	background-image:url("img/content-tabs-left-on.png");
		margin:1px 0;
	}
	
	#tabs #current-tab a.tabpage,
	#tabs-full #current-tab a.tabpage {
	  background-image:url("img/content-tabs-right-on.png");
	  color:#000;
	  font-size:1.2em;
	  }
*/	
	
/* 
--------------------------------------------------------------------------------------

5.2	SITEMAP	
--------------------------------------------------------------------------------------
*/

.sitemap {
	float:left;
	margin:0;
	padding:0;
}


	.sitemap .gutter ul li a	{
		background:url(img/sitemap.gif)  no-repeat left bottom;
		color:#333;
		display:block;
		line-height:130%;
		height:1.4em;
		overflow:hidden;
		padding:0.2em 0 0.2em 19px;
		text-decoration:none;
		font-weight:bold;
	}

	.sitemap .gutter ul li a:hover {
		color:red;
		background:url(img/sitemap.gif)  no-repeat -250px bottom
	}

	.sitemap .gutter ul li ul li a {
		background:url(img/sitemap-sub.gif) no-repeat left bottom;
		padding-left:26px;
		font-weight:normal;
	}

	.sitemap .gutter ul li ul li a:hover {
		color:red;
		background:url(img/sitemap-sub.gif)  no-repeat -250px bottom
	}

	.sitemap .gutter ul li ul li ul li a {
		background:url(img/sitemap-sub-sub.gif) no-repeat left bottom;
		padding-left:30px;
		font-weight:normal;
	}

	.sitemap .gutter ul li ul li ul li a:hover {
		color:red;
		background:url(img/sitemap-sub-sub.gif)  no-repeat -250px bottom;
	}

	.sitemap .gutter ul li ul li ul li ul li a {
		background:url(img/sitemap-sub-sub-sub.gif) no-repeat left bottom;
		margin:0;
		padding:0;
		padding-left:34px;
		font-weight:normal;
	}

	.sitemap .gutter ul,
	.sitemap .gutter ul li ul,
	.sitemap .gutter ul li ul li ul,
	.sitemap .gutter ul li ul li ul li ul,
	.sitemap .gutter ul li,
	.sitemap .gutter ul li ul li,
	.sitemap .gutter ul li ul li ul li,
	.sitemap .gutter ul li ul li ul li ul li {
		list-style-type:none;
		list-style-position:outside;
		margin:0;
		padding:0;
	}

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

6.0	VARIOUS CLASSES	 -	Clearing DIV's
--------------------------------------------------------------------------------------
*/

	.clear {
		clear:both;
	}

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

6.1	VARIOUS CLASSES	 -	Floats & Aligns
--------------------------------------------------------------------------------------
*/

	.left {float:left}
	.right {float:right}
	.center {}

	.left-space {float:left;margin:0 1em;}
	.right-space {float:right;margin:0 1em;}

	.bottom-space {margin-bottom:1em;}
	.bottom-top {margin-top:1em;}

	.left-text {text-align:left}
	.right-text {text-align:right}
	.center-text {text-align:center}
	
	.img-right {float:right;margin:1em 0 1em 1em;}
	.img-left {float:left;margin:1em 1em 1em 0;}

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

6.2	VARIOUS CLASSES	 -	Linklists, Buttons
--------------------------------------------------------------------------------------
*/


	.linklist a,
	.linklist a:visited {
		background:none;
	}
	
	.linklist li {
		background: transparent url(img/global-dotted-line.gif) repeat-x left bottom;
		list-style-type: none;
		margin:0;
		padding:0
	}

	.linklist li a,
	.linklist li a:visited	{
		background: transparent url(img/global-ahref-arrow.png) no-repeat right 5px;
		color: #333;
		display: block;
		margin:0;
		/* VOP - removed: width:100%; */
		padding: 3px 0 3px 0
	}

	.linklist li a:hover {
		background:transparent url(img/global-ahref-arrow-active.png) no-repeat right 5px;
		color:red
	}

	a.btn-large-red,
	a.btn-large-red:visited,
	input.btn-large-red,
	input.btn-large-red:visited
	{
		background:transparent url(img/global-buttons.gif) no-repeat 0 -19px;
		border:0;
		height:14px;
		width:192px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px
	}
	
	a.btn-large-red:hover,
	input.btn-large-red:hover
	{
		background:transparent url(img/global-buttons.gif) no-repeat 0 -57px;
		color:#fff
	}
	
	a.btn-large-gray,
	a.btn-large-gray:visited,
	input.btn-large-gray,
	input.btn-large-gray:visited
	{
		background:transparent url(img/global-buttons.gif) no-repeat 0 0;
		border:0;
		height:14px;
		width:192px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px
	}
	
	a.btn-large-gray:hover,
	input.btn-large-gray:hover
	{
	background:transparent url(img/global-buttons.gif) no-repeat 0 -38px;
	color:#fff;
	}
	
	a.btn-medium-red,
	a.btn-medium-red:visited,
	input.btn-medium-red,
	input.btn-medium-red:visited,
	.cform fieldset .right input, /* VOP */
	.cform fieldset .right a /* VOP */
	{
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -19px;
		border:0;
		height:14px;
		width:150px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px
	}
	
	a.btn-medium-red:hover,
	input.btn-medium-red:hover,
	.cform fieldset .right input:hover, /* VOP */
	.cform fieldset .right a:hover /* VOP */
	{
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -57px;
		color:#fff;
	}
	
	a.btn-medium-gray,
	a.btn-medium-gray:visited,
	input.btn-medium-gray,
	input.btn-medium-gray:visited,
	.cform fieldset .left input, /* VOP */
	.cform fieldset .left a /* VOP */
	{
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 0;
		border:0;
		height:14px;
		width:150px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px;
		text-indent: 12px
	}
	
	a.btn-medium-gray:hover,
	input.btn-medium-gray:hover,
	.cform fieldset .left input:hover, /* VOP */
	.cform fieldset .left a:hover /* VOP */
	{
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -38px;
		color:#fff
	}

	a.btn-small-red,
	a.btn-small-red:visited,
	input.btn-small-red,
	input.btn-small-red:visited {
		background:transparent url(img/global-buttons.gif) no-repeat -207px -19px;
		border:0;
		height:14px;
		width:83px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px;
		margin-left: 0px;
		cursor: pointer
	}

	a.btn-small-red:hover,
	input.btn-small-red:hover {
		background:transparent url(img/global-buttons.gif) no-repeat -207px -57px;
		color:#fff;
		margin-left: 0px;
		cursor: pointer
	}

	a.btn-small-gray,
	a.btn-small-gray:visited,
	input.btn-small-gray,
	input.btn-small-gray:visited
	{
		background:transparent url(img/global-buttons.gif) no-repeat -207px 0;
		border:0;
		height:14px;
		width:83px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin:10px 0 10px 0
	}
	
	a.btn-small-gray:hover,
	input.btn-small-gray:hover
	{
		background:transparent url(img/global-buttons.gif) no-repeat -207px -38px;
		color:#fff;
	}
	
	input.btn-print,
	input.btn-print:visited {
		background:transparent url(/wg20/css/img/global-buttons.gif) no-repeat -207px -19px;
		border:0;
		height:19px;
		width:110px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-align: left;
		text-decoration:none;
		margin-top:10px
	}
	
	/*
	
	 reversed version 
	-------------------------------------------------------------------------------------
	*/
	
	a.btn-large-red-reversed,
	a.btn-large-red-reversed:visited,
	input.btn-large-red-reversed,
	input.btn-large-red-reversed:visited
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat 0 -19px;
		border:0;
		height:14px;
		width:192px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 20px;
		text-decoration:none;
		margin-top:10px
	}

	a.btn-large-red-reversed:hover,
	input.btn-large-red-reversed:hover
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat 0 -57px;
		color:#fff;
	}
	
	a.btn-large-gray-reversed,
	a.btn-large-gray-reversed:visited,
	input.btn-large-gray-reversed,
	input.btn-large-gray-reversed:visited
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat 0 0;
		border:0;
		height:14px;
		width:192px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px;
		text-indent: 12px
}

	a.btn-large-gray-reversed:hover,
	input.btn-large-gray-reversed:hover
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat 0 -38px;
		color:#fff;
	}
	
	a.btn-medium-red-reversed,
	a.btn-medium-red-reversed:visited,
	input.btn-medium-red-reversed,
	input.btn-medium-red-reversed:visited
	{
		background:transparent url(img/global-buttons-medium-reversed.gif) no-repeat 0 -19px;
		border:0;
		height:14px;
		width:150px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 20px;
		text-decoration:none;
		margin-top:10px;

	}
	
	a.btn-medium-red-reversed:hover,
	input.btn-medium-red-reversed:hover
	{
		background:transparent url(img/global-buttons-medium-reversed.gif) no-repeat 0 -57px;
		color:#fff;
	}
	
	a.btn-medium-gray-reversed,
	a.btn-medium-gray-reversed:visited,
	input.btn-medium-gray-reversed,
	input.btn-medium-gray-reversed:visited
	{
		background:transparent url(img/global-buttons-medium-reversed.gif) no-repeat 0 0;
		border:0;
		height:14px;
		width:150px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin-top:10px;
		text-indent: 12px;
	}
	
	a.btn-medium-gray-reversed:hover,
	input.btn-medium-gray-reversed:hover
	{
		background:transparent url(img/global-buttons-medium-reversed.gif) no-repeat 0 -38px;
		color:#fff;
	}
	
	a.btn-small-red-reversed,
	a.btn-small-red-reversed:visited,
	input.btn-small-red-reversed,
	input.btn-small-red-reversed:visited
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat -207px -19px;
		border:0;
		height:14px;
		width:83px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 20px;
		text-decoration:none;
		margin-top:10px;
		
		text-align: right;
	}
	
	a.btn-small-red-reversed:hover,
	input.btn-small-red-reversed:hover
	{
	background:transparent url(img/global-buttons-reversed.gif) no-repeat -207px -57px;
	color:#fff;
	}
	
	a.btn-small-gray-reversed,
	a.btn-small-gray-reversed:visited,
	input.btn-small-gray-reversed,
	input.btn-small-gray-reversed:visited
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat -207px 0;
		border:0;
		height:14px;
		width:83px;
		overflow:hidden;
		color:#fff;
		display:block;
		font-weight:700;
		font-size:1em;
		padding:2px 5px 3px 10px;
		text-decoration:none;
		margin:10px 0 10px 0;
		text-indent: 12px;
	}
	
	a.btn-small-gray-reversed:hover,
	a.btn-small-gray-reversed:hover
	{
		background:transparent url(img/global-buttons-reversed.gif) no-repeat -207px -38px;
		color:#fff;
	}
	
	a.help {
		padding-left: 5px;
		border-left: 1px solid #000000;
		text-decoration: underline;
	}
	
	input.submit {
		text-align: left;
		height: 19px;
		cursor: pointer;
	}
	
	/* end reversed version 
	-------------------------------------------------------------------------------------
	*/
		
	span.outstanding {color:red; font-size:1.3em;}
	
	/* Vodafone Live Special */
		
	#content div.block-1-col-live-special ul.linklist li a {
		color: white;
	}

	#content div.block-1-col-live-special ul.linklist li a:hover {
		color: red;
	}


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

	7	FAQ's
	--------------------------------------------------------------------------------------
*/
	
	/*  "Show All" + "Hide All" links */

	#FAQ_ToggleON,
	#FAQ_ToggleOFF {
		padding:0 5px;
		margin-right:5px
		}
	
	/* zeroing out padding and margin */

	#FAQ_DL dd,
	#FAQ_DL dt {
		margin:0;padding:0
		} 
	
	/* margin for the DTs (shorthand) */

	#FAQ_DL dt {
		margin:1em 0;
		}
	
	/* image and left padding for DDs */

	#FAQ_DL dd {
		padding:13px; 
		background:#fcfcff;
		margin:13px;
		}
	
	/* styling all anchors in the DTs */

	#FAQ_DL dt a {
		background:0 50% no-repeat;
		padding-left:32px;
		color:#000;
		text-decoration:none
		}
		
	#FAQ_DL dt a span {
		background:transparent url(img/global-dotted-line.gif) repeat-x left bottom;
		color:#000;
		padding-bottom:2px;
		text-decoration:none
	}
	
	#FAQ_DL dt a:visited {
		color:#666
		}

	#FAQ_DL dt a:visited:hover,
	#FAQ_DL dt a:hover,
	#FAQ_DL dt a:active,
	#FAQ_DL dt a:focus {
		color:red;
		}
	
	/* the + and - gif in the anchors */
	#FAQ_DL .DTplus a {
		background-image:url(img/global-faq-toggle-plus.gif);
		padding-top:5px;
		background-position: 0 0;			
		}

	#FAQ_DL .DTminus a {
		background-image:url(img/global-faq-toggle-minus.gif);
		font-weight:bold;
		padding-top:5px;
		background-position: 0 0;
		}

	#FAQ_DL .showDD {
		position:relative;top:0
		}
		
	#FAQ_DL dd,.hideDD{
		top:-9999px;
		position:absolute
		}
		
	#FAQ_ToggleON,
	#FAQ_ToggleOFF {
		display:inline;
		cursor:pointer;
		}
		

	/* 
		--------------------------------------------------------------------------------------
			8	TEMP. Used to render my vodafone welcome portlet  
		--------------------------------------------------------------------------------------
	*/
		div.pbar 
		{
    		border: 1px solid #ccc; 
     		width: 100%; 
     		margin: 2px 5px 2px 0; 
     		padding: 1px; 
     		float: left; 
     		background: white;
		}

		div.pbar > div 
		{
     		background-color: #ACE97C; 
     		height: 12px
		}

	div.errorlabel {
    	color: red;
    	width: 450px;
    }
    
    /*
   --------------------------------------------------------------------------------------
			EShop style 
   -------------------------------------------------------------------------------------- 
    */
    #eshop input.btn-large-red {
		background:transparent url(img/global-buttons.gif) no-repeat 0 -19px;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:207px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
	}
	
	#eshop input.btn-large-red:hover {
		background:transparent url(img/global-buttons.gif) no-repeat 0 -57px;
		color:#fff;
	}

	#eshop input.btn-large-gray {
		background:transparent url(img/global-buttons.gif) no-repeat 0 0;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:207px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
	}
	
	#eshop input.btn-large-gray:hover {
		background:transparent url(img/global-buttons.gif) no-repeat 0 -38px;
		color:#fff;
	}
	
	#eshop input.btn-medium-red {
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -19px;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:150px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
		line-height:normal;
		-moz-box-align: center;
	}
	
	#eshop input.btn-medium-red:hover {
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -57px;
		color:#fff;
	}
	
	#eshop input.btn-medium-gray {
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 0;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:150px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
	}
	
	#eshop input.btn-medium-gray:hover {
		background:transparent url(img/global-buttons-medium.gif) no-repeat 0 -38px;
		color:#fff;
	}
	
	#eshop input.btn-small-red {
		background:transparent url(img/global-buttons.gif) no-repeat -207px -19px;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:100px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
		line-height:normal;
	}
	
	#eshop input.btn-small-red:hover {
		background:transparent url(img/global-buttons.gif) no-repeat -207px -57px;
		color:#fff;
	}
	
	#eshop input.btn-small-gray {
		background:transparent url(img/global-buttons.gif) no-repeat -207px 0;
		font:62.5% verdana, arial, helvetica, sans-serif;
		border:0;
		height:19px;
		width:100px;
		overflow:hidden;
		color:#fff;
		text-align: left;
		font-weight:700;
		font-size: 10px;
		margin:10px 0 0 0;
		padding: 0 0 0 7px;
		text-decoration:none;
		line-height: 1em;
	}
	
	#eshop input.btn-small-gray:hover {
		background:transparent url(img/global-buttons.gif) no-repeat -207px -38px;
		color:#fff;
	}
	
	.mylogin_error {
		color: #FF0000;
	}
    
	/*
	-------------------------------------------------------------
	Selfprovisioning + Rekeningbeheer specific styles
	-------------------------------------------------------------
	*/
	
	/*#content,*/
	#content .block-1-sp-table td,  
	#content .block-1-sp-table th,
	#content .block-1-sp-table-aanm th,
	#content .block-1-sp-table-aanm td {
		font-size:11px; 
		font-family:verdana, arial, helvetica, sans-serif;
	}

	.block-1-col-blue {
		width:665px;
		overflow:hidden;
		background:url('img/blue-back.gif');
		color:#003366;
		margin-left:4px;
		font-size: 12px; /* of font-size:1.1em;*/
	}
	
	.line {
		background: #fff url('img/global-dotted-line.gif') repeat-x 0px 1px; 
		height:3px; width:100%;
		overflow:hidden;
	}
	
	#content div.block-1-col-blue .gutter{
		padding:15px;
	}
	
	#content div.block-1-col-blue .gutter .info {
		padding-left:26px;
		background:url('img/blue-infomark.gif') no-repeat;
	}

	/*-------------------------*/
	#content .block-1-sp-table,
	#TB_window .block-1-sp-table
	{
		padding:0;
		margin:13px 0px 0px 4px;
		width:665px;
		background:transparent url('img/sp_table.gif') no-repeat;
	}

	#content .block-1-sp-table table{
		border-style: none;
		padding:0px; 
		margin:0px;
	}

	#content .qqblock-1-sp-table {
		padding:0;
		margin:13px 0px 0px 4px;
			background:transparent url('img/sp_table.gif') repeat-y;	
	}
	
	#content .block-1-sp-table-bottom,
	#TB_window .block-1-sp-table-bottom
	{
		width: 665px;
		height: 8px;
		margin: 0px 0px 0px 4px;
		background:url('img/sp_table_bottom.gif') no-repeat;
	}
	
	#content .qqblock-1-sp-table table{
		border-collapse:collapse;
		border:0px; 
		padding:0px; 
		margin:0px 1px;
		width:663px;
		background:none;
	}
	
	#content .block-1-sp-table th{
		color:#689acf;
		text-align:left;
	} 
		
	#content .block-1-sp-table table td.col1,
	#content .block-1-sp-table table th.col1
	{
		background:url('img/global-dotted-line.gif') repeat-x top right; 
		width:294px;
		padding:10px 5px 8px 15px; 
		margin:0; 
		border-right:solid 1px #eee;
		border-top:none;
		border-bottom:none;
		border-left:none;
		vertical-align: top;
	}

	#content .block-1-sp-table table td.col2,
	#content .block-1-sp-table table th.col2
	{
		background:url('img/global-dotted-line.gif') repeat-x top right; 
		padding:10px 5px 8px 15px; 
		margin:0; 
		border-right:solid 1px #eee;
		border-top:none;
		border-bottom:none;
		border-left:none;
		vertical-align: top;
	}
	
	#content div.block-1-sp-table .tabelhead {
			padding: 10px 15px 0 15px; 
	}

	#content div.block-1-sp-table .tabelhead .sifr-header-block-1-slot {
		margin-top:-1px;
		width:300px; 
		overflow:hidden;
	}

	#content .block-1-sp-table a.linkright {
		float:right; font-weight:bold;margin-right:10px;margin-top:0px;
	}

	#content .block-1-sp-table a.linkright,
	a.linkright:active,
	a.linkright:visited {
		color:#000;
	}

	#content .block-1-sp-table a.linkright:hover {
		color: #ff0000;
	}

	#content .block-1-sp-table tr th,
	#content .block-1-sp-table .amount {
		color:#689acf;
	}

	#content .block-1-sp-table tr.lastrow td {
		height:15px;padding:0;
	}

	#content .block-1-sp-table tr.lastrow .col1 {
		background:url('img/sp_table_bottom.gif') no-repeat bottom left;
	}

	#content .block-1-sp-table tr.lastrow .col2 {
		background:url('img/sp_table_bottom_center.gif') repeat-x bottom left;
	}

	#content .block-1-sp-table tr.lastrow .col_last {
		background:url('img/sp_table_bottom.gif') no-repeat bottom right;
	}

	#content .block-1-sp-table ul {
		list-style-position: inside;
	}
	
	#content .block-1-sp-table li {
		font-size:1em;
		margin-left:0;
	}
	
	#content .block-1-sp-table tr.nodiv td.col1,
	#content .block-1-sp-table tr.nodiv td.col2,
	#content .block-1-sp-table tr.nodiv td.col_last
	{
		background:none;
		padding-top:0;
	}
	
	#content .block-1-sp-table div.list {
		margin: 0 0 0 1.2em;
	}
	
	/* Style and adjustment for addition of Chatbox */
	#content .chat-box-side {
		width: 425px;
		float: left;
		clear: none;
	}
	#content .chat-box-side .block-1-sp-table,
	#content .chat-box-side .block-1-sp-table-bottom
	{
		width: 425px;
	}
	#content .chat-box-side .block-1-sp-table {
		background: transparent url('img/sp_table_425.gif') no-repeat;
	}
	#content .chat-box-side .block-1-sp-table-bottom {
		background: transparent url('img/sp_table_bottom_425.gif') no-repeat;
	}
	/* #content */ .chat-box-side .message_block_container .message p.title {
		line-height: 1.2em;
		width: 320px;
	}
	#content .chat-box {
		width: 230px;
		float: left;
		clear: none;
		margin-left: 10px;
	}
	#content .chat-box .block-1-sp-table,
	#content .chat-box .block-1-sp-table-bottom
	{
		width: 230px;
	}				
	#content .chat-box .block-1-sp-table {
		background: transparent url('img/sp_table_230.gif') no-repeat;
	}
	#content .chat-box .block-1-sp-table-bottom {
		background: transparent url('img/sp_table_bottom_230.gif') no-repeat;
	}
	/*#content*/ .chat-box-side .message_block_container .message {
		 width: auto;
	}
	/* End of 'Style and adjustment for addition of Chatbox' */
	
	img.bloxx {
		vertical-align: top;
		margin-right: 10px;
		float: left;
	}
	
	.noline img {
		padding-left: 10px;
		vertical-align: top;
	}
	
	.halfcol {
		width:230px;
	}

	.balk {
		float: left;
		border: 1px solid #999999;
		background-repeat: repeat;
		width: 145px;
		height: 13px;
		margin-right: 10px;
		margin-bottom: 5px;
		margin-top: 3px;
	}
	
	.aanbalk {
		border-right: 1px solid #999999;
		background-image: url('../../css/img/balk_aan-blue.gif');
		background-repeat: repeat;
		height: 13px;
	}

	/* BLOCK - TOOLTIP =-- SELFPROVISIONING */
	.toolTipElement {
		cursor: help;
		padding:0 5px 0 5px; vertical-align:top;
	}

	.leftside {
		padding:0 5px 0 0px;
	}
	
	.tool-tip {
		width: 140px;
		z-index: 13000;
	}
	 
	.tool-title {
		font-weight: bold;
		font-size: 1em;
		margin: 0;
		padding: 8px 8px 4px;
		background:url('img/tooltip.gif') 0 0 no-repeat;
	}
 
	.tool-text {
		font-size: 1em;
		padding: 4px 8px 8px;
		background:url('img/tooltip.gif') 0 100% no-repeat;	
	}

	#content .block-sp-passport{
		width: 341px;
	}

	/* 0618
	#content .bloxx-table tr.bloxx-active td div.bloxx-on{
		background-image: url('/img/selfprovisioning/green-back.gif');
	}
	*/
	
	.block-1-col-sp-preloader {
		width:665px;
		height: 150px;
		overflow:hidden;
		background:url('img/preloader-back.gif') no-repeat;
		margin-left:4px;
	}

	.block-1-col-sp-preloader .preloader {
		margin: 40px 140px 0px 140px;
	}

	.block-1-col-sp-preloader .preloader-swf {
		width: 51px;
		height: 75px;
		margin-right: 30px;
		float: left;
	}

	.block-1-col-sp-preloader-txt {
		width: auto;
		height: 110px;
		padding-left: 80px;
	}

	.block-1-col-preloader .text {
		margin: 40px 100px 0px 0px;
		width: 330px;
	}

	.block-1-col-red {
		width:665px;
		overflow:hidden;
		background:url('img/red-back.gif');
		color:#990000;
		margin-left:4px;
		font-size: 12px; /* of font-size:1.1em;*/
	}

	#content div.block-1-col-red .gutter .alert {
		padding-left:26px;
		background:url('img/red-alert.gif') no-repeat;
	}

	.block-1-col-green {
		width:665px;
		overflow:hidden;
		background:url('img/green-back.gif');
		color:#003300;
		margin-left:4px;
		font-size: 12px; /* of font-size:1.1em;*/
	}

	#content div.block-1-col-green .gutter .speech {
		padding-left:26px;
		background:url('img/speech.gif') no-repeat;
	}

	.block-1-col-orange {
		width:665px;
		overflow:hidden;
		background:url('img/orange-back.gif');
		color:#663300;
		margin-left:4px;
		font-size: 12px; /* of font-size:1.1em;*/
	}

	#content div.block-1-col-orange .gutter .warning {
		padding-left:26px;
		background:url('img/orange-warning.gif') no-repeat;
	}

	.linklist-col {
		width:140px;
	}

	.linklist-col-wide {
		width: 200px;
	}

	.linklist-col-extrawide {
		width: 250px;
	}
		
	.linklist-col li a,
	.linklist-col-wide li a
	{
		font-size: 11px; /* of font-size:1em;*/
	}
	
	#content input.btn-small-grey-reversed,
	#content input.btn-big-red
	{
		cursor: pointer;
		overflow:hidden;
		color:#fff;
		font:62.5% verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		height:19px;
		border:0;
		font-weight: 700;
		text-decoration:none;
	}
	
	#content input.btn-small-gray-reversed-hover, 
	#content input.btn-small-gray-reversed:hover, 
	#content input.btn-small-gray-reversed
	{ 
		margin:10px 0pt 0pt;
		padding:0pt 7px 2px 0pt;
		text-align:right;
		width:100px;
	}
		
	/*#content input.btn-small-gray-reversed {
		border:0pt none;
		color:#FFFFFF;
		cursor:pointer;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:10px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:700;
		height:19px;
		line-height:10px;
		vertical-align: top;
		overflow:hidden;
		text-decoration:none;
	}*/

	
	#content input.btn-large-red,
	#grid input.btn-large-red {
		background:transparent url('/img/selfprovisioning/global-buttons.gif') no-repeat scroll 0px -19px;
	}
		
	#content input.btn-large-red-reversed, #content input.btn-large-red:hover {
		background:transparent url('/img/selfprovisioning/global-buttons.gif') no-repeat scroll 0px -57px;
	}
	
	
	#content input.btn-small-gray-reversed {
		background:transparent url('/img/selfprovisioning/mb_global-buttons-reversed.gif') no-repeat scroll -207px -0px;
	}
		
	#content input.btn-small-gray-reversed-hover, #content input.btn-small-gray-reversed:hover {
		background:transparent url('/img/selfprovisioning/mb_global-buttons-reversed.gif') no-repeat scroll -207px -38px;
	}
		
	#content p.small {
		font-size: 1em;
	}

	#content ul.small li {
		font-size: 1em;
	}

	#content .block-1-sp-table-aanm {
		padding:0;
		margin:0px 0px 0px 4px;
		background:transparent url('img/sp_table.gif') repeat-y;	
	}
	
	#content div.block-1-sp-table-aanm .tabelhead {
		padding: 10px 15px 0 15px; 
		height: 34px;
	}

	#content div.block-1-sp-table-aanm .tabelhead .sifr-header-block-1-slot {
		margin-top:0px;
		width:300px; 
		overflow:hidden;
	}

	#content .block-1-sp-table-aanm table{
		border-style: none;
		padding:0px; 
		margin:1px;
		width:663px;
		background:none;
	}

	#content .block-1-sp-table-aanm th{
		color:#689acf;
		text-align:left;
	}

	#content .block-1-sp-table-aanm table td {
		vertical-align: top;
	}
	
	#content .block-1-sp-table-aanm table th.title {
		border-right:solid 1px #eee;
	}

	#content .block-1-sp-table-aanm table td.col1,
	#content .block-1-sp-table-aanm table th.col1
	{
		width:100px;
		padding: 15px 0px 15px 15px; 
		margin:0; 
		border:none;
	}

	#content .block-1-sp-table-aanm table td.col1b,
	#content .block-1-sp-table-aanm table th.col1b
	{
		width:248px;
		padding: 10px 0px 10px 10px; 
		margin:0; 
		border-right:solid 1px #eee;
		border-top:none;
		border-bottom:none;
		border-left:none;
	}

	#content .block-1-sp-table-aanm table td.col2,
	#content .block-1-sp-table-aanm table th.col2
	{
		width:170px;
		padding: 10px 0px 10px 10px;
		margin:0; 
		border-right:solid 1px #eee;
		border-top:none;
		border-bottom:none;
		border-left:none;
	}

	#content .block-1-sp-table-aanm table td.col_last,
	#content .block-1-sp-table-aanm table th.col_last
	{
		width:146px;
		padding: 10px 0px 10px 10px;
		margin:0; 
		border:none;
	}
	
	#content .block-1-sp-table-aanm td.col1
	{
		padding:10px; 
		margin:4px 0 4px 4px;
	}

	#content .block-1-sp-table-aanm td.col1b
	{
		padding:10px; 
		margin:4px 0 4px 0;
	}
	
	#content .block-1-sp-table-aanm td.col2
	{
		padding:10px; 
		margin:4px 0 4px 0;
	}

	#content .block-1-sp-table-aanm td.col_last
	{
		padding:10px; 
		margin:4px 4px 4px 0; 
	}

	#content .block-1-sp-table-aanm  tr.bloxx-active td.col1 {
		background-image: url('img/blox-active-back.gif');
	}

	#content .block-1-sp-table-aanm  tr.bloxx-active td.col1b {
		background-image: url('img/blox-active-back-3px.gif');
	}

	#content .block-1-sp-table-aanm  tr.bloxx-active td.col2 {
		background-image: url('img/blox-active-back-3px.gif');
	}

	#content .block-1-sp-table-aanm  tr.bloxx-active td.col_last {
		background: url('img/blox-active-back.gif') no-repeat -521px 0px;
	}

	#content .block-1-sp-table-aanm tr th,
	#content .block-1-sp-table-aanm .amount
	{
		color:#689acf;
	}

	#content .block-1-sp-table-aanm ul {
		list-style-position: inside;
	}
	
	#content .block-1-sp-table-aanm li { 
		font-size: 1em;
		margin-left: 0;
	}

	#content .block-1-sp-table-aanm div.list {
		margin:0 0 0 1.2em;
	}
	
	#content .block-1-sp-table-aanm table td.line-full-dotted,
	#content .block-1-sp-table-aanm table td.line-split-dotted, 
	#content .block-1-sp-table-aanm table td.line-full-solid
	{
		padding:  0px;
		margin: 0px;
		border: none;
		height: 9px;
	}

	#content .block-1-sp-table-aanm table td.line-full-dotted div.line {
		width: 655px;
		height: 1px;
		margin: 4px 0px;
		background: url('img/global-dotted-line.gif') repeat-x; 
	}

	#content .block-1-sp-table-aanm table td.line-split-dotted div.line {
		width: 655px;
		height: 1px;
		margin: 4px 0px;
		background: url('img/global-dotted-line.gif') repeat-x; 
	}

	#content .block-1-sp-table-aanm table td.line-full-solid div.line {
		width: 655px;
		height: 1px;
		margin: 4px 0px;
		background: url('img/global-line.gif') repeat-x; 
	}

	#content .block-1-sp-table-aanm table td.price_info {
		padding: 10px 0px 5px 10px;
		border: none;
	}
	
	#content .block-1-sp-table-aanm td div.aanuit {
		margin-top:10px;
	}
	
	#content .block-1-sp-table-aanm td a.linkright {
		font-weight: bold;
		margin-right: 10px;
		margin-top: 0px;
	}
	
	#content .block-1-sp-table-aanm td input.linkright {
		font-weight: bold;
		margin-right: 10px;
		margin-top:0px;
		border-style: none;
		background: transparent;
	}
	
	#content .block-1-sp-table-aanm a.linkright,a.linkright:active,a.linkright:visited {
		color: #000;
	}
	
	#content .block-1-sp-table-aanm a.linkright:hover {
		color:#ff0000;
	}
	
	#content .block-1-sp-table-aanm input.linkright:hover {
		color:#ff0000;
	}
	
	#content .block-1-sp-table-aanm .titleblock {
		float:left;
		padding: 5px 0 2px 10px;
		font-weight: normal;
		color: #666;
		overflow: hidden;
	}
	
	#content .block-1-sp-table-aanm .titleblock img {
		vertical-align: middle;
	}
	
	#content .block-1-sp-table-aanm tr.firstline th.col1b,
	#content .block-1-sp-table-aanm tr.firstline th.col2b,
	#content .block-1-sp-table-aanm tr.firstline th.col3b
	{
		padding:6px 0 6px 12px;
		border-right:solid 1px #eee;
		border-top:none;
		border-bottom:none;
		border-left:none;
	}

	#content .sp-active {
		margin-top:10px;
		height: 17px;
		background: url('img/icon-active.gif') no-repeat;
		padding: 1px 0 10px 20px;
	}

	#content .sp-not-active {
		margin-top:10px;
		height: 17px;
		background: url('img/icon-not-active.gif') no-repeat;
		padding: 1px 0 0 20px;
	}
	
	#content .sp-not-jet-active {
		margin-top:10px;
		width: 145px;
		font-style: italic;
	}
	
	#content .block-1-sp-table-aanm  td.col1b .sifr-header-block-1-slot {
		margin-top: 5px;
	}
	
/* START OF ECARD STYLES */
	p.ecard_header,
	#TB_window p.ecard_header {
		font-weight: bold;
		padding: 5px 0 0 6px;
	}
	#ecard_thumbs {
		padding: 0px;
		margin: 0px;
	}
	#ecard_thumbs .ecard_thumbnail {
		width: 213px;
		background: #FFF url(img/ecard_thumb_shadow.gif) -3px 28px no-repeat;
		/* margin: 0 30px 0 0; */
		float: left;
		clear: none;
	}
	#ecard_thumbs .ecard_thumbnail label {
		padding: 0 0 0 5px;
	}
	#ecard_thumbs .ecard_thumbnail label.selected {
		font-weight: bold;
	}

	* html #ecard_thumbs .ecard_thumbnail,
	* html #TB_window #ecard_thumbs .ecard_thumbnail
	{
		background-position: -3px 33px;
	}
	#ecard_thumbs .ecard_thumbnail input {
		margin-left: 0px;
	}
	#ecard_thumbs .ecard_thumbnail img {
		width: 95px;
		height: 95px;
		margin: 10px 5px 5px 0;
		border-width: 0px;
	}
	#ecard_large {
		background: #FFF url(img/ecard_large_shadow.gif) 0 32px no-repeat;
		float: left;
		clear: none;
		margin: 0 10px 0 6px;
	}
	#TB_window #ecard_large {
		background-position: 0 26px;
	}
	* html #TB_window #ecard_large,
	* html #ecard_large
	{
		margin-left: 3px;
		background-position: 0 28px;
	}
	* html #TB_window #ecard_large,
	* html #ecard_large
	{
		margin-left: 3px;
		background-position: 0 27px;
	}
	#ecard_large p {
		font-weight: bold;
		padding: 2px 0 0 0;
	}
	#ecard_large img,
	#TB_window #ecard_large img
	{
		border-width: 0px;
		margin: 0px 5px 5px 0;
	}
	#ecard_form {
		float: left;
		clear: none;
		margin: 10px 10px 0px 40px;
	}
	#ecard_form label,
	#TB_window #ecard_form label {
		font-weight: bold;
		margin: 3px 0 20px 0;
	}
	* html #ecard_form label {
		margin: 3px 0 5px 0;
	}
	#ecard_form input,
	#TB_window #ecard_form input
	{
		position: relative;
		width: 250px;
		margin: 0px 0 10px 0;
	}
	* html #ecard_form input,
	* html #TB_window #ecard_form input {
		left: -40px;
	}
	#ecard_form textarea {
		margin-left: 0px;
		width: 250px;
	}
	* html #ecard_form textarea,
	* html #TB_window #ecard_form textarea {
		margin-left: -40px;
	}
 /* END OF ECARD STYLES */