/* ### Some generic styles */
.orange { color: #FF7C0A }
.error  { color: red }

.flash { padding: 5px 0; margin: 5px 0; color: #007F05 !important; font-weight: bold; }

/* ### General styled text */
.markup { color: #777777; letter-spacing: 0em; line-height: 1.5em }

	.markup h1, .markup h2, .markup h3,
	.markup h4, .markup h5, .markup h6 { margin-bottom: 15px }
	.markup h1 { font-size: 15px !important; color: #083e63; font-weight: bold }
	.markup h2 { font-size: 13px !important; color: #083e63; font-weight: bold }
	.markup h3 { font-size: 13px !important; font-weight: bold }
	.markup h4 { font-size: 11px !important; font-weight: bold }
	.markup h5 { text-decoration: underline }
	
	.markup p { margin-bottom: 20px }
	.markup strong { font-weight: bold }
	.markup em { font-style: italic }

	.markup ul, .markup ol { margin-bottom: 20px; list-style-position: inside }
	.markup ul ul, .markup ol ol { margin-bottom: 0 }
	.markup ul { list-style-image: url(../images/layout/bullet_arrow_grey.png) }
	.markup ol { list-style-type: decimal }

	.markup hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0; }

/* ### General actions */

	/* list with actions */
	ul.actions { list-style-image: none; list-style-position: outside; overflow: hidden }
	ul.actions li { padding-left: 20px; background-position: left top; background-repeat: no-repeat; margin-bottom: 5px; }
	ul.actions li a {line-height: 16px}
	
	ul.actions.vertical li { float: left; margin-right: 10px }
	
	/* inline link actions */
	a.action { padding-left: 20px; background-position: left center; background-repeat: no-repeat; white-space:nowrap; vertical-align:middle; display: inline-block; line-height: 18px }
	a.action.right { padding-left: 0; padding-right: 20px; background-position: right center }
	
		/* The action types */
		/* Don't forget to also create a filter version in ie6.css !!! */
		.a_add { background-image: url(../images/icons/add.png) }
		.a_left { background-image: url(../images/icons/arrow_blue_left.png) }
		.a_right { background-image: url(../images/icons/arrow_blue_right.png) }
		.a_book { background-image: url(../images/icons/book.png) }
		.a_bookmail { background-image: url(../images/icons/bookmail.png) }
		.a_delete { background-image: url(../images/icons/delete.png) }
		.a_link { background-image: url(../images/icons/link.png) }
		.a_mail { background-image: url(../images/icons/mail.png) }
		.a_print { background-image: url(../images/icons/print.png) }
		.a_sort { background-image: url(../images/icons/sort.png) }
		.a_page { background-image: url(../images/icons/page_white_text.png) }
		.a_edit { background-image: url(../images/icons/page_white_edit.png) }
		
		.a_back_small { 
			background: transparent url('../images/icons/double_arrow_blue_left.png') no-repeat 10px center !important; 
			line-height: normal !important;
		}
		.a_back_small a { 
			color: #ff7c0a !important;
			font-size: 10px
		}

/* ### General form layout */
form.default{ }
	
	/* general */
	form.default label { color: #777; font-weight: bold; line-height: 18px }
	form.default abbr { color: #FF7C0A; font-size: 12px; border-bottom: 0 }
	form.default .right{ text-align:right; }
	
	/* entry */
	form.default div.entry{ clear:both; overflow:hidden; margin:0 0 5px; padding: 5px 0; }
	
	/* error */
	form.default span.error{ color:red; float:right; display:block; line-height:18px; padding-left: 14px; font-size:11px; background:url(../images/icons/warning.gif) no-repeat left center; }
	
	/* text */
	form.default div.text label{ line-height:18px; float:left; }
	form.default div.text input{ border:1px solid #c8c8c8; background-color: #fff; padding: 5px; }
	
	/* textarea */
	form.default div.textarea label{ clear:both; line-height:18px; /*display:block;*/ }
	form.default div.textarea textarea{ border:1px solid #c8c8c8; background-color: #fff; padding: 5px; font-family: inherit; font-size: inherit }
	
	/* radiobutton */
	form.default div.radio label{ float:left; margin-bottom: 3px }
	form.default div.radio div{ width:100%; display:block; clear:both; }
	form.default div.radio div label{ float:none; width:100%; display:block; margin: 5px 0; color: inherit; font-weight: normal }
	
	/* checkbox */
	form.default div.checkbox label{ float:left; margin-bottom: 3px }
	form.default div.checkbox div{ width:100%; display:block; clear:both; }
	form.default div.checkbox div label{ float:none; width:100%; display:block; margin: 5px 0; color: inherit; font-weight: normal }
	
	/* select */
	form.default div.select div{ border:1px solid #c8c8c8; background-color: #fff; clear:both; display:block; padding: 5px; }
	form.default div.select select{ border: 0; background-color: #fff; display:block }
	form.default div.select label{ display:block; float:left; }
	
	/* buttons */
	form.default div.buttons button  { background-color: #104a74; border: 2px solid #307cb3; padding: 5px; cursor: pointer; color: #fff; text-align: center; }
	form.default div.buttons button.right{ float:right; }
	form.default div.buttons span{ float:left; line-height: 30px; font-size:10px; }
	
	/* captcha */
	form.default div.captcha img { clear: left; float: left; height: 24px; border:1px solid #c8c8c8; margin-right: 10px  }
	form.default div.captcha input { float: left; }
		
/* ### Hello World Forms */
	
	form.noclearentries div.entry { clear: none !important }
	
	/* uploadform */
	
	/* w410 */
	form.w410 { width: 410px }
	
		form.w410 div.text input { width: 398px }
		form.w410 div.select div { width: 398px }
		form.w410 div.select select { width: 100% }
		form.w410 div.textarea textarea { width: 398px }
		form.w410 div.captcha img { width: 100px }
		form.w410 div.captcha input { width: 286px }
		
	/* Babylist */
	form.babylist { width: 410px; }
	
		 div.babylist_entry { display: block; margin: 4px 0; clear: both; width: 410px; overflow: hidden; }
		 div.babylist_entry img.prod_image { float: left; border: 1px solid #CCC; margin-right: 5px; }
		 div.babylist_entry div.details { float: left; width: 200px; margin-top: 4px; }
		 div.babylist_entry div.details span { font-weight: bold; color: #083E63; }
		 div.babylist_entry div.details a { display: block; }
		 div.babylist_entry div.quantity { float: right; width: 120px; overflow: hidden; color: #0F90EE; margin-top: 4px; }
		 div.babylist_entry div.quantity input { border: 1px solid #e0e0e0; width: 30px; text-align: center; padding: 3px 1px; margin: 0 8px 0 5px; color: #0F90EE; }
		 div.babylist_entry div.quantity a { display: block; float: right; background: url(../images/icons/delete.png) no-repeat left center; width: 16px; height: 16px; margin-top: 4px; }
		 div.babylist_entry div.quantity.puretext { text-align: right; }
		
/* ### Buttons in #secondary */
#secondary_buttons li a { display: block; height: 94px; width: 222px; text-indent: -9000px; background: transparent url(../images/layout/secondary_buttons.png) no-repeat top left }
#body_fr #secondary_buttons li a { background-image: url(../images/layout/secondary_buttons_fr.png) }

	#secondary_buttons li#sb_bekijk a { background-position: 0 0 }
	#secondary_buttons li#sb_maak a   { background-position: 0 -94px }
	#secondary_buttons li#sb_award a  { background-position: 0 -188px }
	
	#secondary_buttons li#sb_bekijk a:hover { background-position: -222px 0 }
	#secondary_buttons li#sb_maak a:hover   { background-position: -222px -94px }
	#secondary_buttons li#sb_award a:hover  { background-position: -222px -188px }
	
/* ### Images container with images, one big and others 2 per row */
.images { width: 192px; overflow: hidden; float: left; margin: 0 15px 15px 0 }
	.images li { float: left; display: block; margin-top:20px }
	.images li a img { width: 82px; border: 2px solid #c8c8c8 }
	.images li a:hover img { border: 2px solid #b2b2b2 }
	
	.images li.first { margin-top: 0; width: 188px }
	.images li.first a img { width: 188px }
	
	.images li.odd { float: right }
	.images li.odd.first { float: left }
	
	.images.right { float: right; margin: 0 55px 15px 15px}
	
/* ### Retailers select dropdown in sidebar */
#retailer_select select { width: 200px; background-color: #fff; border: 1px solid #c8c8c8; padding: 5px }

	/* The map image */
	#retailer_select .retailer_image { border: 2px solid #c8c8c8; margin-bottom: 5px }
	#retailer_select a:hover .retailer_image { border: 2px solid #b2b2b2 }

	/* The link */
	#retailer_select p.retailer_link { text-align: center }
	#retailer_select p.retailer_link a { font-size: 11px; color: #ff7c0a; padding-left: 10px; background: transparent url(../images/layout/bullet_arrow_darkblue.png) no-repeat left center }

/* ### Google map in the sidebar */
#tertiary_map { height: 200px; width: 223px; border: 2px solid #c8c8c8; overflow: hidden }

/* ### Number of products (productmanager) */
#nrofproducts { text-align: center; font-weight: bold; padding: 15px 12px !important; }

/* ### Image list from the productmanager */
ul.imgoverview {  }
ul.imgoverview li { float: left; width: 96px; overflow: hidden; display: block; position: relative; margin: 0 10px 10px 0; }
ul.imgoverview li.last { margin-right: 0; }
ul.imgoverview li img { border: 2px solid #CBCBCB; width:90px; height: 70px; }
ul.imgoverview li a { position: absolute; bottom: 7px; right: 7px; text-indent: -999999px; background: url(../images/icons/delete.png) no-repeat; width: 16px; height: 16px; display: block; }

/* ### twoColProductlist */
.twoColProductlist { overflow: hidden }
	.twoColProductlist h2 { font-size: 16px; margin-bottom: 15px }
	.twoColProductlist ul { width: 190px; margin: 0 9px; float: left; list-style-image: url(../images/layout/bullet_arrow_grey.png); list-style-position:  inside }
	.twoColProductlist ul li { padding: 5px 0; border-bottom: 1px solid #E6F4FE }
	.twoColProductlist ul li a { color: #083e63; text-decoration: none; font-weight:bold; }
	.twoColProductlist ul li a:hover { color: #083e63; text-decoration: underline; }
	
	/* Expanded Version */
	.twoColProductlist_expanded { list-style-type: none; line-height: 45px; }
		.twoColProductlist_expanded li { padding: 2px 10px 16px 55px; margin-bottom: 4px; overflow: hidden }
		.twoColProductlist_expanded li div.title { height: 36px; overflow: hidden; }
		.twoColProductlist_expanded li div.title a { color: #04375a; font-size: 16px; text-decoration: none; padding-right: 10px }
		.twoColProductlist_expanded li.current div.title a { color: #FF7C0A; }
		.twoColProductlist_expanded li div.title span { color: #B3D7EF; font-size: 12px }
		
	/* Category Icons */
	.cat_2   { background: #f6f6f6 url(../images/icons/categories/cat_2.png)  no-repeat 2px 2px; }
	.cat_29  { background: #f6f6f6 url(../images/icons/categories/cat_3.png)  no-repeat 2px 2px; }
	.cat_63  { background: #f6f6f6 url(../images/icons/categories/cat_4.png)  no-repeat 2px 2px; }
	.cat_73  { background: #f6f6f6 url(../images/icons/categories/cat_5.png)  no-repeat 2px 2px; }
	.cat_86  { background: #f6f6f6 url(../images/icons/categories/cat_6.png)  no-repeat 2px 2px; }
	.cat_120 { background: #f6f6f6 url(../images/icons/categories/cat_7.png)  no-repeat 2px 2px; }
	.cat_140 { background: #f6f6f6 url(../images/icons/categories/cat_8.png)  no-repeat 2px 2px; }
	.cat_161 { background: #f6f6f6 url(../images/icons/categories/cat_9.png)  no-repeat 2px 2px; }
	.cat_175 { background: #f6f6f6 url(../images/icons/categories/cat_10.png) no-repeat 2px 2px; }
	.cat_185 { background: #f6f6f6 url(../images/icons/categories/cat_11.png) no-repeat 2px 2px; }
		
/* ## threeColProductlist */
.threeColProductlist { width: 100%; overflow: hidden }
	.threeColProductlist ul { width: 170px; margin: 0 9px; float: left;  }	
	.threeColProductlist ul li { 
		padding: 5px 0; border-bottom: 1px solid #b9d1e2; background: none; line-height: normal; overflow: visible;
		list-style-type: none !important; list-style-image: none !important; list-style: none !important;
		}
	.threeColProductlist ul li a { color: #083e63; text-decoration: none; background: url(../images/layout/bullet_arrow_grey.png) no-repeat 0 2px; display:block; padding-left: 20px; }
	.threeColProductlist ul li a:hover { color: #083e63; text-decoration: underline; }
	.threeColProductlist ul li.active a { color: #ff7c0a; font-weight: bold; }
	
/* ### brandsLogoList */
.brandsLogoList { overflow: hidden; clear: both; }
	.brandsLogoList h2 { font-size: 16px !important; color: #083e63; font-weight: bold; margin-bottom: 15px }
	.brandsLogoList ul li { float: left; margin: 0 15px 10px 0; text-align: center; width: 100px; height: 70px; }
	.brandsLogoList ul li.last { margin-right: 0; }
	.brandsLogoList ul li a { display: block; }
	.brandsLogoList ul li a:hover img { opacity:.8; }
	.brandsLogoList ul li img { }

/* ### filter */
	.filter h2 { font-size: 15px; color: #04375a; margin: 15px 0 10px 0 }
	
/* ### squares list */
ul.squares { list-style-type: none; width: 100%; overflow: hidden }
	ul.squares li { float: left; display: block; margin-right: 5px; margin-bottom: 5px }
	ul.squares li a { 
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
		color: #04375a; text-decoration: none; float: left; display: block; 
		padding: 15px 15px 15px 30px; 
		background: #F6F6F6 url(../images/layout/bullet_arrow_grey.png) no-repeat 10px center 
	}
	ul.squares li a:hover, ul.squares li.active a { background-color: #04375a; color: #fff }

/* ### productList */
.productList { width: 100%; overflow: hidden }
	.productList li { float: left; width: 140px; margin: 0 30px 30px 0 }
	.productList li a { text-decoration:none; display: block; text-align: center }
	.productList li a strong { color: #04375a; display: block; font-weight: bold; margin: 5px 0 }
	.productList li a em { color: #ff7c0a; font-size: 10px; background: transparent url(../images/icons/double_arrow_blue_right.png) no-repeat left center; padding-left: 8px }

	.productList li a:hover strong { text-decoration: underline }
	.productList li a:hover em { color: #04375a }
	
.productInfo { width: 400px; float: left; }