/*

		Copyright 2006 - Vodafone Netherlands
		
		Print version 1.0 (Version k):
		
		Print version 1.0 (v. L)
		>> Print style optimisation. (15-5-2007)
		   - Page background set to white.
		   - Font color set to black.
		   - Pagebreaks set.
		   - Size of page header logo fixed.
		   - All background images removed.		
			
--------------------------------------------------------------------------------------

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
		
		6	VARIOUS CLASSES
			
			6.0	Clear Div's
			6.1 Floats & Aligns
			6.2 Linklists, Buttons
				
		7	FAQ's

--------------------------------------------------------------------------------------
	
	
	
	
	
--------------------------------------------------------------------------------------

1.0	GENERAL	 -	Typography, Generic Fixes
--------------------------------------------------------------------------------------
*/

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

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

a:hover
{
	color: red;
}

img
{
	border: 0;
}

form
{
	
}

select  {
	background: transparent; /*#fcfcfc url(img/header-search-field.png) 0 0 repeat-x; */
	border: 1px solid #d1d1d1;
	padding: 2px;
	margin: 2px 0;
	font-size: 1em;
} 

input  {
	background: transparent; /* #fcfcfc url(img/header-search-field.png) 0 0 repeat-x; */
	border: 1px solid #d1d1d1;
	padding: 2px;
	margin: 2px 0;
}

input.radio,
input.checkbox {
	border: none;
}

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

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

#container {
	margin: 0 auto;
	text-align: left;
}

#container p#lo	{
}

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

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

	#header { }

	#header ul#language,
	#header #segments,
	#header ul.header-links,
	#header ul#search
	{
		display: none;
	}

	.print-header-logo {
		display: inline;
		margin-left: 20px;
	}
	#header #logo {
		background: transparent;
	}

	#header #logo h1 a {                   /* IE 5/5.5 Hack. */
		letter-spacing: -1000em;           /* Hiding the text */
		font-size: 1pt;                    /* This is for opera that doesn't suport negative letterspacing */
		color: #FFFFFF;                    /* Making a 1px font white on a, well, uhm, white background makes the text disappear */
		margin-left: 20px;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}
	
	#head {
		width: 100%;
	}

	#head h2 {
		font-size: 24px;
		margin: 10px 15px;
		border-bottom: 1px solid #444;
		width: 100%;
		font-weight: normal;
			
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}

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

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

	#content {
		float: left;
		visibility: visible;
		width: 100%;
		overflow: hidden;
	}

	#content p a,
	#content p a:link,
	#content p a:active
	{
		background: transparent;
		border-bottom: 1px solid #666;
		color: #000;
		text-decoration: none;
		padding-bottom: 1px;
	}
	
	#content p a:visited {
		background: transparent;
		border-bottom: 1px solid #666;
		color: #99aabb;
		text-decoration: none;
		padding-bottom: 1px;
	}

	#content p a:hover {
		color:red;
		border-bottom: 1px solid #666;
	}

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

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

	#content h4,
	#content h3 {
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid #aaa;
	}
		
	#content h5 {
		font-size: 16px;
		margin: 13px 0;
		font-weight: bold;
	}
		
	#content h6 {
		font-size: 14px;
		margin: 13px 0;
		font-weight: bold;
	}
		
	#content img {
		border: none;
	}

	#content p {
		font-size: 1.1em;
		line-height: 150%;
		margin: 13px 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 ul, ol {
		font-size: 1.1em;
	}
					
	#content strong, b {
		font-weight: bold;
	}

	#content div.main-promo ol, 
	#content div.main-promo ul, 
	#content div.main-promo ul li {
		font-size: 1.1em;
		line-height: 150%;
		margin: 3px 0 2px 0;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}		

	#content div.block-small-bottom-teaser ul,
	#content div.block-small-bottom-right ul,
	#content div.block-small-bottom-left ul {
		margin: 10px 0 10px 0;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	#content div.block-small-bottom-teaser input,
	#content div.block-small-bottom-right input,
	#content div.block-small-bottom-left input, 
	#content div.block-small-bottom-left-dealer input, 
	#content div.block-small-top input,
	#content div.block-small-top-red input,
	#content div.block-small-top-yellow input,
	#content div.block-small-bottom-teaser select,
	#content div.block-small-bottom-right select,
	#content div.block-small-bottom-left select,
	#content div.block-small-top select  {	
		color: #666;
		font-size: 1.1em;
		width: 95%;
		padding: 2px;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}
	
	#content div.block-small-bottom-teaser input.other,
	#content div.block-small-bottom-right input.other,
	#content div.block-small-bottom-left input.other, 
	#content div.block-small-bottom-left-dealer input.other,
	#content div.block-small-top input.other,
	#content div.block-small-top-red input.other,
	#content div.block-small-top-yellow input.other,
	#content div.block-small-bottom-left input.other,
	#content div.block-dealer input.other {
		width: auto;
		width: 1em;
		margin :0 5px 0 0;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	tr td {
		font-size: 1em;
	}
	
	#header ul#search li input.search-field {
		/* Superfluous code as #header is hidden.
		font-size:1em;
		font-weight: bold; */
	}

	#header ul#search li input.search-button {
		/* Superfluous code as #header is hidden.
		font-size:1em; */
	}
	
/* 
--------------------------------------------------------------------------------------

3.1.1	CONTENT	 -	Exceptions
--------------------------------------------------------------------------------------
*/	
	.content-block-copy .gutter ul,
	.content-block-copy .gutter ol {
		margin: 5px 0 5px 20px;
		line-height: 160%;
	}	

	.content-block-copy .gutter ul.content-linklist {
		margin: 0;
		padding: 0;
	}	
	
	.content-block-copy .gutter .content-linklist a,
	.content-block-copy .gutter .content-linklist a visited {
		background: none;
	}

	.content-block-copy .gutter .content-linklist li {
		background: transparent; /* url(img/global-dotted-line.gif) repeat-x left bottom; */
		list-style-type: none;
		padding: 2px 0 1px 0;
	}

	.content-block-copy .gutter .content-linklist li a,
	.content-block-copy .gutter .content-linklist li a:visited {
		background: transparent; /* url(img/global-ahref-arrow.png) no-repeat right 3px; */
		color: #333;
		display: block;
		padding: 2px 10px 2px 0;
		margin: 0;
	}

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

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

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

	#content div.block-main-promo {
		background: transparent; /* url(img/content-main-promo.png) 0 0 no-repeat; */
		width: 66%;
		overflow: hidden;
		float: left;
		margin: 0 0 5px 0;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	#content div.block-full-3col {
		background: transparent; /* url(img/content-block-full-3col.png) 0 0 no-repeat; */
		overflow: hidden;
		float: left;
	}
		
	#content div.block-full-feature {
		background: transparent; /* url(img/content-block-full-feature.png) 0 0 no-repeat;*/
		overflow: hidden;
		float: left;
	}
	
	#content div.block-full-feature #float-right {
		float: right;
		width: 33%;
		margin: -30px 0 0 0px
	}
		
	#content div.block-full-feature #float-right .block {
		background: #FFFFFF; /* url(img/index-full-feature-block.png) 1px 0 no-repeat; */
	}
			
	#content div.block-full-feature #float-left {
		float: left;
		width: 66%;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}	
		
	#content div.block-small-top {
		background: transparent; /* url(img/content-block-small.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 0 5px 2px;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}
	
	#content div.block-small-top-yellow {
		background: transparent; /* url(img/content-block-small-yellow.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 0 5px 2px;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	#content div.block-small-top-red {
		background: transparent; /* url(img/content-block-small-red.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 0 5px 2px;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}
			
	#content div.block-small-bottom-left {
		background: transparent; /* url(img/content-block-small.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 3px 0 0;
		
		page-break-after: auto;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	#content div.block-small-bottom-left-dealer {
		background: transparent; /* url(img/content-block-small-dealer.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 3px 0 0;
		
		page-break-after: auto;
		page-break-before: avoid;
		page-break-inside: avoid;
	}		
	
	#content div.block-small-bottom-right {
		background: transparent; /* url(img/content-block-small.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 2px 0 0;
		
		page-break-after: auto;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	#content div.block-small-bottom-teaser {
		background: transparent; /* url(img/content-block-small.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		
		page-break-after: auto;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	#content div.block-small {
		background: transparent; /* url(img/content-block-small.png) 0 0 no-repeat; */
		width: 33%;
		overflow: hidden;
		float: left;
		margin: 0 0 5px 2px;
		
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}
	
			
	#content div.block-wide {
		background: transparent; /* url(img/content-block-wide.png) 0 0 no-repeat; */
		width: 66%;
		overflow: hidden;
		float: left;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	#content div.block-wide-tabs {
		background: transparent; /* url(img/content-block-wide.png) 0 -10px no-repeat; */
		width: 66%;
		overflow: hidden;
		float: left;
		
		page-break-after: avoid;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	#content div.block-wide-split {
		background: transparent; /* url(img/content-block-wide.png) 0 0 no-repeat; */
		width: 66%;
		overflow: hidden;
		float: left;
		
		page-break-after: avoid;
		page-break-before: avoid;
		page-break-inside: avoid;
	}

	#content div.block-wide-split h3 {
		margin: 13px;
		
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}
			
	#content div.block-wide-split .split-cols {	
		width: 33%;
		overflow: hidden;
		float: left;
	}
	
	#content div.block-main-promo .gutter,
	#content div.block-full-3col .gutter,
	#content div.block-small-top .gutter,
	#content div.block-small-top-yellow .gutter,
	#content div.block-small-top-red .gutter,
	#content div.block-small-bottom-left .gutter,
	#content div.block-small-bottom-left-dealer .gutter,
	#content div.block-small-bottom-right .gutter,
	#content div.block-small-bottom-teaser .gutter,
	#content div.block-small .gutter,
	#content div.block-small .gutter,
	#content div.block-wide .gutter,
	#content div.block-wide-tabs .gutter {
		padding: 13px;
	}
	
	#content div.block-wide-split .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;
	}
	
/* 
--------------------------------------------------------------------------------------

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

		page-break-after: auto;
		page-break-before: avoid;
		page-break-inside: avoid;
	}
	
	tr {
		page-break-inside: avoid;
	}

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

	thead {
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}

	thead td{
		color: #fff;
		background: transparent; /* #7aaed3 url(img/content-table-top.png) 0 0 repeat-x; */
		font-weight: bold;
		border-bottom: 2px solid #e6e6e6;
		padding: 20px 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 {
		page-break-after: auto;
		page-break-before: auto;
		page-break-inside: avoid;
	}
	
	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 a,
	tbody tr.ruled td a:visited,
	tbody tr.ruled td a:hover {
	
	}
			
	tbody td.bottom {
		background: transparent; /* #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 {
		border-top: 1px solid #444;
		
		page-break-before: avoid;
		page-break-after: always;
		page-break-inside: avoid;
	}
	
	#footer ul li a	{
		display: none;
	}

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

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

	#navigation	{
		display: none;
	}

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

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

	#tabs {
		display: none;
	}

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

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-left: 5px;
	}
	
	.right-space {
		float: right;
		margin-right: 5px;
	}

	.left-text {
		text-align: left;
		font-size: 1.3em;
	}
	
	ext-align: right; {
	}
	
	.center-text {
		text-align: center;
	}
	
/* 
--------------------------------------------------------------------------------------

6.2	VARIOUS CLASSES	 -	Linklists, Buttons
--------------------------------------------------------------------------------------
*/
	.linklist {
		page-break-after: avoid;
		page-break-before: auto;
		page-break-inside: avoid;
	}	

	.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;
		padding: 2px 0 1px 0;
		
		page-break-inside: avoid;
		page-break-before: avoid;
		page-break-after: avoid;
	}
	
	.linklist li a,
	.linklist li a:visited	{
		background: transparent; /* url(img/global-ahref-arrow.png) no-repeat right 3px; */
		color: #333;
		display: block;
		width: 91%;
		padding: 2px 15px 2px 0;
	}
	
	span.outstanding {
		color: red;
		font-size: 1.3em;
	}

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

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

	#FAQ_ToggleON,
	#FAQ_ToggleOFF {
		border: 1px solid #333;
		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: 7px 0;
	}
	
	/* image and left padding for DDs */

	#FAQ_DL dd {
		border: 1px solid #cdcdcd; 
		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: transparent;
		/* background-image: url(img/global-faq-toggle-plus.gif) */
	}
		
	#FAQ_DL .DTminus a {
		background: transparent;
		/* background-image: url(img/global-faq-toggle-minus.gif) */
	}

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