a {
		color: #003aa9;
		font-weight:bold;
		text-decoration: none;
		}
a:hover {
		text-decoration: underline;
		}
html {
	height: 101%;/* To prevent short pages jumping to the left on Firefox */
	overflow-x: hidden; overflow-y: auto; /* To remove the unwanted horizontal scrollbar appearing in IE7 */
	}
body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: #ccc;
	}



* {
	margin: 0;
	padding: 0;
	}

#frameContent p {
	margin: 0 0 10px 0;
	}


img {
	border: 0;
	}
hr {
	height: 1px;
	border: 0;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	}
.clear {
	clear: both;
	border:none;
	}
table {	
	width:100%;
	}	
#withHeader #frameWrapper, #frameWrapper {
	margin: 0 auto;
	padding-top: 10px;
	width: 900px;
	height: 100%;
	background: none;
	background-color:#fff;
	}
	#frameWrapper {
		background: url(../images/bgWrapper.gif) no-repeat top right;
		background-color:#fff;
		}
#frameBreadcrumbs {
	width: 870px;
	height: 20px;
	padding: 10px 10px 10px 20px;
	background: #f7941d url(../images/bg.breadcrum.png) top right no-repeat;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
	#frameBreadcrumbs a{
		color: #fff;
		text-decoration: none;
		}
	#frameBreadcrumbs a:hover {
		color: #fcec22;
		}
	.rightNav {
		float: right;
		margin-right: 10px;
		}
	#frameBreadcrumbs .active {
		color: #fcec22;
		}
#frameHeader {
	position:relative;
	width: 900px;
	height: 190px;
	margin-top: 5px;
	background: #ffe200 url(../images/bg.header.gif) no-repeat top left;
	border-bottom: 5px solid #f7941d;
	}
	#topBanners {
		position: relative;
		top: -140px;
		left: 300px;
		width: 570px;
		height: 160px;
		overflow:hidden;
		padding-right: 10px;
		}
	#topBanners img {
		float: right;
		margin-right: 5px;
		}
		
#frameNavigation {
	position: relative;
	margin:10px 0px 0px 20px;
	width:865px;
	height:55px;
	overflow:hidden;
	color: #fff;
	font-weight: bold;
	z-index: 1;
	}
#withHeader #frameNavigation {
	margin:-15px 0px 0px 20px;
	}
	#frameNavigation a{
		color: #fff;
		text-decoration: none;
		}
	#frameNavigation a:hover, #frameNavigation a.active {
		color:#ecb49f;
		}	
	#frameNavigationLinks {
		width: 815px;
		height: 30px;
		padding: 15px 0px 10px 0px;
		background: url(../images/bg.navigation.png) repeat-x;
		float: left;
		}
	.frameNavigationBegin {
		width: 25px;
		height: 55px;
		background: url(../images/bg.navigation.left.png) repeat-x;
		float: left;
		}
	.frameNavigationEnd {
		width: 25px;
		height: 55px;
		background: url(../images/bg.navigation.right.png) repeat-x;
		float: left;
		}
#frameWrapperContent {
	position: relative;
	top: -10px;
	width: 900px;
	min-height: 250px;
	height: 100%;
	}
	
#frameNavColumn {
	margin: 0 10px 0 30px;
	width: 170px;
	height: 100%;
	min-height: 250px;
	float: left;
	}
	#frameSubNavigation {
		padding-top: 15px;
		padding-bottom: 10px;
		font: bold 13px Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/bg.subnavigation.gif) bottom no-repeat;
		margin-bottom: 0px;
		}
	#frameSubNavigation select {
		margin-left: 10px;
		margin-bottom: 7px;
		width: 150px;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #003aa9;
		border: 1px solid #003aa9;
		}
	#frameSubNavigation a {
		width: 150px;
		padding: 7px 10px;
		display: block;
		color: #003aa9;
		text-decoration: none;
		}
		#frameSubNavigation a.sub, #frameSubNavigation a.subActive {
			width: auto;
			padding-left: 20px;
			font-size: 10px;
			background: #003aa9;
			color: #fff34e;
		}
		#frameSubNavigation a.sub:hover {
			background: #fff34e;
			color: #003aa9;
			font-size: 10px;
		}
	#frameSubNavigation a:hover, #frameSubNavigation a.active {
		display: block;
		color: #fff34e;
		background: #003aa9;
		}
	#frameBanners {
		position: relative;
		}
	#frameBanners img {
		margin-top: 15px;
		}
#frameContent, #frameContentScroll {
	padding: 0px 7px 0 0;
	margin-top: 15px;
	width: 682px;
	float: right;
	font-size:11px;
	}
	#frameContentScroll {
			overflow: auto;
			}
	#frameContent h2, #frameContentScroll h2 {
		width: 665px;
		height: 23px;
		padding: 7px 0 0 10px;
		margin: 0 0 15px 0;
		color: #fff;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		background: url(../images/bg.h2.gif) no-repeat;
		}
	#frameContent .doubleColumn h2{
	width:325px;
	background:url(../images/bg.h2.small.gif) no-repeat;
}
	#frameContent p.intro, #frameContentScroll p.intro {
		width: 665px;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 12px;
		}
	.frameSingleColumn, .frameDuoColumn {
		width: 670px;
		float: left;
		margin-bottom: 15px;
		overflow-x: hidden; overflow-y: auto; /* To remove the unwanted horizontal scrollbar appearing in IE7 */
		}
	.col1, .col2 {
		width: 305px;
		margin-right: 30px;
		float: left;
		}
 .col2 {
		margin-right:0;
		}
#frameContent ul li, #frameContentScroll ul li {
	list-style-position: inside;
	margin-left: 20px;
	list-style: square;
	line-height: 20px;
	}
#frameContent ul li ul li, #frameContentScroll ul li ul li {
	list-style: square;
	margin-left: 30px;
	line-height: 20px;
	}
#frameContent ul li a:hover, #frameContentScroll ul li a:hover {
	}
#frameContent ul li ul li a:hover, #frameContentScroll ul li ul li a:hover {
	}
#iDealMessage {
	text-align: right;
	width: 674px;
	margin-top: -76px;
}
#frameFooter {
clear: both;
margin: 0 auto;
	height: 25px;
	width: 880px;
	padding: 10px 0 0 20px;
	border-top: 5px solid #f7941d;
	background-color: #f7941d;
	background: url(../images/bg.footer.gif) no-repeat;
	color: #003aa9;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
	#frameFooter a {
		color: #003aa9;
		text-decoration: none;
		}
	#frameFooter a:hover  {
		text-decoration:underline;
		}
#frameSubFooter {
	margin: 0 auto;
	width: 900px;
	height: 20px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fcec22;
	background: url(../images/bg.subfooter.gif) no-repeat;
	height: 20px;
	}



			
			
			
#checkoutButtonWrapper {
	position: absolute;
	top: 10px;
	left: 350px;
	width: 540px;
	height: 160px;
	font-size: 10px;
	overflow: auto;
	}	
	#shopCart .product, #frameContent .product {
		clear: both;
		}
	#frameContent .product {
		height: 20px;
		}
		#checkoutButton {
			background-image: url(/images/orderViewBtn.png);
			width: 264px;
			padding: 9px 0 0 12px;
			height: 94px;
			float: right;
			margin-top: 20px;
			color: #FFF; 
			font-weight: bold;
			line-height: 18px;
			}
			#checkoutButton a {
				display: block;
				width: 252px;
				height: 90px;
				color: #FFF; 
				text-decoration: none;
				font-size: 10px;
			}
			#checkoutButton span.normal {
				font-weight: normal;
			}
			#checkoutButton span.large {
				font-size: 15px;
				font-weight: bold;
				position: relative;
				top: 2px;
			}
		#shopCart .product div, #frameContent .product div {
			float: left;
			}	
		#shopCart .product .quantity, #frameContent .product .quantity {
			width: 50px;
			}
		#shopCart .product .quantity input {
			font-size: 10px;
			width:40px;
			/*margin-bottom: 10px;*/
			}
		#shopCart .product .productname, #frameContent .product .productname {
			width: 250px;
			}
		#shopCart .product .euro, #frameContent .product .euro {
			width: 16px;
			}
		#shopCart .product .price, #frameContent .product .price {
			width: 55px;
			text-align: right;
			margin-right: 30px;
			}
		
		
		#frameContent .orderform {
			padding-top:10px;
			}
		#frameContent .orderform div {
			clear: both;
			height: 20px;
			}
		#frameContent .orderform label {
			float: left;
			width: 120px;
			}
		#frameContent .orderform input, #frameContent .orderform select {
			float: left;
			width: 220px;
			font-size: 10px;
			}

.subscribeMail {
	padding: 4px 0;
}


.shopContainer {
	clear:both;
	margin-bottom: 5px;
	padding: 5px;
	width: 658px;
	}
	.shopContainer .preview {
		float:left;
		width:145px;
		padding-right:10px;
		}
		.shopContainer .preview img {
			border: 1px solid #12489b;
			}
	.shopContainer .icons {
		float: left; 
		/*width: 16px;*/
		font-weight: bold;
		padding: 1px 0 1px 5px;
		text-align: right;
		width: 90px;
		}
		.shopContainer .icons a {
			text-decoration: none;
			color: #0037AB;
		}
		.shopContainer .icons img {
			vertical-align: middle;
		}
		.shopContainer .icons div {
			clear: both;
			padding-bottom: 5px;
			}
	.shopContainer .productInfo {
		float: left;
		width: 380px;
		}
		.shopContainer .productInfo .productText {
			clear: both;
			font-size: 11px;
			padding-top: 5px;
			display: none;
			}
		.shopContainer .productInfo, .shopContainer .productInfo a {
			color: #003aa9;
			text-decoration: none;
			font-weight: bold;
			}
		.shopContainer .productInfo a:hover {
			text-decoration: underline;
			}
		.shopContainer .productInfo .minmax {
			clear: both;
			font-size: 10px;
			font-weight: bold;
			color: #666;
			}
	.shopContainer .priceInfo {
		float: left;
		width: 100px;
		padding-left: 10px;
		font-weight: bold;
		}
		.shopContainer .priceInfo div {
			float: left;
			width: 60px;
			color: #0037AB;
		}
		.shopContainer .priceInfo div.starting {
			color: #FF8E00;
			width: 30px;
			font-weight: normal;
		}
		.shopContainer .numberLabel {
			float: left;
			color: #FF8E00;
			font-weight: normal;
		}
		.shopContainer .number {
			float: left;		
			padding-left: 5px;
			}
			.shopContainer .number input {
				width: 25px;
			}
	.shopContainer .productText .gradeTable {
		padding-top: 5px;
		} 
	.shopContainer .productText .gradeTable td {
		text-align: right;
		vertical-align: top;
		white-space: nowrap;
		padding-right: 25px;
		}
	.shopContainer .productText .gradeTable tr:first-child {
		font-weight: bold;
		}
	.shopContainer .totalPrice {
		width: 100%;
		text-align: right;
		font-weight: bold;
	}
.check {
	width: 20px!important;
}

#frameContent ul.sitePaging {
	margin: 0;
	padding: 0;
	list-style: none;
}

#frameContent table.sitePaging {
	width: auto;
	float: left;
}

#frameContent table.sitePaging td {
	text-align: center;
}

table.sitePaging td.browse {
	padding: 0 5px;
}

#frameContent table.sitePaging td a {
	text-decoration: none;
	color: #003AA9;
	padding: 0 2px;
}

.shopLink {
	float: right;
	margin-right: 28px;
}

#shopBottom {
	margin-top: 20px;
}

/* Reparaties voor IE6 */
* html #frameNavColumn {
	margin: 0 0 0 15px;
	padding-right: 10px;
	width: 170px;
	height: 100%;
	min-height: 550px;
	float: left;
	}
* html #frameWrapperContent {
	position: relative;
	top: -8px;
	width: 900px;
	min-height: 450px;
	height: 100%;
	}
* html #frameContent, 
* html #frameContentScroll {
	padding: 10px 0 0 0;
	width: 680px;
	height: 100%;
	}
		* html #frameContentScroll {
			margin: 0;
			padding: 10px 0 0 0;
			width: 687px;
			overflow: auto;
			}
body.firstColor #frameBreadcrumbs {
/* yellow (algemeen tapes) #fff200 */
	background: #fff200 url(../images/bg.breadcrum.png) top right no-repeat;
	color: #003AA9;
}

body.firstColor #frameBreadcrumbs a{
	color: #003AA9;
}

body.firstColor .frameNavigationBegin {
	background: url(../images/navigation/bg.navigation.left.yellow.png) repeat-x scroll 0 0 transparent;
}

body.firstColor #frameNavigationLinks {
	background: url(../images/navigation/bg.navigation.yellow.png) repeat-x scroll 0 0 transparent;
}

body.firstColor #frameNavigationLinks a{
	color: #003AA9;
}

body.firstColor #frameNavigationLinks a.active{
	color: #000;
}

body.firstColor .frameNavigationEnd {
	background: url(../images/navigation/bg.navigation.right.yellow.png) repeat-x scroll 0 0 transparent;
}

body.secondColor #frameBreadcrumbs {
/* orange (professional services) #ffcb05 */
	background: #ffcb05 url(../images/bg.breadcrum.png) top right no-repeat;
}

body.secondColor .frameNavigationBegin {
	background: url(../images/navigation/bg.navigation.left.orange.png) repeat-x scroll 0 0 transparent;
}

body.secondColor #frameNavigationLinks {
	background: url(../images/navigation/bg.navigation.orange.png) repeat-x scroll 0 0 transparent;
}

body.secondColor #frameNavigationLinks a{
	color: #003AA9;
}

body.secondColor #frameNavigationLinks a.active{
	color: #000;
}

body.secondColor .frameNavigationEnd {
	background: url(../images/navigation/bg.navigation.right.orange.png) repeat-x scroll 0 0 transparent;
}

body.thirdColor #frameBreadcrumbs {
/* green (USB & Gadgets) #00a87f */
	background: #00a87f url(../images/bg.breadcrum.png) top right no-repeat;
}

body.thirdColor .frameNavigationBegin {
	background: url(../images/navigation/bg.navigation.left.green.png) repeat-x scroll 0 0 transparent;
}

body.thirdColor #frameNavigationLinks {
	background: url(../images/navigation/bg.navigation.green.png) repeat-x scroll 0 0 transparent;
}

body.thirdColor .frameNavigationEnd {
	background: url(../images/navigation/bg.navigation.right.green.png) repeat-x scroll 0 0 transparent;
}

body.fourthColor #frameBreadcrumbs {
/* red (recording media) #ee1d25 */
	background: #ee1d25 url(../images/bg.breadcrum.png) top right no-repeat;
}

body.fourthColor .frameNavigationBegin {
	background: url(../images/navigation/bg.navigation.left.red.png) repeat-x scroll 0 0 transparent;
}

body.fourthColor #frameNavigationLinks {
	background: url(../images/navigation/bg.navigation.red.png) repeat-x scroll 0 0 transparent;
}

body.fourthColor .frameNavigationEnd {
	background: url(../images/navigation/bg.navigation.right.red.png) repeat-x scroll 0 0 transparent;
}

body.fifthColor #frameBreadcrumbs {
/* blue (HDD) #0095da */
	background: #0095da url(../images/bg.breadcrum.png) top right no-repeat;
}

body.fifthColor .frameNavigationBegin {
	background: url(../images/navigation/bg.navigation.left.blue.png) repeat-x scroll 0 0 transparent;
}

body.fifthColor #frameNavigationLinks {
	background: url(../images/navigation/bg.navigation.blue.png) repeat-x scroll 0 0 transparent;
}

body.fifthColor .frameNavigationEnd {
	background: url(../images/navigation/bg.navigation.right.blue.png) repeat-x scroll 0 0 transparent;
}