/* great reset script */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* and normalize again */
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* basics */
body { background:url(header_back.png) repeat-x #eeeeee; text-align:center; color:#224466; }
h1, h2, h3, h4, h5, h6 { color:#78aec9; }
a { color:#0066cd;}
a:hover { color:#224466;}
.swirl{ width:100%; height:160px; background:url(header_swirl.png) no-repeat center; }
.header { width:960px; height:160px; margin:0px auto; }
.logo { width:470px; text-align:center; display:block; height:108px; padding-top:45px;}
.header_container_left { float:left; }
.header_container_right { padding:0px 0px 0px 32px; float:right; margin:0px 15px 0px 0px; width:438px; background:url(header_leader.png) no-repeat; }

.footer_container { min-height:160px; background:url(footer_back.png) repeat-x #eee; padding-bottom:10px; }
.footer { clear:both; width:960px; margin: 0px auto 0px auto; text-align:left;}

.footer ul { list-style: none; padding:0px; margin:0px 10px; }
.footer ul li { margin:0px; padding:0px; }
.footer ul li a{ padding:2px 5px; margin:0px; display:block; border-top:1px solid #e0e0e0; color:#224466; font-size:14px; text-decoration:none; }
.footer ul li a:hover { background:#e0e0e0; }

.footer h1 { padding:8px 5px 5px 15px; margin:0px; font-weight:bold; font-size:14px; color:#224466; text-transform: uppercase; }
.footer_1 { width: 240px; float:left;}
.footer_2 { width: 240px; float:left;}
.footer_3 { width: 240px; float:left;}
.footer_4 { width: 240px; float:right; background:url(certificates.png) top center no-repeat; height:158px;}

.swirl_menu {width: 960px; margin:0px auto; height: 36px; overflow:hidden; background:url(header_menu_space.png) left center no-repeat;}
.swirl_menu ul { list-style: none; padding: 0px 0px 0px 3px; margin:1px 0px 0px 0px;}
.swirl_menu ul li { margin:0px; float:left;}
.swirl_menu a { padding: 0px 32px 0px 29px; background:url(header_menu_space.png) right no-repeat; font: 18px 'Myriad pro', Arial, sans-serif; height:34px; line-height:34px; vertical-align:middle; color:#fff; text-decoration:none; float: left;}
.swirl_menu a:hover { background-color: #77adc8; color:#fff; }

.container { width:960px; margin:10px auto; text-align:left;}

.sidebar { float:left; width:240px;}
.sidebar_menu { padding:15px 10px 0px 10px; margin:10px 10px 0px 10px; width:200px; background:url(side_menu.png) no-repeat #eee;  }
.sidebar_menu_footer { height:10px; clear:both; padding: 0px 10px 0px 10px; margin:0px 10px 10px 10px; width:200px; background:url(side_menu.png) bottom right no-repeat #eee;}
.sidebar_menu h1 { padding:0px 5px 5px 5px; margin:0px; font-weight:bold; font-size:14px; color:#224466; text-transform: uppercase; }
.sidebar_menu ul { padding:0px; margin:0px; list-style: none;}
.sidebar_menu ul li { margin:0px; padding:0px; }
.sidebar_menu ul li a { padding:2px 5px; margin:0px; display:block; border-top:1px solid #e0e0e0; color:#224466; font-size:14px; text-decoration:none; }
.sidebar_menu ul li a:hover { background:#e0e0e0; }

.sidebar p { margin:0px 5px 10px 5px;  }
.sidebar fieldset { margin: 0px 5px 10px 5px; }
.sidebar fieldset input { border:1px solid #ccc; width:180px; }

.mailing_subscribe_btn { height:44px; width:180px; background:url(sprite_mailing_btn.png) no-repeat; border:0px; cursor:pointer;}
.mailing_subscribe_btn:hover { background-position:0px -44px; }
.mailing_subscribe_btn_container { text-align:center; display:block; }


.content { width:720px;	float:right; }
.breadcrumb { margin:10px; }
.breadcrumb h1 { display:inline; font-weight:normal; margin:0px; padding:0px; font-size:14px; }
.mybackground { background:#fffff5; overflow:auto; padding-bottom:10px;}

.support { height:53px; vertical-align:middle; line-height:53px; color:#487e99; font-size:14px; font-weight:bold;}
.support span { color: #fff;}

.search { height:60px; margin:20px 32px 0px 0px; text-align:right}
.search_input { width:120px; border:1px solid #ccc; }
.search_button { border:1px solid #404040; cursor:pointer; }

.shortcuts { color:#5d93af; font-size:14px; font-weight:bold; height:63px; text-align:left; }
.shortcuts a { color:#fff; text-decoration:none;}
.shortcuts a:hover { text-decoration:underline; }
.shortcuts span { font-weight:normal; color:#bbb; }
.shortcuts table { width:100%; height:42px; }
.shortcuts ul { margin:0px; padding:0px; }

.grid { width:669px; padding:15px; margin:15px 16px 15px 15px; }
.grid ul { padding:0px; margin:0px; list-style:none; width:689px; overflow:auto; display:block; }
.grid li { float:left; display:block; overflow:hidden; text-align:center; }

.grid_container_1 { background:url(cat_grid_1.png); }
.grid_container_2 { background:url(cat_grid_2.png); }
.grid_container_3 { background:url(cat_grid_3.png); }
.grid_container_4 { background:url(cat_grid_4.png); }
.grid_container_5 { background:url(cat_grid_5.png); }
.grid_container_6 { background:url(cat_grid_6.png); }
.grid_container_7 { background:url(cat_grid_7.png); }
.grid_container_8 { background:url(cat_grid_8.png); }
.grid_container_9 { background:url(cat_grid_9.png); }

.gridregular { margin:15px; height:220px; width:193px;   }
.gridhighlight { margin:0px; width:223px; height:250px; }

.grid a { text-decoration:none; }
.grid h1 { font-size:14px; margin:5px 0px; height:21px; overflow:hidden; }
.grid p { display:block; height:40px; overflow:hidden; margin:0px; }

.gridregular .category_product_price a { font-size:14px; font-weight:bold; margin:0px auto; color:#224466; }
.gridregular h1 { font-weight:bold; color: #457c97; }
.gridregular span { display:none; }
.gridregular img { height:120px; width:120px; }
.gridregular p { color: #aaa;}

.gridhighlight h1 { font-weight: bold; color:#224466; text-transform: uppercase; }
.gridhighlight p { color:#457c97;}
.gridhighlight img { height:120px; width:120px; }
.gridhighlight .category_product_price { display:block; margin:3px 0px; }
.gridhighlight .category_product_price a { background:url(knop_meer_info.png);display:block; height:48px; width:198px; color:#fff; line-height:48px; text-align:middle; font-size:14px; font-weight:bold; margin:0px auto; }
.category_product_image { height:120px; }

.voordelen img{ margin:10px;}
.vindenwatuzoekt { margin:10px; width:220px; height:51px; background:url(vindenwatuzoekt.png); }

.breadcrumb { margin:0px 0px 0px 20px; color:#224466; }
.breadcrumb a { color: #76adc8; text-decoration:none; font-size:14px;}
.breadcrumb a:hover { text-decoration:underline; }

.product { width:700px; margin:10px; background:url(product_background.png) repeat-y;}
.product_header { width:700px; height:36px; background:url(product_background.png) -700px 0px no-repeat;}
.product_header h1 { margin:0px 0px 0px 15px; font-size:14px; font-weight:bold; color:#224466; line-height:36px; vertical-align:middle; width:485px; float:left;}
.product_header a { margin:4px 10px 0px 0px; padding:0px; float:right; background:url(sprite_staffel_btn.png) 0px 0px no-repeat; width:121px; height:27px; text-indent:-20000px;}
.product_header a:hover { background-position:0px -27px;}


.product_basis { width:100%; margin:10px;}
.product_basis_picture { width:345px; float:left; text-align:center; }
.product_basis_algemeen { width:345px; float:right; }
.product_extended { margin:0px; clear:both; padding:15px 15px 0px 15px;}
.product_footer { height:15px; background:url(product_background.png) -1400px -3px no-repeat; }

.product_basis_bestellen { padding-left:15px; width:289px; height:64px; background:url(knop_koop.png) no-repeat; line-height:64px; vertical-align:middle; color:#224466; font-weight:bold;}
.product_basis_invoer_aantal { width: 30px; border:1px solid #ddd; margin:0px 10px;}
.product_basis_bestel_knop { margin:5px; padding-top:20px; width:149px; height:53px; background:url(knop_koop.png) -304px 0px no-repeat; border:0px; color:#fff; font-size:18px; font-weight:bold; float:right; cursor:pointer;}
.product_basis_bestel_knop:hover { background:url(knop_koop.png) -304px -53px; color:#e9ffc7;}

.product_basis_bestel_opties label {display:block; font-weight:bold; color:#224466; }
.product_basis_bestel_opties fieldset { margin:0px 15px; width:274px;}
.product_basis_bestel_opties select { width:100%;}
.product_basis_bestel_opties { margin-bottom:15px; width:304px; background:url(bestel_opties_background.png) repeat-y;}
.product_basis_bestel_opties_header { height:8px; background:url(bestel_opties_background.png) -304px 0px no-repeat;}
.product_basis_bestel_opties_footer { height:8px; background:url(bestel_opties_background.png) -608px 0px no-repeat;}
.product_basis_algemeen table { color:#224466; font-size:14px;}
.product_basis_algemeen table span { color:#999; font-size:12px;}

.tabs { height: 32px; margin-bottom: 0px; background:url(product_tab.png) repeat-x; padding-left:0px;}
.tabs a { height:30px; float: left;	display: block;	border: 1px solid #DDDDDD;	background: #fff url('product_tab.png') 0px -32px; repeat-x;	color: #76adc8; font-weight: bold;	font-size: 12px;	text-decoration: none;	padding:0px 15px;	line-height:30px;	vertical-align:middle; margin-right:3px; cursor: pointer; }
.tabs a.selected { border-bottom: 2px solid #fff; color: #224466; }
.tab_page { border: 1px solid #ddd; border-top: 0px; background: #fff; padding: 10px; display: block; }

.text_page_contents { padding:10px; }

.basket { width:700px; margin:10px; background:url(product_background.png) repeat-y;}
.basket_header { width:700px; height:36px; background:url(product_background.png) -700px 0px no-repeat;}
.basket_header h1 { margin:0px 0px 0px 15px; font-size:14px; font-weight:bold; color:#224466; line-height:36px; vertical-align:middle; }
.basket_basis { margin:10px;}
.basket_footer { clear:both; height:15px; background:url(product_background.png) -1400px -3px no-repeat; }
.basket_totals { background-color:#ffffcc; color:#404040; border:1px solid #ffcc33; width:660px; padding:10px; margin:0px;}
.basket_totals table { margin:0px; padding:0px;}
.basket_totals_sum { border-bottom:1px solid #ffcc33;}

.checkout_knop a { height:48px; width:246px; display:block; text-indent:-30000px; background:url(checkout_sprite.png) no-repeat; }
.checkout_knop_stap2 a { background-position: 0px 0px; }
.checkout_knop_stap2 a:hover { background-position: 0px -48px; }

.checkout_knop_confirm a { background-position: 0px -480px; }
.checkout_knop_confirm a:hover { background-position: 0px -528px; }
.checkout_confirm { padding:0px 0px 0px 10px;}


.checkout_knop_stap3 a { background-position: 0px -96px; }
.checkout_knop_stap3 a:hover { background-position: 0px -132px; }

.checkout { width:700px; margin:10px; background:url(product_background.png) repeat-y;}
.checkout_header { width:700px; height:36px; background:url(product_background.png) -700px 0px no-repeat;}
.checkout_header h1 { margin:0px 0px 0px 15px; font-size:14px; font-weight:bold; color:#224466; line-height:36px; vertical-align:middle; }
.checkout_content { margin:10px;}
.checkout_footer { clear:both; height:15px; background:url(product_background.png) -1400px -3px no-repeat; }

.checkout_address_left { padding:0px 10px; width:320px;}
.checkout_address_left span { font-size:12px; color:#888; }
.checkout_address_right { padding:5px; width:330px; }
.checkout_address_span { padding:5px; }

.checkout_payment_left { width:150px; padding:5px; }
.checkout_payment_right { width:200px; padding:5px; }
.checkout_payment_center { padding:5px; }


.checkout_address_row { background-color:#eee; border-top:5px solid #fff; border-bottom:5px solid #fff;}
.checkout_address_error { background-color:#e9aead; }

.input_ga_verder { height:48px; width:246px; border:0px; display:block; text-indent:-30000px; background:url(checkout_sprite.png) 0px -96px no-repeat; cursor:pointer;}
.input_ga_verder:hover { background-position: 0px -144px;}

div.message_information ul,div.message_error ul,div.message_success ul,div.message_warning ul { margin: 16px; list-style:disc; list-style-position:outside; padding-left:64px;}
div#message_information, div#message_error, div#message_success, div#message_warning { padding:10px; margin:10px auto; min-height:38px;}

div#message_information { border:1px solid #223d86; background: url(message_information.png) no-repeat #beddf5 left center; }
div#message_information ul li { padding-left:8px; color:#223d86; }
div#message_error { border:1px solid #ab1c14; background: url(message_error.png) no-repeat #e9aead left center; }
div#message_error ul li { padding-left:8px; color:#ab1c14; }
div#message_success { border:1px solid #517718; background: url(message_success.png) no-repeat #deefb4 left center; }
div#message_success ul li { padding-left:8px; color:#517718; }
div#message_warning { border:1px solid #7d5111; background: url(message_warning.png) no-repeat #f8eda8 left center; }
div#message_warning ul li { padding-left:8px; color:#7d5111; }


.category_sort_browse { font-size:14px; width:720px; padding:0px; margin:10px 0px 0px 0px; height:40px; overflow:hidden; background:url(sprite_categorie_bladeren.png) repeat-x; line-height:40px; color:#457c96; }
.category_page_browse { padding:0px 0px 0px 32px; width: 568px; float:left; background:url(sprite_categorie_bladeren.png) 0 -40px no-repeat; }
.category_page_browse a { padding:2px 8px; margin:0px 1px; background-color: #8ba7b3; border:1px solid #fff; color:#b5d1db; text-decoration:none;}
.category_page_browse a:hover { background-color:#457c96; border:1px solid #fff; color:#fff}
.span { padding:0px 8px; }

.category_sort { padding:0px 16px 0px 0px; width: 104px; float:right; background:url(sprite_categorie_bladeren.png) right -80px no-repeat; text-align:right;}
.category_sort a { color:#fff; text-decoration:none; }
.category_sort a:hover { text-decoration:underline; }

.contact { margin:10px; }
