/* markup */
html {
}
/* ie6 fix for transparent *.png */
* html img,
* html .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
body {
    font-family: Arial;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: left;
    color: #444;
}
    h1 {
		margin: 0px 0px 0px 74px;
		padding: 0px 0px 0px 0px;
		font-size:	14pt;
		font-weight: normal;
		color: #fff;
		cursor: default;
	}
    h2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:	14pt;
		color: #444;
	}
	h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:	13pt;
		color: #444;
	}
	p {
	    margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	img {
	    border: none;
	}	
	a:link, a:visited {
        font-weight: normal;
        text-decoration: underline;
        color: #444;
    }
    a:hover, a:active {
        text-decoration: none;
        color: #444;
    }
    .not-underlined {
        text-decoration: none !important;
    }
    .not-underlined:hover {
        color: #000 !important;
    }
    .linkHomepage {
        margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width:150px;
		height:150px;
        border: solid 1px #d0d0d0;
    }
    .linkHomepage:hover {
        border: solid 1px #a0a0a0;
    }
    .linkOverview {
        margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width:260px;
		height:260px;
        border: solid 1px #d0d0d0;
    }
    .linkOverview:hover {
        border: solid 1px #a0a0a0;
    }   
    
    ul {
        margin: 3px 0px 5px -25px;
        padding: 0em 0px 0px 0px;
        list-style: none;
        }
            ul li {
	            margin: 0em 0em 0em 0em;
	            padding: 0.3em 0em 0em 3em;
	            background-image: url(../images/bullet_default.gif);
	            background-repeat: no-repeat;
	            background-position: 2.0em 0.7em;
            }
    /* table markup */    
    table {
		width: 100%;
		border-collapse: collapse;
		margin: 10px 0px 1em 0px;
	}
		tr {
			vertical-align: top;
		}
		th {
			width: 70px;
			padding : 3px 10px 1px 0px;	
			border : none;
			font-weight: normal;
		}
		td {
			padding : 0px 10px 1px 0px;	
			border : none;
		}
    #oderFormTable {
	    width: 500px;
	    border-collapse: collapse;
	    margin: 10px 0px 1em 90px;
	}
		#oderFormTable tr {
		    vertical-align: top;
	    }
	    #oderFormTable th {
		    width: 70px;
		    padding : 3px 10px 1px 0px;	
		    border : none;
		    font-weight: normal;
	    }
	    #oderFormTable td {
		    padding : 0px 10px 1px 0px;	
		    border : none;
	    }
    #productsTable {
	    width: 565px;
	    border-collapse: collapse;
	    margin: 10px 10px 1em 58px;
    }
	    #productsTable tr {
		    vertical-align: middle;
	    }
	    #productsTable th {
		    width: 160px;
		    padding : 3px 10px 1px 0px;	
		    border : none;
		    font-weight: normal;
	    }
	    #productsTable td {
		    padding : 0px 10px 1px 0px;	
		    border : none;
	    }
    /* forms (button, form, input, label, select, optgroup, option, textarea) */
	form {
		margin: 0em 0em 0em 0em;
	}
	    .label {
	        width: 500px;
	        height: 22px;
	        margin: 5px 0px 0px 0px;
            padding-top: 3px;
	        border-top: solid 1px #808080;
	        border-left: solid 1px #808080;
	        border-right: solid 1px #808080;
	        border-bottom: none;
	        background-image: url(../images/bg_label.png);
            background-repeat: repeat-x;
            background-position: top left;
	    }
	        .label label {
	            margin: 0px 0px 0px 13px;
	            font-weight: bold;
	        }
	        .label span {
	            color: Red;
	        }
		.inputText {
			width: 495px;
			height: 22px;
			margin: 0px 0px 1px 0px;
			padding: 3px 0px 0px 5px;
			border: solid 1px #808080;
			color:#444;
		}
		.inputCheckbox {
			width: 490px;
			height: 22px;
			margin: 0px 0px 1px 0px;
			padding: 3px 0px 0px 10px;
			border: solid 1px #808080;
			color:#444;
		}
		.inputOrderForm {
			width: 375px;
			height: 19px;
			margin: 0px 0px 5px 0px;
			padding: 3px 0px 0px 5px;
			border: solid 1px #808080;
			color:#444;
		}
		.inputAdminForm {
			width: 324px;
			height: 19px;
			margin: 0px 0px 5px 0px;
			padding: 3px 0px 0px 5px;
			border: solid 1px #808080;
			color:#444;
		}
		.inputAmount {
			width: 14px;
			height: 19px;
			margin: 0px 0px 5px 0px;
			padding: 3px 0px 0px 5px;
			border: solid 1px #808080;
			color:#444;
		}
		textarea {
            width: 376px;
		    margin: 0px 0px 5px 0px;
		    border: solid 1px #808080;
		    font-family: Arial;
		    font-size: 100%;
		}
        .yui-editor-container {
		    margin-top: 5px;
		}
		#descriptionError {
		    position: absolute;
		    margin: 5px 0px -29px 93px;
		    padding: 5px 0px 0px 0px;
		    z-index: 100;
		}
		#descriptionError span {
		    color: Red;
		}
		
		.field-validation-error {
		    color: Red;
		    font-weight: bold;
		}
		
        #divinputfile{
	        background:url(../images/btn_browse.png) no-repeat 100% 0px;
	        height:28px;
	        width:502px;
	        margin:0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;
        }
        #divinputfile #filepc{
            margin: 0px 0px 0px 260px;
	        opacity: 0.0;
	        -moz-opacity: 0.0;
	        filter: alpha(opacity=00);
        }
        #fakeinputfile{
	        margin-top:-22px;
        }
        #fakeinputfile #fakefilepc{
	        width:387px;
	        height:23px;
	        margin:0px 0px 0px 0px;
	        padding: 0px 0px 0px 5px;
	        border: solid 1px #808080;
        }
		.buttons {
		    width: 502px;
		    height: 25px;
		    margin-top: 5px;
		}
		#buttonsLarge {
		    width: 677px;
		    height: 25px;
		    margin-top: 5px;
		}
		#buttonsLarge img,
		.buttons img {
		    float: right;
		    margin: 0px 0px 0px 10px;
		}
	    input.button {
            float: right;
            width: 100px;
		    height: 25px;
		    margin: 0px 0px 0px 0px;
		    padding: 0px 0px 0px 0px;
		    vertical-align: middle;
		    font-weight: normal;
		    background-color: #f2f2f2; 
		    border: solid 1px #808080;
		    cursor: pointer;
        }
	/* navigatie markup */
	#labelNavigatie {
	    font-size: 14pt;
	}
	#selectNavigatie {
			height: 30px !important;
			margin: -7px 0px 0px 10px !important;
			padding: 0px 0px 0px 0px !important;
			vertical-align: middle !important;
			border: solid 1px 3784b3 !important;
			font-size: 14pt !important;
		}
	/* footer markup */
	#footer ul {
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 30px;
        list-style: none;
    }
        #footer ul li {
            float: left;
            margin: 0px 20px 0px 0px !important;
            padding: 0px 0px 0px 0px;
            background-image: none;
        }
        #footer ul li.last {
            margin-right: 0px !important;
        }
        #footer ul li a:link, #footer ul li a:visited {
            font-weight: normal ;
            text-decoration: underline;
            color: #444;
        }
        #footer ul li a:hover, #footer ul li a:active {
            text-decoration: none;
            color: #444;
        }
/* shared markup */        
.smallText {
    font-size: 0.75em;
}
.bold {
    font-weight: bold !important;
}
.white {
    color: #fff !important;
    cursor: default;
}