@import "reset.css";

@font-face {
    font-family: 'DroidSansBold';
    src: url('/fonts/DroidSans-Bold-webfont.eot');
    src: url('/fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #generic styles
--------------------------------------------------------------------------------------------------*/

body
{
	background: #fff;
	line-height: 19px;
}

/* #typography
--------------------------------------------------------------------------------------------------*/

a:link,
a:visited
{
	color: #3488f0;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #0a5abd;
}

a.button_buy:link,
a.button_buy:visited
{
	display: block;
	margin: 4px auto;
	background: url(../images/button-addtocart.gif) 0 0 no-repeat;
	height: 36px;
	width: 180px;
	text-indent: -999em;
	text-decoration: none;
}

a.button_buy:hover,
a.button_buy:active
{
	background: url(../images/button-addtocart.gif) 0 -36px no-repeat;
	text-decoration: none;
}

p
{
	padding: 0 0 15px 0;
}

small
{
	font-size: 11px;
}

.clear,
.clear_fix
{
	clear: both;
}

ul
{
	padding: 0 0 30px 0;
}

p.identifier
{
	clear: both;
	border: 1px solid #bbb;
	color: #555;
	padding: 5px;
	line-height: 17px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	margin: 10px 0;
}

p.left
{
	float: left;
}

.meta_header p.left
{
	margin-top: 5px;
}

p.right
{
	text-align: right;
	float: right;
}

.content h1,
.hproduct h1
{
	font-size: 24px;
	color: #000;
}

.content .inner_wrapper,
.hproduct .inner_wrapper
{
	overflow: hidden;
}

h1.cat_title
{
	text-transform: capitalize;
	margin: 0 0 8px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #bbb;
}

.main .content h1,
.main .hproduct h1
{
	float: left;
	margin: 0;
	border: none;
}

.content h1 strong em,
.hproduct h1 strong em
{
	font-style: normal;
	font-weight: bold;
}

h3.subpage_title
{
	font-size: 15px;
	color: #333;
	border-bottom: 1px dashed #ddd;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
}

.price
{
	font-size: 13px;
}

.price span
{
	color: #cc0000;
	font-weight: bold;
}

.main .price span
{
	margin-left: 6px;
	font-size: 26px;
}

h2.sheader,
h3.sheader
{
	color: #3061c2;
	padding-bottom: 5px;
}

h4.sheader
{
	font-size: 17px;
}

h1.logo,
h4.logo
{
	margin: 30px 0 32px 0;
	float: left;
}

h1.logo a:link,
h1.logo a:visited,
h4.logo a:link,
h4.logo a:visited
{
	font-size: 26px;
	font-family: DroidSansBold;
	text-decoration: none;
	color: #000;
	display: block;
}

.content h4,
.hproduct h4
{
	clear: both;
	border-bottom: 1px dashed #bbb;
	margin: 8px 0 7px 0;
	padding-bottom: 7px;
	display: block;
}

.copy_box
{
	clear: both;
	border-top: 1px dashed #bbb;
	margin: 10px 0;
	padding: 10px 0;
}

/* Layout
--------------------------------------------------------------------------------------------------*/

.inner_wrapper
{
	margin: 0 auto;
	width: 920px;
}

.inner_wrapper_alt
{
	height: 31px;
	margin: 0 auto;
	width: 920px;
	position: relative;
}

/* Product info
--------------------------------------------------------------------------------------------------*/

.product_info .left
{
	width: 400px;
	float: left;
}

.product_info .left h1
{
	line-height: 28px;
	margin-bottom: 5px;
}

.product_info .left p
{
	font-size: 11px;
	padding: 0 0 10px 0;
}

.product_info .left p .price
{
	font-size: 11px;
	font-weight: bold;
	color: #dc0000;
}

.product_info .left p a
{
	text-transform: capitalize;
}

.product_info .right
{
	float: right;
	width: 190px;
}

/* Product detail V02
--------------------------------------------------------------------------------------------------*/

.item_meta
{
	float: left;
	width: 370px;
	margin: 0 0 20px 0;
}

.item_meta h1
{
	font-size: 17px;
}

.item_meta .line
{
	overflow: hidden;
	border-bottom: 1px dashed #bbb;
	padding: 4px 0;
	margin: 0 0 5px 0;
}

.item_meta .line p
{
	padding: 0;
}

.item_meta .line p.cat
{
	font-size: 11px;
}

.item_meta .line p.rating
{
	margin-top: 4px;
	display: inline-block;
	background: url(../images/bg-rating-04.png) 0 0 no-repeat;
	height: 12px;
	width: 65px;
	text-indent: -999em;
	text-align: left;
}

.item_meta .line p.price_info
{
	padding: 0 0 3px 0;
}

.item_meta .line p span.price
{
	color: #ae2e00;
	font-size: 16px;
}

.item_meta .line p.stock
{
	padding: 0 0 3px 0;
	color: #009900;
	font-size: 16px;
}

.item_buy
{
	padding: 8px 0;
	background: #c0dbf2;
	border: 1px solid #6daee1;
	-moz-border-radius: 5px;
	float: right;
	width: 210px;
	margin: 0 0 20px 0;
	text-align: center;
}

.item_buy span
{
	color: #295d89;
	font-size: 11px;
}

/* Layout - navigation (main)
--------------------------------------------------------------------------------------------------*/

#main_nav
{
	background: url(../images/bg-menu.gif) 0 0 repeat-x #3061c2;
	border-bottom: 1px solid #a5c3ed;
}

#main_nav ul
{
	height: 18px;
	border-left: 1px solid #3366cc;
	position: relative;
}

#main_nav ul li
{
	float: left;
	border-right: 1px solid #3366cc;
}

#main_nav ul li a:link,
#main_nav ul li a:visited,
#main_nav ul li.view_more
{
	text-transform: capitalize;
	display: block;
	padding: 14px 12px;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
}

#main_nav ul li a.current:link,
#main_nav ul li a.current:visited,
#main_nav ul li a.current:hover,
#main_nav ul li a.current:active,
#main_nav ul li a:hover,
#main_nav ul li a:active
{
	text-transform: capitalize;
	display: block;
	padding: 14px 12px;
	text-decoration: none;
	font-size: 14px;
	background: #105bb7;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px;
}

/* View more sectie
--------------------------------------------------------------------------------------------------*/

#main_nav ul li 
{
	position: relative;
}

#main_nav ul li.view_more .view-more-container
{
	border: none;
	z-index: 1000;
	position: absolute;
	top: 48px;
	left: 0;
	display: none;
}

#main_nav ul li.view_more span
{
	background: url(../images/arrow-down.png) 100% 50% no-repeat;
	padding-right: 24px;
	cursor: pointer;
}

#main_nav ul li.view_more:hover .view-more-container
{
	background: #3061c2;
	display: block;
	padding: 8px;
	width: 300px;
}

#main_nav ul li.view_more:hover ul
{
	background: #fff;
	overflow-y: auto;
	height: 220px;
	margin: 0;
	padding: 0;
}

#main_nav ul li ul li
{
	float: none;
	border-right: 0;
	width: 100%;
}

#main_nav ul li ul li a:link,
#main_nav ul li ul li a:visited
{
	text-transform: capitalize;
	padding: 4px 12px;
	text-decoration: none;
	font-size: 13px;
	background: #fff;
	color: #333;
	border-top: 1px solid #bbb;
	border-right: 0;
}

#main_nav ul li ul li a.current:link,
#main_nav ul li ul li a.current:visited,
#main_nav ul li ul li a.current:hover,
#main_nav ul li ul li a.current:active,
#main_nav ul li ul li a:hover,
#main_nav ul li ul li a:active
{
	text-transform: capitalize;
	padding: 4px 12px;
	text-decoration: none;
	font-size: 13px;
	background: #105bb7;
	color: #fff;
}

.header .inner_wrapper
{
	background-position: 100% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* Layout - Search (header)
--------------------------------------------------------------------------------------------------*/

.header .inner_wrapper #search
{
	float: right;
	margin: 14px 0 0 0;
	width: 289px;
}

.header .inner_wrapper #search label
{
	padding: 0 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	color: #555; /* 1a6cd1 */
}

.header .inner_wrapper #search input
{
	width: 205px;
	padding: 6px 3px;
	border: 1px solid #bbb;
	background: url(../images/bg-input-normal.png) 0 -1px repeat-x #fff;
	float: left;
	margin-right: 5px;
}

.header .inner_wrapper #search input:focus
{
	border: 1px solid #999;
	background: url(../images/bg-input-normal.png) 0 0 repeat-x #fff;
}

.header .inner_wrapper .search_button
{
	text-indent: -999em;
	height: 28px;
	width: 65px;
	display: inline-block;
	float: left;
	background: url(../images/bg-button-search.jpg) 0 0 no-repeat; 
}

.header .inner_wrapper .search_button:hover
{
	background: url(../images/bg-button-search.jpg) 0 100% no-repeat; 
}

/* Layout - Meta header
--------------------------------------------------------------------------------------------------*/

.meta_header
{
	font-size: 11px;
	background: url(../images/bg-meta-header.gif) repeat-x 0 100%;
}

.meta_header p
{
	padding-bottom: 0;
}

.meta_header a:link,
.meta_header a:visited
{
	color: #565656;
	text-decoration: none;
}

.meta_header a:hover,
.meta_header a:active
{
	color: #222;
}

.meta_footer
{
	background: #3061c2;
	overflow: hidden;
	color: #fff;
}

.meta_footer .inner_wrapper
{
	overflow: hidden;
	padding: 15px 0 0 0;
	background: url(../images/bg-footer.jpg) 100% 100% no-repeat;
}

strong.f_header
{
	display: block;
	border-bottom: 1px solid #5995e2;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
}

.meta_footer .linkbox
{
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
	width: 430px;
}

.meta_footer .linkbox.alt
{
	width: 300px;
}

.meta_footer ul
{
	float: left;
	width: 190px;
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
}

.meta_footer ul a:link,
.meta_footer ul a:visited
{
	color: #fff;
	text-decoration: underline;
}

.meta_footer ul a:hover,
.meta_footer ul a:active
{
	color: #e8f2ff;
}

.shop_block
{
	float: right;
	background: #fff;
	border: 1px solid #3162c4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
	background: url(../images/bg-menu.gif) 0 -10px repeat-x;
	width: 220px;
}

.shop_block a:link,
.shop_block a:visited
{
	padding: 6px;
	color: #fff;
}

/* Content
--------------------------------------------------------------------------------------------------*/

.content
{
}

.content .inner_wrapper,
.hproduct .inner_wrapper
{
	padding: 20px 0;
}

.sidebar
{
	float: left;
	width: 300px;
	margin: 0 0 25px 0;
}

.photo
{
	margin: 5px 0 0 5px;
	background: #fff;
	padding: 15px;
	text-align: center;
	-moz-box-shadow: 0 2px 5px #888;
	-webkit-box-shadow: 0 2px 5px #888;
	box-shadow: 0 2px 5px #888;
}

.photo img
{
	max-height: 400px;
	max-width: 265px;
}

.main
{
	float: right;
	width: 600px;
}

.site_description
{
	border-top: 1px solid #92b2d6;
	background: #ddebfb;
	padding: 15px 0;
}

.site_description p,
.site_description h1
{
	color: #3e68bb;
	font-weight: normal;
	line-height: 23px;
	font-size: 16px;
	width: 920px;
	margin: 0 auto;
	padding: 0;
}

/* Homepage highlight
--------------------------------------------------------------------------------------------------*/

.highlight
{
	background: #92bcef;
}

.highlight .inner_wrapper
{
	background: url(../images/bg-highlight.jpg) 0 0 no-repeat;
	min-height: 221px;
	position: relative;
}

.highlight .prod_image
{
	position: absolute;
	top: 42px;
	left: 43px;
	height: 157px;
	width: 157px;
	text-align: center;
	vertical-align: middle;
}

.highlight .prod_image img
{
	max-height: 124px;
	max-width: 157px;
}

.highlight .prod_desc
{
	position: absolute;
	top: 62px;
	left: 244px;
	width: 385px;
}

.highlight .prod_desc h3
{
	font-size: 26px;
	font-weight: bold;
	color: #0e59b4;
	margin: 0 0 9px 0;
	line-height: 27px;
}

.price_hp
{
	color: #cc0000;
}

.highlight .prod_desc p
{
	color: #fff;
	padding: 0 0 10px 0;
	font-size: 13px;
	line-height: 17px;
}

.highlight a.button_view_product:link,
.highlight a.button_view_product:visited
{
	background: url(../images/button-viewproduct.png) 0 0 no-repeat;
	width: 103px;
	height: 23px;
	text-indent: -999em;
	display: block;
	text-decoration: none;
	margin: 10px 0 0 0;
}

.highlight a.button_view_product:hover,
.highlight a.button_view_product:active
{
	background: url(../images/button-viewproduct.png) 0 -23px no-repeat;
}

/* Product lister
--------------------------------------------------------------------------------------------------*/

.product_small
{
	float: left;
	width: 290px;
	margin-right: 25px;
	overflow: hidden;
	border-bottom: 1px dashed #bbb;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.product_small.alt
{
	width: 287px;
}

.product_small.alt.last_child
{
	float: right;
}

.product_small p
{
	padding: 0;
}

.product_small.last_child
{
	margin-right: 0;
}

.product_small .description
{
	font-size: 11px;
}

.product_small h4 span.price
{
	color: #cc0000;
	font-weight: bold;
	float: right;
}

.product_small .prod_image
{
	border: 1px solid #bbb;
	padding: 5px;
	float: left;
	margin-right: 8px;
}

.product_small .prod_image:hover
{
	border: 1px solid #999;
}

.product_small .prod_image img
{
	max-width: 50px;
}

p.description
{
	line-height: 17px;
}

/* Product lister
--------------------------------------------------------------------------------------------------*/

.item_small
{
	float: left;
	width: 150px;
	height: 234px;
	margin: 10px 26px 10px 10px;
	text-align: center;
}

.item_small.last_child
{
	margin-right: 0;
}

.item_small img
{
	max-width: 125px;
	max-height: 130px;
}

.item_small .item_image
{
	width: 135px;
	height: 130px;
	display: inline-block;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fff;
	-moz-box-shadow: 0 2px 5px #888;
	-webkit-box-shadow: 0 2px 5px #888;
	box-shadow: 0 2px 5px #888;
}

.item_small .item_image:hover
{
	-moz-box-shadow: 0 2px 5px #555;
	-webkit-box-shadow: 0 2px 5px #555;
	box-shadow: 0 2px 5px #555;
}

.item_small p.cat
{
	line-height: 15px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #878787;
}

.item_small a:link,
.item_small a:visited
{
	font-size: 13px;
	color: #004b9a;
}

.item_small a:hover,
.item_small a:active
{
	color: #0a335e;
}

.item_small h4
{
	margin: 0;
	padding: 0;
	border: none;
}

.item_small span.price
{
	color: #a60000;
	font-size: 13px;
}

/* Search results lister
--------------------------------------------------------------------------------------------------*/

.item_small.searchresult
{
	height: auto;
	overflow: hidden;
	width: 100%;
	margin: 10px 26px 10px 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 15px 5px;
}

.item_small.searchresult .item_image
{
	float: left;
	max-width: 80px;
	max-height: 85px;
}

.item_small.searchresult img
{
	max-width: 80px;
	max-height: 85px;
}

.item_small.searchresult .item_small_meta
{
	float: left;
	text-align: left;
	padding: 0 0 0 20px;
	width: 790px;
}

.item_small.searchresult .item_small_meta .description
{
	font-size: 11px;
	padding: 5px 0;
}

.item_small.searchresult .item_small_meta .description a
{
	 font-size: 11px;
}

.item_small.searchresult .item_small_meta h4 a:link,
.item_small.searchresult .item_small_meta h4 a:visited,
.item_small.searchresult .item_small_meta h4 a:hover,
.item_small.searchresult .item_small_meta h4 a:active
{
	font-size: 15px;
}

.item_small.searchresult .item_small_meta h4
{
	margin-bottom: 6px;
}


/* Pagination (lister page)
--------------------------------------------------------------------------------------------------*/

.pagination
{
	clear: both;
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	color: #aaa;
}

.pagination a:link,
.pagination a:visited
{
	display: inline-block;
	text-decoration: none;
	padding: 1px 4px;
	margin: 0 1px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pagination a.current:link,
.pagination a.current:visited,
.pagination a.current:hover,
.pagination a.current:active,
.pagination a:hover,
.pagination a:active
{
	display: inline-block;
	padding: 1px 4px;
	margin: 0 1px;
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	color: #fff;
	background: url(../images/bg-menu.gif) 0 -10px repeat-x;
}

/* Product (gerelateerde producten)
--------------------------------------------------------------------------------------------------*/

.hlisting,
.product
{
	width: 285px;
}

.p_left
{
	float: left;
}

.p_right
{
	float: right;
}

.hlisting p,
.product p
{
	font-size: 11px;
	color: #333;
	line-height: 17px;
	padding-bottom: 0;
}

/* Footer
--------------------------------------------------------------------------------------------------*/

.footer
{
	color: #565656;
	padding: 22px 0 32px 0;
	font-size: 11px;
}

.footer p
{
	line-height: 15px;	
}

.footer .left
{
	margin: 0;
}

.footer a:link,
.footer a:visited
{
	color: #565656;
}

.footer a:hover,
.footer a:active
{
	color: #333;
}

/* Webshop lister
--------------------------------------------------------------------------------------------------*/

#prows_linkholder
{
	position:absolute;
	right: 0;
	top: 0;
}

#prows_links
{
 	z-index: 2000;
	width: 240px;
	padding: 8px;
	background: #e6e8eb;
	border-left: 1px solid #c0c6cf;
	border-right: 1px solid #c0c6cf;
	border-bottom: 1px solid #c0c6cf;
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#prows_links p
{
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 7px;
}

.links-container
{
	border: 1px solid #ccc;
	height: 300px;
	overflow-y: auto;
}

#prows_links ul
{
	margin: 5px;
	padding: 0;
}

#prows_links ul li.last_child
{
	border-bottom: none;
}

#prows_links ul li a:link,
#prows_links ul li a:visited
{
	text-decoration: none;
	display: block;
	background: #fff;
	color: #0a5abd;
	margin-bottom: 5px;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
}

#prows_links ul li a:hover,
#prows_links ul li a:active
{
	color: #fff;
	background: url(../images/bg-menu.gif) 0 50% repeat-x #0a5abd;
	text-decoration: underline;
}

#prows_toggle
{
	text-decoration: underline;
	padding: 6px 0;
	margin-right: 10px;
	display:block;
	cursor:pointer;
}

#prows_toggle.open
{
	background: url(../images/button-meerwebshops-close.png) 0 0 no-repeat transparent;
}

/* 404 pagina
---- */

.dialog
{
	margin: 0 auto;
	width: 500px;
	border: 1px solid #bbb;
	padding: 15px;
}

.dialog h1
{
	font-size: 25px;
	line-height: 25px;
	text-align: center;
	padding: 5px 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}