/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:11px;
	background-color:#666;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	}	
a {}
a:hover {}
h1 {}
h2 {font-size:12px;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}
th {text-align:left;}
label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

form.container {
	position:relative;
	margin:0 auto 0 auto;
	width:968px;
	min-height:100%;
    height:auto;
	text-align:left;
	background-color:#FFF;
	border-left:1px solid #333;
	border-right:1px solid #333;
	}
	
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {position:relative;height:120px; padding-top: 20px;}
.logo 	{position:absolute;top:25px;left:30px;width:107px;height:42px;z-index:100;}
.topnav {
	position:absolute;
	top:0px;
	left:518px;
	width:440px;
	height:13px;
	padding:2px 10px 2px 0px;
	z-index:100;
	}/* change left 628px to 550px by mike*/
.back-image {
	height:17px;
	width:450px;
	padding-left:0px;
	background:transparent url(/gfx/topnav.png) no-repeat left top;
	}/* change width 240px to 400px and padding-left 100px to 0px  */
.topnav a {color:#000;font-size:10px;padding:0 5px;}
.topnav a:hover {text-decoration:underline;}
.flash-header
{
	height: 100px;
}
/* ============================================================	*/ 
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/

.navigation 		{position:relative;height:28px;}
.navigation ul 		{margin:1px;overflow:hidden;}
.navigation li 		{float:left;}
.navigation a 		{display:block;width:127px;padding:5px;font-size:13px;background-color:#CCC;text-align:center;border-right:1px solid #FFF;color:#333;}
.navigation a:hover {background-color:#00A1E4;color:#FFF;}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer 				{bottom:0;left:0;height:32px;width:970px;clear:both;text-align:center;padding-bottom:10px;font-size:11px;}
div.footer a 			{color:#888787;text-decoration:none;}
div.footer a:hover		{color:#DA211F;text-decoration:none;}

/* ============================================================	*/ 
/* ========	CONTENT-CONTAINER	===============================	*/
/* ============================================================	*/

.content-container 		{position:relative;padding:10px;width:948px;overflow:hidden;}

/* ========	MENUBAR				===============================	*/

.menubar 				{float:left;width:218px;overflow:hidden;}
.block 					{margin-bottom:10px;padding:5px 10px;border:1px solid #00A1E5;}
.block-head				{margin-bottom:30px;padding:0px;border:1px solid #00A1E5;}
.block-head h1			{margin:0px;padding:5px 0 4px 10px;color:#FFF;font-size:15px;background-color:#00A1E5;}
.grey 					{color:#999;border:1px solid #999;}
.blueblock,
.formblock 				{background-color:#E5F5FC;}
.formblock div 			{margin-bottom:8px;}
.block h1				{margin:-5px -10px 10px -10px;padding:5px 0 6px 10px;color:#FFF;font-size:15px;background-color:#00A1E5;}
.block h1 a 			{display:block;float:right;padding:5px 10px 5px 15px;background-color:#FFF;color:#00A1E5;font-size:11px;margin:-5px 0px 0 0px;}
/*.block h1 a 			{color:#FFFFFF;}*/
.block h1.titlenavigation a  {background-color:#00A1E5;color:#FFFFFF;font-size:15px;float:left;padding:5px 0 6px 0px;display:inline;float:none;}
.block h1 a:hover 		{color:#000;}
.block h2 				{margin:0 0 10px 0;padding:0 0 5px 0;font-size:12px;color:#00A1E5;text-transform:uppercase;border-bottom:1px solid #00A1E5;}
.block h3 				{margin:0;padding:1px 0 1px 0;font-size:12px;color:#00A1E5;}
div.button 				{text-align:left;clear:left;height:21px;}
div.button input		{float:right;clear:left;background-color:#00A1E5;color:#FFF;font-weight:bold;margin-left:5px;text-transform:uppercase;font-size:12px;}	
div.button a			{color:#00A1E5;font-size:11px;}	
div.button a:hover		{color:#00A1E5;text-decoration:underline;}	


.searchform 			{}
.searchform div 		{margin-bottom:4px;}
.searchform label 		{padding-right:20px;color:#00A1E5;font-weight:bold;padding-left:3px;}
.searchform select 		{color:#999;font-size:11px;width:195px;margin-bottom:10px;}

.formblock label 		{width:66px;display:block;float:left;padding-top:3px;cursor:auto ;}/* to remove cursor:*/
.formblock .type-text 	{width:120px;margin-bottom:5px;}
#divCommon .type-text {width: 300px;}
.notyet					{border-top:1px solid #00A1E5;margin-top:10px;padding-top:5px;font-size:13px;font-weight:bold;}
.notyet a				{color:#00A1E5;margin-right:3px;}
.notyet	a:hover			{color:#00A1E5;text-decoration:underline;}


.logged 				{background-color:#E5F5FC;border:1px solid #00A1E5;color:#00A1E5;margin-bottom:10px;padding:10px;}
.logged h3 				{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #00A1E5;}
.logged a 				{color:#00A1E5;}
.logged a:hover 		{color:#000;}
.logged ul 				{margin:5px 0;}
.logged li 				{color:#000;}
.logged li a 			{color:#000;text-decoration:underline;}
.logged li a:hover	 	{color:#00A1E5;}

/* ========	MAIN-CONTENT		===============================	*/

.main-content 			{float:left;width:491px;overflow:hidden;border-left:10px solid #FFF;}
.main-content-wide		{float:left;width:719px;overflow:hidden;border-left:10px solid #FFF;}
.main-content .block 	{width:469px;overflow:hidden;}
.main-content a			{color:#00A1E5;}
.intro 					{color:#00A1E5;font-size:12px;line-height:17px;background-color:#E5F5FC;}
	
.actions 				{width:493px;overflow:hidden;}
.action 				{margin-left:10px;width:135px;float:left;margin-bottom:10px;padding:5px 10px;border:1px solid #00A1E5;}
.visual div.activeheader {background-color:#00A1E5;color:white;display:block;font-weight:bold;height:25px;line-height:30px;margin:-10px;text-align:center;}/* by mike*/
.first 					{margin-left:0;}
.action .visual 		{padding:5px 0;text-align:center;}
 #indexactive div.action .visual {padding:0px 0;}/*by mike*/
.action .visual img 	{display:block;}
.action .article-head 	{font-weight:bold;color:#000;height:75px;display:block;overflow:hidden;}
.action .article-head a {background-color:#fff;border-top:0px;}/*by mike*/
.action .old-price 		{}
.action .old-price b 	{text-decoration: line-through;font-weight:normal;}
.action .action-price 	{font-size:15px;color:#00A1E5;font-weight:bold;}
.action a 				{display:block;margin:10px -10px -5px -10px;padding:7px 10px;font-weight:bold;font-size:12px;color:#333;background-color:#E5F5FC;border-top:1px solid #00A1E5;}
.action a:hover 		{color:#00A1E5;}

.overview 				{width:467px;}
.overview th 			{text-align:right;padding:0 0 10px 0;color:#00A1E5;font-size:12px;}
.overview td 			{font-size:12px;border-top:1px solid #CCC;color:#666;padding:5px 10px 5px;}
.overview td span 		{font-size:10px;color:#00A1E5;}
.overview td a 			{color:#666;}
.overview td a:hover 	{color:#00A1E5;text-decoration:underline;}

.product-overview td	{font-weight:bold;width:1%;padding-left:0;font-size:11px;}

.printer-types 			{}
.printer-types ul		{width:470px;overflow:hidden;}
.printer-types li		{float:left;width:150px;height:16px;font-size:12px;}
.printer-types a 		{color:#333;font-weight:bold;}

.chosen-printertype 		{color:#000;font-size:18px;font-weight:normal;}
.product-item 				{margin-top:5px;color:#00A1E5;font-size:12px;border-top:2px solid #00A1E5;color:#666;}
.product-item h3 			{margin-bottom:10px;padding:5px 0;font-size:15px;border-bottom:1px solid #CCC;}
.product-item h4 			{color:#00A1E5;font-size:12px;}
.product-item .visual 		{float:left;width:210px;}
.product-item .specs 		{height:150px;}
.product-item .specs table	{margin-top:5px;}
.product-item .specs th		{color:#666;width:80px;padding-bottom:5px;}
.product-item .specs td		{color:#666;}
.product-item .order 		{width:450px;clear:left;height:22px;}
.product-item .order input,
.product-item .order span	{display:block;float:left;}
.product-item .order .type-text {width:25px;font-weight:bold;height:17px;text-align:center;padding:1px 0 0 0;margin-right:5px;} 		
.product-item .price		{width:75px;padding:2px 10px 0 45px;font-weight:bold;font-size:15px;color:#00A1E5;}
.product-item .price-ex 	{padding-top:4px;color:#999;font-size:10px;}
.product-item .description 	{margin-top:10px;padding-top:5px;border-top:1px solid #CCC;line-height:22px;}
.product-item .description p{margin-bottom:20px;font-size:11px;}
.product-item .description .let-op
{
	border:1px solid #CC0000;
	margin:20px;
	width:411px;
	color: #666666;
	text-align: center;
padding-bottom:15px;
*float:left;
}
.product-item .description .let-op legend
{
	font-weight: bold;
	color: #C00;
	font-size:14px;
	margin-left:160px;
	padding-left:20px;
	padding-right:20px;
}
.booking-alert {/*display:none;*/position:absolute;top:300px;left:50%;width:536px;height:113px;margin-left:-268px;z-index:250;}
.booking-alert a {position:relative;display:block;width:536px;height:113px;}
.booking-alert span {display:block;width:536px;height:113px;background:transparent url(/gfx/popup-alert.png) no-repeat left top;}	


.basket-table {border:2px solid #00A1E5;border-top:none;width:100%;}
.basket-table th {padding:10px 5px;border-bottom:1px solid #DDD;}
.basket-table td {padding:5px;border-bottom:1px solid #DDD;}
.basket-table th.price-td,
.basket-table td.price-td {text-align:right;}
.basket-table .type-text {width:30px;text-align:center;padding:0;font-weight:bold;}
.basket-table tr.verzendkosten-price th {text-align:right;}
.basket-table tr.total th {text-align:right;border-bottom:none;}
.basket-table tr.total th span {color:#999;font-weight:normal;}
.basket-table a {color:#00A1E5;text-decoration:underline;}
.basket-table a:hover {color:#000;}

.basket-icon a {color:#00A1E5;}
.orderedArticles .basket-table {border:none;width:100%;}

.orderButtons {padding-top:10px;text-align:right;}
.orderButtons input {margin-left:3px;}
.orderButtons .page-back {float:left;}

.colset 	{padding:10px;width:695px;overflow:hidden;border:2px solid #00A1E5;border-top:none;}
.col-right 	{float:right;width:330px;}
.col-left 	{float:left;width:330px;}
.colset td 	{padding:2px;vertical-align:top;}
.colset h2 	{margin-bottom:10px;}
.colset u 	{padding:0 0 0 15px;text-decoration:none;}
.payment 	{margin-top:30px;}

ul.sitemap {color:#00A1E5;}
ul.sitemap ul {margin:3px 0 3px 0px;}
ul.sitemap li {line-height:15px;padding-left:12px;background:transparent url(../gfx/sitemap_arrow.gif) no-repeat 0px 6px;}
ul.sitemap li a {color:#00A1E5;}
ul.sitemap li a:hover {color:#00A1E5;text-decoration:underline;}




/* ========	SIDEBAR				===============================	*/

.sidebar 				{float:left;width:218px;border-left:10px solid #FFF;}
.sidebar .basket-icon	{background:transparent url(/gfx/winkelwagen.gif) no-repeat 187px 2px;}
.sidebar label 			{display:block;float:left;width:66px;padding-top:3px;}
.sidebar .type-text 	{width:120px;margin-bottom:5px;}

.payways 				{margin-bottom:10px;}
.payways img 			{display:block;}

.basket 				{margin-bottom:10px;padding:5px 10px;border:1px solid #00A1E5;}
.basket div 			{padding:5px 0;border-bottom:1px solid #00A1E5;color:#999;text-align:right;}
.basket span 			{display:block;width:140px;float:left;text-align:left;}
.basket div.total 		{font-size:12px;color:#00A1E5;font-weight:bold;}
.basket div.goto 		{border:none;}
.basket div.goto a 		{color:#00A1E5;}
.basket div.goto a:hover{color:#000;}



/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 


input, select 			{vertical-align:middle;}
input.type-text 		{padding-left:5px;color:#333;border:1px solid #00A1E5;background-color:#FFF;}
.formGrid .type-text 	{width:200px;background-color:#FFF;}
input.type-button 		{border:1px solid #00A1E5;background-color:#FFF;color:#333;font-weight:bold;cursor:pointer;margin:0;padding:0;}
label 					{vertical-align:middle;cursor:pointer;}
select.select 			{}
textarea.textarea 		{width:470px;padding-left:5px;color:#333;border:1px solid #00A1E5;background-color:#FFF;}
.formGrid textarea.textarea {width:200px;}
.radio 					{}
.radio input 			{margin-right:5px;vertical-align:middle;}

.formGrid .w10 {width:30px;}
label {padding-left:3px;}
.tabs {
	width:719px;
	height:31px;
	color:#BFE7F8;
	background:transparent url(/gfx/tabs_line.gif) repeat-x left bottom;
	}
.tabs a {
	border-bottom:none;
	height:15px;
	margin:0 4px 0 0;
	color:#BFE7F8;
	cursor:default;
	display:block;
	float:left;
	font-weight:bold;
	padding:8px 0px;
	text-align:center;
	text-decoration:none;
	width:146px;
	background:transparent url(/gfx/tabs.gif) no-repeat 0px -67px;
}
.tabs a.active {
	color:#00A1E5;
	text-decoration:none;
	background-color:#FFF;
	background:transparent url(/gfx/tabs.gif) no-repeat 0px 0px;
}
.tabs a.done {
	color:#00A1E5;
}
.page-back a {
	color:#00A1E5;
	}
.page-back a:hover {
	color:#000;
	}
	

/*added by dayi*/	
.navigation li a.active {background-color:#00A1E4;color:#FFF;}

.booking-alert {display:none;position:absolute;top:300px;left:50%;width:536px;height:113px;margin-left:-268px;z-index:250;}

.action .Hot {display:block;margin:10px -10px -10px -10px;padding:7px 10px;font-weight:bold;font-size:12px;color:#333;background-color:#E5F5FC;border-top:1px solid #00A1E5; height:20px;}
.action .ShowMe {}

.hideme { display:none;}

.Pager span { font-size:large;}

/*added by mingfa*/
.bestelingbutton{vertical-align:top;}
.nieuwsbrief{ margin-top :-5px;}
.long-type-text{ width:450px; height: 180px;}
.product-item div.specs{
	
	height:auto !important;
	height:150px;
    min-height: 150px; /* sets max-height value for all standards-compliant browsers */	
	}
ul.printer-types li{ height:auto;}
.product-item .specs td	{padding-bottom:5px;}
.addfavorites-alert {display:none;position:absolute;top:300px;left:50%;width:536px;height:113px;margin-left:-268px;z-index:250;}
.addfavorites-alert a {position:relative;display:block;width:536px;height:113px;}
.addfavorites-alert span {display:block;width:536px;height:113px;background:transparent url(/gfx/popup-addfavorites-alert.png) no-repeat left top;}	
.addfavoritesbutton{ float :right ;color:#00A1E5;font-size:10px;}
.radiobuttonactive label {display:inline ;float:none ;padding-top:3px;padding-right:8px;}

table.data-grid {width:100%;border-top:1px solid #CCC;border-left:1px solid #CCC;}
.data-grid th {padding:3px;background-color:#EEE;border-right:1px solid #CCC;border-bottom:1px solid #CCC; color:#00a1e5}
.data-grid td {padding:3px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
.data-grid a {Color:#666;text-decoration:underline;}
.data-grid a:hover {}


/*added by dayi*/

.orderlist a:hover 	{color:#00A1E5;text-decoration:underline;}

.pager { text-align:right;  padding-left:10px; padding-right:10px; padding-top:5px;  border:#00a1e5 1px solid; height:20px;}
.pager a { Color:#666;}
.pager a.active { color:#00a1e5; text-decoration:underline;}
.tonertext
{
	margin: 30px 30px 0px 30px;
	padding-bottom:30px;
	font-size:12px;
	font-family:Arial,Helvetica,Sans-serif;
}

.login-block
{
	font-size: 14px;
	color: #00A1E5;
}
.login-block .desc
{
}
.login-block .desc p
{
	margin-top: 15px;
}
.login-block .login-form
{
	margin-top: 20px;
	border-top: solid 1px #00A1E5;
	padding-top: 8px;
}
.login-block .login-form label
{
	width: 205px;
}
.login-block .login-form .type-text
{
	width: 253px;
}
.login-block .warning-msg
{
	float: left;
	width: 205px;
}
.login-block .forgot-password-form
{
	float: left;
	width: 260px;
}
.login-block .forgot-password-form p
{
	font-weight: bold;
	font-size: 14px;
}
.login-block .forgot-password-form a
{
	font-weight: bold;
	color: #00A1E5;
	text-decoration: underline;
}
.login-block .forgot-password-form a:hover
{
	text-decoration: none;
}
.become-new-member
{
	clear: both;
	border-top: solid 1px #00A1E5;
    padding-top: 10px;
}
.become-new-member span
{
	display: block;
	margin-top: 10px;
}
.become-new-member a
{
	float: right;
	background-image: url(../gfx/btn_inschrijven.gif);
	width: 114px;
	height: 20px;
}
.other-info label
{
	width: 180px;
}
.other-info .type-text
{
	width: 250px;
}
.other-info .newsletter-checbox input
{
	float: left;
}
.other-info .newsletter-checbox label
{
	width: 400px;
	padding: 0px 0px 0px 5px;
}
.clear
{
	clear: both;
}
.user-details-form .comment
{
	font-size:10px;
	margin-left:2px;
	margin-top:-12px;
}
.user-details-form select
{
	margin-bottom: 5px;
}