/*
 * reset 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }
/* remember to define focus styles! */
:focus {
    outline: 0;
    }
body {
    line-height: 1;
    color: black;
    background: white;
    }
ol, ul {
    list-style: none;
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
    }
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    }
blockquote, q {
    quotes: "" "";
    }
    
body{
    background-color: #e3e3e3;
    background-image: url('/files/layout/bg.jpg');
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

#container{
   margin: 0 auto;
   width: 990px;
   background-image: url('/files/layout/container_bg.jpg');
   background-repeat: repeat-y;
   margin-top: 26px;
   padding-bottom: 100px;
   position: relative;
}

#header{
    background-image: url('/files/layout/header.jpg');
    background-repeat: no-repeat;
    height: 220px;
    position: relative;
}

#header a.home{
    position: absolute;
    top: 41px;
    left: 48px;
    display: block;
    width: 330px;
    height: 122px;
}

#header a.call-to-action-call{
    position: absolute;
    bottom: 0px;
    right: 8px;
    display: block;
    width: 360px;
    height: 43px;
    background-image: url('/files/layout/call_to_action_call.jpg');
    background-position: center 0px;
}

#header a.call-to-action-call:hover{
   background-position: center -47px; 
}

#footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-position: top;
    background-image: url('/files/layout/footer.jpg');
    background-repeat: no-repeat;
    width: 990px;
    height: 20px;
    text-align: center;
}

#footer > p {
    position: absolute;
    bottom: -15px;
    left: 400px;
    color: #9f9e9e;
}

#footer > p  a{
    color: #9f9e9e;
    text-decoration: none;
}

#footer > p  a:hover{
    color: #666666; 
}

#contents{
    margin: 0 8px; 
}

#left{
    width: 238px;
    float: left;
}

#main{
    width: 736px;
    float: left;
}

#main > .text{
    padding: 20px;
    line-height: 18px;
}

.text .top-image{
    float: right;
    padding: 0 0 15px 15px;
}

.menu{
    background-image: url('/files/layout/menu_top.jpg');
    background-repeat: no-repeat;
    background-position: top;
    padding: 12px 0 12px 0;
    background-color: #e7b220;
    width: 225px;
    margin: 11px 0 0 13px;
    position: relative;
}

.menu a {
    display: block;
    width: 100%
    height: 24px;
    padding: 12px 0 0 5px; 
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    background-image: url('/files/layout/menu_topline.jpg');
    background-repeat: no-repeat;
    background-position: top;
}

.menu a.menuitem {
    padding-left: 20px;
    height: 24px;
}

.menu a.submenuitem{
    padding-left: 40px;
    height: 24px;
}

a.call-to-action-worms{
    display: block;
    width: 225px;
    height: 83px;
    background-image: url('/files/layout/call_to_action_worms.jpg');
    background-position: center 0px;
    margin: 17px 0 0 13px;
}

a.call-to-action-worms:hover{
    background-position: center -87px;
}

a.call-to-action-soil-analysis{
    display: block;
    width: 225px;
    height: 83px;
    background-image: url('/files/layout/call_to_action_soil.jpg');
    background-position: center 0px;
    margin: 17px 0 0 13px;
}

a.call-to-action-soil-analysis:hover{
    background-position: center -87px;
}

.menu a:hover,
.menu a.active{
    background-image: url('/files/layout/menu_hover.jpg');
}

.menu a:hover{
    color: #fffacb;
}

a.call-to-action-offer{
    display: block;
    width: 225px;
    height: 83px;    
    background-image: url('/files/layout/call_to_action_offer.jpg');
    background-position: center 0px;
    margin: 17px 0 0 13px;
}

a.call-to-action-offer:hover{
   background-position: center -87px; 
}

.menu .menu-bottom{
    background-image: url('/files/layout/menu_bottom.jpg');
    background-repeat: no-repeat;
    height: 11px;
    width: 225px;
    position: absolute; 
    bottom: 0px;
    left: 0px;
}

.block{
    margin: 20px 0;
    color: #ffffff;
}

.block img{
    float: left;
    margin: 0 20px 0 0;
}

.block > .block-text{
    width: 429px;
    height: 198px;
    padding: 10px;
    overflow: hidden;
    background-image: url('/files/layout/block_bg.jpg');
    background-repeat: no-repeat;
    float: left;
}

.block .block-text > h2{
    font-size: 16px;
    margin: 0 0 10px 0;
    color: #ffffff;
}

.block .block-text li{
    padding: 1px 0;
} 

.bottom-images {
    margin: 20px 0;
}

.bottom-images img{
    float: left;
    margin: 0 10px 10px 0px;
}

.clear {
    clear: both;
}

ul{
    
}

li{
    list-style: disc;
    margin-left: 15px;
}

p {padding: 5px 0;}

a   {color: #996600;}
a:hover {color: #ffcb05;}

h1{font-size: 16px; color: #8a2003; margin: 0 0 10px 0;}

h2{font-size: 14px; color: #8a2003; margin: 0 0 10px 0;}

h2{font-size: 12px; font-weight: bold; color: #8a2003; margin: 0 0 10px 0;}

h3{font-size: 12px; color: #8a2003; margin: 0 0 10px 0;}


/* aform */


	form.aform tbody.header td 		{padding-top: 10px; color: #35424A; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
	form.aform tbody.sub-header td 	{color: #666666; text-align:left; text-transform: none; font-style: italic;}

	form.aform input, textarea 		{border: 1px solid #ccc; font-size: 1.0em; width: 300px;}
	form.aform input.small-text		{width: 75px;}
	form.aform textarea				{height:100px; font-family: Arial, Helvetica, sans-serif;}
	form.aform .feedback			{color: #FF0000;}
	
	form.aform input.input-checkbox{
		border: 0px;
		width: 20px;
		height: 20px;
		margin-left: -4px;
		padding: 0px;	
	}
	
	form.aform input.input-radio{
		width: 20px;
		border: 0px;
		margin-left: -2px;
		color: #000;
	}

	form.aform td {padding: 0 0 3px 5px; color: #7a7a7a;}
	form.aform input[type="submit"]{
		background-image:url("/files/layout/button_blank.jpg");
        background-repeat:no-repeat;
        border: 0 none;
        width: 134px;
        padding:0 0 5px 0;
        margin-top: 30px;
		height: 22px;
        cursor: pointer;
	}
	
	form.aform .error {background-color: #ffffbb;}
    
    /* setting for offer form */
	form#offerte .checkboxes-vertical label {
        clear: both;
    }
    
    form.aform label.sublabel{}
    
    form.aform li{
       list-style-image: none;
       list-style: none;
       margin: 0px;
    }

	form.aform .error {background-color: #ffffbb;}
	form.aform .hint{font-size: 11px; color: #999;}
	form.aform .feedback {color: #FF0000;}

/* ordersoilanalysis */

	/* form */
	
	.form-set-soil-analysis .error-message{
		padding: 10px;
		border: 1px solid red;
		width: 455px;
		position: relative;
		text-align: left;
		color: #990000;
		background-color: #f5e2de;	
		font-size: 1.1em;
	}
    
    #ordersoilanalysis{
        width: 480px;
    }
    
    #ideal-form{
        width: 480px;
    }
    
    .form-set-soil-analysis .group{
		padding: 10px;
		position: relative;
		width: 480px;
		margin-bottom: 15px;
	}
    
	.form-set-soil-analysis .column-left{
		position: relative;
		float: left;
		width: 150px;
	}
	
	.form-set-soil-analysis .column-right{
		position: relative;
		float: left;
		width: 330px;
	}
	
	.form-set-soil-analysis .information{
		position: relative;
		padding: 3px 0 0 5px;
        margin-left: 0px;
        width: 300px;
		color: #990000;
	}
	
	.form-set-soil-analysis .group .info-personal{
		position: absolute;
		top: 34px;
		right: 10px;
		width: 145px;
		height: 120px;		
	}
	
	.form-set-soil-analysis .group .info-personal-small{
		position: absolute;
		top: 34px;
		right: 10px;
		width: 145px;
		height: 61px;
	}
	
	.form-set-soil-analysis .group .e-mail-format{
		position: absolute;
		top: 40px;
		right: 10px;
		width: 145px;
		height: 114px;
		color: #990000;
	}
	
    .form-set-soil-analysis .group .e-mail-format-small{
        position: absolute;
        top: 38px;
        right: 10px;
        width: 145px;
        height: 61px;
        color: #990000;
    }	
	
	.form-set-soil-analysis .group .info-address{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 63px;
	}
	
	.form-set-soil-analysis .group .zipcode-format{
		
	}
	
	.form-set-soil-analysis .group .info-contents{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 93px;		
	}	
	
	.form-set-soil-analysis .group .info-units{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 60px;
		margin-bottom: 5px;		
	}
	
	.form-set-soil-analysis .column-left, .form-set-soil-analysis .column-right{
		margin-bottom: 5px;
	}
    
	.form-set-soil-analysis .gender-picker-error, .form-set-soil-analysis .payment-picker-error{
		margin-left: 0px;
		padding-bottom: 3px;
		border: 1px solid red;
		background-color: #f5e2de;		
	}
	
	.form-set-soil-analysis input{
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		width: 300px;
		height: 18px;
		padding: 3px 0 0 5px;
		letter-spacing: 1px;
	}
    
    .form-set-soil-analysis input.orderquantity{
        width: 30px;
        text-align: center;
    }
    
    .form-set-soil-analysis input.squaremeters{
        width: 93px;
        text-align: right;
        padding-right: 5px;
    }
    
    .form-set-soil-analysis input.error{
		border: 1px solid #FF0000;
		background-color: #f5e2de;	
	}
	
	.form-set-soil-analysis textarea{
		width: 300px;
		height: 100px;
		border: 1px solid #CCCCCC;
		padding: 3px 0 0 5px;
		font-family: Arial,Verdana, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
	}
	
	.form-set-soil-analysis input.units{
		width: 45px;
		margin-right: 5px;
		background-color: #f3f7f9;
	}
	
	.form-set-soil-analysis input.check, .form-set-soil-analysis input.radio{
		width: 15px;
		height: 15px;
		border: 0px;
	}
	
	.form-set-soil-analysis input.submit{
		font-size: 12px;
        background-image: url('/files/layout/button_blank.jpg');
		background-repeat: no-repeat;
        padding:0 0 5px 0;
		margin-left: 170px;
		width: 134px;
		height: 22px;
		border: 0px;
		cursor: pointer;
	}
	
	.form-set-soil-analysis span.label{
		font-size: 0.9em;
		color: #666666;
		font-style: italic;
	}
	
	.form-set-soil-analysis div.units-amount{
		position: absolute;
		top: 20px;
		left: 229px;	
	}
    
	.form-set-soil-analysis .mandatory{
		color: #666666;
		font-size: 1em;
		padding-left: 1px;
	}
	
    .form-set-soil-analysis select{
        width: 100px;
    }
    
    .form-set-soil-analysis select.error{
        border: 1px solid #FF0000;
		background-color: #f5e2de;
    }
    
	.footnote{
		font-style: italic;
		margin-top: 20px;
		color: #666666;
	}
    
    .gender-picker > label, .payment-picker > label{
        margin-left: 5px;
    }
    
    .ideal-logo{
        background-image: url('/files/layout//ideal-logo.jpg');
        width: 100px;
        height: 100px;
        display: block;
        margin: 0 30px 10px 0;
    }
    
    .order-description{
        padding-left: 10px;
    }
	

/* orderworms */

	/* form */
	
	.form-set .error-message{
		padding: 10px;
		border: 1px solid red;
		width: 455px;
		position: relative;
		text-align: left;
		color: #990000;
		background-color: #f5e2de;	
		font-size: 1.1em;
	}

	.form-set dl dt{
		position: relative;
		float: left;
		width: 160px;
	}
	
	.form-set dl{
		padding: 10px;
		position: relative;
		width: 500px;
		margin-bottom: 15px;
	}
	
	.form-set dl .information{
		position: relative;
		padding: 3px 0 0 5px;
        margin-left: 160px;
        width: 300px;
		color: #990000;
	}
	
	.form-set dl .info-personal{
		position: absolute;
		top: 34px;
		right: 10px;
		width: 145px;
		height: 120px;		
	}
	
	.form-set dl .info-personal-small{
		position: absolute;
		top: 34px;
		right: 10px;
		width: 145px;
		height: 61px;
	}
	
	.form-set dl .e-mail-format{
		position: absolute;
		top: 40px;
		right: 10px;
		width: 145px;
		height: 114px;
		color: #990000;
	}
	
    .form-set dl .e-mail-format-small{
        position: absolute;
        top: 38px;
        right: 10px;
        width: 145px;
        height: 61px;
        color: #990000;
    }	
	
	.form-set dl .info-address{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 63px;
	}
	
	.form-set dl .zipcode-format{
		
	}
	
	.form-set dl .info-contents{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 93px;		
	}	
	
	.form-set dl .info-units{
		position: absolute;
		top: 10px;
		right: 10px;
		width: 145px;
		height: 60px;
		margin-bottom: 5px;		
	}
	
	.form-set dd, .form-set dt{
		margin-bottom: 5px;
	}
    
	.gender-picker-error, .payment-picker-error{
		margin-left: 160px;
		width: 305px;
		padding-bottom: 3px;
		border: 1px solid red;
		background-color: #f5e2de;		
	}
	
	.form-set input{
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		width: 300px;
		height: 18px;
		padding: 3px 0 0 5px;
		letter-spacing: 1px;
	}
    
    .form-set input.orderquantity{
        width: 30px;
        text-align: center;
    }
	
	.form-set input.error{
		border: 1px solid #FF0000;
		background-color: #f5e2de;	
	}
	
	.form-set textarea{
		width: 300px;
		height: 100px;
		border: 1px solid #CCCCCC;
		padding: 3px 0 0 5px;
		font-family: Arial,Verdana, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-size: 12px;
	}
	
	.form-set input.units{
		width: 45px;
		margin-right: 5px;
		background-color: #f3f7f9;
	}
	
	.form-set input.check, .form-set input.radio{
		width: 15px;
		height: 15px;
		border: 0px;
	}
	
	.form-set input.submit{
		font-size: 12px;
        background-image: url('/files/layout/button_blank.jpg');
		background-repeat: no-repeat;
        padding:0 0 5px 0;
		margin-left: 170px;
		width: 134px;
		height: 22px;
		border: 0px;
		cursor: pointer;
	}
	
	.form-set span.label{
		font-size: 0.9em;
		color: #666666;
		font-style: italic;
	}
	
	.form-set div.units-amount{
		position: absolute;
		top: 20px;
		left: 229px;	
	}
	
	.form-set .mandatory{
		color: #666666;
		font-size: 1em;
		padding-left: 1px;
	}
	
	 .footnote{
		font-style: italic;
		margin-top: 20px;
		color: #666666;
	}
    
    .gender-picker > label, .payment-picker > label{
        margin-left: 5px;
    }
    
    img.ideal{
        margin: 0 30px 10px 0;
    }
    
    .order-description{
        padding-left: 10px;
    }