/* Smart things to include in your CSS library/framework:
	* A “mass reset” of default browser styles. For example, setting margin and padding to 0 on all elements, turning off borders on framesets and images, etc.
	* Aligning the type to a consistent baseline. This includes things like setting the margins on block level elements like paragraphs, headers, and lists to the same value as (or some multiple of) the base line-height setting for the site.
	* Creating basic styles for forms.
	* Creating a few CSS classes I always use, such as .hide (where I set the display value to none) and .mute (which I set to a smaller type size and sometimes a lighter color).
 */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	outline-color: #666666;
}
html, body {
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #000000;
}
/* html {
	background: #ffffff url(../img/hos_back3.gif) repeat-y scroll center top;
}
*/
body > #wrapper {
	height:auto;
	min-height:100%;
}
form, img {
	border: 0;
}
option {
	padding-left: 5px;
}
input {
	font-size: inherit;
}
th, td {
	text-align: left;
	vertical-align: top;
}
input[type="text"], input[type="password"] {
	height: 14px;
	padding: 2px;
	border: 1px solid #4e4c41;
	background-color: #fcfcfc;
}
textarea {
	border: 1px solid #4e4c41;
	background-color: #fcfcfc;
	font-size: 100%;
}
input[type="button"], input[type="submit"] {
	height: 18px;
	border: 1px solid;
	border-color: #dddddd #666666 #666666 #dddddd;
}
a:link {
	color: #000000;
	outline: none;
	text-decoration: underline;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #78BEE5;
	text-decoration:underline;
}
a:active {
	color: #000000;
}
ul, ol {
	list-style-position: outside;
	margin-left: 15px;
}
h1 {
	font-size: 120%;
	color: #000000;
}
h2 {
	font-size: 110%;
	color: #000000;
}
h3 {
	font-size: 100%;
	color: #000000;
}
hr {
    border-bottom: 1px solid #E0E0E0;
    border-width: 0 0 1px;
    height: 0;
    margin: 1em auto;
}
.CPprodDescDet {
	color: #4f4f4f;
	font-size:14px;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	margin: 0 0 15px 0 ;
}
.color_name, .size_name	{
	color: #78BEE5;
}
#wishlist_container	{
	width: 782px;
	margin: 0 0 0 10px;
	border: 1px solid #dddddd;
	padding: 10px;
}
.header_cartmain_home {
	font-size: 14px;
	padding: 10px 0 5px 0;
    border-bottom: 1px solid #EFEFEF;
    color: #4F4F4F;
    font-weight: bold;
}
.header_prodview {
	padding-top: 0 !important;
}
.header_prodview .CPprodDescDet {
	font-size: 2.0em;
}
/* >==== Start: Layout ====================================================> */
#wrapper {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 90%;
	min-height: 750px;
	margin: auto;
	background-color: #ffffff;
	padding: 0 20px;
	z-index: 1;
}
#wrapper-2 {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 90%;
	min-height: 750px;
	margin: auto;
	background-color: #ffffff;
}
#wrapper-shop {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 90%;
	min-height: 750px;
	margin: auto;
	background-color: #ffffff;
}
#wrapper-small {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: auto;
	background: #ffffff url(/media/img/header-bg-x.png) repeat-x top;
	border: 1px solid #e3e3e3;
	border-width: 0 1px;
	background-color: #ffffff;
}
#header {
	position: relative;
	z-index: 100;
	width: auto;
	height: 202px;
	margin-bottom:15px;
}
#header-top {
	height: 134px;
}
#header-bottom {
	position: relative;
	z-index: 100;
	height: 68px;
	white-space: nowrap;
}
#infobar {
	background: url(../img/menu_back_bottom.gif) no-repeat scroll left top;
	height: 33px;
}
#thuiswinkel {
	float: right;
	padding: 4px 20px 0 0;
}
#twitter {
	float: right;
	padding: 6px 20px 0 0;
}
#menu_links {
	float: right;
	padding: 0 20px 0 0;
	line-height: 31px;
	font-size: 12px;
}
#menu_links a {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#menu_links a:hover {
	text-decoration: underline;
}
#klantenservice {
	float: right;
	color: #000000;
	font-size: 12px;
	padding: 10px 20px 7px 7px;
}
#logo {
	float: left;
	margin: 5px 0 0 0;
}
#ing_winnaar_logo	{
	float: left;
	margin: 5px 0 0 0;
}
#ing_winnaar_logo h2	{
	display: block;
	background: url(../img/hos_logo_ing_right2.jpg) no-repeat scroll left top;
	width: 93px;
	height: 128px;
}
#ing_winnaar_logo span	{
	display: none;
}
.logo-thuiswinkel {
	position: absolute;
	top: 45px;
	right: 30px;
	width: 124px;
	height: 44px;
}
#prodImage {
	border: 0px solid #ddd;
}
#usermenu {
	position: absolute;
	right: 0;
	top: 13px;
	width: 305px;
	height: 115px;
}
#usermenu-left {
	float: left;
	height: 108px;
	width: 141px;
}
#usermenu-right {
	float: left;
	height: 108px;
	width: 164px;
}
.usermenu-categories {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.usermenu-categories li {
	position: relative;
	z-index: 50;
	display: block;
	float: left;
	padding: 0 5px 0 0;
}
.usermenu-border {
	border-right: 1px solid #dddddd;
	margin-right:5px;
}
.usermenu-categories li a {
	display: block;
	float: left;
	margin: 0 !important;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	font-size: 0.7em;
}
.usermenu-categories li a:hover {
	text-decoration: underline;
	color: #78BEE5;
}
.usermenu-categories li ul {
	display: none;
	position: absolute;
	z-index: 50;
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}
.usermenu-categories li:hover ul {
	display: block;
	border: 1px solid #666666;
}
.usermenu-categories li ul li {
	display: block;
	clear: both;
	margin: 0;
}
.usermenu-categories li ul li a {
	display: block;
	width: 120px;
	padding: 5px;
	background-color: #dddddd;
	border-bottom: 1px solid #eeeeee;
	white-space: nowrap;
	color: #000000 !important;
}
.usermenu-categories li ul li a:hover {
	background-color: #aaaaaa;
	color: #ffffff !important;
}
#shoppingbag {
	float: left;
	width: 69px;
	height: 115px;
	margin-right: 10px;
}
#usermenu_links	{
	margin: 15px 0 10px 0;
}
#winkelwagen_links {
	float: left;
}
#winkelwagen_links a {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}
#winkelwagen_links a:hover {
	text-decoration: underline;
	color: #78BEE5;
}
#winkelwagen_links_header {
	font-size: 14px;
	color: #4f4f4f;
	font-weight: bold;
	float: left;
}
#usermenu-border {
	border-right: 1px solid #dddddd;
	height: 61px;
	width: 1px;
	margin: 20px 45px 0 15px;
	float: left;
}
#categories {
	width: 100%;
	height: 35px;
	background: url(../img/menu_back.gif) no-repeat scroll left top;
	position: relative;
	z-index: 101;
}
#zoekbox {
	float: left;
	margin: 5px 0 0 10px;
	width: 407px;
	height: 25px;
}
#input-submit_search {
	background: url(../img/zoekinput_back.gif) no-repeat scroll left top;
	border: 0;
	color:#666666;
	cursor:pointer;
	float:left;
	font-size:10px;
	height: 23px;
	padding: 4px 5px 7px;
	width: 41px;
	font-weight: bold;
}
#input-submit_search:hover {
	background: url(../img/zoekinput_back_hover.gif) no-repeat scroll left top;
	color: #4f4f4f;
}
#input-zoeken {
	width: 354px;
	height: 13px;
	padding: 4px;
	border-width: 0;
	color: #999999;
	font-size: 12px;
	background-color: #ffffff;
	float: left;
	border: 1px solid #c9c9c9;
	border-right: 0;
}
#telefoonnummer {
	height: 28px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 200px;
	font-size: 12px;
}
#winkelwagen {
	position: absolute;
	right: 185px;
	text-align: right;
	top: 45px;
	width: 370px;
}
#winkelwagen a {
	text-decoration: none;
	color: #000000;
	display: block;
}
#winkelwagen a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #cb0000;
}
#winkelwagen_left {
	float: left;
	height: 32px;
	width: 195px;
	color: #000;
	font-size: 0.7em;
	text-align: center;
	border: 1px solid #4f4f4f;
	line-height: 32px;
}
#winkelwagen_middle {
	float: left;
	height: 32px;
	width: 91px;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #4f4f4f;
	border-right: none;
	border-left: none;
	line-height: 32px;
}
#winkelwagen_right {
	float: right;
	height: 32px;
	width: 80px;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #4f4f4f;
	line-height: 32px;
}
#page-banner {
	position: relative;
	width: auto;
	height: 50px;
	margin: 10px;
	padding: 0px 15px 5px 15px;
	text-align: right;
	font-size: 85%;
	line-height: 16px;
	color: #999999;
}
#page-banner-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 76px;
	background: url('/media/img/page-banner-left.png') no-repeat top left;
}
#page-banner-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 76px;
	background: url('/media/img/page-banner-right.png') no-repeat top right;
}
#page-banner-image {
	float:left;
	background:url(../img/ipod-gear-banner.png);
	width:605px;
	height: 64px;
}
#main {
	position: relative;
	margin: 20px 0 0 0;
	color: #000000;
	z-index: 2;
}
#main-2 {
	position: relative;
	padding: 20px 15px 0 15px;
	color: #000000;
	z-index: 2;
	margin-top: 230px;
}
#column-left {
	float: left;
	width: 186px;
}
#shop-content {
	float: left;
	width:  814px;
	font-size: 0.8em;
}
#column-right {
	float: right;
	width: 166px;
}
#home_main {
	padding-bottom: 440px;
}
#footer {
	position: relative;
	font-size: 0.8em;
	color: #000000;
	margin-top:-440px;
	height: 440px;
	z-index:10;
}
#footer_inner {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
}
#footer_innerline {
    border: 1px solid #dddddd;
}
.footer_menu {
	float:left;
	padding:15px 0 0 19px;
	width:180px;
}
.footer_menu a {
	text-decoration: none;
	color: #000000;
}
.footer_menu a:hover {
	text-decoration: underline;
}
.footer_nav ul {
	margin: 0;
	list-style-type: none;
}
.footer_nav ul li {
	background: url(/media/img/ico-list.gif) no-repeat scroll 0 5px transparent;
	margin:0 0 1px;
	padding:0;
	list-style:none outside none;
}
#footer_conditions {
	font-size: 0.9em;
	padding-top: 10px;
	text-align: center;
}
#footer_conditions_brands {
	padding-top: 10px;
	text-align: center;
	color:#666;
	font-size: 10px;
}
#footer_conditions_brands a {
	font-size: 10px;
	padding-top: 10px;
	text-align: center;
	color:#666;
}
.product_view_price_currency {
	font-size:19px;
	font-weight:bold;
	display: none;
}
.product_view_price_euros {
	font-size:19px;
	font-weight:bold;
}
.product_view_price_comma {
	font-size:14px;
	font-weight:bold;
}
.product_view_price_cents {
	font-size:12px;
	font-weight:bold;
	line-height:1.6;
	vertical-align:top;
}
#breadCrumb {
	margin:0 10px 10px 10px !important;
}
#pageNavigationTop {
	margin:0 10px;
}
#prijs-zoeker {
	list-style-position: inside !important;
	margin: 0;
	list-style-type: none;
}
#prijs-zoeker a {
	text-decoration: none;
}
#prijs-zoeker a:hover {
	text-decoration: underline;
}
#bannerslider {
	margin: 0 0 10px 0;
	width: 788px;
	height: 298px;
	float: left;
	overflow: hidden;
	border: 1px solid #ddd;
	z-index: 75;
	position: relative;
}
/*=== Custom Slider Styles ===*/
#slider {
	position:relative;
    width: 578px;
    height: 298px;
	background: url(/components/nivoslider/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-25px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/components/nivoslider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/components/nivoslider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px 10px;
	margin:0;
	font-size: 14px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*====================*/
#smallbanners {
	position: relative;
	left: 0;
	width: 1012px;
	height: 171px;
}
#smallbanner_left {
	width: 325px;
	height: 169px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
}
#smallbanner_middle {
	width: 325px;
	height: 169px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
}
#smallbanner_right {
	width: 324px;
	height: 169px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
}
#topcategories {
	height: 278px;
	width: 178px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ddd;
	padding: 10px;
}
.topcategories_header {
	background: transparent;
	color: #4f4f4f;
	font-size:12px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
}
.categorie_header {
	background: transparent;
	color: #4f4f4f;
	font-size:12px;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
}
#topcategories ul {
	list-style-type: none;
	margin: 0;
}
#topcategories li {
	padding: 5px 0;
	font-size: 12px;
	line-height: 14px;
}
#topcategories li a {
	font-size: 12px;
	text-decoration: none;
}
#topcategories li a:hover {
	color: #78BEE5;
	text-decoration: underline;
}
#sidebanner {
	height: 298px;
	width: 198px;
	float: left;
	margin: 0 0 10px 10px;
}
#sidebanner_top {
	height: 143px;
	width: 198px;
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
}
#sidebanner_bottom {
	height: 143px;
	width: 198px;
	margin: 0;
	border: 1px solid #ddd;
}
/* >==== End: Layout ======================================================> */


/* >==== Start: Presentation ==============================================> */
div#header h3 span, div#header h1 span {
	display: none;
}
div#header h3, div#header h1 {
	display: block;
	width: 107px;
	height: 128px;
	background: url(/media/img/hos_logo_ing.jpg) no-repeat scroll left top;
}
div.side-box {
	width: 164px;
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 10px;
}
.box-head-silver {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
div.box-head-top,  div.box-head-regular {
	width: auto;
	padding: 5px 0 5px 0;
	font-weight: bold;
}
div.box-head-regular {
	background: transparent;
	color: #000000;
	font-size:14px;
}
div.box-head-top {
	background: transparent;
	color: #000000;
	font-size:14px;
}
div.box-head-special {
	background: transparent;
	color: #000000;
	font-size:14px;
	padding: 15px 0 10px 15px;
	font-weight: bold;
}
div.box-content {
	padding: 0;
	font-size: 11px;
	color: #4f4f4f;
}
div.box-content h1 {
	padding: 0;
	font-size: 11px;
	color: #4f4f4f;
}
div.box-content a {
	padding: 0;
	font-size: 11px;
	color: #4f4f4f;
}
div.box-content a:hover {
	color: #78BEE5;
}
.box-content-selection {
	width: auto;
	height: 1%;
	padding: 10px 5px 0 5px;
	background: #ffffff;
	white-space: wrap;
	font-size: 0.8em;
}
.box-content-selection a {
	text-decoration: none;
	font-size: 11px;
}
.box-content-selection a:hover {
	text-decoration: underline;
}
div.box-bottom {
	width: inherit;
	height: 6px;
}
div.afhaalbalie {
	text-align: justify;
}
img#sb-logo {
	margin-bottom: 10px;
}
div#footer img#betaal-methoden {
	margin: 15px 0 10px 0;
}
.top-sells-items td {
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}
.top-sells-items a {
	text-decoration: none;
	font-size: 11px;
}
.top-sells-items a:hover {
	text-decoration: underline;
	color: #78BEE5;
}
.toptenprice {
	color: #78bee5;
	font-weight: bold;
}
.doc-box {
	width: auto;
	margin: 10px;
	padding: 8px;
	border: 1px solid #dddddd;
	text-align: left;
}
#doc-box1 h2 {
	margin-bottom: 5px;
	font-size: 15px;
	color: #377EAA;
}
.doc-box a {
	color: #2c9bde;
}
.doc-box a:hover {
	color: #4db7f7;
}
#doc-box1 ul {
	list-style-position: inside;
	margin-left: 0;
	margin-top:5px;
}
#doc-box1 ul li {
	list-style-image: url(/media/img/check_green.gif);
}
/* >==== End: Presentation ================================================> */


/* >==== Start: Shop classes ==============================================> */
/* START Categories top menu */
.menu-categories {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
	margin-left: 10px;
}
.menu-categories li {
	position: relative;
	display: block;
	float: left;
	z-index: 51;
	border-top: 1px solid #959595;
}
.menu-categories > li:hover {
	top: 0px;
	background-color: #ffffff;
	color: #000000;
	border-top: 1px solid #ddd;
}
.menu-categories li a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 0.8em;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	width: 135px;
	border-right: 1px solid #959595;
}
.menu-categories .active {
	background: url(../img/menu_hover.gif) repeat-x scroll left top;
	border-top: none;
}
.menu-categories .active .active {
	background: none;
	border-top: none;
}
.menu-categories .active a {
	color: #ffffff;
}
.menu-categories li a:hover,  .menu-categories li:hover a,  .menu-categories li.hover a {
	color: #000000;
}
.menu-categories .active:hover {
	background: none;
	background-color: #ffffff;
	color: #000000;
}
/*
	.menu-categories li .wideMenu {
		display: none;
		position: absolute;
		z-index: 52;
		margin: 0;
		padding: 0;
		border: 0;
		top: 35px;
		left: -1px;
		width: 345px;
		background-color: #ffffff;
		padding: 15px;
		border: 1px solid #ddd;
		border-top: none; 
	}
	
	.wideMenu ul	{
		margin: 0;
	}
	
	.menu-categories li:hover .wideMenu { display: block; }

	.menu-categories li ul li { display: block; clear: both; margin: 0; border: 0; }
	.menu-categories li ul li:hover { border: 0; }
	.menu-categories li ul li a {
		background-color:#FFFFFF;
		color:#000000 !important;
		height:20px;
		line-height:normal;
		white-space:nowrap;
		width:120px;
		text-align: left;
		border: none;
		font-weight: normal;
	}
	.menu-categories li ul li a:hover { color: #78BEE5 !important; }
	*/
	
.menu-categories li .wideMenu,  .menu-categories li .subMenu {
	display: none;
	position: absolute;
	z-index: 101;
	margin: 0;
	padding: 0;
	border: 0;
	top: 100%;
	left: -1px;
	width: 345px;
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
}
.wideMenu .subList .subList {
	display: none;
}
#categories #shopBrands .wideMenu {
	width: 870px; /*580px;*/
}
#categories #shopBrands .wideMenu .subList {
	width: 140px;
}
.menu-categories li .subMenu {
	width: 600px;
}
.menu-categories li .subMenu a {
	width: 150px;
}
.wideMenu ul,  .subMenu {
	margin: 0;
	padding: 0;
}
.c8_box .subListHead {
	margin-top: 20px;
}
.menu-categories li:hover .wideMenu,  .menu-categories li:hover .subMenu {
	display: block;
}
.menu-categories li ul li {
	display: block; /*clear: both;*/
	margin: 0;
	border: 0;
}
.menu-categories li ul li:hover {
	border: 0;
}
.menu-categories li ul li a {
	background-color:#FFFFFF;
	color:#000000;
	height:20px;
	line-height:normal;
	white-space:nowrap;
	width:120px;
	text-align: left;
	border: none;
	font-weight: normal;
	padding: 0;
}
.menu-categories li ul li a:hover {
	color: #78BEE5 !important;
	text-decoration: underline;
}
.menu-categories .subList,  .menu-categories .subListBox {
	float: left;
	width: 165px;
	background-color:white;
	margin: 0 5px 10px 0;
}
.menu-categories .subListBox {
	width: auto;
}
.menu-categories .subListBox .subList {
	float: none;
	margin-right: 0;
}
.menu-categories .subList .subListHead {
	display: block;
	width: 150px;
	height: 18px;
	margin-bottom:10px;
	padding: 0;
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #363636;
}
.menu-categories .subListHead.categoriesHead,  .sideBoxHeader.categoriesHead {
	height: 18px;
	text-indent: -9999px;
	background: url(/media/img/hos-menu-sprite.gif) no-repeat 0 0px;
}
.menu-categories .subListHead.themesHead,  .sideBoxHeader.themesHead {
	height: 18px;
	text-indent: -9999px;
	background: url(/media/img/hos-menu-sprite.gif) no-repeat 0 -20px;
}
.menu-categories .subListHead.brandsHead,  .sideBoxHeader.brandsHead {
	height: 18px;
	text-indent: -9999px;
	background: url(/media/img/hos-menu-sprite.gif) no-repeat 0 -40px;
}
.menu-categories .subListHead.popularHead,  .sideBoxHeader.popularHead {
	height: 18px;
	text-indent: -9999px;
	background: url(/media/img/hos-menu-sprite.gif) no-repeat 0 -60px;
}
.menu-categories .wideMenu .subList li,  .menu-categories .wideMenu .subList a {
	float: none;
}
.menu-categories .menuBanner {
	clear: both;
	margin-top: 20px;
}
.menu-categories .moreLink a {
	font-style: italic;
	font-weight: bold;
	color: #78BEE5 !important;
}
/* END Categories top menu */
/* START Categories left menu */
ul.categories-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: normal;
}
ul.categories-list li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.categories-list li a,  ul.categories-list li span {
	display: block;
	width: auto;
	padding: 5px 3px 5px 0px;
	border-bottom: 1px solid #9cc7f7;
	text-decoration: none;
	font-weight: bold;
}
ul.categories-list li.active a {
	color: #333333;
}
ul.categories-list li.active a,  ul.categories-list li a:hover {
	color: #5fafe0;
}
ul.categories-list li.active ul li a {
	padding-left: 0px;
	background-image: none;
	font-weight: normal;
	width: 142px;
}
/* END Categories left menu */
/* START Subcategories prodlist */
div.prodlist-sub-nav {
	clear: both;
	width: auto;
	margin-bottom: 8px;
}
ul.prodlist-subcategories {
	margin: 0;
	padding-top: 8px;
	list-style-type: none;
}
ul.prodlist-subcategories li {
	float: left;
	position: relative;
	top: 1px;
	margin-right: 1px;
	padding: 0;
}
ul.prodlist-subcategories li a,  ul.prodlist-subcategories li span {
	display: block;
	width: auto;
	padding: 3px 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
}
ul.prodlist-subcategories li.active a {
	border-bottom: 1px solid #ffffff;
}
ul.prodlist-subcategories li a:hover {
	text-decoration: underline;
}
/* END Subcategories prodlist */
/* START Subcategories w/ images prodlist */
ul.prodlist-subcategories-img {
	margin: 0;
	list-style-type: none;
}
ul.prodlist-subcategories-img li {
	float: left;
	width: 117px;
	height: 160px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	color: #2D5E96;
}
ul.prodlist-subcategories-img li img {
	margin-bottom: 2px;
}
ul.prodlist-subcategories-img li a,  ul.prodlist-subcategories-img li span {
	display: block;
	width: auto;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	outline: 0;
	min-height:42px;
	color: #000000;
}
ul.prodlist-subcategories-img li.active {
	border-color: 1px solid #333333;
	background-color: #e9e9e9;
}
ul.prodlist-subcategories-img li:hover {
	border-color: #000000;
	color: #000000;
}
/* END Subcategories w/ images prodlist */

a.block-link {
	display: block;
	clear: both;
	width: auto;
	padding: 4px 4px 4px 16px;
	background: transparent url('/media/img/block-link-arrow.png') no-repeat center left;
	border-bottom: 1px dotted #d1d1d1;
	outline: none;
}
table.products-table {
	width: 100%;
	margin: 0 auto;/* border-spacing: 20px 10px; /* Equivalent of cellspacing attribute of table tag, doesn't work in IE? */
}
table.products-table td.product {
	width: 200px;
	min-height: 120px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	-moz-border-radius:6px 6px 6px 6px;
}
table.products-table td.product:hover {
	border: 1px solid #000000;
	cursor: pointer;
}
table.products-table td.product h1, table.products-table td.product h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}
table.products-table tr.product-row td {
	padding: 10px;
}
table.products-table tr.product-row td td {
	padding: 0;
} /* because child selector > doesn't work in ie6 */
.products-table tr.product-row-footer td {
	border-bottom: 1px solid #999999;
}
div.product-box-container {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
}
table.product-box {
	width: 100%;
	height: auto;
}
table.product-box td, table.product-box th {
	padding: 6px;
	font-size: 11px;
}
table.product-box tr.header th h2 a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #530000 !important;
}
table.product-box td.price {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
table#product-details td {
	padding: 5px;
}
table#product-details td td {
	padding: 0;
}
table.ProdContentZone td .t {
	border: 1px solid #DBDBDB;
}
.CPthumbImgDiv {
	margin: auto;
}
/* >= Start: ShoppingBasket() => */
#CPshoppingBasket {
	width: 100%;
}
#CPshoppingBasket td, #CPshoppingBasket th {
	padding: 2px;
	border-bottom: 0px dashed #999999;
}
#CPshoppingBasket th {
	font-weight: bold;
}
#CPshoppingBasket .product {
	height: 42px;
	padding-left: 10px;
}
/* <= End: ShoppingBasket() =< */

.CPyouAreAt {
	margin-bottom: 5px;
}
.CPpageNav {
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
	border-top: 3px solid #999999;
}
.CPpageNav {
	width: 100%;
}
.CPpageNav td {
	padding: 4px;
}
.CPpageNav a, .CPpageNav span {
	display: block;
	float: left;
	margin: 0 2px;
	padding: 3px;
	background-color: #ffffff;
	text-decoration: none;
}
.CPpageNav a {
	border: 1px solid #F4E2DD;
	color: #000000;
}
.CPpageNav a:hover {
	border: 1px solid #E8C1B7;
	background-color: #dddddd;
	color: #ffffff;
}
.CPpageNav span {
	border: 1px solid #dddddd;
	color: #999999;
}
.CPhighlight {
	color: #000000;
	background-color: #ffff66;
}
.CPbox1 {
	border: 1px solid #dddddd;
	margin: auto;
}
.CPbox2 { /* Table on 10_logon.asp */
	background-color: #F5F5F5;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
	padding:15px;
}
.CPbox2 td {
	padding: 4px;
}
.CPpayStep {
	font-weight: bold;
	color: #ff6600;
} /* langGenStepX */
.CPprodImg {
	width: 250px;
text-align:
}
.CPprodImgDiv {
	width: 210px;
	height: 210px;
	margin: auto;
}
.CPthumbImgDiv div {
	display: block;
	width: 36px;
	height: 36px;
	margin: 4px 3px;
	border: 1px solid black;
	cursor: pointer;
	float: left;
}
.CPprodInfo {
	padding: 0 10px;
}
.CPpriceMsg {
	color: #78BEE5;
}
.CPprodDescHead {
	color:#78BEE5;
	font-size:15px;
}
.CPrelatedProd {
	width: 100%;
	margin-top: 10px;
	background-color: #f3f3f3;
	border: 1px solid #999999;
	border-width: 1px 0 1px 0;
}
.ProdContentHead {
	margin-bottom: 3px;
	font-weight: bold;
	color: #333333;
}
#table-cart td {
	padding: 2px;
}
#table-cart tr.row-footer td {
	border-bottom: 1px dashed #999999;
}
#table-cart tr.table-cart-footer td {
	border-bottom: 1px solid #999999;
}
.CPgenHeadingsOut td {
	border-bottom: 1px solid #999999;
}
#tab1 {
	width: auto;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999999;
}
#tab2 {
	width: auto;
	padding-top: 5px;
	border-top: 1px solid #999999;
}
.CPchocTxt {
	height: 26px !important;
}
.CPgenHeadings {
}
/* >= Start: SpecBrowser Horizontal => */
#specbrowser {
	width: auto;
	height: 40px;
}
#specbrowser li {
	display: inline;
}
#specbrowser li a {
	display: inline-block;
	width: auto;
	padding: 5px;
	border: 1px solid;
	border-color: #dddddd #666666 #666666 #dddddd;
	background-color: #f3f3f3;
	color: #000000;
}
#specbrowser li.active a {
	border-color: #666666 #dddddd #dddddd #666666;
	background-color: #aaaaaa;
	color: #ffffff;
}
/* <= End: SpecBrowser Horizontal <= */
/* <==== End: Shop classes ================================================< */


/* >==== Start: Global class library ======================================> */
.empty {
	font-size: 1px;
	line-height: 1px !important;
}
.hover {
	cursor: pointer !important;
}
.full-width {
	width: 100% !important;
}
.auto-width {
	width: auto !important;
}
.auto-margin {
	margin-left: auto !important;
	margin-right: auto !important;
}
.no-border {
	border: none !important;
}
.plain {
	border-width: 0 !important;
	background-color: transparent !important;
}
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.visible {
	display: block !important;
	visibility: visible !important;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.relative {
	position: relative !important;
}
.absolute {
	position: absolute !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.vtop {
	vertical-align: top !important;
}
.vmiddle {
	vertical-align: middle !important;
}
.vbottom {
	vertical-align: bottom !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.clear-right {
	clear: right !important;
}
.clear-both {
	clear: both !important;
}
.italic {
	font-style: italic !important;
}
.bold {
	font-weight: bold !important;
}
.small-caps {
	font-variant:small-caps !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.underline {
	text-decoration: underline !important;
}
.wrap {
	white-space: normal !important;
}
.nowrap {
	white-space: nowrap !important;
}
.x-small {
	width: 50px;
}
.small {
	width: 100px;
}
.medium {
	width: 150px;
}
.large {
	width: 200px;
}
.x-large {
	width: 250px;
}
.input-button {
	width: 100px;
	height: 18px;
}
.input-upload {
	border: 1px solid black;
}
/* <==== End: Global class library ========================================< */


/* Vertical categories menu */
ul.menu3, ul.menu3 ul {
	width: 154px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.menu3 {
	padding: 0 0 1em 0;
	font-size: 13px;
}
ul.menu3 li {
	display: block;
	clear: both;
	width: 100%;
}
ul.menu3 li a {
	display: block;
	width: auto;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #efefef;
	text-decoration: none;
}
ul.menu3 li ul li {
	list-style: circle;
}
ul.menu3 li a:hover {
	color: #000000;
	text-decoration: underline;
}
ul.menu3 li ul li a {
	padding-left: 15px;
	border-bottom: 1px dashed #000000;
	font-weight: normal;
}
ul.menu3 li.active a,  ul.menu3 li.active ul li.active a {
	font-weight: bold;
}
ul.menu3 li.active ul li a {
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
ul.menu3 li.active ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
/* /Vertical categories menu */


/* Horizontal specbrowser */
.specBrowserContainerX {
	width: auto;
	padding: 4px;
	border: 1px solid #dddddd;
	margin: 0 10PX;
}
.specTitle {
	float: left;
	clear: left;
	width: 38px;
	margin: 5px 0;
}
.specList {
	float: left;
	clear: right;
	width: 560px;
	margin: 5px 0 3px 0;
}
.specList .specBrowser, .specList .specChosen {
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.specList .specBrowser li, .specList .specChosen li {
	display: block;
	float: left;
	margin: 0 5px 2px 0;
	padding-right: 5px;
	border-right: 1px solid #e3e3e3;
}
.specList .specBrowser a, .specList .specChosen a {
	color: #377eaa;
	text-decoration: underline;
}
.specList .specBrowser a:hover, .specList .specChosen a:hover {
	color: #5FAFE0;
	text-decoration: none;
}
.specList .specBrowserChosen {
	border-bottom: 1px dotted #999999;
}
/* /Horizontal specbrowser */

/* Vertical specbrowser */
.specBrowserContainerY {
	width: auto;
	padding: 4px;
	border: 1px solid #dddddd;
}
.specTitleY {
	/*padding-left: 8px;*/
	color: #333333;
	padding: 5px;
}
.specTitleY strong {
	font-weight: normal;
}
.specListY {
	margin-bottom: 8px;
}
.specListY .specBrowser, .specListY .specChosen {
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.specListY .specBrowser li, .specListY .specChosen li {
	display: block;
	width: auto;
	padding: 1px 1px 1px 28px;
	background: transparent url(../img/specification_arrow.gif) no-repeat 16px center;
	color: #999999;
}
.specListY .specBrowser a, .specListY .specChosen a {
	display: inline;
	color: #999999;
	text-decoration: none;
	border-width: 0;
	padding: 0;
}
.specListY .specBrowser a:hover, .specListY .specChosen a:hover {
	color: #5FAFE0;
	text-decoration: underline;
}
.specBrowserChosen {
	border-bottom: 1px solid #999999;
	margin-bottom: 8px;
}
/* /Vertical specbrowser */

.specBrowserSeparation {
	height: 0px;
	margin: 5px 0;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	background-color: transparent;
	clear: both;
}
.prod-title {
	font-size: 10px;
	font-weight: normal;
}
.product_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding: 10px;
}
.prod-text, .prod-text a {
	display: block;
	font-size: 13px;
	font-weight: normal;
	height: 45px;
	line-height: 15px;
	color: #000000;
}
.prod-text, .prod-text a:hover {
	color: #000000;
}
/* Vertical externallink menu */
ul.linkmenu, ul.linkmenu ul {
	width: 154px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.linkmenu {
	padding: 0 0 1em 0;
}
ul.linkmenu li {
	display: inline;
	clear: both;
	width: 100%;
}
ul.linkmenu li a {
	display: block;
	width: auto;
	padding: 5px;
	color: #377eaa;
	text-decoration: none;
	/*background: #ffffff url("/images/arrow_3.gif") no-repeat 3px 4px;*/
		border-bottom: 1px solid #efefef;
}
/* /Vertical link menu */

/* Clearfix, should be applied to the container of the floating elements! */
.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearFix {
	min-height: 0; /* Triggers hasLayout in IE 7 */
}
* html .clearfix {
	height: 1%; /* Triggers hasLayout in IE 6 */
}
#print_content li {
	list-style: inside;
	list-style-type: square;
}
/* multishhopbar */
#multishopbar {
	height:35px;
	background: url(../img/multishopbar_back.gif) repeat-x scroll left top;
}
#multishopbar_inner {
	width: 100%;
	width: 1000px;
	margin: 0 auto;
	height: 35px;
}
#multishopbar #multishopbar_inner ul {
	list-style:none outside none;
	margin: 0;
	padding: 0;
	height: 35px;
}
#multishopbar #multishopbar_inner ul li {
	float: left;
	height: 35px;
}
#multishopbar #multishopbar_inner ul li a {
	display: block;
	height: 35px;
	float: left;
}
/* /end multishopbar */

#logobar {
	margin: 20px 0 20px 0;
	width: 978px;
	padding: 10px;
	height: 140px;
	border: 1px solid #dddddd;
}
#logobar_header	{
    border-bottom: 1px solid #EFEFEF;
    color: #4F4F4F;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 5px;
}
#uspmenu {
	float: left;
	margin: 50px 0 0 70px;
}
#prodview_wrapper_inner {
	padding: 0 !important;
}
.prodlist_header em {
	font-weight: normal;
}
.product_price_simple {
	color: #78bee5;
}
#subForm #name, #ondly-ondly {
	width: 165px;
}
#subForm .label, .button {
	display: block;
	padding: 5px 0;
}
#vacatures td {
	padding: 5px 5px 5px 0 !important;
}
.winkeltijden th, #vacatures th, .winkelinfo th, .winkeltijden th, #medewerkers th, #routebeschrijving th {
	padding: 5px 5px 15px 0;
}
.winkeltijden td {
	padding: 5px;
}
.winkelinfo td {
	padding: 5px 5px 5px 0;
}
.winkeltijden .grijs td {
	background-color: #f2f2f2;
}
.winkelpand_right {
	padding: 0 0 0 20px;
}
#merklogos .merkafb td {
	padding: 0 17px 0;
}
#merklogos .merknamen td {
	padding: 0 17px 17px;
	text-align: center;
}
.nieuws_item th {
	padding: 0 0 10px 0;
}
#maattabel {
	border-width: 0 1px 1px 0;
	border-style: dashed;
	border-color: #dddddd;
	margin-bottom: 20px;
}
#maattabel td, #maattabel th {
	padding: 5px;
	border-style: dashed;
	border-color: #dddddd;
	border-right: 0;
	border-bottom: 0;
	text-align: center;
}
#maattabel th {
	background-color: #f2f2f2;
}
/* Menu case 7*/
.c7_b3 {
	float: left;
	width: 165px;
	background-color:white;
	margin: 0 5px 10px 0;
}
.c7_b3 > span {
	float: left;
	width: 150px;
	color: #363636;
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	line-height: 18px;
	margin-bottom:10px;
	font-weight: bold;
}
.c7_b3_banner {
	width:315px;
	margin-top:20px;
	clear: both;
}
.c8_box {
	margin: 0 0 10px 0;
	border: 1px solid #dddddd;
	color: black;
	padding: 10px;
}
.leftMenuCategories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.leftMenuCategories a {
	text-decoration: none;
	color: black;
	font-size: 12px;
}
.leftMenuCategories a:hover {
	text-decoration: underline;
	color: #78BEE5; 
}
.leftMenuCategories .active a {
	color: #78BEE5;
}
.leftMenuCategories .active > a {
	font-weight: bold;
}
.leftMenuCategories .active ul {
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
}
.hos_dropdownbanner {
	background-color:#78BEE5;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	width:315px;
}
#prodview_wrapper {
	margin-top: 0px;
}
#categoryDetails {
	padding: 0 10px 10px;
}
#gamescontainer {
	padding-top: 188px;
	width: 1000px;
	background: #1b6f00 url(../img/gamespagina_back.jpg) no-repeat scroll left top;
	min-height: 1022px;
}
.game {
	width: 232px;
	height: 266px;
	float: left;
	padding: 9px;
}
#addthis {
	margin: 15px 0;
}
#home_cartmain_container {
	border: 1px solid #dddddd;
	padding: 10px;
	margin: 10px 0 0 0;
}
.mainbanner_left, .mainbanner_right {
	float: left;
}
#prodImageLink-big {
	position: absolute;
	top: 340px;
	right: 20px;
}
#hos-actie-cont {
	background-image: url(../img/hos_actie_back.jpg);
	width: 814px;
}
#hos-actie-cont td {
	padding: 50px;
}
#hos-actie td {
	padding: 5px;
}
.prodlist_listprice {
	color: #999999;
	text-decoration: line-through;/*display: none;*/
}
.error_message {
	padding: 20px;
	border: 1px solid #ddd;
	margin: 0 10px 10px 10px;
	background-color: #78BEE5;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.specialimg {
	background:none repeat scroll 0 0 #F1F1F1;
	border:1px solid #A3A3A3;
	padding:3px;
}
.errormessage_hosactie {
	background-color: #ff770b;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 20px 0;
	width: 774px;
	padding: 20px;
}
/* socialmedia_sidebox */
#socialmedia_sidebox {
	position:fixed;
	left:0;
	top:50%;
	z-index:0;
	overflow:hidden;
	outline: none;
}
#socialmedia_sidebox .socialmedia_links {
	height:120px;
	background: url(../img/socialmedia_links.png) no-repeat 0 0;
	outline: none;
}
#socialmedia_sidebox .socialmedia_links a {
	display:block;
	flaot:left;
	width:40px;
	height:40px;
	text-indent:-10000px;
	outline: none;
}
#newsletter_sidebox {
	width:36px;
	height:145px;
	display:block;
	overflow:hidden;
	background: url(../img/socialmedia_nieuwsbrief.png) no-repeat 0 0;
	cursor: pointer;
}
#newsletter_sidebox:hover {
	width:200px;
	height:145px;
	overflow:hidden;
	display:block;
}
#newsletter_sidebox .content {
	margin:0 0 0 36px;
	padding:5px;
	background: transparent;
	font-size: 9px;
}
#newsletter_sidebox #name, #newsletter_sidebox #ondly-ondly {
	width:150px;
}
/* end socialmedia_sidebox */

#thuiswinkelawards {
	position: absolute;
	left: -183px;
	top: 20px;
}
#prodview_sizetable {
	font-size: 10px;
	margin-bottom: 10px;
}
#quote_front {
	background: url(../img/quote_front.jpg) no-repeat scroll left top;
	height: 44px;
	padding: 5px 0 0 65px;
	margin: 10px 0 0 0;
}
#quote_front h2 span {
	font-family: 'Waiting for the Sunrise', arial, serif;
	font-size: 23px;
}
#voordeelpasactie	{
	background: url(../img/voordeelpas_background.jpg) no-repeat scroll left top;
	height: 500px;
}
#voordeelpasactie_bon	{
	float: right;
	width: 299px;
}
#voordeelpasactie_info	{
	float: left;
	width: 639px;
	padding: 20px;
	line-height: 20px;
}
#voordeelpasactie_info h1	{
	font-size: 16px;
	padding: 0 0 10px 0;
}
#voordeelpas	{
	float: left;
	width: 102px;
	height: 31px;
	padding: 1px 0 0 20px;
	
}
#account_header, #account_content	{
	padding: 0 0 0 10px;
}
#print_content .content_kids_link	{
	font-size: 20px;
	color: #78BEE5;
}
#brand-info	{
	color: #666666;
	font-size: 10px;
	padding: 0 10px 10px 10px;
}
	#brand-info a	{
		color: #78BEE5;
		font-size: 10px;
	}
	#brand-info p	{
		margin: 5px 0;
	}	
