@charset "UTF-8";
/* general pichouline.be stylesheet  */

/* ______________ TAGS ______________ */

body {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000;
	margin: 0px;
	position: relative;
	text-align: center;
	background: #fff;
}
a{
	color: #fc362c;
}


a:hover {
	color: #fc362c;
}

H2{
	background: url(../_images/layout/h2Back.png) top left no-repeat;
	height: 50px;
	color: #fff;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 14px;
	letter-spacing: 1px;
}

H2.long{
	background: url(../_images/layout/h2BackLong.png) top left no-repeat;
	height: 50px;
	color: #fff;
	line-height: 50px;
	padding: 0 0 0 15px;
	font-size: 14px;
	letter-spacing: 1px;
}

H2 a, H2 a:hover{
	text-decoration: none;
	color: #fff;
	
}

H3{
	color: #000;
	font-size: 14px;
}

#content H3{
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
}

th{
	text-align: left;
	padding: 0 3px 5px 3px;
	border-bottom: dashed 1px #999;
}

/* ______________ BLOCKS ______________ */


#container {
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	width: 960px;
}



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


#intro {
	margin-top: 100px;
	text-align: center;
}

#langSelect{
	margin-top: 40px;
	color: #aaa;
}

#langSelect a{
	font-size: 16px;
	color: #aaa;
	text-decoration: none;
}

#langSelect a:hover{
	color: #666;
}


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


#service {
	height: 36px;
	position: relative;
	width: 100%;
	text-align: right;
}


#service ul{
	display: inline-block;
	float: right;
}

#service ul li{
	position: relative;
	line-height: 36px;	
	font-size: 11px;
	color: #aaa;
	float: left;
	display: inline-block;
	padding: 0 0 0 22px;
}

#service #searchText{
	width: 100px;
	border: solid 1px #ddd;
	background: #fff;
	margin: 0 2px 0 0;
	height: 16px;
	line-height: 14px;
	color: #333;
}

#service a{
	color: #999;
	text-decoration: none;
	display: inline-block;
}

#service a:hover, #service a:hover .accent{
	color: #fc362c;
}

#service a.active{
	text-decoration: underline;
}

#service img{
	vertical-align: middle;
}


#logoutmenu{
	position: absolute;
	height: 36px;
	width: 200px;
	left: 0px;
	top: 0px;
	line-height: 36px;
	text-align: left;
}

.accent{
	color: #333;
	font-weight: bold;
}



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


#header {
	height: 165px;
	position: relative;
	width: 100%;
	background: url(../_images/layout/headerBack.jpg) top center no-repeat;
}

#header H1 {
	height: 165px;
	width: 350px;
	left: 0px;
	position: absolute;
	top: 0px;

}

#header H1 span{
	display: none;
}


#menu{
	height: 55px;
	width: 550px;
	left: 410px;
	position: absolute;
	top: 110px;
}

#menu ul li{
	position: relative;
	height: 55px;	
	float: left;
	display: inline-block;
}

#menu a{
	height: 55px;	
	display: block;
}

#menu a span{
	display: none;
}

#menuHomenl a{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) 0px 0px no-repeat;
}

#menuHomenl a:hover, #menuHomenl a.active{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) 0px -55px no-repeat;
}

#menuWinkelnl a{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) -100px 0px no-repeat;
}

#menuWinkelnl a:hover, #menuWinkelnl a.active{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) -100px -55px no-repeat;
}

#menuReferentiesnl a{
	width: 130px;
	background: url(../_images/layout/menuBack.jpg) -200px 0px no-repeat;
}

#menuReferentiesnl a:hover, #menuReferentiesnl a.active{
	width: 130px;
	background: url(../_images/layout/menuBack.jpg) -200px -55px no-repeat;
}

#menuOvernl a{
	width: 120px;
	background: url(../_images/layout/menuBack.jpg) -330px 0px no-repeat;
}

#menuOvernl a:hover, #menuOvernl a.active{
	width: 120px;
	background: url(../_images/layout/menuBack.jpg) -330px -55px no-repeat;
}

#menuContactnl a{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) -450px 0px no-repeat;
}

#menuContactnl a:hover, #menuContactnl a.active{
	width: 100px;
	background: url(../_images/layout/menuBack.jpg) -450px -55px no-repeat;
}

/*fr*/

#menuaccueilfr a{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) 0px 0px no-repeat;
}

#menuaccueilfr a:hover, #menuaccueilfr a.active{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) 0px -55px no-repeat;
}

#menuboutiquefr a{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) -100px 0px no-repeat;
}

#menuboutiquefr a:hover, #menuboutiquefr a.active{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) -100px -55px no-repeat;
}

#menuambiancesfr a{
	width: 130px;
	background: url(../_images/layout/menuBackFR.jpg) -200px 0px no-repeat;
}

#menuambiancesfr a:hover, #menuambiancesfr a.active{
	width: 130px;
	background: url(../_images/layout/menuBackFR.jpg) -200px -55px no-repeat;
}

#menua_proposfr a{
	width: 120px;
	background: url(../_images/layout/menuBackFR.jpg) -330px 0px no-repeat;
}

#menua_proposfr a:hover, #menua_proposfr a.active{
	width: 120px;
	background: url(../_images/layout/menuBackFR.jpg) -330px -55px no-repeat;
}

#menucontactfr a{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) -450px 0px no-repeat;
}

#menucontactfr a:hover, #menucontactfr a.active{
	width: 100px;
	background: url(../_images/layout/menuBackFR.jpg) -450px -55px no-repeat;
}


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


#main{
	position: relative;
	width: 960px;
	height: auto;
	background: url(../_images/layout/mainBack.jpg) top left no-repeat;
	padding-top: 30px;
}

#side{
	position: relative;
	margin-left: 30px;
	width: 265px;
	height: 540px;
	float: left;
}

.sideHome{
	width: 300px;
	margin: 0 0 0 10px;
}

.sideTxt{
	margin: 0 0 0 10px;
}

#content{
	position: relative;
	margin-left: 430px;
	width: 500px;
	height: auto;
	min-height: 500px;
}

#contentFull{
	position: relative;
	margin-left: -325px;
	width: 82px;
	height: auto;
	min-height: 500px;
}

#footer{
	position: relative;
	width: 960px;
	height: 60px;
	padding-top: 20px;
	line-height: 30px;
	text-align: center;
	color: #999;
	background: url(../_images/layout/footerBack.jpg) top left no-repeat;
}

#footer a{
	color: #666;
	text-decoration: none;
}

#footer * {
	vertical-align: middle;	
}

/* ______________ TEXT STYLES ______________ */

.longText p{
font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
}


.date{
	font-weight: bold;
}

p.small{
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 10px;
}

.sideTxt ul{
	font-size: 11px;
	line-height: 14px;
}
.sideTxt li{
	background: url(../_images/layout/li.gif) top left no-repeat;
	padding-left: 14px;
	vertical-align: middle;
	margin-bottom: 3px;
}

p.normal{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 10px;
}

ul.normal{
	font-size: 12px;
	line-height: 16px;
}
ul.normal li{
	background: url(../_images/layout/li.gif) top left no-repeat;
	padding-left: 14px;
	vertical-align: middle;
	margin-bottom: 10px;
}

ul.menu, ul.cats{
	font-size: 12px;
	line-height: 16px;
}
ul.menu li, ul.cats li{
	background: none;
	padding-left: 14px;
	vertical-align: middle;
	margin-bottom: 10px;
}
ul.menu li.active, ul.cats li.active{
	background: url(../_images/layout/liA.gif) top left no-repeat;
	padding-left: 14px;
	vertical-align: middle;
	margin-bottom: 10px;
	color: #fc362c;
}

ul.menu li a{
	color: #fc362c;
	text-decoration: none;
}
ul.cats li a{
	color: #000;
	text-decoration: none;
}


ul.menu li a:hover, ul.menu li.active a, ul.cats li a:hover, ul.cats li.active a{
	color: #fc362c;
	text-decoration: underline;
}

ul.cats li ul{
	border-left: dotted 1px #ccc;
	margin-top: 5px;
	margin-bottom: 10px;
}

ul.cats li ul li a,  ul.cats li.active li a{
	color: #666;
	text-decoration: none;
}


/* ______________ PRODUCT ______________ */

#productlist, #productdetail{
	position: relative;
	width: 630px;
	margin-left: -130px;
}

.product{
	width: 200px;
	height: 160px;
	margin-left: 10px;
	float: left;
	background: url(../_images/layout/productBack.png) bottom left no-repeat;
	position: relative;
}

.product A{
	text-decoration: none;
}

.product .image{
	width: 100px;
	height: 70px;
	margin-left: 40px;
	float: none;
	position: relative;
}

.product .price{
	position: absolute;
	left: 70px;
	top: 55px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	width: 80px;
	height: 20px;
	text-align: center;
	background: url(../_images/layout/priceBack.png) top left no-repeat;
}

.product .image img{
	width: 100px;
	height: 70px;
	border: solid 1px #efefef;
}

.title{
	margin-left: 40px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 14px;
}

#navigation{
	position: relative;
	clear: left;
	height: 20px;
	nowidth: 630px;
	text-align: right;
	font-size: 14px;
	margin-top: 10px;
	z-index: 1000;
}
#navigationNr{
	position: relative;
	height: 20px;
	text-align: right;
	font-size: 14px;
	margin-top: 10px;
}	
#navigation .active, #navigation a:hover{	
	color: #fc362c;
}

#navigation a, #navigationNr a{
	text-decoration: none;
	color: #000;
}

#productdetail #description{
	position: absolute;
	width: 200px;
	height: 500px;
	top: 0px;
	left: 0px;
}

#productdetail .price{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	width: 80px;
	height: 20px;
	text-align: center;
	background: url(../_images/layout/priceBack.png) top left no-repeat;
	margin: 5px 0 30px 0;
}

#productdetail .property{
	margin-top: 15px;
}
#productdetail .btw{
	font-size: 10px;
	color: #999;
	margin-top: 0px;
}

#productdetail #order{
	margin-top: 30px;
}

#productdetail .color{
	margin-bottom: 10px;
}

#productdetail #orderInput{
	width: 20px;
	border: solid 1px #ddd;
	background: #fff;
	margin: 0 2px 0 0;
	height: 16px;
	line-height: 14px;
	color: #333;
	text-align: center;
}

.pronavigatie{
	text-align: center;
	margin-top:30px;
}

#productdetail #attachments{
	position: absolute;
	width: 400px;
	height: 500px;
	top: 0px;
	left: 230px;
}

#att_holder{
	width: 400px;
	height: auto;
	border: solid 1px #efefef;
	text-align: center;
	background: #fff;

}

#att_loader{
	position: absolute;
	width: 16px;
	height: 16px;
	left: 192px;
	top: 192px;
}

#emptybasket{
margin-top: 10px;

}

#extraOrderInfo{
	margin-top:50px;
	margin-bottom: 40px;
	border: dotted 1px #ddd;
	background: #fefefe;
	padding: 40px 15px;
}

.payModus{
	margin-bottom:15px;
}

.payModus *{
	vertical-align: middle;
}

.payModus img{
	margin-right: 10px;
}

.payModus span{
	cursor: pointer;
}


.basketMsg div{
	margin-top: 10px;
}

#basket .price{
	font-size: 16px;
	color: #666;
	margin-top: 30px;
}

.order .price{
	font-size: 16px;
	color: #999;
	margin-top: 10px;
}

.order{
	
	margin-bottom: 20px;
}

.order td, #basket td{
	border-bottom: dashed 1px #CCC;
}


.illustratie{
	text-align: right;
}

.floater{
	float: right;
	margin-bottom: 10px;
}

.illustratie img{
	border: solid 1px #ccc;
}

/* ______________ FORMS ______________ */

.formItem{
	margin: 0 0 10px 0;
}

label{
	display: inline-block;
	width: 150px;
	height: 20px;
}

.nolabel{
	margin-left: 150px;
}

input.text{
	border: dashed 0px #eee;
	border-bottom: dashed 1px #333;
	line-height: 16px;
	font-size: 14px;
	color: #333;
	height: 20px;
	background: none;
	background: url(../_images/layout/inputBack.png) bottom left repeat-x;

}

input.checkbox{
}


textarea{
	width: 100%;
	height: 150px;
}

select{
	width: 150px;
	height: 20px;
	background: #fcfcfc;
}

select.long{
	width: 300px;
}
option{
	line-height: 16px;
	font-size: 14px;
}

input.long{
	width: 300px;
}

input.medium{
	width: 150px;
}

input.short{
}

.btnMedium{
	border: 0;
	outline: 0;
	background: url(../_images/layout/btnMedium.png) no-repeat;
	line-height: 30px;
	height: 30px;
	width: 200px;
	color: #fff;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin-top: 20px;
	cursor: pointer;
	margin-right: 5px;
}

.btnLink{
	background: #fff;
	border: 0px;
	outline: 0px;
	color: #fc362c;
	text-decoration: underline;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: left;
}

.btnMediumRed, input[type="submit"].ncol{
	border: 0;
	outline: 0;
	background: url(../_images/layout/btnMediumRed.png) no-repeat;
	line-height: 30px;
	height: 30px;
	width: 200px;
	color: #fff;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin-top: 20px;
	cursor: pointer;
}

input[type="submit"].ncol{
	background: url(../_images/layout/btnLargeRed.png) no-repeat;
	width: 300px;
	margin: 5px 5px 30px 5px;
}

.btnMediumRed a, .btnMediumRed a:hover{
	color: #fff;
	text-decoration: none;
}


.btnSmall{
	border: 0;
	outline: 0;
	background: url(../_images/layout/btnSmall.png) no-repeat;
	line-height: 20px;
	height: 24px;
	width: 80px;
	color: #fff;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	cursor: pointer;
}

.error{
	color: #fc362c;
	font-weight: bold;
}
span.error, div.error{
	margin-bottom: 5px;
	display: block;
}

.formComment{
	margin-top: 50px;
}

#message{
	display: block;
	text-align: left;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
}


/* first visit */

#firstvisit{
	width: 960px;
	height: 600px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	background: url(../_images/layout/firstvisit.jpg) no-repeat;
}

#firstNl{
	position: absolute;
	width: 400px;
	height: 50px;
	top: 230px;
	left: 20px;
	text-align: right;
}

#firstFR{
	position: absolute;
	width: 400px;
	height: 50px;
	top: 230px;
	left: 540px;
	
}


#firstvisit a{
	font-size: 14px;
	color: #000;
	text-decoration: none;
	line-height: 20px;
}

#firstvisit a:hover{
	color: #fc362c;
}

.firstSmall{
	color: #fc362c;
	font-size: 12px;
}

/* links */

.link{
	margin-bottom: 20px;
	display: block;
}

.link img{
		vertical-align: middle;
		border: solid 1px #ccc;
		margin-right: 10px;
		background: #fff;
}


/* press */

.pressItem{
	margin-bottom: 40px;
	display: block;
}

.pressPhoto, .pressTxt{
		display: inline-block;
		vertical-align: top;
}

.pressPhoto{
		width:120px;
}

.pressTxt{
		width: 280px;
                color: #000;
}

.pressTxt strong{
                color: #fc362c;
}

.pressPhoto img{
		border: solid 1px #ccc;
		width: 100px;
		height: auto;
		margin-right: 20px;
		background: #fff;
}

/*OGONE*/

.ogone .ncoltxtl{
    padding: 2px 5px;
    text-align: right !important;
}
.ogone .ncoltxtr{
    padding: 2px 5px;
    text-align: left !important;
}

.ogone .ncoltable2 td{
    padding: 5px;
}

.ogone form{
    margin: 80px 0px;
    padding: 10px;
    border: dotted 1px #ccc;
    background: #fff;
}

.ogone #form3, .ogone #form1{
   border: none;
}

.ogone .ncolline1, .ogone .ncolline2{
    text-align: left;
}

.ogone .ncolline2 small a{
    line-height: 1.3em;
}

.ogone input[type="image"]{
    width: 50px;
    height: auto;
    vertical-align: middle;
    float: left;
    margin-right: 8px;
}

.ogone *{
    vertical-align: top;
}