/*
Title: 		
Updated: 	
Version: 1.0
Author: yse
*/

* {margin: 0; padding: 0;}

*:focus{  -moz-outline-style: none;}


body { 
	background: #1C3A50 url('../img/layout/body.bg.jpg') repeat-x top left;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align:center;
}

img { border: 0;}
hr { display:none; }

#wrapper {width: 925px;margin: 0 auto;text-align:left; background:#FFF;}

/* header
------------------------------------------------------------- */
#header { background:#AED7FF; height: 55px;padding: 42px 0 0 0; text-align:center; border-bottom: 3px solid #FFF; position:relative}
	#header ul { list-style:none; }
	#header ul li { display:inline;} 
	#header ul li a { color: #FFF; font-size: 16px; text-decoration:none; padding: 5px 0px;margin: 0 15px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
	#header ul li a:hover { border-bottom: 1px solid #1EB044; color: #CCC;}
	
	#mainlogo { position:absolute;}
	
#content { background:#FFF url('../img/layout/main.bg.jpg') repeat-x top left; padding: 10px 20px;}

#sidebar { width: 200px; float:left; padding: 40px 0px; margin-right: 30px; font-family:Arial, Helvetica, sans-serif;}
	#sidebar dl { margin-bottom: 1em;}
	#sidebar dl dt { font-weight:bold; padding: 3px 0; font-size: 12px; color: #666666;}

	.subnav { list-style:none; width: 188px; }
	.subnav li.first a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;border-radius-topleft: 5px;border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;}
	.subnav li.last a { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;border-radius-bottomleft: 5px;border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
	.subnav li a { display:block; background:#188D36; padding: 7px 10px; border-bottom: 1px solid #FFF; color: #FFF; text-decoration:none; font-size: 14px; }
	.subnav li a:hover { background: #1EB044;}


/* main
------------------------------------------------------------- */
#main { float:left; width: 650px}

#main h1 { margin-bottom: 1em; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #2DB34B; letter-spacing:-1px; } 
a { color: #5FBFD3; }
#main h2 { margin-bottom: 0.5em; font-family:Arial, Helvetica, sans-serif; color: #188D36; font-size: 15px;}
#main p { margin-bottom: 1.5em; line-height: 1.5em;}

#main ul { margin: 1em 2em;}

.pic { padding: 5px; background: #FFF; border: 1px solid #CCC; width:auto;  margin: 0 15px 15px 0;}
#js-pictures { padding-bottom: 100px;}
#js-pictures .pic { margin-bottom: 2px; padding: 3px;}

.left{float:left;}
img.right { float:right; margin-left: 15px;}

/* toevoegingen van Jan */
.error{padding:0 5px; color:#FF0000;}
.hidden{display:none;}

table { width: 100%; border-collapse: collapse; margin: 10px 0;}
table th, table td { padding: 5px; border-bottom: 1px dotted #CCCCCC;}
table th { background: #188D36; color: #FFF; font-size: 13px; }

a.button, .button { background:url('../img/layout/button.png') no-repeat top left; width: 147px; height: 29px; line-height:29px; text-align:center; color: #666666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size: 12px; display:block; text-decoration:none; border:0;}
.button:hover { background-position: bottom;}

/* cart */
table tr.total td { background: #1EB044; font-weight:bold; font-size: 13px; color: #FFF; }

dl.information {}
	dl.information dt {font-weight:bold; float:left; width: 100px; clear:left; margin-bottom: 5px;}
	dl.information dd { float:left;}


/*------------*/

#shop-detail .rightblock { float:left; width: 490px; position:relative;}

	 .product-package {position:absolute; left: -150px; bottom:0;}

#breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 2em;}

/*------------*/

dl.home, dl.fairs { float:left; margin-bottom: 1em; width: 325px;}
dl.home dt, dl.fairs dt { height: 31px; background:#AA0066 url('../img/layout/home_heading.jpg') repeat-x top left; color: #FFF; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  padding: 0 10px; line-height:31px;}
	dl.home dt a { color: #FFF; text-decoration: none;}
	
dl.fairs {width: 300px;}
dl.fairs dd { background: #FCDBEF; padding: 10px;   min-height:220px; _height: 220px; }
#main dl.fairs ul { list-style: none; margin:0; padding:0;}
#main dl.fairs ul li { border-bottom: 1px solid #FFF; padding: 5px 3px; margin-bottom: 3px;} 
#main dl.fairs ul li strong { font-size: 10px; font-weight:bold; display:block;}
	


/* shop overview
------------------------------------------------------------- */
.product, .category { background:url('../img/layout/shop_pic.bg.jpg') no-repeat top left; width: 130px; float:left; margin-right: 10px; margin-bottom: 20px; height: 111px; padding: 10px 10px; }
	.product h2, .category h2 { margin-bottom: 5px; font-size: 11px; }
	.product h2 a, .category h2 a { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ED008C;} 
	.product h2 a:hover, .category h2 a:hover { text-decoration: underline;}
	

dl.cart { }
	dl.cart dt { font-weight:bold; color: #666666;}
		dl.cart dt a { color:#666666; text-decoration:none;}
	dl.cart dd { background: url('../img/layout/cart.bg.gif') no-repeat top left; line-height:34px; padding-left: 30px; color:#C5EBCF; font-size: 12px;  }
	dl.cart dd a { color: #C5EBCF; }

/* shop wizard
------------------------------------------------------------- */

dl.wizard { clear:both; margin-bottom: 1em;}
	dl.wizard dt { font-weight:bold; color: #188D36; background: url('../img/layout/dt.bg.gif') repeat-x bottom left; padding: 0 0 4px 0;  }
	dl.wizard dd {padding: 10px;}
	dl.wizard label {margin-right: 20px; vertical-align:middle;}
	dl.wizard label input { vertical-align:middle;}
	
	dl.wizard.disabled-1 dt { color: #999999;}
	dl.wizard.disabled-1 dd { color: #CCCCCC;}


.colors { list-style:none; clear:both; height: 25px;}
	.colors li { display:inline;}
	.colors a { display:block; width: 25px; height: 25px; margin-right: 10px; border: 1px solid #000; text-decoration:none; float:left; margin-bottom: 10px;}

	
	.p-fluoyellow { background: #F3FD35 ;}
	.p-fluogreen { background:#A0CE67; }
	.p-fluoorange {background: #F68429 }
	.p-pinky { background: #EC519E }
	.p-balticblue { background: #005EAB}
	.p-red { background: #CC0000;}
	.p-violet { background:#8177B7;}
	.p-green { background: #008640;}
	.p-yellow { background:#FFDD00; }
	.p-lightblue { background: #00BCE5;}
	.p-white { background:#FFF;}
	.p-black { background:#000;}
	.p-silver { background:#CCCCCC;}
	.p-gold { background: #C3A300;}
	.p-copper { background: #BA8748;}
	.p-brown { background:#794400;}
	
	.colors a:hover, .colors a.active { border: 1px solid #00CCFF}
	.colors a.active, .colors a.active:hover {  border: 3px solid #5FBFD3 ; width: 21px; height: 21px;}


.clr { clear:both;}

.add-basket { clear:both; background: url('../img/layout/addbasket.png') no-repeat top left; width: 232px; height: 29px;  font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #333333; padding-left: 35px; padding-top: 5px; margin-top: 0px;}
  .add-basket input { width: 25px; padding: 2px; border: 1px solid #7F9DB9; border-left: 1px solid #CFDAE4; border-right: 1px solid #CFDAE4; text-align:center; margin-right: 5px; }
  .add-basket span { }
  .add-basket a { font-size: 12px; margin-left: 10px; text-decoration:none; font-weight:bold;}
  


ul.step { background:url('../img/layout/dt.bg.gif') repeat-x 0 35px; width:auto; margin: 0 auto;  font-size: 13px; text-align:center; clear:both; float:left; margin-left: 90px; margin-bottom: 20px;  }
	ul.step li { display: block; float:left; padding: 10px 20px 13px 20px; background: url('../img/layout/cart_step.gif') no-repeat bottom center; color: #333333;  }
	ul.step li.active { font-weight:bold; color: #5FBFD3;}
	
a.i-pdf { background:url('../img/layout/icon_pdf.gif') no-repeat center left; padding-left: 20px; line-height: 17px; min-height:17px; display: list-item; list-style:none;}

.i-package { background:url('../img/layout/icon_package.gif') no-repeat center left; padding-left: 25px; line-height: 18px; min-height: 18px; display: list-item; list-style:none;}
.i-price { background:url('../img/layout/icon_euro.gif') no-repeat center left; padding-left: 25px; line-height: 18px; min-height: 18px; display: list-item; list-style:none;}

.input-telephone { background:url('../img/layout/telephone.gif') no-repeat 10px 4px; }
.input-personal {font-size: 23px; border: 1px solid #CCCCCC; padding: 3px 30px;  width: 9em; margin-bottom: 2px;}

.product-information { display:block; margin: 10px 0; padding: 5px 20px;  float:right; width: 122px; background: #F2F2F2}
	.product-information div { float:left; margin-right: 10px;}
	
.small { font-size: 10px; }

.success {  border:1px solid #428B0C; padding: 8px; margin: 5px 0; background: #E6FCD6 url('../img/layout/icon_accept.gif') no-repeat 5px 6px; padding-left: 28px; color: #009900; }

.js-shipment { width: 200px;}

/* catalogue
------------------------------------------------------------- */
.backbutton { width: auto; background:#5FBFD3; color: #FFF; padding: 4px; text-decoration:none; margin: 15px 0;clear:both; display: inline-block; float:right;}
.backbutton:hover { color: #FFF; background: #3099AF;}

#catalogue-detail .rightblock { float:right; width: 350px;}

#catalogue-index .product,#catalogue-index .category { background: #FFF; border: 2px solid #F0F0F0;width: 160px; height: 160px; margin-right: 30px; padding: 5px 10px;  }
#catalogue-index .product img,#catalogue-index .category img { display:block; margin: 0 auto;}

/* footer
------------------------------------------------------------- */
#footer { clear:both; background: #0184DC url('../img/layout/footer.bg.jpg') repeat-x top left; padding: 10px 20px; color: #FFF; font-size: 10px;}

#footer dl  { float:left; margin-right: 20px; min-width: 150px;}
	#footer dl.right { float:right; margin-right:0; text-align:right; }
#footer dl dt {color: #9CC9E7; margin-bottom: 10px;}
#footer dl dt a { color: #9CC9E7;}
#footer dl dd { padding: 0 0 0 10px;}

#footer ul { list-style:none; margin:0; padding:0;} 
#footer ul li { margin-bottom: 3px;}


#footer a { color: #FFF; text-decoration:none; }
#footer a:hover { }

/* forms
------------------------------------------------------------- */
.uniForm label em, .uniForm .label em  { color: #990000; position:relative; left: auto; display:inline}
.uniForm .inlineLabels label, .uniForm .inlineLabels .label { font-weight:normal}
.buttonHolder { text-align:right;}
	.buttonHolder .button { display: inline;}
.input {   float:left;
  width:100%;
  clear:both;
  margin-bottom: 5px;}
form, fieldset, input,select,textarea { font-family: Verdana,arial,sans-serif;}
fieldset {border:0;}
legend {display:none;}
input, textarea {}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { }

.uniForm { clear:both;}
.uniForm .blockLabels { width: 350px;}
.uniForm .blockLabels label { font-weight:bold;}
.uniForm .blockLabels input { width: 340px; padding: 3px;}
.uniForm .blockLabels textarea { height: 5em; font-size: 12px; width: 340px; padding: 3px;}