/*

	Stylesheet for uw telecom adviseur
	
	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Simon Hellin <simon@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after,
#wizardSteps:after,
#language ul:after,
#navigation ul:after,
.wizardList:after,
#footer ul:after,
.wizardSelection:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
#wizardSteps,
#language ul,
#navigation ul,
.wizardList:after,
#footer ul,
.wizardSelection {
	zoom: 1; /* ie clear */
}

/*
	General
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #d5d5d5 url(../images/bg_regular.jpg) repeat-x;
}

body#home {
	background: #d5d5d5 url(../images/bg2.jpg) no-repeat center top;
}

#introduction #introductionRight #leftul li {
	background: none;
	padding-left: 0px;
	margin-right: 0px;
}

.introductionRadio{
	margin-top: 0px;
}

#saveText{
	color: white;
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 48px;
    margin-right: 86px;
    margin-top: 74px;
    width: 60px;
	text-align: center;
}

a.zoekNuA{
	background: url(/modules/core/layout/images/bizz/Zoek_nu_normaal2.png);
	border: 0;
	margin-top: 60px;
	float: right;
	margin-right: 25px;
}

#zoekNuSpan{
	color: white;
	font-size: 15px;
    font-weight: bold;
}

#zoekNuDiv{
	padding-top: 14px;
	width:131px;
	height: 39px;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}

a.zoekNuA:hover {
	background: url(/modules/core/layout/images/bizz/Zoek_nu_invert2.png);
}

#leftSaveText{
	padding-left: 10px;
	float:left;
	width: 54%
}

#leftSaveText h4{
	padding-bottom: 0px;
}

#leftSaveText ul{
	width:57%; 
	float: left;
}

#saveTitles{
	float:left;
	width: 75%
}

#saveTitles #firstTitle{
	font-size: large;
	padding: 10px;
}

#saveTitles #secondTitle{
	color: #61b112;
	font-size: 26px;
	font-weight: bold;
	padding-left: 10px;
}

/*
	Typography and text styles
*/

/* General */

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 12px 0;
	font-size: 13px;
	line-height: 18px;
}

	#productPromotion p {
		font-size: 16px;
	}
	
	#productPromotion span p {
		font-size: 12px;
	}

strong, th, thead td {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4, h5 {
	font-family: Georgia;
	font-weight: 400;
	line-height: 24px;
	padding: 0 0 12px 0;
}

h1 {
	font-size: 24px;
	padding: 0 0 18px 0;
}

h2 {
	font-size: 20px;
}
	
h3 {
	font-size: 18px;
}

	#productDetail h3,
	#productDetail h2 {
		/*color: #fff;*/
		/*padding-left: 10px;*/
	}

h4 {
	font-size: 16px;
}

	#productPromotion h4 {
		color: #000;
		font-size: 20px;
	}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link,
a:visited {
	color: #0073b7;
	border-color: #ccecff;
}

a:hover,
a:focus {
	color: #0073b7;
	border-color: #0073b7;
}

a.readMore:link,
a.readMore:visited,
.article p a:link,
.article p a:visited,
#breadcrumb a:link,
#breadcrumb a:visited {
	color: #303030;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

a.readMore:hover,
a.readMore:focus,
a.readMore:active,
.article p a:hover,
.article p a:active,
.article p a:focus,
#breadcrumb a:hover,
#breadcrumb a:active,
#breadcrumb a:focus {
	color: #000;
	border-color: #000;
}

/* Buttons */
/* backgrounds & colours view colours.css */

a.button:link,
a.button:visited,
a.buttonBuy:link,
a.buttonBuy:visited {
	float: left;
	display: block;
	height: 27px;
	padding-left: 2px;
	border: none;
	font: 12px Arial, Verdana, helvetica, sans-serif;
	font-weight: 700;
	color: #333;
	cursor: pointer;
}
a.button:link span,
a.button:visited span,
a.buttonBuy:link span,
a.buttonBuy:visited span {
	display: block;
	height: 22px;
	padding: 5px 15px 0 8px;
	text-shadow: #fff 1px 1px;
	cursor: pointer;
}

		a.button:hover span {
			color: #000;
		}

	/* buttons product detail */

	a.buttonBuy:link,
	a.buttonBuy:visited {
		color: #fff;
		height: 36px;
		padding: 0;
		padding-left: 29px;
	}

	a.buttonBuy:link span,
	a.buttonBuy:visited span {
		color: #fff;
		font-size: 13px;
		height: 28px;
		padding: 8px 15px 0 12px;
		text-shadow: none;
	}

	a.buttonTouch:link,
	a.buttonTouch:visited,
	a.buttonTalk:link,
	a.buttonTalk:visited,
	a.buttonSimple:link,
	a.buttonSimple:visited {
		border: 1px solid #e0e0e0;
		padding: 4px 5px;
		color: #333;
		background: url(../images/bg_button_simple.png) repeat-x;
		font-size: 12px;
	}

		a.buttonTouch:link span,
		a.buttonTouch:visited span {
			background: url(../images/bg_button_touch.png) no-repeat 5px 2px;
			padding: 0 15px 0 0;
		}
	
		a.buttonTalk:link span,
		a.buttonTalk:visited span {
			background: url(../images/bg_button_talk.png) no-repeat 5px 2px;
			padding: 0 15px 0 0;
		}
	
		#buttonTalk{
			background: url(../images/bg_button_talk.png) no-repeat 5px 2px;
			padding: 0 15px 0 0;
			border: none;
		}

	a.buttonTouch:hover,
	a.buttonTalk:hover {

		color: #000;
	}

	/* product detail, delete options */

	a.deleteOption {
		display: block;
		border: none;
		padding: 0 20px 1px 0;
		color: #c9c9c9;
		font-size: 11px;
		background: url(../images/bg_delete_option.png) no-repeat right 1px;
	}

		a.deleteOption:hover {
			color: #999;
			background: url(../images/bg_delete_option_hover.png) no-repeat right 1px;
		}

	/* extra options table */

	#options tr td a {
		color: #333;
		border-bottom: 1px solid #666;
	}

		#options tr td a:hover,
		#options tr td a:focus,
		#options tr td a:active {
			color: #000;
			border-color: #000;
		}

	a.option_add {
		text-align: right;
		display: block;
		font-weight: 700;
		margin-left: 20px;
		padding: -1px 0 0 15px;
		background: url(../images/bg_add_option.png) no-repeat;
		border: none !important;
		text-decoration: underline;
	}
	
/* .content defaults */

.content ul {
	list-style: disc;
	padding: 0 0 12px 12px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

.content td, 
.content th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 11px; 
	padding: 4px;
}

.content th {
	font-weight: 700;
}

/*
	Page structure and layout
*/
#borderTop {
	width: 100%;
	background: #3298e4;
	border-top: 5px solid #3298e4;
	line-height: 0;
	text-align: center;
}

	#borderTop h5 {
		font-size: 14px;
		color: #fff;
		font-style: italic;
		font-weight: 400;
		padding: 0 0 6px 0;
	}

#container {
	width: 1000px;
	margin: 0 auto;
	background: url(../images/logo_krul.png) no-repeat 580px 0;
}

	/* Topbar */

	#topbar {
		width: 990px;
		padding: 0 5px;
		margin: 0 auto;
	}
		#language {
			height: 20px;
			margin-right: 0;
		}
		
		#language ul {
			float: right;
		}
			
			#language ul li {
				display: block;
				float: left;
				margin: 0 0 0 5px;
			}
			
			#language ul li a {
				display: block;
				width: 34px; height: 18px;
				padding: 2px 0 0 0;
				
				font: 12px Arial, Helvetica, Verdana, Sans-Serif;
				font-weight: 700;
				color: #3298e4;
				text-transform: uppercase;
				text-align: center;
				
				background: url(../images/bg_language.png) no-repeat;
				border: none;
			}
			
			#language ul li a:hover,
			#language ul li a:focus,
			#language ul li a:active,
			#language ul li.selected a {
				color: #fff;
				background: url(../images/bg_language.png) no-repeat 0 -20px;
			}
			

	/* Header */

	#header {
		margin: 0 auto 10px;
		width: 990px;
		height: 78px;
		padding: 0 5px;
		margin-bottom: -10px;
	}

		/* Logo */
		
		#logo {
			float: left; 
			width: 233px;
			height: 78px;
			margin-top: -15px;
		}

		#logo h1 {
			width: 233px;
			height: 78px;
			background: url(../images/logo.png) no-repeat;
			text-indent: -9999px;
			float: left;
			padding: 0;
		}
		
			.fr #logo h1 {
				background: url(../images/logo_fr.png) no-repeat;
			}

		#logo h1 a {
			width: 100%;
			height: 100%;
			display: block;
			overflow: hidden;
			border: none;
		}
		
		/* Search */
		
		#search {
			float: right;
			margin: 0;
			padding: 37px 0 0 0;
			margin-top: 0px;
		}

	/* Main */
	
	#main {
		width: 1000px;
		padding: 0 0;
		margin: 0 auto;
	}
	
		/* Navigation */
		
		#navigation {
			width: 990px;
			margin: 0 5px;;
			background: #3298e4;
			height: 40px;
			background: url(../images/bg_navigation.png) repeat-x;
		}
			
			/* main navigation */
			
			#navigation ul {
				margin: 0;
				float: left;
				height: 16px;
				padding: 12px 0 12px 30px;
			}
			
			#navigation ul li {
				display: block;
				float: left;
				border-right: 1px solid #0d5891;
				border-left: 1px solid #71c3ff;
				margin: 0 0 0 0;
				padding: 0 20px 0 20px;
			}
				
				#navigation ul li.first {
					border-left: none;
					padding-left: 0;
				}
				
				#navigation ul li.last {
					border-right: none;
				}
			
				#navigation ul li a {
					display: block;
					text-transform: uppercase;
					border-bottom: none;
					font: 13px "Lucida Grande", "Trebuchet MS", Arial, Verdana, Sans-Serif;
					color: #fff;
				}
				
				#navigation ul li.selected a,
				#navigation ul li a:hover,
				#navigation ul li a:active,
				#navigation ul li a:focus {
					color: #000;
				}
				
				#navigation ul li.selected a {
					text-decoration: underline;
				}
			
			/* switch sites navigation */
			
			#navigation ul.switchSites {
				margin: 0;
				float: right;
				height: 26px;
				padding: 7px 20px 7px 0;
			}
			
				#navigation ul.switchSites li {
					border: none;
					padding: 0 5px;
				}

					#navigation ul.switchSites li a {
						padding: 5px 10px;
						border-radius: 5px;
						color: #fff;
						text-decoration: none;
						margin: 0;
					}

					#navigation ul.switchSites li.selected a{
						background: #0d6fb8;
					}

					#navigation ul.switchSites li a:hover{
						background: #0d6fb8;
					}

		/* Introduction */
		
		#introduction {
			margin: 15px 5px -15px 0;
		}

			#introductionLeft,
			#introductionRight {
				width: 282px; height: 260px;
				padding: 10px 30px;
				background: url(../images/bg_introduction_left2.png) no-repeat;
				float: right;
				color: #fff;
			}
			
			#introductionLeft {
				/*padding-top: 54px;
				height: 251px;*/
			}
			
				#introductionLeft p {
					line-height: 20px;
				}
						
			#introduction #introductionRight {
				background: url(../images/bizz/Rechthoek_Vind_De_Beste_Deal_zonder_alletekst.png) no-repeat;
				color: #303030;
				margin-top: -10px;
				margin-bottom: 10px;
				margin-right: -20px;
				padding-right: 10px;
				padding-right: 0;
				width: 673px;
			}
			
			#introductionRight {
				background: url(../images/bg_introduction_right2.png) no-repeat;
				color: #303030;
				margin-left: 15px;
			}
			
				#introduction #introductionRight ul li {
					display: block;
					padding: 0 0 0 25px;
					margin: 5px 15px 5px 0;
					background: url(../images/list_style_checkbox.png) no-repeat;
					list-style: none;
				}
				
					#introduction ul li span {
						display: inline-block;
						width: 230px;
						padding: 5px 0 10px 0;
						border-bottom: 1px dotted #ddd;
					}
				
					#introductionRight ul.list {
						border: none;
					}
				
					#introductionRight ul li.last span {
						border: none;
					}

		/* Content */

		#contentTop,
		#contentBottom {
			display: block;
			width: 1000px; /* + padding = 1000 (for background) */
			margin: 0;
			height: 10px;
			background: url(../images/bg_content_top.png) center top no-repeat;
			line-height: 0; /* ie tweak */
			font-size: 0; /* ie tweak */
		}
		
		#contentBottom {
			background: url(../images/bg_content_bottom.png) center top no-repeat;
			margin: 0;
			padding: 0;
			line-height: 0;
		}
		
	 	#contentTop {
			margin: 0px 0 0 0;
		}

		#breadcrumb {
			width: 960px;
			border-bottom: 1px solid #E8E8E8;
			padding: 0 0 5px 0;
			margin: 0 0 6px 0;
		}
			
			#breadcrumbContent {
				float: left;
			}
			
			#breadcrumbContact {
				float: right;
				font: 18px Georgia, "Trebuchet MS", Arial, Verdana;
				color: #dadada;
			}
			
				#breadcrumbContact span.left,
				#breadcrumbContact span.right {
					display: block;
					float: left;
					height: 20px;
					padding: 0 0 0 0;
				}
				#breadcrumbContact span.right {
					margin: 0 0 0 10px;
					background: url(../images/icon_phone.jpg) no-repeat;
					padding: 0 0 0 20px;
					color: #4c4c4c;
				}

		#content {
			width: 960px;
			padding: 5px 20px 0 20px;
			background: url(../images/bg_content.png) left top repeat-y;
		}
		
			#contentLeft {
				width: 680px;
				padding: 0 5px 0 0;
				float: left;
			}
			
			#contentRight {
				width: 275px;
				float: left;
			}
			
			#home #contentLeft,
			#bp #contentLeft,
			#newContentLeft {
				width: 215px;
				float: left;
				padding: 0;
			}
			
			#home #contentRight,
			#bp #contentRight,
			#newContentRight {
				width: 715px;
				padding: 0 0 0 30px;
				float: left;
			}
			
			#newContentLeft {
				padding-right: 15px;
				padding-bottom: 40px;
			}
			
			#newContentRight {
				padding-left: 45px;
				width: 675px;
				padding-bottom: 40px;
			}
			
			
			
			
		/* BOXES */
		
			.box {
				border-left: 1px solid #DDD; 
				border-right: 1px solid #DDD;
				border-bottom: 1px solid #DDD;
				padding: 15px;
				margin: 0 0 15px 0;
				background: url(../images/bg_box.png) no-repeat right bottom;
			}
			
			#home .box {
				background: none;
			}
			
				/* Set border-top size & default colour */
			
				.boxTop {
					border-top: 6px solid #ddd;
				}
			
				/* box colours: view colours.css */
				
				/* Box  list */
				
				ul.list {
					/*list-style: square inside;*/
					list-style-position: inside;
					border-bottom: 1px dotted #ddd;
					padding: 0 0 18px 0;
					margin: 0 0 12px 0;
				}
				
				ul.list li{
					list-style: none;
					padding-left: 40px;
					padding-top: 7px;
					padding-bottom: 7px;
				}
				
				ul.list.normal li{
					list-style: square inside;
					padding-left: 12px;
					padding-top: 0px;
					padding-bottom: 0px;
				}
				
				ul.list li.internet_small{
					background: url("../images/internet25.jpg") no-repeat 0px -31px;
				}
				
				ul.list li.television_small{
					background: url("../images/television25.jpg") no-repeat 0px -31px;
				}
				
				ul.list li.phone_small{
					background: url("../images/phone25.jpg") no-repeat 0px -31px;
				}
				
				ul.list li.mobile_small{
					background: url("../images/mobile25.jpg") no-repeat 0px -31px;
				}
				
				ul.list li.mobile_internet_small{
					background: url("../images/mobile_internet25.jpg") no-repeat 0px -31px;
				}
				
					.list.last{
						border: none;
						padding: 0;
					}
				
				.list li{
					line-height: 18px;
				}
					
					/* list square colours: view colours.css */
				
					/* to get the color different from the square list color */
					.list span {
						color: #333;
						margin: 0 0 0 5px;
					}
					
					.list li a {
						color: #333;
						border-bottom: 1px solid #999;
					}
					
					.list li a:hover,
					.list li a:focus,
					.list li a:active {
						border-color: #000;
						color: #000;
					}
					
					.list li.selected a {
						font-weight: bold;
						border: none;
					}
					
				#aanbieders {
					
				}
				
					.aanbieder {
						width: 86px;
						float: left;
						text-align: center;
						margin: 0 10px 5px 0;
					}
					
					.aanbiederImage {
							width : 68px;
							padding: 8px;
							border: 1px solid #cccccc;	
					}
				
					.aanbiederdetail{
						width: 59px;
						float: right;
						text-align: center;
						margin: 0 10px 5px 0;
					}
					
					.aanbiederdetailImage {
						width : 45px;
						padding: 4px;
					}
					
					.aanbiederdetailImg{
						width: 48px;
					}
					
					#aanbiederdetailWrapper{
						height: 52px;
					}
					
					a.aanbiederdetailLink{
						border: 0;
					}
					
				.alsoWatched {
					border: 1px solid #DADADA;
					background: #efefef;
					padding: 5px;
					padding-left: 40px;
					margin: 0 0 10px 0;
				}
				
					.alsoWatched p {
						padding: 0 0 3px 0;
					}
				
				
		/* #home Content Right items */
		
			#promos {
				width: 715px;
				margin: 0 0 30px 0;
			}
			
				.promo {
					display: block;
					width: 145px;
					border: 1px solid #ddd;
					float: left;
					margin: 0 15px 0 0;
					padding: 10px;
				}
				.promo.last {
					margin-right: 0;
				}
			
				.promo img {
					margin: 0 0 12px 0;
				}
				.subpagepromo {
					display: block;
					width: 182px;
					border: 1px solid #ddd;
					float: left;
					margin: 0 15px 0 0;
					padding: 10px;
				}
			
			#spotlight {
				width: 715px;
				margin: 0 0 30px 0;
			}
			
			#spotlight.big {
				width: 655px;
				margin-top: 10px;
			}
			
				#spotlightWrapper {
					background: #e0e0e0;
					padding: 15px;
				}
				
					.spotlightItem {
						width: 332px;
						margin: 0 10px 15px 0;
						float: left;
						position: relative;
						display: inline; /* ie6*/
					}
					
					.spotlightItem.big {
						width: 655px;
					}
						.spotlightItemContent {
							background: #fff;
							width: 242px;
							margin-top: 60px;
							padding: 15px;
						}
						
							.spotlightItemContent h3 {
								padding-right: 40px;
							}
						
							.spotlightItem.big .spotlightItemContent {
								border: 1px solid #dadada;
								width: 480px;
								padding: 25px 80px 15px 15px;
								margin: 0;
							}
							
							.spotlightItem.big .spotlightItemContent table{
								width: 100%;
								border: 0px;
							}
							
							.spotlightItem.big .spotlightItemContent td{
								border: 0px;
							}
							 
							.spotlightItem.big .spotlightItemContent td.spotlighIcons{
								float: right;
							}
							 
						/* stars colours: view colours.css */
						.spotlightItemStar {
							position: absolute;
							right: 0;
							top: 0;
							width: 100px;
							height: 90px;
							padding: 25px 10px;
							text-align: center;
							background: url(../images/star_green.png) no-repeat;
						}
							.spotlightItem.big .spotlightItemStar {
								top: 50%;
								margin-top: -80px;
								width: 140px;
								height: 120px;
								padding: 40px 10px;
							}
							
							
						
						.spotlightItemStar p {
							font: 13px Georgia, "Trebuchet MS", Arial, sans-serif;
						}
							.spotlightItem.big .spotlightItemStar p {
								font-size: 18px;
							}
							
							.spotlightItemContent h3 a:link,
							.spotlightItemContent h3 a:visited {
								border-bottom: 1px solid #ccc;
								color: #000;
							}
							
							.spotlightItemContent h3 a:hover,
							.spotlightItemContent h3 a:active {
								border-color: #000;
							}
							
							p.oldPrice a:link,
							p.oldPrice a:visited {
								color: #fff;
								text-decoration: line-through;
								border: none;
							}
							
							p.newPrice a:link,
							p.newPrice a:visited {
								color: #303030;
								font-size: 16px;
								border: none;
							}
							
							p.newPrice a:hover,
							p.newPrice a:active,
							p.newPrice a:focus {
								color: #444444;
							}
							
								.spotlightItem.big .spotlightItemStar p.oldPrice a:link,
								.spotlightItem.big .spotlightItemStar p.oldPrice a:visited {
									font-size: 14px;
								}
								.spotlightItem.big .spotlightItemStar p.newPrice a:link,
								.spotlightItem.big .spotlightItemStar p.newPrice a:visited {
									font-size: 21px;
								}
								
				#spotlightWrapper a.button {
					margin-right: 70px;
					margin-top: 15px;
				}
			
			#extra {
				width: 715px;
				margin: 0 0 30px 0;
			}
			
				#extraLeft {
					width: 327px;
					padding: 15px;
					float: left;
					background: #f4f4f4;
				}
				
					#blog .article {
						border-bottom: 1px dotted #ddd ;
						margin: 0 0 24px 0;
						padding: 0 0 12px 0;
					}
					
					.article p.title {
						padding: 0 0 6px 0;
					}
					
					.article p.meta {
						color: #767676;
						font-size: 11px;
					}
				
				#extraRight {
					width: 342px;
					padding: 15px 0 15px 15px;
					float: left;
				}
				
/**********************************************************************/
/**********************************************************************/
/* Detail product */
/**********************************************************************/
/**********************************************************************/

	#productBrandWrapper {
		width: 670px;
		
	}
	
		#brandWrapper {
			float: left;
			width: 200px;
			margin-bottom: 20px;
		}
			
			#brandLogo {
				margin-bottom: 20px;
			}
			
			#brandImages {
				border: 1px solid #ddd;
				padding: 10px;
				margin: 0 0 15px 0;
			}
			
				#brandIcons {
					margin: 5px 0 0 0;
				}
				
					a.icon {
						border: none;
						display: block;
						width: 32px;
						height: 40px;
						text-indent: -9999px;
						border-top: 3px solid #fff;
					}
					
					a.icon_small2{
						border: none;
						display: block;
						width: 25px;
						height: 31.5px;
						text-indent: -9999px;
						border-top: 3px solid #fff;
					}
					
					a.smaller{
						margin-top:-7px;
						margin-bottom: -7px;
					}
					
					.mobile {
						background: url(../images/mobile.jpg);
					}
					.television {
						background: url(../images/television.jpg);
					}
					.phone {
						background: url(../images/phone.jpg);
					}
					.mobileInternet {
						background: url(../images/mobile_internet.jpg);
					}
					.internet {
						background: url(../images/internet.jpg);
					}
					
					.mobile_small{
						background: url(../images/mobile25.jpg);
						height: 31.5;
						width: 25;
					}
					.television_small {
						background: url(../images/television25.jpg);
						height: 31.5;
						width: 25;
					}
					.phone_small{
						background: url(../images/phone25.jpg);
						height: 31.5;
						width: 25;
					}
					.mobileInternet_small {
						background: url(../images/mobile_internet25.jpg);
						height: 31.5;
						width: 25;
					}
					 a.internet_small{
						background: url(../images/internet25.jpg);
						height: 31.5;
						width: 25;
					}
					
						.mobile:hover,
						.selected.mobile {
							background: url(../images/mobile.jpg) 0 -40px;
						}
						.television:hover,
						.selected.television {
							background: url(../images/television.jpg) 0 -40px;
						}
						.phone:hover,
						.selected.phone {
							background: url(../images/phone.jpg) 0 -40px;
						}
						.mobileInternet:hover,
						.selected.mobileInternet {
							background: url(../images/mobile_internet.jpg) 0 -40px;
						}
						.internet:hover,
						.selected.internet {
							background: url(../images/internet.jpg) 0 -40px;
						}
						
						.mobile_small:hover ,
						.selected.mobile_small{
							background: url(../images/mobile25.jpg) 0 -31px;
						}
						.television_small:hover,
						.selected.television_small{
							background: url(../images/television25.jpg) 0 -31px;
						}
						.phone_small:hover,
						.selected.phone_small{
							background: url(../images/phone25.jpg) 0 -31px;
						}
						.mobileInternet_small:hover,
						.selected.mobileInternet_small{
							background: url(../images/mobile_internet25.jpg) 0 -31px;
						}
						.internet_small:hover,
						.selected.internet_small{
							background: url(../images/internet25.jpg) 0 -31px;
						}
					
				#brandThumbs img{
					border: 1px solid #ddd;
					margin: 0 6px 8px 6px;
				}
		
		#productWrapper {
			float: left;
			width: 455px;
			padding: 0 0 0 5px;
			
		}
		
			#productDetail {
				border: 0px solid #ddd !important;
				padding: 0px 10px 0 10px;
				/*background: #000 url(../images/bg_product_detail.png) repeat-x top left;*/
				background: #fff;
				margin: 0 0 30px 0;
			}
			
				/* colours border view colours.css */
			
				#productPrice {
					border: 1px solid #fff;
					margin-bottom: 10px;
					width: 100%;
				}
				
				#productPrice tr td {
					padding: 7px 10px;
					text-align: right;
				}
				
				td.title {
					text-align: left !important;
				}
				
					tr.base td{
						background: #efefef;
						font-weight: 700;
					}
				
					tr.options td.title {
						padding-left: 20px !important;
						background: url(../images/bg_options.png) no-repeat 5px 14px;
					}
				
					tr.total td {
						background: #dadada;
						font-weight: 700;
						font-size: 14px;
					}
					
						tr.total td span#totalExcl {
							font-size: 11px;
							font-weight: 400;
						}
						tr.total td span.totalExcl {
							font-size: 11px;
							font-weight: 400;
						}
						tr.base td span.totalExcl {
							font-size: 11px;
							font-weight: 400;
						}
			
				#productSelection,
				#productPromotion,
				#productBuy {
					border: 1px dotted #ddd;
					padding: 10px;
					margin: 0 0 10px 0;
				}
				
					/* background and colours view colours.css */
					#productPromotion {
						padding-left: 40px;
					}
					
					#productBuy {
						font-weight: 700;
						font-size: 14px;
						padding-left: 5px;
						padding-right: 5px;
					}
					
					#tableProductBuy {
						width: 100%;
					}
					
					#tableProductBuy td {
						padding: 5px 0;
						width: 50%;
					}
					
						#tableProductBuy td.tablePosted {
							padding-right: 5px;
						}
			
						#tableProductBuy td.tableChoice {
							color: #ccc;
							text-align: center;
						}

			#productExtras {
				
			}
			
				#options tr td {
					padding: 10px;
					border-bottom: 1px solid #efefef;
					text-align: right;
					line-height: 16px;
				}

					#options tr td.last {
						border: none;
					}
					
				#options tr td.title {
					padding-left: 20px !important;
					background: url(../images/bg_options.png) no-repeat 5px 14px;
				}
			
	#tabbedProductInfo {
		margin: 25px 0;
	}

		#tabbedNavigation {
			width: 675px;
			float: left;
			border-bottom: 1px solid #dadada;
			height: 27px;
		}
			#tabbedNavigation,
			#tabbedNavigation li {
				display: block;
				float: left;
			}

			#tabbedNavigation a {
				height: 18px;
				background: #fff url(../images/bg_tabbed_navigation.png) bottom left repeat-x;
				border: 1px solid #dadada;
				padding: 5px 7px 3px;
				margin: 0 3px;
				border-bottom: none;
				color: #000;
				float: left;
				font-size: 13px;
				
			}
			
				#tabbedNavigation .first a {
					margin-left: 0;
				}

			#tabbedNavigation a:hover,
			#tabbedNavigation a:focus,
			#tabbedNavigation a:active {
				background: #fff;
			}
			#tabbedNavigation .selected a {
				background: #fff;
				font-weight: 700;
				border-bottom: 1px solid #fff;
			}
			
		#tabbedContent {
			width: 654px;
			padding: 12px 7px 0 12px;
			float: left;
			border-right: 1px solid #dadada;
			border-left: 1px solid #dadada;
			border-bottom: 1px solid #dadada;
		}
		
			#productInfo {
				border: none;
			}
		
			#productInfo td {
				padding: 3px 0;
				border: none;
				font-size: 13px;
			}
			
			#productInfo td.title {
				font-weight: 700;
			}
	
		.channels {
			margin: 0 0 15px 0;
		}
	
		.channels img {
			padding-right: 15px;
		}
		.channels p.description {
			display: block;
			width: 550px;
		}
		
		#tab2 table, #tab2 td, #tab2 tr, #tab2 th {
			border: none;
		}
		
		#tab2 th {
			border-bottom: 1px solid #ccc;
			padding: 10px 0;
			font-size: 14px;
		}
		
		#tab2 table {
			margin-bottom: 12px;
			width: 100%;
		}
		
		#tab2 td {
			padding: 10px 0 0 0;
			text-align: top;
			vertical-align: top;
			font-size: 12px;
		}
		
		#tab2 table#spec {
			margin: 0;
			padding: 0;
		}
		
		#tab2 tr.item {
			border-bottom: 1px solid #efefef;
		}
		
		#tab2 table#spec td {
			padding: 0 0 10px 0;
		}
	
	#legal {
		margin: 30px 0;
		padding: 30px 0;
		border-top: 1px dotted #ccc;
	}
		
	#legal.comment{
		color: #000;
		font-size: 11px;
		padding: 5px 0;
		margin: 5px;
	}
		
		#legal.comment p{
			color: #a7a7a7;
			font-size: 11px;
			padding: 5px 0;
			font-style: italic;
		}
	
		#legal li {
			/*color: #c9c9c9;*/
			color: #a7a7a7;
			font-size: 11px;
			padding: 5px 0;
			list-style-position: inside;
		}
		
		#legal p {
			/*color: #c9c9c9;*/
			color: #a7a7a7;
			font-size: 11px;
			padding: 5px 0;
		}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/


#subnavigation {
	width: 200px;
	float: left;
}

	#newContentLeft #subnavigation {
		float: none;
	}

	#subnavigation li a {
		display: block;
		padding: 10px;
		border-bottom: 1px dotted #ddd;
		color: #333;
	}

	#subnavigation .selected a {
		font-weight: bold;
	}

#contentText {
	width: 425px;
	float: left;
	padding: 0 0 0 30px;
}

/* Faq */

#faq dl {
	padding: 0;
}

dt.question {
	font-weight: 700;
	font-size: 13px;
}

dd.answer {
	padding: 0 0 0 12px;
}

/* Search page */

#searchAgainBox {
	padding: 10px;
	background: #efefef;
	border: 1px solid #dedede;
	margin: 0 0 15px;
}
	
	#searchAgainBox .inputText {
		width: 250px;
	}
	
	#searchAgainBox .inputSubmit {
		width: 133px;
	}
	
	li.internal {
		list-style: none;
		margin-bottom: 22px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #dedede;
	}
	
	p.title a {
		font-family: Georgia;
		font-size: 14px;
	}
	
	p.url a {
		font-family: "Lucida Grande", Lucida, Arial, sans-serif;
		font-size: 11px;
	}
	
/**********************************************************************/
/**********************************************************************/
/* wizard and show results */
/**********************************************************************/		
/**********************************************************************/


#wizardSteps {
	padding: 0 0;
	margin: 0 0 15px 0;
}

	#wizardSteps ul {
		margin: 0;
		padding: 0;
		background: black url(../images/bg-wizard-steps.png) repeat-x left bottom;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#wizardSteps li {
		display: block;
		padding: 10px 0 10px 10px;
		width: 215px;
		font-family: Georgia;
		font-style: italic;
		font-size: 14px;
		color: #dbedca;
	}
	
		#wizardSteps li a:link,
		#wizardSteps li a:visited,
		#wizardSteps li a:link,
		#wizardSteps li a:visited {
			border: none;
			color: #fff;
		}
		
	
		#wizardSteps li.selected {
			background: url(../images/bg_wizard_selected.png) no-repeat top right;
		}

.wizardSelection {
	background: #f1f1f1;
	padding: 10px;
}

	.wizardSelection p {
		padding: 0;
	}

	.wizardSelection ul,
	p.result {
		padding-left: 0;
		min-height: 65px;
		height: auto !important;
		height: 65px;
	}
	
	p.result {
		padding-bottom: 12px;
	}
	
		.wizardSelection li {
			list-style: none;
			padding: 4px 0;
		}
		
	.step {
		float: left;
		width: 184px;
		margin-right: 20px;
		min-height: 100px;
	}
	
		.step.step2 {
			/*border-right: 1px solid #ccc;*/
			/*border-left: 1px solid #ccc; */
			padding-left: 20px;
			padding-right: 20px;
			margin-top: 0;
		}
	
		.step.last {
			border: none;
			margin: 0;
		}

p.wizardInfo {
	padding-bottom: 6px;
	margin-bottom: 15px;
	font-style: italic;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #666;
}

	p.step2 {
		margin-bottom: 6px;
	}

.prevNext {
	border-top: 1px solid #ccc;
	padding-top: 6px;
	margin-top: 15px;
}
	
.keepTrack {
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

.wizardList li {
	padding: 5px 0;
}

.wizardList.step2 li label{
	float: left;
	display: block;
	width: 120px;
}
.wizardList.step2 li select {
	width: 150px;
}

/* results table */
#result {
	width: 960px;
}
p.resultMessage,
p.resultError {
	padding: 7px;
	background: #efefef;
	border: 1px solid #ccc;
	margin: 12px 0 12px 0;
}

p.resultError,
span.formError{
	color: #fff;
	background: #BD2716;
	border: 1px solid #831A0E;
}

#results th {
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 10px;
}

#results tfoot td {
	padding-top: 10px;
	font-size: 14px;
	text-align: left;
}

#results td {
	padding: 10px;
}

	#results td.compare {
		text-align: center;
	}

	#results td.supplier {
		/*text-transform: uppercase;*/
	}

	#results td.price {
		font-weight: 700;
	}

	#results tr.odd td {
        background: #f9fcf6;
		border-top: 1px solid #a3cc7a;
		border-bottom: 1px solid #a3cc7a;
	}

	tr.odd td {
		border-bottom: 1px dotted gray;
		border-top: 1px dotted gray;
        /*background: #f9fcf6;
		border-top: 1px solid #a3cc7a;
		border-bottom: 1px solid #a3cc7a;*/
	}
	
	tr.odd td.Highest, td.Highest, tr.Highest td{
		background: #71B929; 
		color: white; 
		border-bottom: 1px dotted white;
		border-top: 1px dotted white;
	}


/* compare table */

#compare td {
	padding: 5px 10px;
}

#compare td.title {
	background: #efefef;
	height: 70px;
	font-size: 14px;
	font-weight: 700;
}

#compare td.comparePrice {
	border-bottom: 1px solid #efefef;
	font-weight: 700;
	padding: 10px;
}

#compare td.comparePrice.notLast{
	border-bottom:0px;
	padding-bottom: 0px;
}

#compare td.compareInfo {
	border-top: 1px solid #efefef;
	padding: 10px;
}

#compare td.compareValue {
	font-style: italic;
}

/**********************************************************************/
/**********************************************************************/
/**********************************************************************/		
/**********************************************************************/

	/* Footer */
	#footerTop,
	#footerBottom {
		display: block;
		width: 960px; /* + padding = 1000 (for background) */
		padding: 0 20px;
		height: 10px;
		background: url(../images/bg_footer_top.png) center top no-repeat;
		line-height: 0; /* ie tweak */
		font-size: 0; /* ie tweak */
		margin: 30px 0 0;
	}
	
	#footerBottom {
		background: url(../images/bg_footer_bottom.png) no-repeat center top;
		margin: 0 0 15px;
	}

	#footer {
		width: 960px; /* + padding = 1000 (for background) */
		padding: 10px 20px;
		background: url(../images/bg_footer.png) center top repeat-y;
	}
	
	#footer li {
		float: left;
		color: #fff;
	}
	
	#footer ul.floatRight li {
		padding-left: 7px;
	}

	#footer li a:link,
	#footer li a:visited {
		color: #fff;
		border-color: #fff;
	}
	
	#footer li a:hover,
	#footer li a:focus,
	#footer li a:active {
		color: #000;
		border-color: #000;
	}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/*
	The Magic One Liner
	----
	General method to wrap form and other elements on one line
*/

.oneLiner p,
.oneLiner .buttonHolder,
.oneLiner .oneLinerElement {
	float: left;
	margin-right: 4px;
}

	.oneLiner p,
	.oneLiner .oneLinerElement {
		padding-bottom: 0;
		line-height: 22px;
		/* Same height as button height */
	}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

	.oneLiner label,
	.oneLiner p.label { float: left; line-height: 20px; padding: 2px 4px 2px 0;}

	.oneLiner input.inputText, 
	.oneLiner input.inputPassword,
	.oneLiner input[type="text"], 
	.oneLiner input[type="password"],
	.oneLiner input.inputDatefieldRange { float: left; }

	/* Clear it */
	.oneLiner {
		zoom: 1;
	}

	.oneLiner:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}
	
	/* oneLiner extension for ... */
	
	.oneLiner p.last {
		margin: 0;
	}
	
	.oneLiner p.label {
		width: 190px;
		padding-bottom: 7px;
	}

/* Form style */

input, textarea, select, button { 
	font-family: Arial, sans-serif;
}

input.inputSubmit,
input.inputText {
	display: block;
	height: 24px;
	border: 1px solid #c9c9c9;
	padding: 0 5px;
	background: #fff;
}

	.wizard input.inputSubmit {
		background: #61b111;
		border-color: #61b111;
		color: #fff;
	}

input.inputText {
	color: #888888;
}
.textarea {
	color: #888888;
}

input.inputSubmit {
	background: #d9d9d9;
	border-color: #c9c9c9;
	color: #333;
	cursor: hand; cursor: pointer;
}

input.inputSubmit:hover,
input.inputSubmit:focus,
input.inputSubmit:active {
	background: #71B929;
}

	.wizard input.inputSubmit:hover,
	.wizard input.inputSubmit:focus,
	.wizard input.inputSubmit:active {
		background: #54990f;
		border-color: #54990f;
	}
	
input.inputSearch {
	background: #fff url(../images/bg_search.png) 5px 0 no-repeat;
	padding: 0 0 0 25px;
}

input:focus,
textarea:focus {

}

/* General classes */

.hr hr {
	margin: 0 0 6px 0;
	border: none;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.noBorder { border: none; }

/* Image classes */
.linkedImage {
	border: none;
}

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

td.currency{
	text-align: right;
}

.PackPromotion{
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	font-family: Georgia;
}

.PackPromoNaam{

}

.PackPromotion .PackPromoBesparing{
	text-align:right;
	margin-top: 40px;
}

.spotlightPromotion{
	padding:10px;
	width:530px;
	margin-top: -10px;
	font-family: Georgia;
}

div#list ul.listspec li {
	padding-left: 10px;
	list-style:square outside;
}

div#list  ul.listspec span li {
	list-style:square inside;
	color: black;
}

ul.listspec li span {
    margin-left: 0px;
	color: black;
}

.PromotionValue{
	float:right;
}

#introductionRight ul li span {
    border-bottom: 1px dotted #DDDDDD;
    display: inline-block;
    padding: 5px 0 10px;
    width: 230px;
}

#introductionRight ul.list  li {
    background: url("../images/list_style_checkbox_nobg.png") no-repeat scroll 0 0 transparent;
    display: block;
    list-style: none outside none;
    margin: 5px 15px 5px 0;
    padding: 0 0 0 25px;
}

#introduction ul.list li {
    background: url("../images/list_style_checkbox_nobg.png") no-repeat scroll 0 0 transparent;
    display: block;
    list-style: none outside none;
    margin: 5px 15px 5px 0;
    padding: 0 0 0 25px;
}

.highlights{
	background-color: #FFFF66;
}

#monthlyCost{
	border:0px none;
	font-weight: bold;
	color: #61B712;
	text-align:center;
}

#monthlyCost.step4{
	border:0px none;
	background-color: #f1f1f1;
	float:right;
	padding: 0;
    text-align: right;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-default{
	top: -0.45em;
	padding: 3px;
	min-width: 1.9em;
	margin-left: -0.6em;
}

#optionList li{
	list-style-image: url("../images/bg_add_option.png")
}

div.name_block{
	display: none;
}

p#packContent, span#packContent{
	border-bottom: 2px solid;
    padding-bottom: 0;
}

div.box ul.list.normal{
	border-bottom: 0;
	margin: 0 0 5px;
	padding: 0px;
}

div.box ul.list.normal li{
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

.advancedbar{
	background-color: #71B929;
	color: WHITE;
	text-align: center;
	padding: 5px;
}

.advancedsubbar{
	width: 50%;
	float: left;
}

#allepacksdiv p{
	background:  url("../images/hover.png") no-repeat;
	font-style: normal;
	display: none;
	color:black;
	height: 110px;
	padding: 20px 10px 12px 10px;
	position: absolute;
	text-align: center;
	top: 350px;
	right:100px;
	width: 180px;
	z-index: 2;
	vertical-align: middle;
}

td.bestproduct, table#compare table.bestproduct{
	-moz-box-shadow: 0 0 5px 5px #ccc;
	-webkit-box-shadow: 0 0 5px 5px#ccc;
	box-shadow: 0 0 5px 5px #ccc;
}

#tabbedContent #tab1 table{
	border: 0;
}

#tabbedContent #tab1 td{
	border:0;
}

#tabbedContent #tab8 table{
	border: 0;
}

#tabbedContent #tab8 td{
	border:0;
}

#advantagesDiv{
}

.advantageDiv{
	background-image: url('/modules/products/layout/images/kader_mousenotover2.png');
	height: 54px;
}

.advantageDiv:hover {
	background-image: url('/modules/products/layout/images/kader_mouseover2.png');
	color: #5DABE9;
}

.freeImage{
	margin-left: 160px;
    margin-top: -63px;
    position: absolute;
}

.advantageDescription{
	display: none;
	background: url("/modules/products/layout/images/kader_layover2.png") no-repeat scroll 0 0 transparent;
	color: black;
    font-style: normal;
    height: 185px;
    padding: 20px 10px 12px;
    position: absolute;
    right: 100px;
    text-align: center;
    top: 350px;
    vertical-align: middle;
    width: 182px;
    z-index: 2;
	padding-top:0;
	text-align: left;
}

.survey_page{
	display: none;
}

.survey_footer{
	display: none;
}

.survey_header{
	display: none;
}