/*	Author: Frank van Eldijk 	*/
/*	Last changed: 28-06-2009	*/
/*	Version: 2.0 			*/

@import url("reset.css");

/*	BODY  ~ WRAP	*/
html, body,#wrap {
	height: 100%;
	}

* {	
	margin:0;
	padding:0;
	}
	
body > #wrap {
	height: auto;
	min-height: 100%;
	}

#wrap {
	width:1000px;
	margin:0 auto;
	background:url(../images/webshop_BG3.gif) repeat-y 50% 0%;
	}

	
body {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background:url(../images/intima_BG2.gif) repeat-x #e8e8e8  50% 0%;
	}
	
/*	HEADER	*/
#header{
	width:1000px;
	height:120px;
	float:left;
	background:url(../images/intima-header.jpg) no-repeat;
	}

#logo{
	width:100px;
	float:left;
	}

#topleftcontainer{
	display:none;
	}

/*	HEADER ~ MENU	*/
#hmenuWrapper{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	display:none;
	}

#hmenuWrapper li { 
	display: inline; 
	}

#hmenuWrapper li a{
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
	}

#hmenuWrapper li a:hover{
	color: #fff;
	background-color: #369;
	}	

#inloggen {
	color:black;
	margin-bottom:10px;
	}
	
/*	MENU ~ LEFTCONTAINER	*/
#leftheader {
	width:145px;
	height:22px;
	font: 16px Tahoma;
	color: #FFF;
	background-color: #188fc9;
	}

#leftcontainer {
	float:left;
	padding-top:1px;
	height:100%;
	background-color:#c9cdd8;
	width:200px;
	margin-left:20px;
	overflow:hidden;
	display:block;
	}

#leftcontainerheader {
	background-color:#333333;
	padding-left:10px;
	padding-top: 5px;
	height: 18px;
	text-align:left;
	text-transform: uppercase;
	font-size: 12px; font-weight: bold; 
	color: white;
	display:none;
	}
	
#leftcontainer ul.folderOpen {}
#leftcontainer ul li {line-height:18px;}
#leftcontainer ul li.folderclosed { border-top:1px solid white;text-align:left;}
#leftcontainer ul li.folderclosed a {font-size:13px;font-weight:bold;}
#leftcontainer ul li.folderopen { border-top:1px solid white; text-align:left;}
#leftcontainer ul li.folderopen a {font-size:13px;font-weight:bold;}
#leftcontainer ul li.level2 a { color:#144593;text-decoration:none;background: url(../images/menu-arrow.gif) no-repeat #c9cdd8 5% 50%;display:block;width:210px;height:18px; padding-left: 10px;}
#leftcontainer ul li a { color:#144593;text-decoration:none;display:block;width:210px;height:18px; padding: 4px 0px 5px 10px;}
#leftcontainer ul li a:hover {background-color:#144593;color:white;}
#leftcontainer ul li.header { border-bottom:1px #AAA solid;font-weight:bold;color:#666; }
#leftcontainer ul li.level1 { text-align:left; border-top: 1px solid white; }
#leftcontainer ul li.level1.header { padding-left:9px;margin:8px 15px 0px 15px; }
#leftcontainer ul li.level2 { text-align:left; border-top:1px solid white; text-indent:20px; background:url(../images/menu-arrow.gif) 50% 50% no-repeat;}
#leftcontainer ul li.level2.header { padding-left:9px;margin:8px 27px 0px 15px; }
#leftcontainer ul li.level3 { text-align:left; }
#leftcontainer ul li.level3.header { padding-left:9px;margin:8px 39px 0px 15px; }

/*	LEFTCONTAINER ~ SLIDESHOW	*/
#slideshow {
        padding-top: 20px;
        }
#slideshow img {
        width: 218px;
        height: 145px;
        border: 1px solid #580026;
        }

/*	CONTENT ~ RIGHTCONTAINER	*/
#rightcontainer{
	text-align:left;
	width:750px;
	float:left;
	padding-left:10px;
	padding-top: 10px;
	}

#main {
	/* padding must be the same height as the footer */
	padding-bottom: 47px; 
	width:1000px;
	margin:0 auto;
	}  
	
#totaalbedrag TD{
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	text-align: left;
	line-height: 24px;
	}
	
.value {
	text-align:right;
	}

#ww1_inlogpage_td1 TD, #ww1_klantupdgeg_td1 TD,#ww1_klantgegevens_td1 TD,#inlog_klantnieuw_td1 TD {
	padding: 4px;
	}

.submit,.submit2,.submitsmall,.submit3{
	height: 22px;
	margin: 0;
	padding: 4;
	border: 0;
	color:#000000;
	background-color:#e6e6e6;
	border:1px solid #d2d2d2;
	cursor:pointer;
	}
#selectors .submitsmall {
	margin-top:16px;
	}

#zoeken .submit3 {
	margin-left:7px;
	}

#zoeken{
	padding-bottom:10px;
	}
	
#groothandel{
	color:#144593;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	padding: 10px 0px 10px 10px;
	font-size:13px;
	background-color:#babec9;
	display:block;
	width:200px;
	border-top:1px solid white;
	border-bottom:1px solid white;	
	}
	
/*	CONTENT ~ RIGHTCONTAINER > HOOFDGROEP	*/
#hoofdgroeptitel {
	color: #000000;
	font-size:14px;
	background-color:#ffffff;
	padding: 5px;
	text-align: left;
	}

#hoofdgroepimg {
	height:380px;
	overflow:hidden;
	}

#hoofdgroepimg_page1 {
	overflow:hidden;
	height:180px;
	text-align: left;
	}

#hoofdgroepdesc {
	color: white;
	background-color:#144593;
	padding: 5px;
	text-align: left;
	line-height: 18px;
	}	
	
/********************************************************
	pb1_a1 product/collectiebrowser1 > artikelinfo
********************************************************/
#IC01   {
        width: auto;
        vertical-align: top;
        font-weight:bold;
        line-height: 18px;
        padding-left: 10px;
        }

#IC02   {
        padding-left: 8px;
        width: 180px;
        line-height: 18px;
        vertical-align: top;
        }

#IC03   {
        width: 200px;
        padding-left: 5px;
        line-height: 18px;
        vertical-align: top;
        text-align: left;
        }

#col1, #col2, #col3 {
        padding-left: 3px;
        text-align: left;
        vertical-align: top;
        line-height: 18px;
        }

#col1 {
        padding-left: 6px;
        }

#betalingsknop {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        line-height: 18px;
        }

#contact {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        line-height: 18px;
        }

#welcome {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        }
#welcome1 {
	padding-top: 70px;
	text-align: center;
	font-size:20px;
        }

#welcome2 {
	padding-top: 90px;
	text-align: center;
        }

#melding {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-weight:bold;
	font-size:13px;
        }

#selectors {
        padding-top: 5px;
	text-align: left;
	font-size:13px;
        }

#selectors TD {
        padding: 3px;
        vertical-align: top;
        line-height: 18px;
        }


#space{
	padding:10px;
	}
	
#pb1_td2, #pb1_td3, #cb1_td1,#cb1_td2,#cb1_td3  {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}

.pb1_productdesc{
	padding: 5px;
	background:url(../images/TD_BG_backwards.gif) repeat-x 100% 100%;
	}
	
.pb1_productprice,.pb1_productinfo{
	background-color:#144593;
	color:white;
	font-weight:bold;
	padding:5px;
	text-align:justify;
	border:1px solid white;
	}
	
#whiteborder2{
	width:180px;
	}
	
#whiteborder2 A{
	color:white;
	text-decoration:none;
	}


#pb1_td1 {
	border:1px solid #999999;
	padding:0;
	width:180px;
	}

IMG.productIMG{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
#pb1_table {
 border-collapse: separate;
 border-spacing: 25px;
 *border-collapse: expression('separate', cellSpacing = '25px');

	}
	
#pb1_table A{
	color:white;
	}

#pb1_tr1{
	display:none;
	}
	
#pb1_td2{
	background:url(../images/TD_BG.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

#pb1_ruimte {
	width:10px;
	height:10px;
	}

#gb1_table {
 border-collapse: separate;
 border-spacing: 25px;
 *border-collapse: expression('separate', cellSpacing = '25px');

	}
	
#gb1_table A{
	color:white;
	}

#gb1_tr1{
	display:none;
	}
	
#gb1_td2{
	background:url(../images/TD_BG.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
        text-align: center;
	}

#gb1_ruimte {
	width:10px;
	height:10px;
	}

#cb1_td1 {
	border:1px solid #CCCCCC;
	padding:0;
	}

#cb1_td2 {
	background:url(../images/TD_BG.gif) repeat-x;
	border:1px solid #CCCCCC;
        }

/*	CONTENT ~NAVIGATIE	*/
#navigatie {
	margin-top:10px;
	height:20px;
	padding-top:10px;
	width:750px;
	border-top:1px solid #CCCCCC;
	}

#navigatie a {
	color:black;
	text-decoration:none;
	}

#navigatie img {
	padding-right:5px;
	padding-left:5px;
	}

/*	TABLES ~ WINKELWAGEN	*/
#ww1_table {
	border-spacing: 1px;
	background-color:#c2c7af;
	margin:12px;
	width:97%;
	}

/*	TABLES ~ WINKELWAGEN HEADER	*/
#ww1_header_td1,#ww1_header_td2,#ww1_header_td3,#ww1_header_td7 {
	padding: 6px ;
	background-color:#2174bd;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	}
	
#ww1_header_td4,#ww1_header_td5 {
	text-align: right;
        padding: 6px ;
	background-color:#2174bd;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
        }

#ww1_header_td6 {
	text-align: right;
        padding: 6px ;
	background-color:#2174bd;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
        }

/*	TABLES ~ WINKELWAGEN TABLECELLS	*/
#ww1_td1,#ww1_td2,#ww1_td3,#ww1_td4,#ww1_td5,#ww1_td6,#ww1_td7{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align:top;
	background:url(../images/TD_BG.gif) #FFFFFF repeat-x;
	}

#ww1_td4,#ww1_td5 {
  	text-align: right;
        }

#ww1_td6 {
	text-align: right;
        }

#ww1_td1{
	padding:0px;
	width:100px;
	}

/*	TABLES ~ WINKELWAGEN FOOTER 	*/
#ww1_table_footer {
	text-align: left;
        }

#ww1_footer_td1,#ww1_footer_td2 ,#ww1_footer_td3 ,#ww1_footer_td4,#ww1_footer_td5,#ww1_footer_td6,#ww1_footer_td7 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}
#ww1_footer_td5 {
        width: 280px;
        }


/*	TABLES ~ WINKELWAGEN BEVESTIGING	*/
#ww1_bevestiging_bt1,#ww1_bevestiging_at1,#ww1_bevestiging_td1	{
	text-align: left;
	vertical-align: top;
	}

#ww1_bevestiging_td1 	{
	background-color:#FFFFFF;
	}

/*	TABLES ~ WINKELWAGEN INLOGGEN	*/
#ww1_inlogpage_td1,#ww1_inlogpage_BT1,#ww1_inlogpage_at1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}

 #ww1_inlogpage_td1 {
	background-color:#FFFFFF;
	}

#inlogpage1 TD, #inlogpage2 TD {
  	text-align:left;
    	width: 30px;
        padding: 4px;
        line-height: 18px;
        }

#inlogpage1 TR, #inlogpage2 TR {
        padding-top: 3px;
        }

/*	TABLES ~ WINKELWAGEN BEVESTIGING	*/
#ww1_klantupdgeg_table,#ww1_klantgegevens_table,#inlog_klantnieuw_table{
	border-spacing: 1px;
	margin:12px;
	width:97%;
	}

#ww1_klantupdgeg_table TH,#ww1_klantgegevens_td1,#inlog_klantnieuw_td1 TH {
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
	}

#ww1_header_klantupdgeg_td1 {
	width: 100px;
	}

#ww1_header_klantupdgeg_td1,#ww1_header_klantupdgeg_td2,#ww1_header_klantupdgeg_td3{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }


#ww1_klantupdgeg_td1,#ww1_klantgegevens_td1,#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 73%;
	background-color:#FFFFFF;
	width: 100px;
	}

#ww1_klantupdgeg_td2 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantupdgeg_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantupdgeg_at1 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ WINKELWAGEN KLANTGEGEVENS	*/
#ww1_header_klantgegevens_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	width: 100px;
        }

#ww1_header_klantgegevens_td2,#ww1_header_klantgegevens_td3  {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }

#ww1_klantgegevens_td1 {
	line-height: 73%;
	width: 100px;
	}

#ww1_klantgegevens_td1,#ww1_klantgegevens_td2 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantgegevens_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantgegevens_at1,#ww1_klantgegevens_at2 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ KLANTGEGEVENS NIEUW	*/
#inlog_klantnieuw_table {
	border-spacing: 1px;
	margin:12px;
	width:97%;
	}

#inlog_klantnieuw_table TH {
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
	}

#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	width: 100px;
        }

#inlog_header_klantnieuw_td2,#inlog_header_klantnieuw_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }

#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 73%;
	background-color:#FFFFFF;
	width: 100px;
	}

#inlog_klantnieuw_td1,#inlog_klantnieuw_td2,#inlog_klantnieuw_td3  {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}

#inlog_klantnieuw_at1 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	THANK YOU PAGE	*/

#thankyoupage_td1 {
 	padding: 10px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ WINKELWAGEN BETALINGSWIJZE - BETALING	*/

#ww1_betalingswijze_td1, #ww1_betalingswijze_td2, #ww1_betalingswijze_td3 {
  	text-align:left;
        padding: 10px;
        line-height: 18px;
        }


TR.gb1,TD.gr1 {
	background-color: #EEEEEE;
}

TR.gb2,TD.gr2 {
	background-color: #FFFFFF;
}

TR.gb3 {
	background-color: #E2F9FE;
}

#TH {
	height:20px;
}


/* 	FOOTER	*/
.footer{
	position: relative;
	margin:0 auto;
	margin-top: -47px; /* negative value of footer height and padding*/
	height: 45px;
	clear:both;
	background:url(../images/intima_footer_BG2.gif) repeat-x;
	width: 100%;
 	text-align: center;
	color: white;
	padding-top:2px;
	}

.footer A{
	color:white;
	text-decoration: none;
	}

.footer A:hover{
	text-decoration:underline;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */
	
/* CLASSES ~ HTML TAGS*/	
H1,H2,H3,H4{
	text-align:left;
	font-size:14px;
	padding:5px;
	font-weight:bold;
	}

H2,H3,H4 {
	font-size:13px;
	}

H3,H4{
	padding-bottom:10px;
	}

H4{
	color:#FFFFFF;
	padding-left:10px;
	}

FIELDSET{
	border:1px solid #999999;
	margin-bottom:10px;
	padding:10px;
	}

LEGEND{
	padding: 5px;
	font-weight:bold;
	font-size:13px;
	}

FORM{
	text-align:left;
	padding-left:10px;
	}
	
#whiteborder,#whiteborder2 {
	border:1px solid white;
	}
	
#whiteborder2{
	border-top:0px;
	}

blackborder {
	border:1px solid #999999;
	}