/**
 * Stylesheet for <Telecom Adviseur>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/* Reset.css is in a separate file */

body {
	background: #E4E5E8 url(../images/bodybg.png) repeat-x;
	font: 300 13px/1.4 Arial, sans-serif;
	line-height: 1.4; /* Safari 2.0.4 */
	color: #555;
}

/* Typography */

h1, h2, h3, h4 {
	color: #007CDF;
	line-height: 1.1;
	font-weight: 300;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.p406 h1, .p406 h2, .p406 h3, .p406 h4,
.purple h1, .purple h2, .purple h3, .purple h4,
.purple h1 a, .purple h2 a, .purple h3 a, .purple h4 a {
	color: #42278D;
}

.p500 h1, .p500 h2, .p500 h3, .p500 h4,
.red h1, .red h2, .red h3, .red h4,
.red h1 a, .red h2 a, .red h3 a, .red h4 a {
	color: #FD0A00;
}

h1, h2 {
	font-size: 21px;
	font-weight: 300;
	padding: 0 0 12px;
}

h3 {
	font-size: 18px;
	padding: 0 0 10px;
}

h4 {
	font-size: 15px;
	padding: 0 0 10px;
}

#content ul {
	list-style: disc;
	padding: 0 0 20px 20px;
}

#content ol {
	list-style: decimal;
	padding: 0 0 20px 0;
}

#content ol li {
	margin: 0 0 0 30px;
}

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

table {
	margin: 0 0 12px;
}

table.datagrid {
	width: 98%;
}

table td, table th {
	border: 1px solid #FFF;
}

table.datagrid td, table.datagrid th {
	padding: 2px 5px;
	border: 1px solid #EEE;
}

dt.question p {
	font-weight: 700;
}

dd.answer {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #EEE;
}

div.hr {
	font-size: 0;
	height: 0;
	border-bottom: 1px solid #EEE;
	margin: 0 0 20px;
}


p {
	padding: 0 0 8px 0;
}

blockquote {
	font-style: italic;
	padding-left: 15px;
}

blockquote p {
	padding: 0;
	margin: 0 0 8px 0;
}

/* Link styles*/

a:link { color: #007cdf; }
a:visited { color: #0069bc; }
a:hover { color: #222; }
a:active { color: #000; }

div.meta a:link {
	text-decoration: none;
	color: #007CDF;
}

div.meta a:visited {
	color: #0069bc;
	text-decoration: none;
}


strong {
	color: #444;
}

/* Structural */

#container {
	width: 935px;
	margin: 0 auto;
}

#content {
	padding-right: 43px;
	float: left;
	width: 551px;
}

#header {
	background: url('../images/topbg.png') no-repeat bottom left;
	padding: 18px 24px 0;
	/* height: 164px; */
	height: 124px;
	position: relative;
}

	#logo {
		float: left;
	}

	#logo h1, #logo span.sitetitle {
		background: url('../images/logo.gif') no-repeat;
		width: 354px;
		/* height: 115px; */
		height: 85px;
		text-indent: -9000px;
		padding: 0;
	}
	
	.fr #logo h1, .fr #logo span.sitetitle {
		background: url('../images/logo_fr.gif') no-repeat;
		width: 354px;
		/* height: 115px; */
		height: 85px;
		text-indent: -9000px;
		padding: 0;
	}

	#logo h1 a {
		display: block;
		width: 354px;
		/* height: 115px; */
		height: 85px;
		overflow: hidden;
	}

#main {
	background: url('../images/mainbg.png') repeat-y;
	padding: 24px 24px 48px;
	position: relative;
}

/* Navigation styles */

#sidebar {
	padding-right: 43px;
	float: left;
	width: 244px;
}

	#navigation ul {
		padding: 0;
		margin: 0 0 23px;
	}
	
	#navigation ul ul {
		margin: 0;
	}
		
	#navigation ul li {
		list-style: none;
	}
	
	#navigation li a:link,
	#navigation li a:visited {
		border-left: 11px solid #CCC;
		border-bottom: 1px solid #E7E7E7;
		font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
		font-size: 12px;
		display: block;
		padding: 0 0 0 17px;
		line-height: 2.91;
	}

	#navigation li.selected a:link,
	#navigation li.selected a:visited,
	#navigation li.selected a:hover,
	#navigation li.selected a:active {
		color: #007CDF;
		font-weight: 700;
		background: url(../images/navhover.png) repeat-y;
	}

	#navigation li a:hover,
	#navigation li a:active {
		border-left: 11px solid #007CDF;
		color: #007CDF;
		background: url(../images/navhover.png) repeat-y;
	}
	
	#navigation li.p500 a:link,
	#navigation li.p500 a:visited,
	#navigation li.p500 a:hover,
	#navigation li.p500 a:active {
		border-left: 11px solid #FD0A00; /* scarlet */
		color: #FD0A00;
	}

	#navigation li.p406 a:link,
	#navigation li.p406 a:visited,
	#navigation li.p406 a:hover,
	#navigation li.p406 a:active {
		border-left: 11px solid #42278D; /* Proximus */
		color: #42278D;
	}

	#navigation li.p405 a:link,
	#navigation li.p405 a:visited,
	#navigation li.p405 a:hover,
	#navigation li.p405 a:active {
		border-left: 11px solid #007CDF;
		color: #007CDF;
	}
	
	#navigation li.selected li a:link,
	#navigation li.selected li a:visited {
		border-left: none;
		border-bottom: 1px solid #e7e7e7;
		font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
		font-size: 11px;
		display: block;
		padding: 0 0 0 37px;
		line-height: 2.41;
		background: none;
		margin: 0 0 0 11px;
		color: #888;
	}

	#navigation li.selected li a:hover,
	#navigation li.selected li a:active {
		color: #007CDF;
		border-left: none;
	}

	#navigation li.selected li.selected a:link,
	#navigation li.selected li.selected a:visited {
		background: url(../images/navhover2.png) repeat-y;
		color: #007CDF;
	}
	
	#navigation li.p500 li.selected a:link,
	#navigation li.p500 li.selected a:visited,
	#navigation li.p500 li.selected a:hover,
	#navigation li.p500 li.selected a:active {
		color: #FD0A00;
	}

	#navigation li.p406 li.selected a:link,
	#navigation li.p406 li.selected a:visited,
	#navigation li.p406 li.selected a:hover,
	#navigation li.p406 li.selected a:active {
		color: #42278D;
	}

	#navigation li.selected li.selected li a:link,
	#navigation li.selected li.selected li a:visited {
		padding: 0 0 0 57px;
		margin: 0 0 0 11px;
		background: none;
		font-weight: 300;
		color: #AAA;
	}

	#navigation li.selected li.selected li a:hover,
	#navigation li.selected li.selected li a:active {
		color: #007CDF;
	}
	
	#navigation li.p500 li a:hover,
	#navigation li.p500 li a:active {
		color: #FD0A00;
	}

	#navigation li.p406 li a:hover,
	#navigation li.p406 li a:active {
		color: #42278D;
	}
	
	#navigation li.p500 li.selected li a:hover,
	#navigation li.p500 li.selected li a:active {
		color: #FD0A00;
	}

	#navigation li.p406 li.selected li a:hover,
	#navigation li.p406 li.selected li a:active {
		color: #42278D;
	}

	#navigation li.selected li.selected li.selected a:link,
	#navigation li.selected li.selected li.selected a:visited {
		color: #007CDF;
	}
	
	#sidebar #navigation ul li.p500 li.selected li.selected a:link,
	#sidebar #navigation ul li.p500 li.selected li.selected a:visited {
		color: #FD0A00 !important;
	}

	#sidebar #navigation ul li.p406 li.selected li.selected a:link,
	#sidebar #navigation ul li.p406 li.selected li.selected a:visited {
		color: #42278D !important;
	}

	#navigation li a {
		text-decoration: none;
		color: #888;
	}
	
/* Contact widget and newsletter signup underneath navigation */
#contact .content {
	background: #007cdf;
	color: #FFF;
	font-size: 12px;
	padding: 10px 10px 4px;
	clear: both;
}

#contact img {
	float: left;
	clear: left;
	width: 205px;
}

#contact .lc5element {
	width: 187px;
}

#contact .lc5element img {
	width: 187px;
}

#newsletter-signup, #contact {
	width: 205px;
	padding: 0 0 23px 23px;
}

	#newsletter-signup input.input-textfield {
		width: 132px;
	}
	
	#newsletter-signup h4 {
		font-size: 13px;
		border-bottom: 1px dotted #aaa;
		padding: 0 0 2px;
		margin: 0 0 7px;
	}

#contact {
	padding-top: 0;
}

#newsletter-signup .top, #newsletter-signup .bottom, #contact .bottom {
	height: 6px;
	font-size: 0;
	line-height: 0;
	background: url('../images/side-grey-rc.png') no-repeat 0 0;
}

#contact .bottom {
	background: url('../images/side-blue-rc.png') no-repeat bottom left;
}

#newsletter-signup .content {
	padding: 4px 10px;
	background: #CCC;
}

#newsletter-signup .bottom {
	background: url('../images/side-grey-rc.png') no-repeat bottom left;
}

/* Language select */
#language {
	position: absolute;
	left: -1px;
}

	#language li a:link,
	#language li a:visited {
		background: url('../images/lang.png') no-repeat;
		width: 25px;
		height: 22px;
		display: block;
		text-align: center;
		line-height: 22px;
		font-size: 12px;
		color: white;
		text-decoration: none;
		margin-bottom: 4px;
		font-family: "Trebuchet MS", Arial, sans-serif;
	}

	#language li.selected a:link,
	#language li.selected a:visited,
	#language li.selected a:hover,
	#language li.selected a:active,
	#language li a:hover,
	#language li a:active {
		background: url('../images/lang_selected.png') no-repeat;
	}
	
/* Client type */

#client-type {
	position: absolute;
	bottom: 24px;
	right: 48px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#client-type li {
	float: left;
}

#client-type li a:link,
#client-type li a:visited {
	font-size: 12px;
	color: white;
	text-decoration: none;
	display: block;
	float: left;
	background: url('../images/clienttype.png') no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 4px;
	height: 33px;
	line-height: 33px;
}

#client-type li.selected a:link,
#client-type li.selected a:visited,
#client-type li.selected a:hover,
#client-type li.selected a:active,
#client-type li a:hover,
#client-type li a:active {
	background: url('../images/clienttype_selected.png') no-repeat;
}

#client-type li a span {
	background: url('../images/clienttype.png') no-repeat top right;
	display: block;
	padding: 0 10px 0 0;
}

#client-type li.selected a span,
#client-type li a:hover span,
#client-type li a:active span {
	background: url('../images/clienttype_selected.png') no-repeat top right;
}

/* Faq excerpt on homepage */
/* And news on homepage */

#faq-excerpt {
	margin: 0 0 20px;
	border-bottom: 1px solid #EEE;
}

#faq-excerpt .question {
	color: #222;
	font-weight: 700;
	padding: 0 0 5px;
}

#blog p.date, #blogdetail p.date {
	font-size: 11px;
	color: #808080;
}

/* overview */
.blogpost {
	padding: 0 0 30px;
}

p.button {
	float: right;
	margin: 0 0 20px;
	padding: 0;
}

#blogdetail p.button {
	margin: 20px 0;
}

p.button a {
	background: #EEE;
	display: block;
	padding: 2px 19px;
	border: 1px solid #DDD;
	text-decoration: none;
	font-size: 11px;
	font-weight: 700;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#blog h4 {
	padding: 0;
}

#blog h4 a {
	text-decoration: none;
}

p.answer {
	padding: 0;
}

/* Offers on homepage */

#offers {
	clear: both;
	padding: 0 0 24px;
}

	#offers-col1, #offers-col2 {
		width: 263px;
		float: left;
	}
	
	#offers-col2 {
		padding-left: 24px;
	}
	
	.offer {
		width: 263px;
		margin-top: 24px;
	}
	
	div.price {
		width: 101px;
		height: 60px;
		float: right;
		text-align: center;
		line-height: 20px;
		color: #FFF;
		font-family: "Trebuchet MS", Arial, sans-serif;
		margin-left: 5px;
	}
	
	div.price a:link,
	div.price a:visited,
	div.price a:hover,
	div.price a:active {
		padding-top: 13px;
		color: #FFF;
		text-decoration: none;
		display: block;
		width: 101px;
		height: 47px;
	}
	
		div.price strong {
			font-size: 24px;
			font-weight: 300;
			display: block;
			color: #FFF;
		}

	.purple .price { background: url('../images/pricetag_purple.png') no-repeat; }
	.blue .price { background: url('../images/pricetag_blue.png') no-repeat; }
	.red .price { background: url('../images/pricetag_red.png') no-repeat; }
	
	.offer h3 {
		padding: 0;
	}
	
	.offer h3 a:link,
	.offer h3 a:visited,
	.offer h3 a:hover,
	.offer h3 a:active {
		padding: 6px 13px;
		color: white;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.offer .content {
		padding: 12px 12px 6px;
		font-size: 12px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	
	#offers .blue h3 a { background: #007cdf url('../images/offer2-top.png') no-repeat; }
	#offers .purple h3 a { background: #46218b url('../images/offer-top.png') no-repeat; }
	#offers .red h3 a { background: #FD0A00 url('../images/offer-top-red.png') no-repeat; }
	
	.offer .bottom {
		height: 6px;
		font-size: 0;
		line-height: 0;
	}

	.purple .bottom { background: url('../images/offer-bottom.png') no-repeat bottom left; }
	.purple .content { background: url('../images/offer-content.png') repeat-y; }
	.blue .bottom { background: url('../images/offer2-bottom.png') no-repeat bottom left; }
	.blue .content { background: url('../images/offer2-content.png') repeat-y top left; }
	.red .bottom { background: url('../images/offer-bottom-red.png') no-repeat bottom left; }
	.red .content { background: url('../images/offer-content-red.png') repeat-y top left; }

/* Chat */

	#chat {
		display: block;
		padding: 10px 0 0 0;
	}

	#chat img {
		float: none;
	}

/* Fork defaults: image classes */
img.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

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

/* Introduction on homepage */

#intro {
	color: #848484;
}

	#intro img.alignright {
		padding: 0 0 0 30px;
	}


p.readmore, a.readmore {
	font-size: 12px;
	display: block;
}

/* Footer */
#footer {
	background: url('../images/footerbg.png') no-repeat;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	padding: 0 24px;
	margin: 0 0 48px;
}

	/* All this crap is because I don't know the width of the footer's contents, to make it flex, you know? */
	#footer {
		width: 878px;
		overflow: hidden;
	}
	
	#footer #centerwrap {
		float: left;
		position: relative;
		left: 50%;
	}
	
	#footer ul {
		overflow: hidden;
		position: relative;
		left: -50%;
		z-index: 2;
	}

	#footer li {
		float: left;
		padding: 0 7px;
		font-size: 11px;
	}
	
	#footer li a {
		color: #e1f0fb;
	}

/* Form styles */
input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

span.form-success {
	color: green;
	display: block;
	font-weight: 700;
	padding: 0 0 12px;
}

#blogarchive-mini {
	display: none;
}

textarea {
	width: 350px;
	padding: 2px;
}

.blogcomments {
	margin: 0 0 30px;
}

div.blogcomment p.commenttitle {
	font-size: 11px;
	color: #808080;
	padding: 0;
}

div.blogcomment p.author {
	font-size: 11px;
	color: #808080;
	font-weight: 700;
	color: #444;
}

div.blogcomment {
	border-bottom: 1px solid #EEE;
	margin: 0 0 10px;
}

#contactform #name, .blogform #name {
	width: 120px;
}

#contactform #email, .blogform #email, #website {
	width: 180px;
}

#subject {
	width: 350px;
}

#contactform dd, .blogform dd {
	padding: 0 0 6px;
}

span.form-error {
	display: block;
	color: red;
	font-size: 12px;
	padding: 0 0 10px;
}

span.success {
	display: block;
	color: #000;
	font-size: 12px;
	padding: 0 0 10px;
}

label {
	color: #444;
	cursor: pointer;
	font-size: 12px;
}

#blogdetail h1 {
	padding: 0 0 4px;
}

#blogdetail div.meta, #blog div.meta {
	border-top: 1px solid #EDEDED;
	padding-top: 3px;
	color: #808080;
	font-size: 11px;
	margin-top: 5px;
}

div.meta a {
	color: #555;
}

.hidden {
	display: none;
}

#products h3.category-name {
	padding: 0;
}

#products h3.category-name a:link,
#products h3.category-name a:visited,
#products h3.category-name a:hover,
#products h3.category-name a:active {
	background: url(../images/catbg.png) no-repeat 0 0;
	width: 263px;
	padding: 5px;
	display: block;
	line-height: 1;
	color: white;
	margin: 12px 0 12px;
	text-decoration: none;
}

.p500 #products h3.category-name a:link,
.p500 #products h3.category-name a:visited,
.p500 #products h3.category-name a:hover,
.p500 #products h3.category-name a:active {
	background: url(../images/catbg_red.png) no-repeat 0 0;
}

.p406 #products h3.category-name a:link,
.p406 #products h3.category-name a:visited,
.p406 #products h3.category-name a:hover,
.p406 #products h3.category-name a:active {
	background: url(../images/catbg_purple.png) no-repeat 0 0;
}

#products div.product {
	border-bottom: 1px solid #EEE;
	margin: 0 0 12px 0;
}

#products div.product h3 {
	font-size: 15px;
}

div.product-description, p.product-description {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	width: 412px;
}

p.product-price {
	width: 101px;
	height: 60px;
	float: right;
	text-align: center;
	line-height: 20px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-left: 20px;
	position: relative;
	bottom: 27px;
	padding: 0;
}

p.product-price a {
	width: 101px;
	display: block;
	text-decoration: none;
	height: 47px;
	padding-top: 13px;
}

.p500 p.product-price a {
	color: #FD0A00;
}

.p406 p.product-price a {
	color: #42278D;
}

	p.product-price strong {
		font-size: 18px;
		font-weight: 300;
		display: block;
	}
	/* Fork defaults: 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;
		background: #FCFCFC;
		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: #FFF;
		border: 1px solid #BBB;
		color: black;
	}

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

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

	.pagination li.previouspage {
		margin-right: 15px;
	}
	
#certified {
	text-align: center;
	padding-top: 10px;
}

#certified img {
	padding-bottom: 15px;	width: 205px;
}

.mceContentBody ul li {
	list-style-type: circle;
	font-size: 13px !important;
}

.mceContentBody ol li {
	list-style-type: decimal;
	font-size: 13px;
}


.mceContentBody h4 {
	font-size: 14px;
}




/* Clearfix */
.clearfix:after, #main:after, #header:after, #footer ul:after, #offers:after, #products h3.category-name:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}