html,body,ol,p,form,input,pre,label {
    margin:             0;
    padding:            0;
}

/* Global */
/* ======================================== */
html, body {
    margin:             0;
    padding:            0;
    font-family:        "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:          10pt;
    background-color:   #7f7f7f;
    color:              #7a7a7b;
	height:				100%;
	min-height:			100%;    
}

p {
	padding-bottom: 10px;
}

a {
    color:              #004BCF;
    text-decoration:    none;
}
a:hover {
    text-decoration:    underline;
}

a img {
    border:             0;
    padding:            0;
}

#main {
    width:              977px;	
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */    
    margin:             0 auto;
    margin:				auto;
    background-color:   #ffffff;
}

#banner  a {
     text-decoration:   none;
}

#banner {
    background-color:   #7f7f7f;
    font:               35px Trebuchet MS;
    padding:            15px 0 5px 0px;
}

.left {
    float:              left;
}

.right {
    float:              right;
}

.clear {
    clear:              both;
}

table td {
    vertical-align:     top;
}

#leftm {
    width:              190px;
    border-right:       1px solid #cccccc;
}

#content {
    padding:            5px;
    width:              575px;
}

#rightm {
    padding:            5px;
    border-left:        1px solid  #cccccc;
    width:              189px;
}

#nav {
    list-style:         none;
    padding:            0;
    margin:             0;
    margin-bottom:      2px;
}

#nav li {
    margin:             0;
    padding:            0;
    border-bottom:      1px solid #eeeeee;
}

li.normal a, li.active a, li.sub a, li.sub-active a {
    display:            block;
    padding:            5px 5px 5px 5px;
}

li.normal a {
	text-transform: uppercase;
    color:              #7a7a7b;
    text-decoration:    none;
    font-weight: 700;
}

li.normal a:hover {
    text-decoration:    underline;
}

li.active a, li.sub-active a {
	text-transform: uppercase;
    text-decoration:    underline;
    color:              #f39800;
    font-weight: 700;
}

li.sub a, li.sub-active a {
	text-transform: uppercase;
    text-decoration:    none;
    padding:            5px 5px 5px 5px;
}

li.subsub a {
    background-color:   #f7f7f7;
}

#cart {
    text-align:         center;
}

#scart {
    background-color:   #eeeeee;
    border:             1px solid #cccccc;
    margin-bottom:      7px;
}

#items {
    padding:            2px;
}

.formdiv {
    margin:             2px;
}

.account {
    margin:             0 2px 2px 2px;
}

.line {
    border-bottom:      1px solid #cccccc;
}

.padding2 {
    padding-top:        2px;
}

#footer {
    border-top:         1px solid #cccccc;
    border-right:         1px solid #cccccc;
    border-left:         1px solid #cccccc;
    text-align:         center;
    padding:            2px;
    width: 				977px;
    font-size:			8pt;
}

#accbg {
    background-color:   #eeeeee;
    border:             1px solid #cccccc;
    padding:            2px;
    margin-top:         2px;
}

#accbg input {
    margin:             2px 0;
}

.xtra {
    padding:            2px 0;
}

table.mandje th {
    text-align:         left;
}

table.mandje {
    width:              183px;
}

table td.bline {
    border-top:         1px solid #ccc;
}

#loadingdiv {
    text-align:         center;
    padding:            5px;
    display:            none;
}

div.error {
    color:              #ff0000;
    font-weight:        bold;
}

.bold {
    font-weight:        bold;
}

div.logoff {
    border-top:         1px solid #cccccc;
    margin-top:         3px;
    padding-top:        3px;
}

div.lin {
    padding-bottom:     2px;
}

table.catpage {
    width: 100%;
    border-collapse:    collapse;
    border-color:       #cccccc;
    border:             1px solid #cccccc;
}

table.catpage th {
    text-align:         left;
    background-color:   #ECECEC;
    padding:            2px;
}

table.catpage td {
    padding:            5px;
}

div.hier {
    font-size:          10px;
    background-color:   #eeeeee;
    border:             1px solid #cccccc;
    padding:            2px;
}

table.productpage {
    width:              100%;
    margin-bottom:      2px;
    border-top:         1px solid #cccccc;
}

table.productpage td, table.productpage th {
    vertical-align:     top;
}

table.productpage td.product {
    border-bottom:      1px solid #cccccc;
    font-weight:        bold;
}

table.productpage th.spec {
    text-align:         right;
}

img.img {
    padding-right:      5px;
}

.aanbiedingTitel {
	color: #7a7a7b;
	font-size: 10pt;
}

div.prijs {
    color:              #f39800;
    font-size:          20px;
    font-weight:        bold;
}

div.descr {
    font-weight:        bold;
    margin:             3px 0;
}

.price {
    color:              #ff0000;
    font-weight:        bold;
}

.noborder {
    border-right:       1px solid #ffffff;
    width:              50px;
}

.imgsmall {
    height:              80px;
}

div.title {
	color:				#f39800;
    font-weight:        bold;
    font-size:          16px;
    margin-bottom:      5px;
}

.nobold {
    font-weight:        normal;
}

.winkelm {
    text-align:         right;
    padding:            2px 0;
}

.pnaam {
    padding-top:        1px;
}

.winkelm a, div.naar{
    background-color:   #a8a8a8;
    padding:            2px 3px;
}
.winkelm a, div.naar a
{
	color: #fff;
}

/*
div.naar
{
	background: url("../images/cart.gif") top right no-repeat;
	height: 32px;
}
*/

.winkelm a:hover, div.naar a:hover {
    text-decoration:    none;
}

div.naar {
    padding-bottom:     5px;
}

table.overzicht {
    width:              100%;
    border-color:       #cccccc;
    border:             1px solid #cccccc;
}

.orderp {
    margin-top:         2px;
}

table.overzicht th, table.overzicht td {
    padding:            2px;
}

table.overzicht th {
    background-color:   #ECECEC;
    padding:            2px;
}

table.overzicht td {
    padding:            5px;
    border-top:         1px solid #cccccc;
}

table.overzicht input {
    width:              37px;
    font-size:          11px;
    text-align:         right;
    height:             12px;
    border:             1px solid #cccccc;
}

td.total {
    font-weight:        bold;
}

a.update {
    border:             1px solid #cccccc;
    background-color:   #eeeeee;
    padding:            3px;
}
a.update:hover {
    text-decoration:    none;
}

div.update {
    padding-top:        5px;
}

.prijsr {
    text-align:         right;
}

.prijsl {
    text-align:         left;
}

.bgc {
    background-color:   #f6f6f6;
}

.red {
    color:              #ff0000;
}

.prijssub {
    color:              #5F5F5F;
    font-size:          10px;
}

table.mijng {

}

table.mijng td {
    padding:            2px;
}

table.mijng th {
    text-align:         left;
    width:              125px;
}

table.mijngf th {
    text-align:         left;
    width:              100px;
}

table.mijngf td, table.mijngf td {
    padding:            2px;
}

span.goed {
    color:              #00CC00;
    background-color:   #00CC00;
    padding:            0 4px;
}

span.fout {
    color:              #FF3300;
    background-color:   #FF3300;
    padding:            0 4px;
}

span.noreq {
    color:              #cccccc;
    background-color:   #cccccc;
    padding:            0 4px;
}

span.req {
    color:              #00A8E6;
    background-color:   #00A8E6;
    padding:            0 4px;
}

div.lagenda {
    border-top:         1px solid #cccccc;
    padding:            4px;
    padding-bottom:     0;
    margin-top:         5px;
}

div.lagenda div {
    padding:            1px;
}

ul.meldingen li {
    list-style:         square;
    color:              #FF3300;
}

div.succes {
    background-color:   #00CC00;
    color:              #ffffff;
    padding:            5px;
    margin:             4px 0;
    font-weight:        bold;
}

div.overig {
    padding-top:        10px;
    font-weight:        bold;
}

ul.overig {
    margin:             0;
    padding-left:       17px;
}
ul.overig li {
    list-style:         square;
}

div.npass {
    padding-top:        4px;
}

div.errors, div.goed {
    background-color:   #f7f7f7;
    border:             1px solid #cccccc;
    padding:            4px;
    margin-bottom:      2px;
}

span.alert a {
    color:              #ff0000;
    font-weight:        bold;
}

span.error {
    color:              #ffffff;
}

div.fouterror {
    background-color:   #FF3300;
}

div.nmail {
    margin:             4px 4px 4px 0;
}

div.pass2 {
    padding:            4px;
    margin-top:         4px;
}

/* cat overzicht sub producten */
td.catproduct {
    border:             1px solid #cccccc;
    padding:            4px;
    width:              271px;
}

div.productnaam a {
    font-weight:        bold;
}

div.fleft {
    float:              left;
    padding-right:      5px;
}

div.fright {
    padding-top:        5px;
}

div.prijspad {
    padding-top:        3px;
}

div.order {
    border:             1px solid #cccccc;
    border-bottom:      0;
    padding:            4px;
    margin-top:         8px;
    background-position:top right;
    background-repeat:  no-repeat;
    min-height:         42px;
    height:             42px;
    font-weight:        bold;
}

.terugnaar {
    margin:             6px 0 2px 0;
}

span.update {
    padding:            4px 0;
}

.invis {
    color:              #ffffff;
}

.aantal {
    width:              60px;
}

.betaal {
    margin-top:         4px;
}

.keuze {
    margin-top:         5px;
}

.betaald {
    background-color:   #DFFFDF;
}

span.goedb {
    color:              #CFFFCF;
    background-color:   #CFFFCF;
    padding:            1px 5px;
}

div.legenda {
    border-top:         1px solid #cccccc;
    padding:            4px;
    padding-bottom:     0;
    margin-top:         2px;
}

div.padding2 {
    padding-top:        4px;
}




/*
 * Tom
 */



.id { width: 30px; text-align: center; }
table.def{
    width:              100%;
    border:             1px solid #cccccc;
	border-collapse: collapse;
	border-spacing: 0px;
}
.def td      { border-top: 1px solid #ccc; padding: 5px; }
.def td.tool { text-align: center; width: 20px;}

.rowH td { background-color: #ECECEC; font-weight: bold; padding: 2px; }
.rowA td { background-color: #f1f1f1;}
.rowB td { background-color: #fcfcfc;}

h1,h2,h3,h4,h5,h6
{
	margin: 2px;
}

.van  
.adviesprijs { text-decoration: line-through;}
hr.cb { clear: both; height: 0px; padding: -1px ; border: 0; margin: 0; }
.cb { clear: both; height: 0px; overflow: hidden;}

	.aanbiedingen .aanbieding 
	{
		height: 160px;
		margin: 2px;
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
	.aanbieding .product_img
	{
		float: right;
		margin: 2px;
	}
#links
{
	background-color: #7f7f7f;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
	text-align: right;
	height: 25px;
}

#links a,#links a:hover,#links a:visited {
	color: #FFF;	
	line-height: 1.5;
	margin-right: 10px;
}

#links ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#links ul li
{
	float: right;
	padding: 0px 10px;
	width: 75px;
}
#links ul li a
{
}

.contentSelected {
	text-decoration: underline;
}

/**
 * ERROR
 */
p.error {
	padding:			5px;
	background-color:	#DA2A35;
	color:				#FFFFFF;
}
	p.error a{
		color:				#FFFFFF;
	}
p.error span.error-title {
	text-transform:		uppercase;
}

p.succes a{
	color:				#FFFFFF;
}

p.succes span.error-title {
	text-transform:		uppercase;
}

p.succes {
	padding:			5px;
	background-color:	#00FF00;
	color:				#000;
}