html,body {
	height: 100%;
}

body{
	margin: 0px;
	font: normal 12px arial;
	color : #000000;
}

table{
	font: normal 12px arial;
	border-collapse : collapse;
	height: 100%;
	width: 100%;
}

th
{
	background : url('../images/bgtheader.gif') repeat-x;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	line-height: 22px;
	height: 22px;
	padding-left: 3px;
}

th.thPrice 
{
	text-align: right;
}

td.tdPrice
{
	text-align: right;
	font: bold 12px arial;
}

#logo {
    background: transparent url("../images/logo-web.png") no-repeat scroll 0% 0%;
    width: 349px;
    height: 117px;
    text-indent: -3333px;
    border: 0;
    margin: 0;
}

#logo a {
    display: block;
    width: 349px; 
    height: 117px;
    text-decoration: none;
    border: 0;
}

div.divVanVoorPrijs
{
	background-color: #ef8008;
	border: 3px double #ef8008;
	color: #FFFFFF;
	width: 100px;
	text-align: center;
        padding: 5px 0px 5px 0px;
	line-height: 20px;
	font-size: 9px;
}

span.VanPrijs
{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: line-through;
}

span.VoorPrijs
{
	font: bold 12px arial;
	color: #FFFFFF;
	font-weight: 900;
}

tr.listTable td
{
	height: 22px;
	padding : 4px;
	border-top : 1px solid #EEEEEE;
}

tr.listTable td,odd
{
	background : #FFFCF9;
}

input, button, select
{
	line-height: 18px;
	height : 18px;
}

input, select, textarea
{
	font: normal 12px arial;
	border: 1px solid #999999;
	width: 200px;
	background : url('../images/input_back.gif') repeat-x top left;
}

input.submit
{
	width: auto;
	height: 22px;
	font-weight: bold;
	border: 1px solid #FF696C;
	line-height: 22px;
	vertical-align: middle;
	background : url('../images/input_back_submit.gif') repeat-x top left;
}

input.submitRed
{
	width: auto;
	height : 24px;
	color : #FFFFFF;
	line-height : 24px;
	font: bold 14px arial;
	background: #CC3300;
	border : 2px double #992200;
}

input.checkbox, input.radio
{
	border: 0px;
	width: auto;
	background : transparent;
}

option 
{
	font: normal 12px arial;
}

a
{
	color : #CC3300;
	font-weight: bold;
}

a:hover
{
	color: #FF0000;
}

a img
{
	border: 0px;
}

/* BORDER BOX*/
.tblBorderBox , 
.tblInnerBorderBox 
{
	width: 100%;

}

.tblBorderBox td{
	
}

.tblBorderBox .BorderBox_TopLeft{
	font-size: 1px;	
	background : url('../images/borderbox/border-topleft.gif') bottom right no-repeat;
	width: 15px;
	height: 15px;
}

.tblBorderBox .BorderBox_Top{
	font-size: 1px;	
	background : url('../images/borderbox/border-top.gif') bottom left repeat-x;
	height: 15px;
}

.tblBorderBox .BorderBox_TopRight{
	font-size: 1px;	
	background : url('../images/borderbox/border-topright.gif') bottom left no-repeat;
	width: 15px;
	height: 15px;
}

.tblBorderBox .BorderBox_Left{
	font-size: 1px;	
	background : url('../images/borderbox/border-left.gif') top right repeat-y;
	width: 15px;
}

.tblBorderBox .BorderBox_Content{
	background : url('../images/borderbox/bgtheader.gif') bottom left repeat-x #FFFFFF;
}

.tblBorderBox .BorderBox_Right{
	font-size: 1px;	
	background : url('../images/borderbox/border-right.gif') top left repeat-y;
	width: 15px;
	height: 15px;
}

.tblBorderBox .BorderBox_BottomLeft{
	font-size: 1px;	
	background : url('../images/borderbox/border-bottomleft.gif') top right no-repeat;
	width: 15px;
	height: 15px;
}

.tblBorderBox .BorderBox_Bottom{
	font-size: 1px;	
	background : url('../images/borderbox/border-bottom.gif') top left repeat-x;
	height: 15px;
}

.tblBorderBox .BorderBox_BottomRight{
	font-size: 1px;	
	background : url('../images/borderbox/border-bottomright.gif') top left no-repeat;
	width: 15px;
	height: 15px;
}

/* INNER BORDER BOX */
.tblInnerBorderBox .BorderBox_TopLeft{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-topleft.gif') bottom right no-repeat;
	width: 5px;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_Top{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-top.gif') bottom left repeat-x;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_TopRight{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-topright.gif') bottom left no-repeat;
	width: 5px;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_Left{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-left.gif') top right repeat-y;
	width: 5px;
}

.tblInnerBorderBox .BorderBox_Content{
	background : url('../images/bgbbcontent.gif') bottom left repeat-x #FFFFFF;
}

.tblInnerBorderBox .BorderBox_Right{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-right.gif') top left repeat-y;
	width: 5px;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_BottomLeft{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-bottomleft.gif') top right no-repeat;
	width: 5px;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_Bottom{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-bottom.gif') top left repeat-x;
	height: 5px;
}

.tblInnerBorderBox .BorderBox_BottomRight{
	font-size: 1px;	
	background : url('../images/borderbox-inner/border-bottomright.gif') top left no-repeat;
	width: 5px;
	height: 5px;
}

table.tblMenu
{
	height: 100px;
}

/* MENU */
div.divMenu{
	display: block;
	width: 100%;
	line-height : 33px;
	vertical-align: middle;

}

div.divMenu a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 800;
	padding: 10px;
}

div.divMenu a:hover, div.divMenu a.aSelected{
	background : url(../images/bg-topmenu-over.gif) top left repeat-x;
}

td.tdTop
{
	height: 112px;
	background : url(../images/top-bg.gif) top left repeat-x;
	padding: 0px;
	margin: 0px;
	color : white;

}

td.tdMenuLeft
{
	background : url('../images/bgmenu-left.gif') top right no-repeat;
	font-size: 1px;
	width: 9px;
	height: 34px;
}

td.tdMenuRight
{
	background : url('../images/bgmenu-right.gif') top left no-repeat;
	font-size: 1px;
	width: 9px;
	height: 34px;
}

td.tdMenuContent
{
	background : url('../images/bg-topmenu.gif') top left repeat-x;
}

td.tdMenuSearch
{
	background : url('../images/bg-topmenu-red.gif') top left repeat-x;
	width: 280px !important;
}

td.tdMenuRightRed
{
	background : url('../images/bgmenu-red-right.gif') top left no-repeat;
	font-size: 1px;
	width: 9px;
	height: 34px;
}

td.tdOrangeSep
{
	background-color: #FFF8F0;
}

td.tdNumberInfo
{
	text-align: right;
	width: 30%;
}

td.VertMenuItem
{
	height: 30px;
	line-height: 30px;
}

td.VertMenuItem a
{
	color : #000000;
	font-weight: bold;
	text-decoration : none;

}

td.VertMenuItem a:hover
{
	color: #FF9900;
}



/* DATA TABLE */
table.tblDataTable
{
	height: 1px;
	border-bottom: 3px solid #FFDDBB;
}

.tblDataTable th
{
	background : url('../images/bg-theader.gif') top left repeat-x;
	color : #000000;
	height: 25px;
	padding-left: 3px;
	text-align: left;
}

.tblDataTable td
{
	padding: 3px;
	background-color: #FFF9F0;
}

.tblDataTable tr.odd td
{
	background-color: #FFE3C8;
	cursor: pointer !important;
}

.tblDataTable tr.even td
{
	cursor: pointer !important;
}

.tblDataTable tr.hover td
{
	color: #DB7715;
}


/* MESSAGES */ 
b.bError{
	display: block;
	width: 98%;
	color : #FF0000;
	border: 1px solid red;
	padding: 2px;
}

div.divInfo
{
	border : 1px solid #FFEEDD;
	background:  #FFF8F0;
	color : #331800;
	margin : 3px;
	padding : 3px;
}

div.divErrorMessage
{
	display: block;
	color : #FF3300;
	font-weight: 900;
	border: 1px solid red;

	background: url('../images/error.gif') no-repeat 5% 50%  #FFFFFF;
	min-height : 75px;
	margin : 3px;
	padding: 3px;
	padding-left: 75px;
	text-align:center;
	padding-top:30px;
}

div.divSuccessMessage
{
	display: block;
	color : #00AA33;
	border: 1px solid #00AA33;
	background: url('../images/succes.gif') no-repeat 5%  50%  #FFFFFF;
	min-height : 75px;
	font-weight: 900;
	margin : 3px;
	padding: 3px;
	padding-left: 75px;
	text-align:center;
	padding-top:30px;
}

div.divCentered
{
	margin: 0px auto;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	background-color: #FFFFFF;
	min-height: 100%;
	height: 100%;
        width: 90%;
}

/* HEADERS */

h4.RedHeader, h4.OrangeHeader, h4.GreyHeader
{
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #FFFFFF;
	margin : 0px;
	padding: 0px;
	padding-left: 5px;
}

h4.RedHeader
{
	background : url('../images/header-red.gif') top left repeat-x;
}

h4.OrangeHeader
{
	background : url('../images/header-orange.gif') top left repeat-x;
}

h4.GreyHeader
{
	background : url('../images/header-grey.gif') top left repeat-x;
}

h2{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size : 18px;
	vertical-align: middle;
	color: #333333;
	background: url('../images/bgh2.gif') top left repeat-x #FFFFFF;
	margin : 0px;
	margin-bottom : 5px;
	padding: 0px;
	padding-left: 0px;
}

h4{
	font-size: 13px;
	display: block;
	margin: 0px;
	padding: 2px;
	color : #CC3300;
}

a h4
{
	cursor : pointer;
}

/* DIVS */

div.divDashBoard
{
	padding-top: 10px;
}

/* MENU A */

div.divSubCatMenu
{
	border : 1px solid #CC3300;
	border-top : 0px;
	margin-left : 15px;
}

div.divSubCatMenu a
{
	color : #333333;
	text-decoration : none;
	display : block;
	line-height: 18px;
	height: 18px;
}

div.divSubCatMenu a:hover
{
	background-color : #333333;
	color : #FFFFFF;
}

div.divSubCatMenu a.aSelected
{
	background-color : #666666;
	color : #FFFFFF;
}

a.aCatalogmenu
{
	height : 20px;
	line-height: 20px;
	width: 100%;
	text-decoration : none;
	display: block;
}

/* CATEGORY */
a.aCatalogmenu:hover
{
	background  : url(../images/cathover.gif) 100% 50% no-repeat #CC3300;
	color : white;
}

a.aCatalogmenuSelected
{
	height : 20px;
	line-height: 20px;
	width: 100%;
	text-decoration : none;
	display: block;
	background  : url(../images/catselected.gif) 100% 50% no-repeat #CC3300;
	color : white;
}

a.aCatLink
{
	line-height: 24px;
	width: 100%;
	text-decoration : none;
	display: block;
	background : url(../images/divtransbg.png);
	border-top: 1px solid #EEEEEE;
	color : #333333;
}

a.aCatLink:hover
{
	background-color : #333333;
	color : #FFFFFF;
}

div.divSubCatLinks
{
	width: 260px;
	height: 75px;
	position: relative;
	display: block;
	top: -50px;
}

div.divTab
{
	color: #CC3300;
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
	display : inline;
	padding : 3px;
}

div.divTabSelected
{
	color: #000000;
	text-decoration: none;
	display : inline;
	padding : 3px;
	font-weight: 800;
	border: 1px solid #CCCCCC;
	border-bottom : 3px solid #FFFFFF;
	background-color: #FFFFFF;
}


/* Basket */

table.tblBasket
{
	background-color: white;
	border: 1px solid #CCCCCC;
	width: 140px;
	height : 1px;
	color : #DB7715;
}

table#tblBasketTop, table#tblLoginTop
{
	text-align : left;
	background-color: transparent;
}

table#tblBasketTop a, table#tblLoginTop a
{
	color : white;
	text-align : left;
	text-decoration:none;
}

table#tblLoginTop
{
	background-color : #ef8008;
}
.tblProdDetails
{
	border: 1px solid #CCCCCC;
	height: 1px;
}

.tblProdDetails td
{
	padding: 5px;
}

.tblProdDetails tr.odd td
{
	border-bottom : 1px solid #EEEEEE;
	border-top : 1px solid #EEEEEE;
}

.tblUserTable
{
	height: 1px;	
}

.tblUserTable td
{
	padding : 5px;
	border-top : 1px solid #EEEEEE;
}

.divFooter
{
	text-align: center;
	margin: 0px auto;
	padding : 5px;
}

/* Filter */
.filterField
{
	width:100px;	
}

li {
	margin-left:15px;	
}

/* AJAX */
div.divAjaxOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 200;
	background-color: #CCCCCC;
	opacity:.75;
	filter:	alpha(opacity=75); 
	-moz-opacity: 0.75;
	float:left;
}

div.divMessageBox {
	position : fixed;
	width: 400px;
	height: 120px;
	z-index: 200;
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	vertical-align : middle;
	left: 50%;	top: 50%; 
	margin: -60px 0px 0px -200px;
}

div.divMessageBox table
{
	padding : 5px;
}

div.divImageBox
{
	position : absolute;
	width: 650px;
	height: 650px;
	z-index: 200;
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	vertical-align : middle;
	left: 50%;	top: 50%; 
	margin: -375px 0px 0px -325px;
}
div.divImageBox2
{
	position : fixed;
	width: 200px;
	height: 300px;
	z-index: 200;
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	vertical-align : middle;
	left: 50%;	top: 50%; 
	margin: -200px 0px 0px -140px;
}

div.divMessageBox table
{
	padding : 5px;
}
div.divColorPicker
{
	position : absolute;
	width: 450px;
	height: 400px;
	z-index: 200;
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	vertical-align : middle;
	left: 50%;	top: 50%; 
	margin: -200px 0px 0px -225px;
	overflow-y : scroll;
	overflow-x : hidden;
}

div.divColorPicker table
{
	padding : 5px;
	height : 50px;

}

div.divColorPicker table td
{
	vertical-align : middle;
}

div.divColorPicker table img
{
	height : 50px;
	border: 1px solid #CCCCCC;
	padding: 1px;
	width: 50px;
}

div.divAansluitingPicker
{
	position : absolute;
	width: 450px;
	height: 400px;
	z-index: 200;
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	vertical-align : middle;
	left: 50%;	top: 50%; 
	margin: -200px 0px 0px -225px;
	overflow-y : scroll;
	overflow-x : hidden;
}

div.divAansluitingPicker table
{
	padding : 5px;
	height : 50px;
}

div.divAansluitingPicker table td
{
	vertical-align : middle;
}

div.divAansluitingPicker table img
{
	height : 50px;
	border: 1px solid #CCCCCC;
	padding: 1px;
	width: 50px;
}
div#header{
	background-image:url('../images/bg_head.png');
	height:155px;
	margin: 0px auto;
}
.tblheader{
	height:100%;
}
.tblheadertd{
	vertical-align:top;
}
.tdwinkelwagen{
	text-align:right;
	color:#FFFFFF;	
	padding-right:10px;
	padding-bottom:20px;
}
div#progress{
	height:25px;
	background-repeat:no-repeat;
	padding-left:10px;
}
.progress{
	display: inline-block;
	width:165px;
	height:25px;
	padding-top:4px;
	padding-left:4px;
	vertical-align:middle;	
	color:#FFFFFF;
	font-weight:bold;
}
span.companyname{
	display:inline-block;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	position:relative;
	top:40px;
}
div#overwi1{
	display:block;
	height:112px;
	width:181px;
	background-image:url('../images/uitleg-kies-verkooppunt-PASSIEF.png');	
}
div#overwi2{
	display:block;
	height:112px;
	width:181px;	
	background-image:url('../images/uitleg-kies-producten-PASSIEF.png');	
}
div#overwi3{
	display:block;
	height:112px;
	width:181px;	
	background-image:url('../images/uitleg-service-en-garantie-PASSIEF.png');	
}
div#overwi4{
	display:block;
	height:112px;
	width:181px;	
	background-image:url('../images/uitleg-betaling-PASSIEF.png');	
}
div#overwi5{
	display:block;
	height:112px;
	width:181px;	
	background-image:url('../images/uitleg-zorgeloos-warm-PASSIEF.png');	
}
div#overwilinks{
	float:left;
	width:40%;
}
div#overwirechts{
	float:right;
	width:50%;
}
div#mainlinks{
	float:left;
	width:50%;
}
div#mainrechts{
	float:right;
	width:50%;		
}
div#mostsold{
	border:1px solid #FFFFFF;
	height:300px;
	width:200px;
	padding:2px;
	margin:auto;
    text-align:center;
	cursor: pointer; cursor: hand  	
}
div#uitgelicht{
	border:1px solid #FFFFFF;
	height:150px;
	width:200px;
	padding:2px;
	margin:auto;
    text-align:center;
	cursor: pointer; cursor: hand  	
}
div#nieuw{
	border:1px solid #FFFFFF;
	height:189px;
	width:200px;	
	padding:2px;
	margin:auto;
    text-align:center;
	cursor: pointer; cursor: hand  	
}
a.fplinks{
	text-decoration:none;	
}

.maintext { width: 100%; }
div#overlayTitle { position:  absolute; bottom: -20px; }

.orderNow {
    background-color: #C30;
    color: white;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
}

.orderNow:hover {
    color: white;
    text-decoration: none;
}


/* aangevuld voor de FAQ pagina door johan van eye-c*/
div.q_and_a {
	clear:both;
	float:left;
	margin:10px 0 15px 25px;
	width:500px;
}

p.q_and_a_q {
	font-weight:bold;
}

p.q_and_a_A {
	font-style:italic;
}

div.quote {
	width:470px; 
	height:50px;
	position:absolute;
	left:510px;
	top:110px;
	color:#FFFFFF;
	font-size:21px;
	line-height:20px;
	letter-spacing:-0.2px
}