@import url('order.css');


/* GENERAL TAGS FORMATTING */
h1, h2, .h3, h3, h4{
	margin-top:0px;
	margin-bottom:0px;
}
body, p, th, td{
	font-family: Trebuchet MS, verdana, arial, sans;
	font-size:12px;
	line-height:16px;
}
* {
	margin: 0px;
	padding: 0px;
}
body{
	color:#000;
	margin:0px;
	padding:0px;
	background-color: #FEE1D0;
}
h1{
	font-family:arial, sans;
	font-size:20px;
}
.h2,
h2{
	font-size:14px;
	font-weight:bold;
}
.h3,/* do not put <h3's into <a's*/
h3{
	font-size:14px;
	font-weight:bold;
}
h4,
h5{	font-size:12px;}
p{	margin:0 0 1em 0;}
form{
	display:inline;
}
img{
	padding:0px;
	margin:0px;
}
.bold{
	font-weight:bold;
}
.u{
	text-decoration:underline;
}
.clear{
	clear:both;
}
.right{
	float:right;
}
a,
a:visited{
	color:#107697;
}
a:hover{
	color:#31BAD3;
}
.color1, .color1 a{/*purple*/
	color:#000;
	border-color:#7F3187;
}
.color2, .color2 a{/*green*/
	color:#000;
	border-color:#BCBD0E;
}
.color3, .color3 a{/*white*/
	color:#000;
	border-color:#fff;
}
#container{
	width:900px;
	margin:0 auto;
}
#header{
	position: relative;
	width:900px; 
	height:130px;
	margin:0px auto;
	background:transparent url('/images/header.gif') top left no-repeat;
}
#header .supertitle{
	border:none;
}
#header_logo{
	float: left;
}
#header_logo a{
	display: block;
	height: 110px;
	width: 300px;
	cursor: hand;
}
#header_date{
	color:#FFFFFF;
	height:41px;
	left:314px;
	position:absolute;
	top:49px;
	width:250px;
}
#header_menu{
	float:right;
	margin: 2px 10px 0 0;
}
#header_menu ul{
	list-style:none;
}
#header_menu ul li{
	display: inline;
	padding: 0px 5px;
}
#header_menu ul li a{
	color: #FE5904;
	text-decoration:none;
}
#header_menu ul li a:hover, #header_menu ul li.selected a{
	text-decoration:underline;
}

#main_menu{
        z-index: 1000;
	width: 873px;
	margin: 0 auto 2px auto;
	height: 30px;
	background: transparent url('/images/menu_bg.gif') no-repeat top center;
}
#main_menu ul{
	list-style:none;
	padding: 5px 0 0 0;
}
#main_menu ul li{
        z-index: 1000;
        position: relative;
	display: block;
        float: left;
	border-left: 1px solid #fff;
	padding: 0 10px 10px 10px ;
}
#main_menu ul li a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #C2EAF2;
}
#main_menu ul li a:hover {
	text-decoration:underline;
}
#main_menu ul .selected a {
	color: #fff;
}

/* submenu's */
#main_menu .selected ul a { color:#C2EAF2 !important; }
#main_menu ul ul .selected a { color: #fff !important; }
#main_menu ul ul{ position: absolute; list-style: none; z-index: 999; font-size: 100%; margin: 0; padding: 0; display: none; }
#main_menu ul li li { background: none; padding: 0px; }
#main_menu ul li li a { padding: 5px 10px 5px 10px; background: #31BAD3; width: 16em; display:block; float:left; }
#main_menu ul li li a:hover { text-decoration: underline; }
#main_menu li:hover ul { top:26px; left: 0px; display: block; }

/* Liquid layouts */
#main{
        z-index: 100;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background: #fff url(/images/main_bg.gif) no-repeat top left;
}
* html #main{
	height:1%; /* So IE plays nice */
}
/* CONTENT COLUMNS */
#mail #leftrail,
#home #leftrail,
#user #leftrail,
#content #leftrail {
        z-index: 200;
	float:left;
	width:600px;
	border-right:300px solid #fff;
	margin-right:-300px;
	min-height:420px;
	height:auto !important;
	height:420px;
}
#mail #rightrail,
#home #rightrail,
#user #rightrail,
#content #rightrail{
	float:left;
	width:300px;
	background:#fff url('/images/main_bg.gif') top right no-repeat;
	margin-right:-300px;
	padding-bottom:17px;
}
#offers #leftrail{
	float:left;
	width:450px;
	border-right:450px solid #fff;/* same color as #offers #rightrail background */
	margin-right:-450px;
	background:#fff url('/images/main_bg.gif') top left no-repeat;
}
#offers #rightrail{
	float:left;
	width:450px;
	background:#fff url('/images/main_bg.gif') top right no-repeat;
	margin-right:-450px;
	padding-bottom:17px;
}
.contentwrap{
	margin:50px 14px 0px 14px;
}
/* HOME STYLES */
#mail #leftrail h1,
#home #leftrail h1,
#content #leftrail h1{
	margin-bottom:4px;
}
#mail #leftrail h2,
#home #leftrail h2,
#content #leftrail h2,
#user #leftrail h2{
	margin-bottom:14px;
}
#mail #rightrail h1,
#home #rightrail h1,
#user #rightrail h1{
	font-size: 18px;
	line-height: 18px;
	margin-bottom:4px;
}
#mail #rightrail h2,
#home #rightrail h2,
#user #rightrail h2{
	margin-bottom:14px;
}
#offers #leftrail h1,
#user #leftrail h1{
	font-size: 18px;
	line-height: 18px;
	margin-bottom:14px;
}
#offers #rightrail h1{
	margin-bottom:4px;
	text-transform:uppercase;/* correctly converts é => É*/
}
#offers #rightrail h2{
	margin-bottom:14px;
	font-size:13px;
}
/* OFFERS CSS */
#offers_filter{/*blueish*/
	border:1px solid #FEE1D0;
	background: #FEE1D0;
	margin-bottom:17px;
	padding:4px 4px 0;
}
#offers_filter .content{
	padding:3px;
	border:1px solid #fff;
}
#offers_filter .filterwrap{
	float:right;
}
#offers_filter select,
#offers_filter input,
#offers_filter label{
	float:left;
	color:#000;
	font-size:100%;
}
#offers_filter label.category{
	display:block;
	float:left;
/*	width:150px;*/
	color:#000;
}
#offers_filter select{
		margin-left:3px;
}
/* OFFER */
.offer_list { margin-bottom: 10px; }
.offer_list .type1{ background-color:#FEE1D0; }
.offer_list .type2{ background-color:#FFF; }
.offer_short { margin-bottom:  10px; position: relative; }
.offer_short a { text-decoration:none; color: #000; }
.offer_short .thumb{ float:left; height: 50px; width: 50px; }
.offer_short div.content { height: 50px; float: left; width: 370px; }
.offer_short p { padding: 5px 5px 0 10px;  }
.offer_short span.title { display: block; font-weight: bold; text-decoration: underline; color: #FE5904;  }
.offer_short a:hover span { text-decoration: underline; color: #FE8A4F; }
.offer_short span.arrow{ display: block; position: absolute; right: 10px; bottom: 10px; background: url('/images/arrow_red.gif') no-repeat center right; height: 15px; width: 100px; text-indent: -999px; }
.offer_short img{ border:0px; cursor:pointer; }
.offer_short .offer_title { color:#000099; text-decoration:underline; }

/* PAGER */
#pager a{
	background-color:#31BAD3;
	width:22px;
	height:20px;
	text-align:center;
	display:block;
	float:left;
	margin-right:10px;
	color:#fff;
	text-decoration:none;
	line-height: 19px;
}
#pager .separator, #pager .separator:hover { background: none; color: #000; }
#pager .nextpage { margin-right: 0px; }
#pager a:hover,
#pager a.selected{
	background-color:#FE5904;
}
#pager .arrow{
	display:block;
	width:20px;
	height:20px;
	background:url('/images/arrow_red.gif');
	background-repeat:no-repeat;
	margin-top:5px;
}
#pager .arrow:hover {
	background-color:#fff;
}
/* OFFER DETAILS */
#offer_details p .boldtext{
	font-weight:bold;
}
/* SPECIAL */
.special_icon{
	width:52px;
	height:53px;
	background:url('/images/tip.gif');
	background-repeat:no-repeat;
	float:right;
}
.special{
	width:415px;
	background:url('/images/special_mid.gif') repeat-y;
	margin-bottom:17px;
}
.special div.content{
	margin:0 10px;
}
#offers #rightrail .special .content h2{
	margin-bottom:0px;
	font-size:16px;
	color:#F58026;
}
.special .content h4{
	margin-bottom:8px;
	color:#000;
}
.special .content h5{
	margin-bottom:8px;
	color:#000;
}
.special .header{
	width:415px;
	height:14px;
	background:url('/images/special_top.gif') no-repeat top left;
}
.special_tab{
	clear:left;
	text-align:center;
	width:100px;
	padding:5px 0px 1px 0px;
	margin: 17px 0 0 17px;
	background-image:url('/images/special_tab.gif');
	background-repeat:no-repeat;
}
.special_tab p{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin:0;
}
.special .footer{
	width:415px;
	height:14px;
	background:url('/images/special_bottom.gif') no-repeat bottom left;
}
.special .content .promoline{
	background-color:#31BAD3;
	border:5px solid #31BAD3;
	color:#fff;
	display:block;
	float:right;
	font-size: 1.5em;
	font-weight: bold;
	-moz-border-radius:5px;
	line-height:1.1em;
}
.special table.offerdetailsgrid, .special table.offerpricesgrid {
	width:100%;
	border: 1px solid #107697;
	margin-bottom:8px;
}
.special table.offerdetailsgrid TH,
.special table.offerdetailsgrid TD,
.special table.offerpricesgrid TH,
.special table.offerpricesgrid TD{
	padding:0 4px 0 4px;
}
.special table.offerdetailsgrid TH,
.special table.offerpricesgrid TH{
	background-color:#F58026;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
.special table.offerpricesgrid TD{
	text-align:left;
	vertical-align:top;
}
.special table.offerpricesgrid TD.name{
	font-weight:normal;
}
.special table.offerpricesgrid TD.value_comp{
	font-style:italic;
}
.special table.offerpricesgrid TD.value{
	font-weight:bold;
}
.special table.offerdetailsgrid TD{
	text-align:left;
	vertical-align:top;
}
.special table.offerdetailsgrid TD.name{
	font-weight:bold;
}
.special table.offerdetailsgrid TD.value_comp{
	font-style:italic;
}
.special table.offerdetailsgrid TD.value{
	font-weight:normal;
}
/* BUTTONS STYLES */
.buttcolor1{/*purple*/
	float:left;
	border:1px solid #E47926;
	background-color:#E47926;
	background-image:url('/images/button_back.gif');
	background-repeat:repeat-x;
}
#rightrail .buttcolor1{
	margin-right:10px;
}
.buttcolor2{/*green*/
	float:left;
	border:1px solid #E47926;
	background:#E47926;
	margin-right:10px;
}
.buttlink{
	width:auto;
	font-size:14px;
	font-weight:bold;
	padding:1px 7px;
	padding-right:21px;
	border:1px solid #fff;
	background:transparent url('/images/arrow.gif') center right no-repeat;
	display:block;
}
a .buttlink{
	text-decoration:none;
	color:#fff;
}
a .buttlink:hover{
	text-decoration:underline;
}
/* BANNERS */
.banners img{
	float:left;
	width:120px;
	height:80px;
}
.bannertextbox{
	float:left;
	margin-left:12px;
	margin-top:17px;
	width:410px;
}
/* BANNERS */
.bannerblock{
clear:both;
height:104px;
}
.bannerbox{
position:relative;
width:426px;
float:left;
margin-top:15px;
}
.bannerbox .h3{
	font-weight:bold;
}
.bannerbox .h3,
.bannerbox .p{
	margin:0 10px 0 10px;
	display:block;
}
.bannerbox .h3{
	color:#fff;
	text-decoration:underline;
}
.bannerbox .color1 .p{
	color:#FFF;
}
.bannerbox .color2 .p{
	color:#FFF;
}
.bannerbox .arrow{
	position:absolute;
	right:12px;
	color:#fff;
}
.bannerbox .arrow .h3{
	display:inline;
}
.bannerbox img{
	margin-left:12px;
	border:0px;
	cursor:pointer;
}
.bannerbox .color1, .bannerbox .color1 a {
	background:#F58026;
}
.bannerbox .color2{
	background:#F58026;
}
.bannerbox .header{
	display:block;
	width:426px;
	height:12px;
}
.bannerbox .footer{
	display:block;
	width:426px;
	height:12px;
}
.bannerbox .color2 .header{
	background:url('/images/banner_blue_top.gif') no-repeat top left;
}
.bannerbox .color2 .footer{
	background:url('/images/banner_blue_bottom.gif') no-repeat bottom left;
}
.bannerbox .color1 .header{
	background:url('/images/banner_blue_top.gif') no-repeat top left;
}
.bannerbox .color1 .footer{
	background:url('/images/banner_blue_bottom.gif') no-repeat bottom left;
}
.bannerblock .thumb1{
	display:block;
	float:left;
	width:130px;
	height:90px;
	background:url('/images/banner_thumb1.gif') no-repeat bottom left;
	float:left;
	margin-right:10px;
}
.bannerblock .thumb2{
	display:block;
	float:left;
	width:130px;
	height:90px;
	background:url('/images/banner_thumb2.gif') no-repeat bottom left;
	float:left;
	margin-right:10px;
}
/* CONTENT SIDEBANNERS */
.sidebanner{
	width:263px;
	margin:15px 0 15px 0;
}
.sidebanner .h3{
	font-weight:bold;
}
.sidebanner .h3,
.sidebanner .p{
	margin:0 10px 0 10px;
	display:block;
}
.sidebanner .h3{
	color:#fff;
	text-decoration:underline;
}
.sidebanner .color1 .p{
	color:#fff;
}
.sidebanner .color2 .p{
	color:#fff;
}
.sidebanner .arrow{
	float:right;
	color:#fff;
	margin-right:10px;
	background-image:url('/images/arrow.gif');
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:42px;
	font-weight:600;
	font-size:14px;
	text-decoration:underline;
}
.sidebanner img{
	margin-right:12px;
	border:0px;
	cursor:pointer;
}
.sidebanner .color2{
	background:#F58026;
}
.sidebanner .color1{
	background:#F58026;
}
.sidebanner .header{
	display:block;
	width:263px;
	height:10px;
}
.sidebanner .footer{
	display:block;
	width:263px;
	height:10px;
	clear:both;
}
.sidebanner .color1 .header{
	background:url('/images/sidebanner_top.gif') no-repeat top left;
}
.sidebanner .color1 .footer{
	background:url('/images/sidebanner_bottom.gif') no-repeat bottom left;
}
.sidebanner .color2 .header{
	background:url('/images/sidebanner_top.gif') no-repeat top left;
}
.sidebanner .color2 .footer{
	background:url('/images/sidebanner_bottom.gif') no-repeat bottom left;
}
/* ACTIEBON */
#actiebon{
	background:url('/images/background_popup.jpg') top left ;
	background-repeat:repeat-x;
}
#actiebon #content{
	margin:17px;
	width:560px;
}
#actiebon h1{
	margin-bottom:14px;
	color:#7F3187;
}
#actiebon .buttcolor2{
	float:right;
}
/* CUSTOM SCRIPTS faq & bedrijfsinformatie */
.heading{
	font-weight:bold;
}

/* USER & mailS contact & request */
#mail .personalheading{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}
#mail .contact{
	background:#fff;
	border:1px solid #FF5500;
}
#mail textarea{
	height:100px;
}
#mail input.text,
#mail input.checkbox,
#mail textarea,
#home input.text,
#user input.text{
	font-size:11px;
/*	height:20px;*/
	padding-left:7px;
}
#mail input.text,
#mail textarea,
#home input.text,
#user input.text{
	border:1px solid #803187;
	background-image:url('/images/inputshadow.gif');
}
#mail .submit,
#home .submit,
#user .submit{
	background:#803187 url('/images/button_back.gif') top left repeat-x;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border:1px solid #fff;
}
#mail fieldset,
#home fieldset,
#user fieldset{
	padding: 8px;
	background:#FEE1D0;
	border:1px solid #FE5904;
}
#home .loginBox {
	margin-bottom: 1em;
}

#user .loginBox input.text,
#home .loginBox input.text,
#user .loginBox input.checkbox,
/*#user .loginBox input.submit, bordered*/
#user .loginBox select,
#user .loginBox textarea{
	margin:0 1px 1px 0;
	font-size:100%;/* for buttons?*/
}
.submitpadder,/* eg. submit button padding*/
#user .loginBox input.text,
#home .loginBox input.text,
/*#user .loginBox input.checkbox,*/
#user .loginBox input.submit,
#home .loginBox input.submit,
#user .loginBox select,
#user .loginBox textarea{
	width:181px;
}
#user .loginBox input.checkbox,
#user .loginBox input.radio,
#user #birthday_Month_ID,
#user #birthday_Day_ID,
#user #birthday_Year_ID{
	width:auto !important;
}
#mail legend,
#user legend{
	color:#000;
	font-weight:bold;
}
body#tick div#container div#main{
	/*padding:12px;*/
	background-image:url('/images/form_back.jpg');
	background-repeat:repeat-x;
}
body#printdetails #container{
	width:auto;
	margin:0;
}
body#tick h1{
	margin-bottom:14px;
}

.loginErr,
#home .warning,
#user .warning,
#mail .warning{
	color:#d00;
}
#mail table.orderTable th{
	text-align:left;
	vertical-align:top;
	line-height:2em;
}
#mail label,
#home label,
#user label{
	color:#000;
	background:#f1f1cc;
	padding-left:20px;
	background:transparent url('/images/field_arrow2.gif') 5px 2px no-repeat;
	width:181px;
	float:left;
	display:block;
	vertical-align:middle;
}


#mail .fieldrow1,
#home .fieldrow1,
#user .fieldrow1{
	border:1px solid #fff;
	margin-bottom:4px;
	padding:2px;
	clear:both;
/*	_overflow:hidden;
	_height:1%;*/
}
#mail .fieldrow2,
#home .fieldrow2,
#user .fieldrow2{
	border:1px solid #BCBD0E;
	margin-bottom:4px;
	padding:2px;
	clear:both;
}

.checkrow,
.checkrow .checkbox,
.checkrow .radio{
	display:block;
	float:left;
}
.autowidth{
	width:auto !important;
}
.readonly{
	background: #d6d5d9 !important;/* FF readonly styling for IE*/
}
.submitpadder{
	height:1em;
	margin-right:30px;
	display:block;
	float:left;
}
fieldset .submitpadder{
	margin-right:20px !important;
}
/* FAQ PAGE */
.faq{
	border:1px solid #C2EAF2;
	border-width:0 0 1px 0;
	margin:3px 0 0 0;
	background: transparent url('/images/field_arrow2.gif') 0 2px no-repeat;
	padding:0 0 1px 15px;
}
.faq a img{
	border:none;
}
/* BEDRIJFSINFO */
table.bed td{
	line-height:0px;
}
table.bed .body{
	line-height:1em;
}
/* FOOTER */
.pagefooter{
	padding:5px 0px;
	background: #fff;
}
.pagefooter p{
	margin: 15px;
	padding-top: 5px;
	border-top: 1px dashed #666;
}
.pagefooter a{
	padding:0px 10px;
}
/* advimage_styles */
.image_left,
.swfir_brd_l{
	float:left;
	padding:0 10px 0 0;
}
.image_right,
.swfir_brd_r{
	float:right;
	padding:0 0 10px 10px;
}
/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
	/* Hide from IE Mac \*/
.clearfix{
	display:block;
}

.contentwrap input.submit
 {
    display: block;
    clear: both;
    color: #fff;
    background: #fff url(/images/button_back.gif) repeat-x;
    border: 1px solid #7F3187;
    font-size: 12px;
}

.search {  padding:5px 4px; }
.search form { padding:0 0 5px 0;display:block; }
.search a { font-weight:normal;}
.search p { font-size:1em;padding:5px 0 0 0;margin:0;font-weight:normal;border-top:1px solid #d9deec}