/* 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;
}

html, body {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	font-size: 12px;
	color: #999999;
}

form, img { border: 0; }
option { padding-left: 5px; }
input {  }

a {
    outline: none;
}

th, td {
	text-align: left;
	vertical-align: top;
}

.products-table td {
	text-align: center;
	vertical-align: top;
}

.products-table a {
	color: #000000;
	text-decoration:none;
}



input[type="text"], input[type="password"] {
	padding:0px 4px 1px;
	border: 1px solid #4e4c41;
	background-color: #fcfcfc;
	font-size:12px;
	vertical-align:middle;
}

textarea { border: 1px solid #4e4c41; background-color: #fcfcfc; font-size: 100%; }

input[type="button"], input[type="submit"] {
	height: 18px;
	border: 1px solid;
	border-color: #cccccc #666666 #666666 #cccccc;
}

.bestel_knop	{
	background-color:#45b600;
	color:#ffffff !important;
	font-weight:bold;
	height: 28px;
	padding: 3px 10px 4px;
	border:none !important;
	font-size:12px !important;
	cursor:pointer;
}

a:link { color: #000000; outline: none; text-decoration:underline; }
a:visited { color: #000000; text-decoration:underline;}
a:hover { color: #B50000;text-decoration:underline; }
a:active { color: #000000;text-decoration:underline; }

ul, ol { list-style-position: outside; margin: 0.5em 1.5em; }

h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 13px; }

/* >==== Start: Layout ====================================================> */
#wrapper {
	position: relative;
	width: 954px;
	height: 750px;
	margin: auto;
	background: #FFFFFF;
}

body > #wrapper {
	height: auto;
	min-height: 750px;
}

	#header {
		position: relative;
		width: auto;
		height: 170px;
		background: #ffffff;
		color: #000000;
		margin-bottom: 10px;
	}
	
		#header-left { float: left; width: 35px; height: 27px; }
		#header-right { float:right; width: 2px; height: 27px; background: url(/media/img/topnav_right.gif) no-repeat top right; }

		#header-top {
			padding-top:10px;
			width:100%;
			height:104px;
		}
		
		#header-bottom {
			width: 100%;
			height: 27px; /* 35px = 20 + 15 padding-top */
			white-space: nowrap;
			color: #999999;
			background: url(../img/topnav_x.gif) repeat-x left top;
		}
		
		#header-search	{
			padding: 5px 5px 5px 5px;
			height:19px;
			border: 1px solid #bcbcbc;
			border-top:0;
			background-color: #fbfbfb;
		}

		#header-search a	{
			text-decoration:none;
			font-size:11px;
			margin: 2px 20px 0 0 ;
			float:left;
		}
		
		#logo {
			float: left;
			margin: 3px 0 0 0;
		}
		
		#usermenu {
			position:absolute;
			width: 97px;
			height: 34px;
			top: 13px;
			right:239px;
		}
	
			#usermenu a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #000000;
				text-decoration:none;
				margin-right: 5px;
			}
			
			#usermenu a:hover {
				color: #B50000;
				text-decoration:none;
			}
			
		#winkelwagen {
			position: absolute;
			top: 58px;
			right: 0px;
			height:42px;
			width: 336px;
			text-align: right;
		}	
		
			#winkelwagen a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #000000;
				text-decoration:none;
				margin-right: 5px;
			}
			
			#winkelwagen a:hover {
				color: #B50000;
				text-decoration:none;
			}
		
		#telefoonnummer	{
			position:absolute;
			top:20px;
			right: 0px;
			height:28px;
			width:200px;
		}
		
		#categories {
			float: left;
			height: 27px;
		}	
		
		#zoekbox {
			float: right;
			height:19px;
			width:336px;
		}
	
		#input-zoeken-container {
			float: right;
			width: 169px;
			height: 28px;
		}
		
		#input-submit	{
			border:medium none;
			background-color:transparent;
			float:left;
			font-size:10px;
			height:15px;
			left:303px;
			position:relative;
			top:-17px;
			cursor:pointer;
		}
		
		input#input-zoeken {
			width: 323px; 
			height: 17px; 
			padding:2px 5px 0 8px;
			border-width: 0;
			background: url(/media/img/zoek_back.gif) no-repeat top left;
			color: #666666;
			font-size:11px;
		}
			
	#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 {
		color: #000000;
	}

		#column-left { float: left; width: 178px; margin-right: 10px; color: #000000; }
		
		#shop-content,
		#shop-content-home { 
			float: left; 
			font-size: 12px;
			color: #000000;
		}
		
		#shop-content { 
			border:1px solid #BCBCBC;
			margin-bottom:10px;
			padding:10px;
			width:744px;
		}
		
		#shop-content-home { width: 578px; margin-right: 9px; }
		
		#column-right { float: right; width: 178px; margin-left: 0px; color: #000000; }
		
		#main_banner	{
			width:578px;
			height:311px;
			margin-bottom:10px;
		}



		#cat1,
		#cat2,
		#cat3,
		#cat4,
		#cat5,
		#cat6,
		#cat7,
		#cat8,
		#cat9 {
			width:176px;
			float:left;
			height:16px;
			display:block;
			margin:0px 10px 10px 0px;
			padding:160px 0px 5px 10px;
			text-decoration:none !important;
			font-weight:bold;
		}
		
		#cat7,
		#cat6,
		#cat2 {
			margin-right: 0 !important;
		}
		
		#cat10 {
			width:568px;
			float:left;
			height:16px;
			display:block;
			margin:0 0 10px 0;
			text-decoration:none !important;
			font-weight:bold;
			height:18px;
			padding:177px 0px 5px 10px;
		}
		
		#cat1:hover,
		#cat2:hover,
		#cat3:hover,
		#cat4:hover,
		#cat5:hover,
		#cat6:hover,
		#cat7:hover,
		#cat8:hover,
		#cat9:hover {
			background-position:0 -181px;
			color:#B50000;
		}
		
		#cat10:hover {
			color:#B50000;
		}
		
		#cat1 { background-image:url(../img/cat1.jpg); }
		#cat2 { background-image:url(../img/cat2.jpg); }
		#cat3 { background-image:url(../img/cat3.jpg); }
		#cat4 { background-image:url(../img/cat4.jpg); }
		#cat5 { background-image:url(../img/cat5.jpg); }
		#cat6 { background-image:url(../img/cat6.jpg); }
		#cat7 { background-image:url(../img/cat7.jpg); }
		#cat8 { background-image:url(../img/cat8.jpg); }
		#cat9 { background-image:url(../img/cat9.jpg); }
		#cat10 { background-image:url(../img/keuzebon.jpg); }
		
	#footer {
		text-align: center;
		font-size: 11px;
		clear: both;
		margin-bottom: 20px;
	}
	
	#footer a	{
		text-decoration:none;
		color:#bdbdbd;
		padding:4px;
	}
	
	#footer a:hover	{
		color:#B50000;
	}
	
	.footerlink	{
		text-decoration:underline!important;
		color:#000000!important;
	}
	
	.footerlink:hover	{
		color:#b50000!important;
	}
	
	#betaalwijze	{
		width:953px;
		height:47px;
		background-image: url(../img/footer_betaalwijze.gif);
		margin:10px 0px 10px 0px;
	}
	
	#sitemap	{
		border: 1px solid #bcbcbc;
		width:933px;
		text-align: justify;
		padding:10px;
		color:#000000 !important;
	}
	
	#sitemap ul	{
		float:left;
	}
	
	#sitemap li	{
		color: #999999 !important;
	}
	
	#sitemap li:hover	{
		color: #b50000 !important;
	}
	
	#sitemap li a	{
		text-decoration:none !important;
		color:#000000 !important;
	}

/* >==== End: Layout ======================================================> */


/* >==== Start: Presentation ==============================================> */
#logo a span { display: none; }
#logo a {
	display: block;
	width: 219px;
	height: 85px;
	background: url(/media/img/logo.gif) no-repeat scroll left top;
}



div#header-bottom a, div#header-bottom span {
	text-decoration: none;
	float: left;
	text-align: center;
}

#header-bottom a:link { color: #000000; outline: none; }
#header-bottom a:visited { color: #000000; }
#header-bottom a:hover {color: #b50000; }
#header-bottom a:active { color: #000000; }

div#page-banner a {	color: #999999; }

div.side-box {
	width: 178px;
	height: auto;
	margin-bottom: 10px;
}

div.side-box a {
	text-decoration:none!important;
}

	div.box-head-blue,
	div.box-head-silver {
		width: auto;
		height: 30px;
		padding: 6px 10px 0;
		font-size: 12px;
		font-weight: bold;
	}
	div.box-head-blue {background: url('../img/head-top.png') no-repeat top left; color: #000000; }
	div.box-head-silver { background: url('../img/box_left_top.gif') no-repeat top left; color: #000000; }
	div.box-content {
		padding:3px 10px 5px 10px;
		width:158px;
		background: url('../img/box_left_y.gif') repeat-y top left;
		font-size: 11px;
	}
	
	div.box-content_top10 {
		padding:3px 10px 5px 10px;
		width:158px;
		background: url('../img/box_left_y.gif') repeat-y top left;
		font-size: 11px;
	}
	
	div.box-bottom { width: inherit; height: 2px; background: transparent url('../img/box_left_bottom.gif') no-repeat top left; }
	div.afhaalbalie { text-align: center; color: #435073 !important; }
	img#sb-logo { margin-bottom: 10px; }

div#footer img#betaal-methoden { margin: 15px 0 10px 0; }

.box-content-zoekfilter	{
	width: auto;
	padding:3px 5px 5px 9px;
	background: url('../img/box_left_y.gif') repeat-y top left;
	font-size: 11px;
}

div.side-box-right {
	width: 178px;
	height: auto;
	margin-bottom: 10px;
}

	div.box-head-blue-right,
	div.box-head-silver-right {
		width: auto;
		height:30px;
		padding:6px 10px 0;
		font-size: 12px;
		font-weight: bold;
	}
	div.box-head-blue-right {background: url('../img/head-top.png') no-repeat top left; color: #000000; }
	div.box-head-silver-right { background: url('../img/box_right_top.gif') no-repeat top left; color: #000000; }
	div.box-content-right {
		width: 158px;
		padding: 10px 10px;
		background: url('../img/box_right_y.gif') repeat-y top left;
		font-size: 11px;
	}
	div.box-content-usp {
		width: 158px;
		padding: 0px 10px;
		background: url('../img/box_right_y.gif') repeat-y top left;
		font-size: 11px;
	}
	div.box-content-zakelijk {
		width: 158px;
		padding: 0px 10px;
		background: url('../img/box_right_y.gif') repeat-y top left;
		font-size: 11px;
		height:233px;
	}
	div.box-bottom-right { width: inherit; height: 2px; background: transparent url('../img/box_right_bottom.gif') no-repeat top left; }
	

div#doc-box {
	width: auto;
	margin: 10px;
	padding: 8px;
	border: 1px solid #cccccc;
	text-align: left;
}
	div#doc-box h2 {
		margin-bottom: 0;
		font-size: 15px;
		color: #2c5ea9;
	}
 
	div#doc-box a { color: #2c9bde; }
	div#doc-box a:hover { color: #4db7f7; }
 
	div#doc-box ul {
		list-style-position: inside;
		margin-left: 0;
	}
		div#doc-box ul li {
			list-style-image: url(/media/img/check_green.gif);
		}
/* >==== End: Presentation ================================================> */


/* >==== Start: Shop classes ==============================================> */
/* START Categories top menu */
ul.menu-categories {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


	ul.menu-categories li {
		position: relative;
		display: block;
		float: left;
	}
	ul.menu-categories li a {
		display: block;
		float: left;
		margin: 0 !important;
		text-decoration: none;
		font-weight: normal;
		color: #3B669D;
	}
	
	.topnav,
	.menu-categories li a	{
		background:url(../img/topnav_separator.gif) no-repeat right top;
		height:13px;
		padding: 7px 15px;
		font-size:11px;
	}

	ul.menu-categories li.active a { color: #ffffff !important;}
	ul.menu-categories li a:hover { color: #ffffff; }
	
	.menu-categories li.active	{
		background:url(../img/topnav_selected.gif) repeat-x left top;
	}
	
	ul.menu-categories li ul {
		display: none;
		position: absolute;
		z-index: 500;
		margin: 0;
		padding: 0;
		background-color: #f0f0f0;
	}
	ul.menu-categories li:hover ul { display: block; border: 1px solid #666666; }

	ul.menu-categories li ul li { display: block; clear: both; margin: 0; }
	ul.menu-categories li ul li a {
		display: block;
		width: 120px;
		padding: 5px;
		background-color: #cccccc;
		border-bottom: 1px solid #eeeeee;
		white-space: nowrap;
		color: #000000 !important;
	}
	ul.menu-categories li ul li a:hover { background-color: #aaaaaa; color: #ffffff !important; }
	

.menu-categories2 {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	.menu-categories2 li {
		position: relative;
		display: block;
		float: left;
	}
	.menu-categories2 li a {
		display: block;
		float: left;
		margin: 0 !important;
		text-decoration: none;
		font-weight: normal;
		color: #3B669D;
	}
	
	.menu-categories2 li a	{
		background:url(../img/topnav_separator.gif) no-repeat right top;
		height:13px;
		padding: 7px 15px;
		font-size:11px;
	}

	.menu-categories2 li.active a { color: #ffffff !important;}
	.menu-categories2 li a:hover { color: #ffffff; }
	
	.menu-categories2 li.active	{
		background:url(../img/topnav_selected.gif) repeat-x left top;
	}
	
	.menu-categories2 li ul {
		display: none;
		position: absolute;
		z-index: 500;
		margin: 0;
		padding: 0;
		background-color: #f0f0f0;
	}
	.menu-categories2 li:hover ul { display: block; border: 1px solid #666666; }

	.menu-categories2 li ul li { display: block; clear: both; margin: 0; }
	.menu-categories2 li ul li a {
		display: block;
		width: 120px;
		padding: 5px;
		background-color: #cccccc;
		border-bottom: 1px solid #eeeeee;
		white-space: nowrap;
		color: #000000 !important;
	}
	.menu-categories2 li ul li a:hover { background-color: #aaaaaa; color: #ffffff !important; }

/* END Categories top menu */
/* START Categories left menu */
ul.categories-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul.categories-list li { width: 100%; margin: 0; padding: 0; }

	ul.categories-list li a,
	ul.categories-list li span {
		display: block;
		width: auto;
		padding: 3px 3px 3px 25px;
		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 { background-color: #f0f0f0; color: #5fafe0; }
	
	ul.categories-list li.active ul li a {
		padding-left: 24px;
		background-image: none;
		font-weight: normal;
	}
/* END Categories left menu */
/* START Subcategories prodlist */
div.prodlist-sub-nav {
	clear: both;
	width: auto;
	margin-bottom: 8px;
	padding: 2px 10px 0 10px;
	border: 1px solid #cccccc;
	border-top: 3px solid #999999;
	background-color: #f3f3f3;
}

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 #cccccc;
		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: 105px;
		height: 122px;
		margin: 3px;
		padding: 3px;
		border: 1px solid #cccccc;
		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;
	}

	ul.prodlist-subcategories-img li.active { border-color: 1px solid #333333; background-color: #e9e9e9; }
	ul.prodlist-subcategories-img li:hover { text-decoration: underline; border-color: #2D5E96; }
/* END Subcategories w/ images prodlist */

a.block-link {
	clear:both;
	display:block;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:4px 4px 4px 0;
	text-decoration:underline;
	width:auto;
	border-bottom:1px dashed #E3E3E3;
}
table.products-table {
	width: 578px;
	/* 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 #cccccc;
	background-color: #ffffff;
	padding-bottom:10px;
}
table.products-table td.product h1,
table.products-table td.product h2 { font-size: 100%; font-weight: normal; margin: 0; height:46px; }

.product_price	{	font-size: 20px;	}
.price_subtitle {	font-size: 14px;	}

table.products-table tr.product-row td { padding: 10px; text-align:left; }
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.ProdContentZone td .t { border: 1px solid #DBDBDB; }


.CPthumbImgDiv { margin: auto; }

/* >= Start: ShoppingBasket() => */
#CPshoppingBasket { width: 100%; }
#CPshoppingBasket td, #CPshoppingBasket th { padding: 2px; border-bottom: 1px dashed #bcbcbc; }
#CPshoppingBasket th { font-weight: bold; }
#CPshoppingBasket .product { height: 42px; padding-left: 10px; }
/* <= End: ShoppingBasket() =< */

.CPyouAreAt { margin-bottom:5px; margin-left:10px; width:558px; }
.CPpageNav { 
	background-color: #ffffff; 
	border: 1px solid #bcbcbc; 
	border-top: 1px solid #bcbcbc; 
}
.CPpageNav { margin-left:10px; width:558px; }
.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 #bcbcbc; color: #999999; }
.CPpageNav a:hover { border: 1px solid #bcbcbc; background-color: #CCCCCC; color: #ffffff; }
.CPpageNav span { border: 1px solid #bcbcbc; color: #000000; }

.CPhighlight { color: #000000; background-color: #ffff66; }
.CPbox1 { border: 1px solid #cccccc; margin: auto; }
.CPbox2 { /* Table on 10_logon.asp */
	background-color: #ffffff;
	text-align: left;
}
.CPbox2 td { padding: 4px; }

.CPpayStep { font-weight: bold; color: #ff6600; } /* langGenStepX */

.CPprodImg { width: 250px; text-align: }
.CPprodImgDiv { width: 210px; height: 210px; margin: auto; }
.CPthumbImgDiv { margin-top: 4px; }
.prodview_thumb { margin-right: 4px; padding: 1px; border: 1px solid #BCBCBC; cursor: pointer; float:left; }
.CPprodInfo { padding: 0 10px; }
.CPpriceMsg { color: #5ec022; }
.CPprodDescHead { font-size: 10px; color: #333333; }
.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; }
.CPprodPriceV {font-size:30px; font-weight:normal; color:#000000; }
.CPprodPriceV_list {COLOR: #000000; font-size:14px; color:#000000; }
.CPprodDescDet {FONT-SIZE: 18px; }

#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: #cccccc #666666 #666666 #cccccc; background-color: #f3f3f3; color: #000000; }
#specbrowser li.active a { border-color: #666666 #cccccc #cccccc #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 ========================================< */

#prijs-zoeker li	{
	color:#999999;
}

#prijs-zoeker li:hover	{
	color:#b50000;
}

#prijs-zoeker a	{
	text-decoration:none !important;
}

#prijs-zoeker a:hover	{
	color:#000000 !important;
}


/* 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;
}


	ul.menu3 li { display: block; clear: both; width: 100%; }
	
	ul.menu3 li a {
		display: block;
		width: auto;
		padding: 2px;
		color: #000000;
		text-decoration: none;
	}
	
	ul.menu3 li ul li {
		list-style: circle;
	}
	
	ul.menu3 li a:hover { color: #b50000; }

	ul.menu3 li ul li a {
		padding-left: 15px;
		border-bottom: 1px dashed #e3e3e3;
		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-weight: normal; }
/* /Vertical categories menu */


/* Horizontal specbrowser */
.specBrowserContainerX {
	width: auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.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;
}

.specBrowserChosen {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
}
/* /Horizontal specbrowser */

/* Vertical specbrowser */
.specBrowserContainerY {
	width: auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.specTitleY {
	margin-top: 5px;
	padding-left: 8px;
}

.specListY {

}

.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: 2px 2px 2px 16px;
	/*border-bottom: 1px dashed #e3e3e3;*/
}
	
.specListY .specBrowser a,
.specListY .specChosen a,
a.blueLink {
	display: inline;
	color: #767676;
	text-decoration: underline;
	border-width: 0;
	padding: 0;
}
	
.specListY .specBrowser a:hover,
.specListY .specChosen a:hover,
a.blueLink:hover {
	color: #b50000;
	text-decoration: underline;
}

a.specListY .specBrowserChosen {
	border-bottom: 1px dotted #999999;
}
/* /Vertical specbrowser */

.specBrowserSeparation {
	height: 0px;
	margin: 5px 0;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	background-color: transparent;
	clear: both;
}

#productTabs {
	border-bottom: 1px solid #bcbcbc;
	text-decoration: none !important;
}

#productTabs ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.bookmarks	{
	font-weight:bold;
}
	/*#productTabs ul li*/
	.tabProdOff	{
		float: left;
		padding-left: 7px;
		background:url(../img/tab_grey_left.gif) no-repeat left top;
	}
	
	.tabProdOff a {
		float: left;
		background:url(../img/tab_grey_right.gif) no-repeat right top;
		height: 19px !important;
		font-size:11px !important;
		padding-top:4px !important;
		padding-right: 7px;
		margin-right: 5px;
		text-decoration: none !important;
	}
	
	.tabProdOn {
		float: left;
		padding-left: 7px;
		background:url(../img/tab_red_left.gif) no-repeat left top;
	}
	
	.tabProdOn a {
		float: left;
		background:url(../img/tab_red_right.gif) no-repeat right top;
		height: 19px !important;
		font-size:11px !important;
		padding-top:4px !important;
		padding-right: 7px;
		margin-right: 5px;
		color:#ffffff !important;
		text-decoration: none !important;
	}

/* usp */
#usp_box,
#usp_box_left	{
	position: relative;
	border: 1px solid #bcbcbc;
	padding:15px 5px 5px 5px;
	margin-bottom:10px;
	z-index: 12;
}

.usp	{
	position: relative;
	font-size:12px;
	color:#494949;
	font-family:Arial, Helvetica, sans-serif;
}
.usp a	{
	color:#494949;
	text-decoration:none;
}

#usp_item1,
#usp_item2,
#usp_item3,
#usp_item4,
#usp_item5,
#usp_item6{
	position: relative;
	height:42px;
	padding:6px 0 0 45px;
	/*cursor: pointer;*/
}

#usp_item1:hover,
#usp_item2:hover,
#usp_item3:hover,
#usp_item4:hover,
#usp_item5:hover,
#usp_item6:hover {
	/*color:#5FAFE0;*/
}

#usp_item1 { background:url(../img/usp_icon1.jpg) no-repeat left top; }
#usp_item2 { background:url(../img/usp_icon2.jpg) no-repeat left top; }
#usp_item3 { background:url(../img/usp_icon3.jpg) no-repeat left top; }
#usp_item4 { background:url(../img/usp_icon4.jpg) no-repeat left top; }
#usp_item5 { background:url(../img/usp_icon5.jpg) no-repeat left top; }
#usp_item6 { background:url(../img/usp_icon6.jpg) no-repeat left top; }

#subcontent1,
#subcontent2,
#subcontent3,
#subcontent4,
#subcontent5,
#subcontent6 {
	position:absolute;
	visibility: hidden;
	border: 9px solid #bcbcbc;
	background-color: white;
	width: 300px;
	padding: 8px;
	z-index: 15;
}

#usp_box .usp:hover #subcontent1 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent2 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent3 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent4 { visibility: visible; top: 100%; left: -110%; }
#usp_box .usp:hover #subcontent5 { visibility: visible; top: 100%; left: -110%; }

#usp_box_left .usp:hover #subcontent1 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent2 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent3 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent4 { visibility: visible; top: 100%; left: 10%; }
#usp_box_left .usp:hover #subcontent5 { visibility: visible; top: 100%; left: 10%; }

#productVersions {
	margin-bottom: 18px;
}

#productVersions th,
#productVersions td {
	padding: 3px;
}

#tabContent {
	padding: 10px;
}

#orderButtonContainer {
	position: relative;
	margin: 12px 0;
	z-index: 10;

}

#optionGroupsContainer {
	background-color: #ffffff;
}

#sitemap_y a	{
	padding:5px;
}


.jCarouselLite ul,
.jCarouselLite li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_banner .jCarouselLite li img {
	text-align: center;
	width: 579px;
	display: block;
	height: 311px;
}

.top-sells-items img	{
	margin-right:10px;
}

.top-sells-items td	{
	padding: 16px 0 16px 0;
	border-bottom:1px dashed #E3E3E3;
}

.toptenprice	{
	font-size: 14px;
	font-weight: bold;
}

.header_prodlist	{
	margin:0 0 10px 10px;
}

.header_prodlist_header	{
	font-size:14px;
	font-weight:bold;
}

.box-content-link	{
	float: right;
	text-decoration:underline;
}

.box-content-link:hover	{
	color:#b50000;
}

.table_order_v2 td	{
	padding-bottom: 10px;
	
}

/* Review slider */
.review_product_image { display: block; text-align: center; }
	.review_product_image img { display: block; margin: auto; }
.review_product_title { display: block; text-align: center; line-height: 16px; }
.review_rating { text-align: center; margin: 5px 0; }
.review_text {  text-align: center; line-height: 14px; height: 56px; overflow: hidden; }
.review_user { margin-top: 5px; font-style: italic; text-align: center; line-height: 16px; height: 20px; }
/* /Review slider */

.top-sells-items-container	{
	overflow: hidden;
}

#top_banner	{
	position: absolute;
	top: 34px;
	left: 335px;
}

.prodlistpricefrom	{
	font-size: 12px;
}