html, body {height:100%}

body {margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	overflow: auto;
	color: #222;
	background-color: #fff;
}

/* voorheen inlinestyles -begin-*/
.bgstyle1 {margin: 0 8px 0 0;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	overflow:auto;
	color: #222;
}

.bgstyle2 {margin: 0 8px 0 0;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	overflow:auto;
	color: #222;
}
/* voorheen inlinestyles -eind-*/

td {font-size:  11px;}

th {text-align:left; font-size: 11px}

div,form {margin:0px;}

frame,frameset {border:0px;	margin:0px;}
.nobreak {white-space:nowrap}
#INFOPR3 .list td, #INFOPR3QCK .list td, #ORDER03 .list td {vertical-align: bottom} /* attribs 25*25 */

textarea, input, select {border-width: 1px; border-style: solid; border-color: #000 #ccc #ccc #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif}
textarea {overflow:auto; width:396px; height:85px;}
input {font-size: 11px; padding: 0 0 1px 0; margin: 0; width:128px}
select {width:128px}

.radioContainer {position:relative;
	top:-4px;
	left:-7px;
}

* html .radioContainer {top:-4px;
	left:-3px;
}

.checkboxContainer {position:relative;
	top:-3px;
	left:-5px;
}

* html .checkboxContainer {top:-3px;
	left:-2px;
}

.formElement {position:relative;
	top:3px;
	left:-2px;
	width:20px;
	border:none;
}

.dateTime {border:1px solid #000;
	border-right:1px solid #d4d0c7;
	border-bottom:1px solid #d4d0c7;
	width:20px;
}

.year {border:1px solid #000;
	border-right:1px solid #d4d0c7;
	border-bottom:1px solid #d4d0c7;
	width:40px;
}

.close {position:relative;
	top:1px;
}

.checkbox {width:12px;
	border:none;
	position:relative;
	top:5px;
}

* html .checkbox {top:3px;
}

.inputSmall {width:42px;
}

.inputMedium {width:66px;
}

.inputLarge {width:190px;
}

.inputLargeAlert {width:190px;
	background-color: #ECD0D0;
}

.inputVeryLarge {width:256px;
}

.selectSmall {width:62px;
}
	
a img {border:0px}
a {color: #0098db}

.alert {color: #d00;
}

.alertIcon {position:relative;
	top:1px;
	margin: 0 6px 0 0;
}

/* header styles */

#top { position:absolute; top: 0; left: 0; width: 100%; height: 118px; background-color: #0098db; background-image: url(../images/header.gif); background-repeat: no-repeat; background-position: bottom left}
#topImage { position:absolute; top: 20px; left: 18px; width: 253px; height: 65px; background-image: url(../images/StaplesAdvantage_logo.gif); background-repeat: no-repeat}
#topDualImage { position:absolute; top: 26px; left: 18px; width: 253px; height: 65px; background-image: url(../images/dual_logo.gif); background-repeat: no-repeat}
#topCusImage { position:absolute; top: 5px; left: 5px; width: 253px; height: 65px; background-image: url(../images/header_logo.gif); background-repeat: no-repeat}
#topIntImage { position:absolute; top: 26px; left: 18px; width: 253px; height: 65px; background-image: url(../images/intercambioheader.gif); background-repeat: no-repeat}
#topDawImage { position:absolute; top: 26px; left: 18px; width: 253px; height: 65px; background-image: url(../images/dawidenkoheader.gif); background-repeat: no-repeat}
#login { position:absolute; top: 0; left: 845px; width: 141px; height: auto; line-height:150%; border-top: 3px solid #002157}


/* * html #login { width:141px; height:83px;
}*/ 

#login td { padding: 6px 6px 0 6px; height: auto !important}
#login .loggedIn { font-weight:bold; color: #222}
/*
#login .ButtonL, #login .ButtonR, #login .Button {color: #fff; font-weight: normal; background: none !important; paddding: 0; margin: 0}
#login a {text-decoration: underline; color: #222;}
*/
.loginBottom td {vertical-align: top !important}

/* tmed20050801 */

#navcontainer {position: absolute; bottom: 0; left: 0; width: 992px}
#navlist {position: absolute; right: 0; bottom: 3px; font-size: 15px; list-style-type: none; margin: 0}
#navlist li {float: left; display: inline}
#navlist li a {color: #fff; text-decoration: none; padding: 0 12px}
#navlist li a:hover {color: #000}
#navlist li a strong {font-weight: normal}

/* sidebar styles */

#sidebar {position:absolute; left: 0; top: 1px; width: 100%; width: 231px;
	background-color: #f4f4f4;
	background-image: url(../images/msie7bar.gif);
	background-position: top;
	background-repeat: repeat-x;
}
#sidebar .sideBarInner {}
.borderBox {}
#sidebar .search {padding: 8px 6px 11px 28px;}
.search h5 {font-size: 15px; color: #0098db; margin: 0px}
.search table {width: 197px}
.search input {border: 1px solid #cfcfcf; width: 155px !important}
.search td {text-align: left !important; width: 50% !important; margin: 0; padding: 0} 
.search a {margin-left: 3px} 
.search a .goButtonR {padding: 6px 0} /* voor het vergrootglas */
.search a img {position: relative; top: 3px; _top: 0}
.menu .sectionBody {/* DO NOT ADD ANY STYLES TO THIS CLASS */ overflow: hidden; width:100%}
.menu {padding: 5px 0 0 0}
.menu .sectionContent {line-height: 150%}
.menu .sectionContent a {color: #002157; text-decoration: none}
.menu .sectionContent a:hover {color: #ee2a24} /* mogen niet samen in 1 regel msie7 */
.menu .sectionContent a:active {color: #ee2a24} /* mogen niet samen in 1 regel msie7 */
.menu .sectionContent {padding: 6px 6px 6px 12px; margin: 0; font-weight:normal}
/*.menu .sectionContent a {color: #222; font-weight:normal; line-height:160%}*/
.menu .sectionContent .subform {margin:2px 0 0 0; font-weight:normal}
.menu .sectionContent input {margin:2px 0 6px 0; width:185px}
.menu .sectionContent select {margin:6px 0 6px 0; width:185px}

/* verstekwaarden voor een menu-item */
.menu h2 {background-color: #0098db; background-image: url(../images/section_closed.gif); background-repeat: no-repeat; background-position: center right; font-size: 11px; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 1px 0; padding: 3px 3px 3px 27px; color: #fff}
.menu h2 a {color: #fff; text-decoration: none}
.menu h2 span {cursor: pointer}
.menu .section h2 {background-image: url(../images/section_open.gif); background-color: transparent; color: #0098db}
.menu .sectionLink h2 {background-image: url(../images/section_selected.gif)}
.menu .section h2 a {color: #0098db; text-decoration: none}


.info .head {color: #222;
	padding:4px 4px 0 4px;
	margin:2px 0 0 0;
}

/* general content styles */

#content {font-size:11px;
	padding:0px;
	width:100%;
	/*height:100%;*/
	margin:0px;
}


.itemList {position:absolute; left: 0; top: 0; width: 589px}
.itemList2 {width:724px; position:absolute; top: 0; left: 0;}
.itemList h4, .itemList2 h4 {color: #222; font-size: 15px; margin: 3px 0;}


/** html .itemList {width:589px;
	padding: 0 0 0 0;
}

* html .itemList2 {width:724px;
	padding: 0 0 0 0;
}*/

.column1 {float:left;
	width:285px;
	margin: 0 7px 7px 0;
	background-color: #fff;
}

.column2 {float:left;
	width:285px;
	margin: 0 0 7px 0;
	background-color: #fff;
}

.smallcolumn1 {float:left;
	width:141px;
	/* margin: 0 8px 6px 0; */
	margin: 0 0 0 0;
}

.smallcolumn2 {float:left;
	width:136px;
	margin: 0 7px 6px 0;
}

* html .smallcolumn2 {margin: 0 8px 6px 0;
}

.moreText {background-color: #fff;
	padding: 0 6px 6px 6px;
	margin-top:-6px;
}

.moreText a {display:block;
	text-align:right;
}

.infoText {background-color: #fff;
	position:absolute;
	left:-230px;
	width:200px;
	border: 1px solid #d2d2d2;
	border-color: #d2d2d2 #636363 #636363 #d2d2d2
}

.infoText td.first {
	padding: 5px 0 5px 10px;
}

.infoText td.second {
	padding: 5px 10px 5px 0;
	text-align:right;
}

.infoText p {padding:10px;
	margin:0px;
}

.infoText a {text-decoration:none;
	display:block;	
}

.newsText {padding: 0 6px 6px 6px;
	margin-top:-10px;
}

.newsText a {display:block;
	text-align:right;
}

.itemList td {vertical-align:top;}
.itemList2 td {vertical-align:top;}

.searchResults {padding: 0 8px 10px 7px;
	width:557px;
}

* html .searchResults {width:572px;
}

.searchResults a {}

.searchResults .resultText {font-weight:bold;
}

.searchResultsBottom {padding:3px 1px 10px 0;
	width:572px;
	white-space: nowrap;
}

.searchResultsBottom2 {padding:3px 1px 10px 150px;
	width:572px;
	white-space: nowrap;
}

* html .searchResultsBottom2 {padding:3px 1px 10px 450px;
	width:572px;
	white-space: nowrap;
}

.breadcrumb {padding: 6px;/*width:574px;*/}
.breadcrumb a {color: #949494; text-decoration: none}
.breadcrumb a:hover {color: #ee2a24; text-decoration: underline}
.breadcrumb strong {color: #ee2a24; font-weight: normal}

.contentTitle {padding: 6px; color: #222; font-size: 15px; font-weight:bold; border-bottom: 1px dotted #d2d2d2;}
#INFOPR3 .contentTitle, #INFOPR3QCK .contentTitle, #USER04 .contentTitle {border: 0 none}
.contentTitle2 {padding: 6px;
	color: #222;
	font-size: 15px;
	font-weight:bold;
	width:709px;
	border-bottom: 1px dotted #d2d2d2;
	border: 0 none;
}
* html .contentTitle {/*width:589px;*/
}

* html .contentTitle2 {width:724px;
}

.option {
	margin: 0;
	padding: 3px;
	/*width:577px;*/
	height:20px;
	vertical-align:middle;
	border-bottom: 1px dotted #d2d2d2;
}

.option2 {
	margin: 0 0 0 0;
	padding:5px 7px 1px 5px;
	width:712px;
	height:20px;
	vertical-align:middle;
	border-bottom: 1px dotted #d2d2d2;
}

* html .option {
	padding: 3px;
/*	width:589px;*/
	height:26px;
}

* html .option2 {
	padding:3px 7px;
	width:724px;
	height:26px;
}

.optionItemsContainer {height:15px;
/*	float:left; position:relative;*/}
* html .optionItemsContainer {/*height:18px;*/}

.optionItems {
	float:right;
	height:15px;
	display:inline;
	white-space:nowrap;
}

.optionItems2 {
	float:left;
	height:15px;
	display:inline;
	width: 485px; 
/*	width: 400px;
	white-space:nowrap;*/
}

.optionItems a, .optionItems2 a {padding: 0 6px; text-decoration: none; border-right: 1px solid #fff; color: #0098db;
 /*	background:url(../images/div_line2.gif) no-repeat right;*/}

.optionItems a:hover, .optionItems2 a:hover {color: #222}

.optionItems a.noLine, .optionItems2 a.noLine {
	background:none; border: none;
}

.optionItems2 select.sort {
	width:125px;
}

.optionItems .first {/*background:url(../images/div_line2.gif) no-repeat left;*/ display:inline; width:1px;}

.optionItems .last {
	background: none;
	display:inline;
	width:1px;
}

.optionItems2 .last {
	background:#fff;
	padding: 0 18px 0 0;
	/*margin-right:14px;*/
}

.optionItems2 .first {
	padding: 0 6px 0 0; border: 0 none;  /* streep tussen 'hide images' en 'sort by' weg in infopr3 */
	/*margin-right:14px;*/
}
.shopList .optionItems2 .first {border-right: 1px solid #d2d2d2; }

.optionItems2 select {
	width:115px !important;
	height:16px;
/*	position:relative;*/
	font-size:9px;
	margin-right: 4px; /*INFOPR3*/
}
* html .optionItems2 select {
	top: 1px;
}
.optionItems2 * {
	display:inline;
	white-space:nowrap;
}

.optionItems .pages {
	display:inline;
	white-space:nowrap;
}

.optionItems .pages select {border: 0 none #fff; width: 40px; color: #0098db; 
	/*height:16px; font-size: 11px; position:relative;*/}
* html .optionItems .pages select {/*top:1px;*/}
.optionItems .pages .alignerthree a {}

.optionItems .skip {display:inline; _width: 0 !important; text-align: right; white-space:nowrap; margin: 3px 0 0 6px;/*r3*/}

.optionItems .skip a {white-space:nowrap; text-decoration: none; border: 0 none; padding: 0}

.optionItems3 {
	float:left;
	height:15px;
	display:inline;
	white-space:nowrap;
	margin-left:25px;
}

.optionItems3 .pages select {
	width:40px;
	height:16px;
	position:relative;
	top:2px;
	font-size:9px;
}

.printIcon {}
* html .printIcon {}

div.hr {background:url(../images/line.gif) repeat-x;
	margin:12px 0 4px 0;
	padding:0px;
	line-height:1px;
	height:2px;
}

* html div.hr {margin:8px 0 0 0;
}

div.hr1 {background:url(../images/dotLine5.gif) repeat-x;
	margin: 3px 0;
	padding-top:0px;
	line-height:1px;
	height:1px;
}

div.hr2 {background:url(../images/dotLine4.gif) repeat-x;
	margin: 0 0 3px 0;
	padding:0px;
	line-height:1px;
	height:1px;
}

td.lineDarkBlueDotted {background:url(../images/dotLine4.gif) repeat-x; height: 2px}

td.lineBlueDotted {/*background:url(../images/dotLine5.gif) repeat-x; line-height:1px;*/}

div.lineBlueDotted {/*background:url(../images/dotLine4.gif) repeat-x;*/
	border-top: 1px dotted #d2d2d2; height:1px; width:100%; font-size:1px;}

div.hr3 {/*background:url(../images/line6.gif) repeat-x;*/
border-top: 1px dotted #d2d2d2; 
	margin:0px;
	padding:0px;
	line-height:1px;
	height:1px;
	width:100%;
	font-size:1px;
}
#ORDER04 div.hr3 {display: none}/*
#INFOPR2CNT div.hr3 {visibility: hidden}  nee nee */

div.hr4 {background:url(../images/dotLine.gif) repeat-x;
	margin:0px;
	padding:0px;
	line-height:1px;
	height:1px;
}

div.hr5 {background:url(../images/dotLine2.gif) repeat-x;
	margin:0px;
	padding:0px;
	line-height:1px;
	height:1px;
}

h1, h2, h3, h4 {font-size:16px; color: #0098db; margin: 3px 0; font-family: Arial, sans-serif;} /* ex narrow */
h3, h4 {font-size:11px}

.subTitle {padding-left: 6px; font-weight:normal;}

#INFOPR3 .orderButton2 .ButtonL2, .basketButtonL {
	background-image:url(../images/basket_button_left.gif) !important;
	background-repeat: no-repeat;
	background-position: left center;
	line-height:18px;
	display:inline;
	height:18px;
	cursor:pointer;
	padding:6px 0 6px 0;
	white-space:nowrap; text-decoration:none;
}

* html #INFOPR3 .orderButton2 .ButtonL2, * html .basketButtonL {padding:2px 0 2px 0;
}

#INFOPR3 .orderButton2 .ButtonR2, .basketButtonR {background:url(../images/basket_button_right.gif) no-repeat right center;
	line-height:18px;
	display:inline;
	height:18px;
	padding:6px 8px 6px 0;
	width: 12px;
}

* html #INFOPR3 .orderButton2 .ButtonR2, * html .basketButtonR {padding:2px 8px 2px 0;
}

#INFOPR3 .orderButton2 .Button2, .basketButton {background:url(../images/basket_button_middle.gif) repeat-x center;
	display:inline;
	height:18px;
	line-height:18px;
	padding:6px 10px 6px 10px;
	margin: 0 3px 0 28px;
	color: #0098db;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;	
}

* html #INFOPR3 .orderButton2 .Button2, * html .basketButton {padding:4px 10px 4px 10px;
}

.basketButtonL4 {background:url(../images/basket_button4_left.gif) no-repeat left center;
	line-height:18px;
	display:inline;
	height:18px;
	cursor:pointer;
	padding:6px 0 6px 0;
	white-space:nowrap;
	text-decoration:none;
}

* html .basketButtonL4 {padding:2px 0 3px 0;
}

.basketButtonR4 {background:url(../images/basket_button4_right.gif) no-repeat right center;
	line-height:18px;
	display:inline;
	height:18px;
	padding:6px 8px 6px 0;
}

* html .basketButtonR4 {padding:2px 8px 2px 0;
}

.basketButton4 {background:url(../images/basket_button4_middle.gif) repeat-x center;
	display:inline;
	height:18px;
	line-height:18px;
	padding:6px 2px 7px 2px;
	margin: 0 3px 0 29px;
	color: #fff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
}

* html .basketButton4 {padding:4px 2px 4px 2px;
}

.ButtonL, .ButtonL2, .ButtonL3, .ButtonL4 {background:url(../images/button_left.gif) no-repeat left center !important; display:inline; 
	/*line-height:18px;*/ height:18px; cursor:pointer; padding: 3px 0 3px 0;
	margin: -3px 0 -3px 0;	/* negatieve waarden voor msie7 */
	white-space:nowrap; text-decoration:none;
}

/*
* html .ButtonL {padding: 0 0 0 4px;
}
*/
.ButtonR, .ButtonR2, .ButtonR3, .ButtonR4 {background:url(../images/button_right.gif) no-repeat right center;
	line-height:18px; height:18px; display:inline; padding: 3px 0 3px 0; margin: -3px 0 -3px 0;	/* negatieve waarden voor msie7 */
}
/*
* html .ButtonR {padding: 0 7px 0 0;
}
*/
.Button, .Button2, .Button3, .Button4 {background:url(../images/button_middle.gif) repeat-x center;
	display:inline; height:18px; padding: 3px 6px 3px 6px !important; margin: -3px 9px -3px 3px;	/* negatieve waarden voor msie7, anders daar 0 */
	color: #0098db; font-weight:bold; white-space:nowrap;
}
/*
* html .Button {padding: 0 3px 0 3px;
	margin: 0 0 0 3px;
	line-height:160%;
}
*/
a.Button2, a.Button4 {text-decoration:none}
.ButtonL2, .ButtonL4 {background-image: url(../images/button_left2.gif)}
.ButtonR2, .ButtonR4 {background-image: url(../images/button_right2.gif)}
.Button2, .Button4 {background-image: url(../images/button_middle2.gif); /*margin: -3px 3px -3px 3px*/}

a.Button3 {text-decoration:none}
.ButtonL3 {background-image: url(../images/button_left2.gif)}
.ButtonR3 {background-image: url(../images/button_right2.gif)}
.Button3 {background-image: url(../images/button_middle2.gif)}


.quantity {padding:22px 0 0 0;
}

* html .quantity {padding:11px 0 0 0;
}

.quantityInput {margin: 0; _margin:-3px 0 0 0; width: 32px !important; _padding-bottom: 0 !important; height: 16px; _height: 16px; /* juiste hoogte t.o.v. meer/minder */
}



.arrows {padding:20px 0 0 0;
}

* html .arrows {padding:9px 0 0 0;
}

.spacer3 {padding:3px;
	margin:0px;
}

/* Detail page */

.detailList {background-color: #d2d2d2;
	width:734px;
	padding:6px 6px 0 6px;
	display:block;
	margin-top:15px;
}

* html .detailList {padding:6px;
	position:relative;
	width:734px;
}

.itemListDetail {display:block;
	background-color: #d2d2d2;
	width:589px;
	padding:6px 6px 0 6px;
	margin-top:6px;
}

* html .itemListDetail {position:relative;
	top:0px;
	width:589px;
	padding:6px 6px 0 6px;
}

.image {text-align:right;
	padding:8px;
	border-top:6px solid #d2d2d2;
	height:162px;
}

* html .image {height:186px;
}

.image img {text-align:center;
	vertical-align:middle;
	margin:5px 0 10px 0;
}

.image a {color: #222;
	text-decoration:none;
}

.price {padding:14px 13px 14px 13px;
	border-top:6px solid #d2d2d2;
	width:259px;
}

* html .price {width:285px;
}

.price .bigPrice {font-size: 15px;
	font-weight:bold;
	margin-top:6px;
}

.price .prices td {padding-bottom:8px;
}

.price .amount {text-align:right;
	padding: 0 0 6px 13px;
}

.productInfo {padding:16px 6px 16px 6px;
	border-top:6px solid #d2d2d2;
}

.productInfo td {padding: 0 0 2px 0;
}


.productInfo .marge {width:22px;
}

.order {padding:14px 13px 14px 13px;
	height:150px;
	border-top:6px solid #d2d2d2;
}

* html .order {height:184px;
}

.order .quantitySelect {margin:23px 0 16px 0;
}

.orderButton {width:100%;
	padding:19px 0 0 0;
	text-align:right;
}

* html .orderButton {padding: 0 0 0 0;
}

.order .note {margin:19px 0 0 0;
	white-space:nowrap;
}

* html .order .note {margin:14px 0 0 0;
}

.order .noteInput {width:100%;
	margin:17px 0 0 0;
}

* html .order .noteInput {margin:11px 0 0 0;
}

.description {padding:6px;
	border-top:6px solid #d2d2d2;
}

.description a {display:block;
	text-align:right;
}

/*.news {padding:6px;
	background-color:transparent;
	margin-top:-6px;
}*/

.news a {display:inline;
	text-align:left;
	background-color:transparent;
}

/*.vhr {display:inline;          klasse lijkt niet te bestaan OZ jan09
	position:relative;
	width:2px;
	height:12px;
	line-height:1px;
	background:url(../images/div_line2.gif) repeat-y;
	padding:0px;
	margin:0px;
}*/

div.formlayer {position:absolute;
	top:110px;
	left:211px;
	visibility:hidden;
	z-index:1;
	border: 1px solid #d2d2d2;
	border-color: #d2d2d2 #636363 #636363 #d2d2d2;
	text-align:left;
}

* html div.formlayer {left:214px;
}

div.formlayer a {padding:5px 15px 5px 10px;
	background-color: #fff;
	display:block;
}

div.formlayer a:hover {color: #eb0303;
}

/* shoppingbasket */

.shopList {position:absolute; left: 0; top: 1px; width:589px;}
.shopTop {padding: 6px; color: #ee2a24}
.shopTop br {display: none}
.shopTitle {padding: 6px; color: #222; border-bottom: 1px dotted #d2d2d2;}
#ORDER .shopTitle {border: 0 none;}
.shopTitle h4 {color: #222; font-size: 15px;}
.shopTitle td {width: auto;}
.shopTitle .subTitle {}
#ORDER03 .orderButton1, #ORDER03 .orderButton2 {text-align: right}
#ORDER03 #nextButton1 img, #ORDER03 #nextButton2 img {display: none}
#ORDER03 #nextButton1 .Button2, #ORDER03 #nextButton2 .Button2 {margin: -3px 9px -3px 3px;}
.shopList .option .optionItems2 {width: 185px}
.shopList .option {height:20px}

.totals {float:left; width: 100% }

/** html .totals {width:577px;
}*/

.totalBox {float: right;
	width: 595px;
	_width: 601px;
	margin: 18px -6px 12px 0;
}

.totalBox td {line-height:120%; padding: 0 6px }
.totalBox td b {font-size: 13px}
.totalBox td .totalLine {margin: 3px -6px;
	line-height:1px; font-size:1px; height: 1px;
	width:100%;
	border-bottom: 1px dotted #949494;
}

/** html .totalLine {margin:12px 0 12px 0;
	line-height:1px;
	font-size:1px;
	height:1px;
}*/

img.info {/* alleen in order04 */ margin: 0 6px -2px 0;/*position:relative;
	top:4px;
	margin: 0 6px 0 0;*/
}

input.inputFormSmaller {width:25px;
	margin-left:7px;
}

* html input.inputFormSmaller {width:25px;
}

.inputForm {width:45px;
	margin-left:7px;
}

* html .inputForm {width:45px;
}

.iframeBottom {padding:3px 10px 6px 0;
	height:18px;
}

.costs th, .delivery th {padding:6px 10px 8px 7px;
}

.costs td, .delivery td {padding:1px 0 3px 7px;
}

.costs td.first, .delivery td.first {
	padding:4px 0 3px 7px;
}

.costs td.second, .delivery td.second {
	padding:4px 10px 3px 7px;
	text-align:right;
}

.costs td.second a, .delivery td.second a {text-decoration:none;
}

/* homepage */

.homePage {position:absolute; left: 0; top: 0; width: 589px}/* == .itemList */
.homePage h1, .homePage h2 {color: #222}

.homePage .list {padding: 6px}
.homePage .list h1 {margin: 0}
.homePage .list td {vertical-align: middle}



.homecolumn {float:left;
	width:272px;
	width:277px;
	height:185px;
	padding: 6px;
/*	margin: 0 7px 7px -6px;
	padding:4px 10px 8px 15px;*/
	margin: 0 6px 6px 0;
	margin: 0 1px 6px 0;
	border-bottom: 1px dotted #d2d2d2;
}

/** html .homecolumn {margin: 0 9px 7px -6px;
	width:296px;
	height:201px;
}*/

.homeIntro {padding: 6px; margin-bottom:6px; border-bottom: 1px dotted #d2d2d2}

.homeIntro td {}

.homeIntro h2, .homecolumn h1 {padding: 6px 0}

.smallcolumn1 .item {/*border-top:4px solid #DF0032;*/}

.smallcolumn1 .item .itemText {padding:9px 5px 9px 6px;
	height:93px;
}

* html .smallcolumn1 .item .itemText {height:109px;
}

.smallcolumn2 .itemTable, .banner7 .itemTable {/*border-top:4px solid #DF0032;*/
	width:141px;
	margin-bottom:6px;
}

.smallcolumn2 .item .itemText, .banner7 .item .itemText {padding:3px 4px 8px 4px;
}

/*.homecolumn h1 {padding: 0 0 0 6px;
	margin:11px 0 5px 0;
}*/

.homePage .list .listRow {line-height: 18px; margin: 0; padding: 0;}
.homePage .list .listRow a {color: #222}

.homePage .list .frequency {text-align:center;
}

.homePage .list .orderbutton2 {text-align:right}

.homePage .list .quantity {padding:0px;
}

/* List page */

.list {margin: 0 0 10px 0;
/* SvI 05/06/14: changed width from 574px to 577px */
	width:574px;
	clear: both;
	float:left;
	padding: 12px 0;
	border-bottom: 1px dotted #d2d2d2;
}

* html .list {width:577px;
}

* html .list2 {width:577px;
}

.list h1 {margin-top:14px;
}

.list .productImage {width:70px;
	vertical-align:middle;
	text-align:center;
	padding: 0 8px 0 8px;
}

* html .list .productImage {width:70px;
}

.list .title {vertical-align:bottom;
	padding-top:5px;
}

.list .title a {color: #222;
	font-weight:bold;
	margin: 0 0 2px 0;
	display:inline;
	text-decoration: none;
}

.summary th {padding:6px 10px 8px 0;
}

.summary td {padding:1px 0 3px 0;
}

.summary .title {color: #222;
	font-weight:bold;
	margin: 0 0 2px 0;
	display:inline;
}

.list .titleSmall {font-weight:bold; white-space:nowrap}

.list .deleteFromTmpl {padding:12px 0 0 0;
	text-align:right;
	white-space:nowrap;
	color: #222;
}

.list td .details {padding:2px 0 2px 0;
	width:345px;
}

.list span.negLeftMargin {margin-left: -3px;
}

.list tr .listrow {vertical-align:middle;
 	line-height:100%;
	height: 15px;
}

.list tr .listrow b {letter-spacing:0.01em;
}

.list td .available {white-space:nowrap;
	/*background:url(../images/line3.gif) no-repeat center right;*/
	padding:7px 0 2px 0;
	width:67px;
	overflow:hidden;
}

.list td .icon {vertical-align:middle;
	text-align:center;
	background-color: #fff;
	border:1px solid #fff;
	/*background:url(../images/line3.gif) no-repeat center right;*/
	padding:7px 0 7px 0;
	width:50px;
	overflow:hidden;
}

.list td .frequency {white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	/*background:url(../images/line3.gif) no-repeat center right;*/
	padding:7px 0 7px 0;
	width:108px;
	overflow:hidden;
}

.list td .itemPrice {/*background:url(../images/line3.gif) no-repeat center right;*/
	text-align:center;
	white-space:nowrap;
	padding:7px 0 0 0;
	width:126px;
	overflow:hidden;
	vertical-align:bottom;
}

.list td .quantity {text-align:center;
	/*background:url(../images/line3.gif) no-repeat center right;*/
	padding: 0 0 0 4px;
	vertical-align:bottom;
	width:64px;
	overflow:hidden;
}

.list td .quantity2 {/*background:url(../images/line3.gif) no-repeat center right;*/
	padding: 0 10px 0 0;
	vertical-align:middle;
	width:64px;
	overflow:hidden;
}

.list .quantity span {margin: 0 0 0 0;
	padding:2px 2px 2px 2px;
	display:block;
	background-color: #E0E0E0;
	text-align:left;
}

* html .list .quantity span {margin: 0 5px 0 5px;
	padding:2px 5px 2px 5px;
}

.list .quantity2 span {margin: 0 2px 0 2px;
	padding:2px 0 2px 0;
	display:block;
	text-align:left;
}

* html .list .quantity2 span {margin: 0 3px 0 3px;
	padding:2px 3px 2px 3px;
}

.list .quantityInput {margin:0px}
.list .arrows {padding:1px 0 0 0}

.list td .orderButton2 {text-align:center;
	vertical-align:bottom;
	white-space:nowrap;
	padding:7px 0 2px 0;
}

.list .delete, .list .add2Tmpl, .list .compare, .list .deleteFromTmpl {padding: 6px;
	color: #0098db; 
	text-align:right;
	vertical-align:bottom;
	white-space:nowrap;
}
.list .compare .checkbox {top: 3px;  }
* html .list .compare .checkbox {top: auto;  }

.list td .note {/*background:url(../images/line3.gif) no-repeat center right;*/
	white-space:nowrap;
	width:170px;
	overflow:hidden;
	vertical-align:bottom;
}

.list td .quantityCalc {text-align:center;
	/*background:url(../images/line3.gif) no-repeat center right;*/
	padding: 0 0 0 4px;
	vertical-align:bottom;
	width:101px;
	overflow:hidden;
}

.list td .calc {white-space:nowrap;
	color: #222;
	vertical-align:bottom;
	padding: 0 0 2px 4px;
	width:101px;
}

.list .totalPrice {padding:6px 18px 0 12px; font-size: 13px; vertical-align:bottom; white-space:nowrap; width:77px; text-align:right;}

.list .product {white-space:nowrap;
}

.list .unit {white-space:nowrap;
	width:140px;
	padding-right:50px;
	vertical-align:bottom;
}

/* Index page */

.indexBlock {/*width:589px; */float:left; padding: 6px 0}

.indexBlock td {width:140px}

.indexBlock .title a {color: #222;
	font-weight:bold;
	width:100%;
	background: none;
/*	padding-left: 1px;*/
}

.indexBlock .title a:hover {color: #ff98db}

.indexBlock a {/* alle links in het lijstje */width: 184px; color: #222;
	display:block;
	text-decoration:none;
	background:url(../images/arrow.gif) no-repeat left center; padding-left: 15px;
	margin: 0 0 3px 6px;
}

.indexBlock a:hover {color: #0098db; background-image:url(../images/arrow_over.gif)}

/* end Index page */

/* Confirmation page */

.leftMargin {width:7px;
}

.rightMargin {width:18px;
}

.firstCol {width:123px;
	text-align:right;
	white-space:nowrap;
}

.firstCol b {letter-spacing:0.01em;
}

.firstColWidth {width:123px;
}

.secondCol {width:127px;
	text-align:right;
	white-space:nowrap;
}

.secondColWidth {width:127px;
}

.alertCol {width:10px;
}

.inputCol1 {width:134px;
}

.inputCol2 {width:145px;
}

.selectCol {width:157px;
}

.highRow {line-height:200%;
	height:34px;
}

.middleRow {line-height:180%;
	height:24px;
}

.shopList .middleRow #items {line-height: 150%}

.middleRow2 {line-height:150%;
	height:24px;
}

.smallRow {line-height:110%;
	height:20px;
}

.toggle { width: 550px;}
.toggle .listRow td {padding-bottom: 3px}


.iFrameHolder {display:none;
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
}

.addressTitle { width:123px;
	 text-align:right;
	 vertical-align:top;
	 padding-top:10px;
	 letter-spacing:0.01em;
}

.addressBox {vertical-align:top;
	width:160px;
	padding-top:10px;
}

.calendarBox { width:284px;
	 vertical-align:top;
	 text-align:right;
	 padding-right:0px;
}

/* end Confirmation page */

/* Order Overview page */

.orderRefine td {color: #222;
	vertical-align:middle;
}

.searchBig {width:138px;
}

.space {width:18px;
}

.space1 {width:30px;
}

.space2 {width:42px;
}

.orderList {
	float:left;
	margin: 0 0 6px 0;
	width:564px;
	padding:24px 8px 7px 5px;
}

.orderList2 {
	float:left;
	margin:-2px 0 6px 0;
	width:711px;
	padding:24px 8px 7px 5px;
}

* html .orderList {width:577px;
}

* html .orderList2 {width:724px;
}

.orderList h1 {margin-top:14px;
}

.orderList .title {vertical-align:bottom;
}

.orderList .title a {color: #222;
	font-weight:bold;
	margin: 0 0 2px 0;
	display:inline;
}

.orderList tr .listrow {vertical-align:middle;
	line-height:100%;
	height:24px;
}

.orderList2 .title {vertical-align:bottom;
}

.orderList2 .title a {color: #222;
	font-weight:bold;
	margin: 0 0 2px 0;
	display:inline;
}

.orderList2 tr .listrow {vertical-align:middle;
	line-height:100%;
	height:24px;
}

/* end Order Overview page */

/* Speed Order */

.layer .title, .bigTitle {font-weight:bold;
	font-size:11px;
	color: #222;
}

.productAlert {font-weight:normal;
	color: #d00;
	margin-top:1px;
	height:5px;
	letter-spacing:0.01em;
}

/* end Speed Order */

/* send a friend styles */

.head_form {padding: 0 0 3px 6px}
.head_form h1 {color: inherit; font-size: 11px}
.title_form {width:189px; text-align:right; padding:2px 2px 6px 6px;}
.input_form {padding:2px 0 6px 6px;}
.input_form input {margin-top: -1px;}/*r3*/

.input_form2 {padding: 0 0 1px 12px;
}

.input_form3 {text-align:right;
	padding:11px 0 14px 12px;
}

* html .input_form3 {padding: 0 0 4px 12px;
}

.text h2 {/*padding:13px 0 18px 0;
	color: #222;*/
}

.error h2 {padding:13px 0 18px 0;
	color: #f00;
}

div.error {color: #eb0303;
	font-weight:bold;
	background: url(../images/alert.gif) no-repeat;
	padding: 5px 0 0 23px;
	margin: 4px 0 4px 0;
}

.text a, .error a {/*line-height:200%;*/
}

.text td, .error td {/*line-height:150%;
	padding-bottom:12px;
	vertical-align:top;*/
}

.text td a, .error td a {/*line-height:140%;
	vertical-align:top;*/
}

/* Register Page */

.explanation {padding-left:8px;
}

/* end of Register Page */

/* Splash Page */

.splashCol {vertical-align:top !important;
	margin-top:-15px;
	width:264px;
	padding: 0 30px 0 23px !important;
	line-height: normal;
}

.splashCol a, .splashCol a h1 {font-size: 11px; color: #0098db; font-family: Arial, sans-serif; }
.splashCol h1 {font-size: 11px; color: #222}
.splashCol span {text-align: left !important}
.smallRow .splashCol br {display: none}
.seperate {width: 18px; background: none} /* hier zit de witte balk onder */

.loginBorder tr {height: 0; line-height: 0}
.loginBorder tr.smallRow, .loginBorder tr.smallRow tr, .loginBorder tr.middleRow {height: auto; line-height: normal}
.loginBorder {height: 196px; background-image: url(../images/bg_splash.gif); background-repeat: repeat-x}
.bgstyle2 .loginBorder {background-image: url(../images/bg_splash1.gif); background-repeat: no-repeat}
.bgstyle1 .loginBorder {background-image: url(../images/bg_splash2.gif); background-repeat: no-repeat}

#LOGINFORGB2B .list tr {height: 0; line-height: 0}
#LOGINFORGB2B .list tr.smallRow, #LOGINFORGB2B .list tr.smallRow tr, #LOGINFORGB2B .list tr.middleRow {height: auto; line-height: normal}
#LOGINFORGB2B .list table {height: 196px; background-image:url(../images/bg_splash.gif); background-repeat: repeat-x; border: 0 none !important}
#LOGINFORGB2B .list table table {height: auto; border: 0 none !important; background: none}

#LOGINB2B .contentTitle, #LOGINB2B .list, #LOGINFORGB2B .contentTitle, #LOGINFORGB2B .list {border: 0 none;}


/* end Splash Page */

/* Login Page */

.loginTxt {width:100%;
	padding: 0 15px 0 15px;
}

.boxCol {width:100%;
	padding:30px 15px 0 115px;
}

.loginCol1 {width:85px;
	text-align:right;
	padding-top:4px;
}

.loginCol2 {width:190px;
	padding:3px 0 0 25px;
}

#content_login .list {float: none; width: auto !important;}/*r3*/
#content_login .login {padding-left: 6px; width: 256px !important;}/* verisign  informatie */
/* end Login Page */

/* banner styles */

.banner {position:absolute;
	top:15px;
	left:588px;
	background-color: #fff;
	border-bottom:6px solid #aaa;
	border-left:6px solid #aaa;
	width:130px;
	margin: 0 0 8px 0;
	padding:10px 5px 6px 5px;
}

* html .banner {top:0px;
	width:141px;
}

.banner h3 {padding:4px 0 4px 0;
 font-family: Arial, sans-serif;}

.banner td.shop {padding: 0 4px 0 4px;
	border-bottom:1px solid #fff;
}

.banner .marge {margin:7px 0 4px 0;
}

* html .banner .marge {margin: 0 0 -5px 0;
}


.banner1 {/* promoties */
	position:relative;
	left:596px;
	top: 1px;
	width:141px;
	margin: 0 0 6px 0 !important; padding: 6px 0;
	line-height: 130%;
 }
 
/*.banner1 {position:relative;
	left:587px;
	top:15px;
	width:134px;
	padding:9px 0 6px 0;
	margin: 0 0 0 8px;
}

* html .banner1 {width:143px;
}*/

.banner4 {position:relative;
	left:596px;
	top: 1px;
	width:129px;
	_width:141px;
	margin:0;
	padding: 6px;
	background-color: #f4f4f4;
	line-height:130%;
	border-bottom: 1px dotted #0098db;
}

.banner4 .listBox {overflow:hidden;
	white-space:nowrap;
	width:100%;
}

.banner4 .listBox #loadingCompare{color: #c00}

.banner4 a {margin: 4px 0;
	display:block;
	color: #222;
	text-align:right;
}

.banner4 h3 {margin: 7px 0 3px 0; color: #0098db;  font-family: Arial, sans-serif;}

.banner4 .marge {margin: 0 0 4px 0;
}

* html .banner4 .marge {margin:0px;
}

* table.stripe {display: none}
.banner5 {position:relative;
	left:596px;
	top: 2px;
	background-color: #f4f4f4;
	width:129px;
	_width:141px;
	margin: -1px 0 0 0;
	padding: 15px 6px 6px 6px;
	background-image: url(../images/msie7bar.gif);
	background-position: top;
	background-repeat: repeat-x;
	/* in msie7 kun je geen border-top>1px hebben met een border-bottem dotted (wordt dashed) */
	border-bottom: 1px dotted #0098db;
}


/** html .banner5 {	left:590px;
	width:140px;
}*/
.banner5 h3 {text-transform: uppercase;  font-family: Arial, sans-serif;}
.banner5 td.shop {padding: 0}
.banner5 #orderLines, .banner5 #subtotalAmount {font-weight: bolder; text-align: right}

.banner5 .marge {margin:7px 0 4px 0}

* html .banner5 .marge {margin: 0 0 -5px 0;
}

.banner6 {position:relative; left:596px; top: 1px; width:129px; _width:141px; margin: 0; padding: 6px; line-height: 130%; border-bottom: 1px dotted #0098db; overflow: hidden}

/*.banner6 {position:relative;
	left:590px;
	top:7px;
	width:130px;
	margin: 0 0 6px 6px;
	padding:3px 5px 10px 5px;
	background-color: #F7F7F7;
	/*border-top:4px solid #DF0032;*/
	line-height:175%;
	overflow:hidden;
}

* html .banner6 {width:140px;
	padding:3px 4px 10px 4px;
} */

.banner6 a {/*margin: 9px;
	display:block;
	color: #222;
	text-align:right;*/
}

.banner6 div {
	margin: 6px 0;
	padding: 0;
	overflow:hidden;
}

.banner6 .editButton {text-align: right; }
.banner6 .lineBlueDotted {display: none}
.banner6 h3 {font-family: Arial, sans-serif;}

/*.banner6 td.spacer {width:1px;
	font-size:1px;
}

*/

.banner6 .marge {margin: 0 0 4px 0;
}

* html .banner6 .marge {margin:0px;
}

/*.banner7 {position:relative;
	left:587px;
	width:141px;
	top:15px;
	margin: 0 0 0 6px;
	padding:0px;
	overflow:hidden;
}

* html .banner7 {left:590px;
	width:143px;
}*/

.banner8 {position:relative;
	left:596px;
	top: 1px;
	width:129px;
	_width:141px;
	margin: 0;
	padding: 6px;
	line-height: 175%;
	border-bottom: 1px dotted #0098db;
}

/*.banner8 {position:relative;
	left:590px;
	top:7px;
	width:130px;
	margin: 0 0 6px 6px;
	/*border-top:4px solid #DF0032;*/
	padding:4px 5px 8px 5px;
	background-color: #F7F7F7;
	line-height:175%;
}

* html .banner8 {left:590px;
	width:140px;
}*/

.banner8 a {margin:7px 4px 0 0;
	display:block;
	color: #222;
	text-align:right;
}

.banner8 ul {margin: 0; padding: 0}
.banner8 li {list-style:outside; margin: 0 0 0 20px; padding: 0}

.banner8 h3 {font-family: Arial, sans-serif;}


/* tmed20050722 */

.L1 {display: block;
	width:589px;
	padding: 0 0 0 0;
	/*border-top:4px solid #DF0032;*/
}

* html .L1 {width: 589px;
}

/* tmed20050727 */

.tbord1 {
border-top:1px dotted #d2d2d2;
}

/* tmed20050913 (bestellijst) */

.workaround1 {
margin-bottom: 10px;
}

.workaround1 td {
padding: 4px 0 0 10px;
}

.workaround1 .titleSmall2 {
padding: 0 0 0 34px;
}

/* tmed20050919 (promotions) */

.smallcolumn1 img {margin: 10px 0 0 25px;
}

.smallcolumn2 img {margin: 10px 0 11px 0;
}

/* tmed20050920 (promotions) */

.promlabel1 {
margin-left: -10px;
display: block;
position: relative;
top: 65px;
left: 85px;
width: 44px;
height: 29px;
z-index: 20;
}

* html .promlabel2 {
top: 18px;
}

.promlabel2 {
margin-left: -10px;
display: block;
position: relative;
top: 8px;
left: 5px;
width: 44px;
height: 29px;
z-index: 20;
}

.promlabel1 img { margin:0; padding:0; border:0; }
.promlabel2 img { margin:0; padding:0; border:0; }

/* tmed20050921 (promotions) */

.promobigprice {font-size: 15px;
	font-weight: bold;
	margin-top: 42px;
}

* html .promosmallprice {margin-top: -40px;
}

.promosmallprice {font-weight: bold;
	margin-top: -40px;
}

.promodesc {font-weight: bold;
	margin-top: -90px;
}

/* JANUARY RELEASE */

/* SvI 20051209 Homepage alert layer  */

#alert {position:absolute; left:60px; top:80px; width:460px;
	background-color: #fff; border: 1px solid #d2d2d2; 	border-color: #d2d2d2 #636363 #636363 #d2d2d2; display:block;}
#alert .body {padding: 6px; height: auto; overflow: hidden;}
#alert .body table {border: 0; width: 100%}
#alert .body table table {border: 0; width: auto}
#alert .body a {text-decoration: none;}

#alert .body h1 {margin: 3px 0 0 0;}
#alert .body #alertResult a {text-decoration: underline;}

/*
	T. Mulder (14dec2005)
	Quickfix for the select account box in inqord3 for IE6.
*/

* html .orderRefine .ieselhack select {width: 250px;
}

/* SvI 20051219 Save More! styles voor order03  */

a.saveMore {color: #DF0032;color: #ee2a24;font-weight: bold;}


#saveMore {position:absolute; left:218px; top:50px; width:270px;
	background-color: #fff; border: 1px solid #d2d2d2; 	border-color: #d2d2d2 #636363 #636363 #d2d2d2; display:block;}
#saveMore .body {padding: 6px; height: auto; overflow: hidden;}
#saveMore .body table {border: 0; width: 100%}
#saveMore .body table table {border: 0; width: auto}
#saveMore .body a {text-decoration: none;}

#saveMore .body h1 {margin: 3px 0 0 0;
}

#saveMore .body td{vertical-align: middle;
}

#saveMore #saveMoreScale {margin: 6px 0 0 0;
}

#saveMore #saveMoreScale tbody tr {line-height: 15px;
}

#saveMore #saveMoreScale td{white-space: nowrap;	
}

#saveMore #saveMoreScale tbody td.orderMore{padding-right: 3px;
}

#saveMore #saveMoreScale tbody td.save{padding-left: 3px;
	font-weight: bold;
}

#saveMore #saveMoreScale a{color: #222;
	font-weight:bold;
	text-decoration: underline;
}

#saveMore .body td.loading{text-align: center;
	color: #c00;
	width: 100%
}

/*
	T. Mulder (19dec2005)
	Quickfix for the select supervisor box in order04 for IE6.
*/

* html .selectCol select {width:220px;
}

/*
	T. Mulder (20dec2005)
	A simple border.
*/

.borderXtra {/*border-top:#d2d2d2 1px solid;*/
}

/*
	T. Mulder (22dec2005)
	Maintenance styles
*/

.mntWidth1 {width: 80px;
}

.mntWidth2 {width: 50px;
}

.mntWidth3 {width: 300px;
}

.mntWidth4 {width: 120px;
}

.mntRadio1 {border:0;
	width:20px;
}

.mntControls {width: 200px;
}

/*
	T. Mulder (28dec2005)
	Styles for bulkshop banner.
*/

.blkColor {color: #ee2a24 !important;
}

.blkBGColor {background: #ee2a24 !important;
}

.blkBGColor2 {background: #f99 !important;
}

/*
	T. Mulder (28dec2005)
	Extra styles for infodb3.
*/

.L2 {display: block;
	width:589px;
	padding:4px 0 0 0;
}

* html .L2 {width: 589px;
}

.L2sub {padding: 10px;}

.L2sub2 {height: 165px;
	overflow: auto;}

.L2misc {line-height: 1px;
	font-size: 1px;
	height: 1px;
}

/*
	T. Mulder (28dec2005)
	Banner6 button fix for FF(firefox).


.banner6 .editButton {margin-right: -5px;
	width: auto;
	float:right;
}

* html .banner6 .editButton {margin: -2px;
	float:right;
	width:inherit;
	width: auto;
}

* html .banner6 .editButton .ButtonL {float:right;
}*/

/*
	T. Mulder (29dec2005)
	New styles for the shopping basket and compare buttons.
*/

.nButton { width: 100% !important; text-align: right}

/* shopping basket */
.nButton .table   {margin: 0 0 0 auto; padding: 0; border-collapse: collapse; text-align: center; }
.nButton .link    {margin: 0; padding: 0; background-color: #fff; display: block; width: 100%; left: 0; height: 21px; position: absolute; -moz-opacity:0.01; filter:alpha(opacity=1); opacity: 0.01; }
.nButton .left    {margin: 0; padding: 0; background: url(../images/basket_button2_left.gif) no-repeat; width: 28px; height: 21px; }
.nButton .middle  {margin: 0; padding: 0; background: url(../images/basket_button2_middle.gif) repeat-x; height: 21px; vertical-align: middle}
.nButton .right   {margin: 0; padding: 0; background: url(../images/basket_button2_right.gif) no-repeat; width: 17px; height: 21px; }
.nButton .title   {line-height: 9px; margin: 0 1px; padding: 0; font-weight: bold; color: #0098db; }

/* compare */
.nButton .tablecmp   {margin: 0 0 0 auto; padding: 0; border-collapse: collapse; text-align: center; }
.nButton .linkcmp    {margin: 0; padding: 0; background-color: #fff; display: block; width: 100%; left: 0; height: 19px; position: absolute; -moz-opacity:0.01; filter:alpha(opacity=1); opacity: 0.01; }
.nButton .leftcmp    {margin: 0; padding: 0; background: url(../images/basket_button3_left.gif) no-repeat; width: 26px; height: 19px; }
.nButton .middlecmp  {margin: 0; padding: 0; background: url(../images/basket_button2_middle.gif) repeat-x; height: 19px; vertical-align: middle}
.nButton .rightcmp   {margin: 0; padding: 0; background: url(../images/basket_button2_right.gif) no-repeat; width: 17px; height: 19px; }
.nButton .titlecmp   {line-height: 9px; margin: 0 1px; padding: 0; font-weight: bold; color: #0098db; }

.nButton table {font-family: Arial, sans-serif}
.nButton img {margin: 0; padding: 0; border: 0}

/*
	T. Mulder (30dec2005)
	The following styles can be removed if problems occur.
*/

input {width:148px;
}

select {width:256px;
}

/*
	T. Mulder (3jan2006)
	Wider culumns in infopr2cnt.
*/

.indexBlock td {width:180px;
}

/*
	T. Mulder (4jan2006)
	Dynamic width newsitems in start1.
*/

/*
.homecolumnWide {width:569px;
}

* html .homecolumnWide {width:595px;
}

*/

/*
	T. Mulder (4jan2006)
	Less padding for the option items.


.optionItems a {padding: 0 8px 0 8px;
}

.optionItems2 a {padding: 0 8px 0 8px;
}

* html .optionItems a {padding: 0 12px 0 12px;
}

* html .optionItems2 a {padding: 0 12px 0 12px;
}

.optionItems2 .first {padding: 0 8px 0 0;
	margin-right: 8px;
}
*/

/*
	T. Mulder (5jan2006)
	New style for infopr4.
*/

.orderWidth {width: 40px;
}

/*
	T. Mulder (5jan2006)
	Make availability break instead of nowrap in Firefox.
*/

.list td .available {white-space:normal;
}

/*
	T. Mulder (5jan2006)
	Overrule delete from template
*/



/*
	T. Mulder (6jan2006)
	Styles for the list pages.
*/

.searchResultsBottom .optionItems {width: 100%}
.alignertable {width: 100%}
.alignerone {}
.alignertwo {text-align: left; width: 50%; }
.alignerthree {text-align: right; width: 50%;}
.alignerfour {}

.qhack1 {margin-top:8px !important;
}

.qhack2 {margin-top:14px !important;
}

.qhack3 {
}

/* XTRA STYLES */

/*
	T. Mulder (25jan2006)
	Fixes links in news and tips items.


.news a {display:inline;
	text-align:left;
}*/

.news div a {display:block;
	text-align:right;
}

.banner8 .sidebarTips a {display:inline}
.banner8 .sidebarTips {margin-top: -9px} /* er staat een break voor */

/*
	T. Mulder (26jan2006)
	Fixes the various promotion boxes.
*/

.smallcolumn1 {margin-bottom:6px;
}

.smallcolumn1 img {margin-left:14px;
}

.smallcolumn2 img {margin-top:0px;
	margin-left:8px;
}

* html .smallcolumn1 img {margin: 0 0 0 14px;
}

* html .smallcolumn2 img {margin: 0 0 11px 8px;
}

.smallcolumn1 { margin-right:8px; }

.smallcolumn1 .item .itemText {height:109px;
}

* html .smallcolumn1 .item .itemText {height:135px;
}

/* promo fix */

.smallcolumn2 img {margin-top:22px;
}

.smallcolumn2 .itemText img {margin-top:0px;
}

* html .smallcolumn2 img {margin-top:22px;
}

* html .smallcolumn2 .itemText img {margin-top:0px;
}

/*
	T. Mulder (14feb2006)
	Fixes for the various banners when banner5 aka shoppingbasket is disabled.
*/

.banner5 {}

/*.banner6 {top:15px !important;
}

.banner8 {top:15px !important;
	margin-bottom:14px !important;
}*/

/*
	T. Mulder (14feb2006)
	IE fix for the prd cat page.
*/

* html .indexBlock {margin:6px 0 8px 0;
}

/*
	T. Mulder (8feb2006)
	Client specific styles.
*/

/*.list { width:589px !important; }    uitgesterd omdat het homePage ver***de
* html .list { width:589px !important; }*/

.shopList .list { width:586px !important; margin: 0; padding: 12px 0 12px 0 !important; clear: both}
* html .shopList .list { width:589px !important; }

.itemlist .orderList { width:576px; }
* html .itemlist .orderList { width:589px; }

/*.shoplist .option { width:578px; }
* html .shoplist .option { width:589px; }*/

.costs {width:550px; height:205px; }
.delivery {width:550px; height:205px; height: auto} /* h=auto; drukte in infodl2 de invoervelden weg; 
deze klasse bestaat in infodb3 infodl2m infodl3or4 infoina1e infoina1m infoina1or4; klasse lijkt misbruikt om achtergrondkleur in te stellen; OvdZ 10mrt08 */

* html #saveMore .body { width: 276px; }

.itemList .list { border-top: 0 !important; margin: 0 !important; }

/* APRIL RELEASE ZONDER PROMOFIX */

/* fix voor .label */

.list td .icon {border: 0 !important;
	padding: 0 !important;
}

/* more styles for inqord */

.qsearch {border-left: 1px solid #A4AAAF;
}

/* print template styles */

.printTemplate {margin: 0;
	padding: 0;
	color: #235283;
	text-align: right;
	text-decoration: none;
}

/* infodb3 new styles */

.L1 {width: 724px;
}

* html .L1 {width: 736px;
}

.L2 {width: 724px;
}

* html .L2 {width: 736px;
}

.L2 .title2 {
}

.L2 .content3 {
}

/* fix voor infopr2 bottom */
* html .itemList {padding-bottom: 10px;
}

/* order upload en bibit styles */
.fileUpload {margin: 0;
	padding: 0;
	border: 0 !important;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(212, 208, 199);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(212, 208, 199);
    width:400px;
}

* html .fileUpload {width: 480px;
	height: 16px;
}

.filestats td {padding: 5px 0;
}

/* inline color fixes */

.lastBorderFix {border-top:#d2d2d2 6px solid;
}

/* 2nd print option */
.printIcon2 {position:relative;
	top:1px;
	width:11px;
}

/* SvI 20060329 - AJAX infopr3 error message style */

td.infoErr {width: 100%;
	padding: 0 12px 0 0;
	height: 20px;
	vertical-align: middle;
}

span.error {float: right;
	background-color: #fff;
	color: red;
	font-weight: bold;
	white-space: nowrap;
}

/* SvI 20060425 Style voor alertbox */
div#alert .body table td a {color: #235182;
}

.list .ordered span {float: right; padding: 2px 9px 2px 9px; /*width: 88px;*/ overflow: visible; background-color: #0098db; color: #fff}

/* 10mei t.mulder */
* html .indexBlock {margin:6px 0 8px 0;
}

/* new login procedure */

.input_form_static {text-align:left;
	padding:2px 2px 17px 7px;
}

.bgstyle1_wrap {position: relative;
	top: 0;
	margin: 0 0 0 8px;
	padding:0px;
	background:#fff;
	background-attachment:fixed;
}

#content_login {padding:0px; width:788px; /*width: 100%; height: 100%*/;margin:0px;background-color : #123456}
.bgstyle2 .height_hack1 {height: 1080px; position: absolute; top: 125px;}
.bgstyle2 .height_hack2 {height: auto; position: absolute; top: 125px;}
 
.error_login {color: #D23030;}

/* action code */

.totalsWidth {width: 142px;
}

* html .totalsWidth {width: 117px;
}

.freeItem {color: #ff0000;
}

/* category images */

.indexBlock .titleimg a {/* de kop van het lijstje */font-weight:bold; background: none; padding-left: 0; margin: 3px 0 -6px 6px; font-family: Arial, sans-serif; font-size: 13px} /* ex narrow */
.indexBlock .titleimg a:hover {background: none;}

.indexBlock .catdes {margin: 0 0 10px 10px;
	padding: 0;
	color: #0098DB;
	width: 184px;
}

.indexBlock .catimg {}
.indexBlock .catRowEnd {width:100%; padding: 3px 6px}
.indexBlock .linkwidth {/* alle links in het lijstje */}
.indexBlock td.catColumn {width: 277px}
/* promotion code */

.promocode {font-weight:bold}

/* tm 20 juni 2006 - ORDER04 CLEANUP */
.hr4addon {line-height: 1px;
	height: 1px;
}

/* tm 21 juni 2006 - NEW FONT SIZE FOR NEWS TEXT
.news {
} */

/* tm 21 juni 2006 - DISPLAYS VAT MESSAGE AT BOTTOM OF SAVEMORE CONTAINER */
#saveMore table.vat {margin-top: 40px}

/* tm 27 juni 2006 - STYLES FOR FORMER APPMNG POPUP */
.popcolor {background-color: #0098DB;
}

.popcolor2 {color: #0098DB !important;
}

.poptxt {color: #ccc !important;
}

.popinput1 {width: 56px;
}

/* tm 6 juli 2006 - ORDER04 DELIVERY SERVICES LAYOUT FIX */

.addressBox2 {vertical-align: top;
	width: 160px;
	padding-top: 10px;
	height: 40px !important;
}

.regelh {padding: 6px 10px 2px 0 !important;
}

/* HEADER ADDON tm 140806 */
/*
#topImage {position:absolute;
#	top:0px;
#	left:8px;
#	width:602px;
#	height:83px;
#	background:url(../images/header.gif) no-repeat;
#}

#topBanner {position:absolute;
	top:0px;
	left:610px;
	width:228px;
	height:83px;
	background:url(../images/header_banner.gif) no-repeat;
}
*/
/* RELEASE */

/* tm 19 juli 2006 - ORDER03 COLOR FOR MMB PREVIEW LINK */

.mmbPreview {color: #f00 !important;
}

/* tm 20 juli 2006 - COLOR OF THE "MORE" LINKS IN START1 */

.moreColor {
}

/* tm 20 juli 2006 - NEW STYLE PROMOTIONS */

.promoLayoutType1 {
/*	border-collapse: collapse;
	border: 1px solid #fff;*/
	height: 194px;
	width: 141px;
}

.promoTitle {
	text-align: center;
	font-weight: bold;
	height: 18px;
	/* border-bottom: 1px dotted #b5c9df; */
}

.promoTitle a {text-decoration: none;
	color: #3f3f3f;
}

.promoLayoutType1 .promoDescription {font-weight: bold;
	text-align: left;
	padding-left: 4px;
}

.promoLayoutType1 .promoImage {text-align: center;
	height: 68px;
}

.promoLayoutType1 .promoPrice {font-size: 15px;
	font-weight: bold;
	text-align: left;
	height: 40px;
	width: 91px;
	padding-left: 4px;
}

.promoLayoutType1 .promoLabel {text-align: right;
	height: 40px;
	width: 50px;
	padding-right: 4px;
}

.promoLayoutType1 .promoImage img, .promoLayoutType1 .promoLabel img {margin: 0 !important;
	padding: 0 !important;
}

.promoLayoutType1 img, .promoLayoutType1 a, .promoLayoutType2 img, .promoLayoutType2 a {border: 0;
	margin: 0;
	padding: 0;
}

.promoLayoutType2 {/*border-collapse: collapse;
	border: 1px solid #fff;*/
	width: 141px;
	height: 94px;
	margin-bottom: 6px;
}

.promoLayoutType2 .promoPrice {font-weight: bold;
	text-align: left;
}

.promoLayoutType2 .promoImage {width: 84px;
}

.promoLayoutType2 .promoLabel {height: 36px;
	padding-right: 2px;
	text-align: right;
}

.promoLayoutType2 .promoImage img, .promoLayoutType2 .promoLabel img {margin: 0 !important;
	padding: 0 !important;
}

.promoLayoutType1img {width: 141px;
	height: 193px;
}

.promoLayoutType2img {width: 141px;
	height: 94px;
	margin-bottom: 6px;
}

.smallcolumn1 {margin: 0;
	padding: 0;
	width: 140px;
	margin-right: 8px;
}

* html .smallcolumn1 {margin-right: 7px;
}

.smallcolumn2 {margin: 0;
	padding: 0;
	width: 140px;
	margin-right: 8px;
}

* html .smallcolumn2 {margin-right: 7px;
}

/* tm 11 august 2006 - STYLES FOR LEVY IN ORDER03 */

.totalPriceLevy {padding: 0 20px 0 12px;
	white-space:nowrap;
	width:77px;
	text-align:right;
}

* html .totalPriceLevy {padding-right:23px;
}

.levyDes {
}

.levyPrice {font-weight: bold;
}

/* tm 14 august 2006 - STYLES FOR THE PRINT LOGO */

#printLogo {margin: 0;
	padding: 0;
	display: block;
	background: url(../images/print_logo.gif) no-repeat;
	width: 168px;
	height: 74px;
}

/* tm 15 august 2006 - STYLES FOR THE TOP BANNERS */

#topPromotions {margin: 0;
	padding: 0;
	position:absolute;
	top:5px;
	left:8px;
	width:830px;
	height:83px;
	background-color: transparent;
}

#topPromotions img {margin: 0;
	padding: 0;
}

#topPromotions table {width:830px;
	height:83px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#topPromotions td {width:830px;
	height:83px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* PRODUCT */

.headerPromo {margin: 0;
	padding: 0;
	position:absolute;
	top:8px;
	left:8px;
	width:830px;
	height:83px;
	background-color: transparent;
}

.headerPromo .layout {width:830px;
	height:83px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.promoLayoutType3 {border-collapse: collapse;
	height: 81px;
	background-color: #E6F7FD;
	width: 240px;
}

.promoLayoutType3 .promoImage {text-align: center;
	height: 81px;
	width: 80px;
}

.promoLayoutType3 .promoPrice {font-size: 15px;
	font-weight: bold;
	text-align: left;
	height: 42px;
	padding-left: 4px;
}

.promoLayoutType3 .promoLabel {text-align: right;
	width: 50px;
	padding-right: 4px;
}
/* tm 6 september - ORDER03 LAYOUT FIX */

.itemPrice b, .itemPrice strong {font-size: 12px; margin-left: 6px}


/* tm 20 september - INFOUS3 ADDITIONS */

.list2 {width:724px;
}


* html .list2 {width:736px;
}

/* tm 22 september - IE6 FIX FOR THE NEXT/PREVIOUS LINKS */

* html .searchResultsBottom2 {margin-top: -5px;
	width:702px;
}

/* 26 september - NAVIGATION TABS */

#Tab .list {border: 0;}

#Tab1, #Tab2, #Tab3 {border-top: 0;
	margin-top: -2px;
	width: 724px !important;
}

#Tabs #menu {border-bottom: 1px solid #0098DB;
	margin: 0;
	padding-bottom: 19px;
	padding-top: 5px;
	padding-left: 0;
}

#Tabs #menu ul, #Tabs #menu li {display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#Tabs #menu a:link, #Tabs #menu a:visited {background: #eaf4ff;
	border: 1px solid #0098DB;
	color: #0098DB;
	float: left;
	font-weight: normal;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#Tabs #menu a:link.activ, #Tabs #menu a:visited.activ {background: #fff;
	border-bottom: 1px solid #0098DB;
	color: #0098DB;
}

#Tabs .activ {background: #fff;
	border-bottom: 1px solid #fff !important;
	color: #0098DB;
}

#Tabs #menu ul a:hover {color: #f00 !important;
}

/* 3 oktober - SMALL ADDITION TO ERRORS IN ORDER04 */

div.error {height: 18px;
}
.promoLayoutType3 .promoTitle {background-color: #E1F3FF;
	text-align: center;
	font-weight: bold;
	height: 18px;
}

/* SB 640028 Special for Brand Selector */

.indexBlock .catimgbrd {width: 130px;
	margin-left:25px;
	margin-top: 10px;
}

/* SB 740099 Save The Planet */

#saveThePlanet {position:absolute; left:218px; top:50px; width:400px;
	background-color: #fff; border: 1px solid #d2d2d2; 	border-color: #d2d2d2 #636363 #636363 #d2d2d2; display:block;}
#saveThePlanet .body {padding: 6px; height: auto; overflow: hidden;}
#saveThePlanet .body table {border: 0; width: 100%}
#saveThePlanet .body table table {border: 0; width: auto}
#saveThePlanet .body a {text-decoration: none;}

#saveThePlanet .body h1 {margin: 3px 0 0 0;
	color: #0098DB !important;
}

#saveThePlanet .body td{vertical-align: middle;
	font-weight: bold;
}

/* tm 3 oktober - EXTRAS FOR IFRAME LIST CONTENT IN ORDER04 */

.inlineHeader {color: #606060;
	font-weight: bold;
}

/* tm 5 january - NEW BACKGROUND FOR ORDER04 */

.bgstyle3 {margin: 0 8px 0 0;
	padding:0px;
	font-family: Arial, sans-serif;
	overflow:auto;
	background:#fff;
	background-attachment:fixed;
}

/* tm 5 january - TWO NEW .divider CLASSES FOR HEADER01 */

.divider2 {display: none; height: 15px;
	width: 12px;
	background: #000 url(../images/stripe_nav.gif);
}

.divider3 {display: none; height: 15px;
	width: 12px;
	background: #000 url(../images/stripe_nav.gif);
}

/* tm 5 january - FORMER INLINE STYLE */

#login .loginHeight1 {height: 49px;
}

.indexBlock .catimg {/*height: auto;*/
	height: 75px;
}

/* tm 15 january - NEW WIDTH FOR PRODUCT IMAGE */

.list .productImage {width: 80px;
}

* html .list .productImage {width: 80px;
}

/* tm 16 january - FORMER INLINE STYLES */

.loginHeight {height: 50px;
}

.tnImg { width: 80px; height: 60px; }

/* APRIL RELEASE 2007 */

/* tm 15 january - ERRORS IN INFOR2CNT */
.errorAddition { border-top: 6px solid #d2d2d2; padding-top: 0; padding-bottom: 0; margin: 0; }

/* tm 31 january - FORMER INLINE STYLES IN PROMOTIONS 
.ban1Style1 { margin-top: -16px; }
.ban1Style2 { margin-top: -8px; }*/

/* tm 2 februari - SCROLLBARS IN NEWSITEMS */
.homeIntro { padding-bottom: 8px; height: 120px; }
/*table.newsTableGeneral { border-collapse: collapse; border: 0; width: 560px; }*/
table.newsTableGeneral {width: 100%}
* html .news { width: 272px; height: 145px; margin: 0; }
/*.homecolumn h1 { margin-top: 10px; margin-bottom: 10px; }*/
.homecolumn table.newsTable { border-collapse: collapse; border: 0; width: 269px;  padding: 0 6px 0 6px; /* heeft geen cellspacing="0" cellpadding="0" border="0" */}
.enlargeLink {color: #0098db; }
.enlargeAlignment { text-align: right; }

.newsGeneral {height: 80px; overflow: auto; overflow-y: auto; padding: 0 3px; /* om te lijnen met de kop */
	scrollbar-3dlight-color: #d0d0d0; scrollbar-arrow-color: #222; scrollbar-base-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #ddd; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #d0d0d0;
}

.news {width: 263px; height:145px; margin: 0; overflow-y: auto; padding: 0 3px; /* om te lijnen met de kop */
	scrollbar-3dlight-color: #d0d0d0; scrollbar-arrow-color: #222; scrollbar-base-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #ddd; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #d0d0d0;
}


/* tm 12 februari - NEW ERROR FONTSIZE */
div.error {}

/* tm 15 februari - FORMER INLINESTYLES ORDER10 */
.itemListFix { padding-bottom:10px; }
.listFix { width:577px; }

/* tm 26 februari - INQORD3 */
.alignMargin { width: 40px; }

/* tm 26 februari - ORDER03 */
.list td .note { width:150px; }
* html .list td .note { width:150px; }

/* tm 27 februari - INFOOR4 */
span.ordLineNote {font-weight: bold;
}

/* tm 27 februari - INFOPR3 */
span.customStock {font-weight: bold;
}

/* tm 12 maart - STYLE MODIFICATIONS FOR SHORT UOM DESCRIPTIONS */
.list td .itemPrice { width: 90px; white-space: normal; }
/*.shopList .prdLabel2 {margin-top: -2px; margin-bottom: -5px} attribs 20*20 */ /* attribs 25*25 */
.shopList .list td .itemPrice { width: 90px; white-space: normal; padding: 0; position: relative; top: -3px}
* html .shopList .itemPrice { width: 90px; white-space: normal; }
.shopList .itemPrice div {text-align:left; width: 90px; word-spacing:-2px;}
* html .shopList .itemPrice div {text-align:left; width: 90px; word-spacing:-2px;}
.list td .quantity { width: 106px; }
.list td .quantity2 { width: 90px; }
.list td .frequency { width: 98px; }
td.quantity table { float: none;}
td.quantity table td div {_margin-right: 6px}/* msie7 doet niks met inline style van lege div*/
.list td .quantityCalc { width: 126px; }
* html .list td .quantityCalc { width: 126px; }
* html .list td .quantityCalc table { width: 126px; }

.calcNew { width: auto !important; }
.calcTable { border-collapse: collapse; width: 90px !important; }

.uomShort {display: inline;
	float: left;
	padding: 0;
	margin: 0;
	padding-top: 14px;
	margin-left: 2px;
	background-color: #fff;
}

/* tm 27 maart - PRODUCT LABEL DIMENSIONS */ /* order03 + infopr3qck */
.prdLabel1, .prdLabel2 { width: 25px; height: 25px; }


/* tm 5 april - EXTRA LOGIN CONTAINER STYLES */
.loginBottom {  }
.trademarkCell {  }

/* JULI RELEASE */

/* tm 5 january - SEPARATE BACKGROUND STYLE FOR INQORD3 */
.inqord3bg { /*background: #dadada url(../images/main_bg.gif) repeat-x; */}

/* tm 21 mei - CURSOR CHANGE FOR BETTER USABILITY */
.menu .section h2,
.menu .sectionLink h2,
.menu .sectionClosed h2 {cursor: default;
}
.menu .sectionClosed h2 span { cursor: pointer; }
.menu .section h2 span { cursor: pointer; }

/* tm 15 jun - PAYMENT TYPES IN ORDER04 */
#paymentTypeMain {width: 98%;
}

#paymentTypeMain input.nobrd {border: 0;
}

#paymentTypeMain .col1 {width: 42px;
	text-align: right;
}

#paymentTypeMain input {width: auto !important;
}

#paymentTypeMain .col2 h3 {font-weight: bold;
	margin-bottom: 2px;
}

#paymentTypeMain .col2 p {margin: 0 0 5px 0;
}

#paymentTypeMain .col2 span {font-weight: normal;
}

.temp_container {
  position: absolute;
  float: left;
  z-index: 1;
  width: 100%;
}

/* OCTOBER RELEASE */
 
 input.check {
  width:10px;
}

*html input.check {
  width:20px;
  border: none;
}

.input_form_check {
  text-align:center;
  width:10px;
  padding: 0 0;
}

/* JANUARI 2008 RELEASE

/* OZ/640042 aanpassingen bedoeld voor infopr3, infopr4 en order03 07dec07 */
.list .title {padding: 4px 0 2px 0; width: 80%}
.list .title a {margin: 0;}
.list td .details {padding:0;	width:345px;}
.list td .ordered {text-align: right;	width: auto;}
.list tr .listrow {vertical-align:top; height: auto;} /*listrow is in infopr3, listRow in start01 */
.list td .available {padding: 0 0 2px 0; vertical-align:top;}
.list td .icon {vertical-align: top; text-align: left; width:145px;}
.list td .icon div {padding: 12px 0 0 0}
.list td .icon div img {padding: 1px}
.prdLabel1 {vertical-align: middle; width: 25px; height: 25px }
.list td .itemPrice {width: auto; vertical-align: middle}
.shopList .list td .itemPrice {vertical-align: top}
.list td .quantity {width: auto; text-align: center; margin: 0}
.list td .quantity td {text-align: left;}
.list td .quantity td div {margin-right: 0 !important}
.list td .frequency {width: auto; padding: 2px 0 2px 0;}
.list td .frequency div {position: absolute;}/* weghalen als ze het gaan gebruiken */
/*.list td .orderButton2 {vertical-align: middle;}*/
#INFOPR3 .list td .itemPrice, #INFOPR3 .list td .quantity, #INFOPR3 .list td .orderButton2 {background: url(../images/list_div.gif) left bottom no-repeat; padding-left: 6px}
.orderRefine td.orderButton2 .ButtonL2 {margin-left: 3px}  /*r3*/ /* inqord3*/

/* SB 20071227 Homepage customerService layer  */
#extraUsd, .layer, #customerService {position:absolute; left:420px; top:320px; width:260px;
	background-color: #fff; border: 1px solid #d2d2d2; 	border-color: #d2d2d2 #636363 #636363 #d2d2d2; display:block;}
#extraUsd .body, #customerService .body {padding: 6px; height: auto; overflow: hidden;}
#extraUsd .body table, #customerService .body table {border: 0; width: 100%}
#extraUsd .body table table, #customerService .body table table {width: auto}
#customerService .body .layer_controls {height: 16px; vertical-align: top;}
#customerService .body a {color: #0098db; text-decoration: none;}
#customerService .body h1 {margin: 3px 0 0 0;}
#customerService .body div {line-height:150%;}
/* OZ 27dec2007 implementing structured reference */
#struct_ref_header select {width: 96px;}
#struct_ref_header input {width: auto;}
#struct_ref_detail select {width: 96px;}
#struct_ref_detail input {width: auto;}
#struct_ref_detail {position:absolute; left:350px; top:500px;
	width:400px; background-color: #fff;
	border: 1px solid #d2d2d2;
	border-color: #d2d2d2 #636363 #636363 #d2d2d2;
	display:block;}
#struct_ref_detail .body {padding: 6px; height: auto; overflow: hidden;}
#struct_ref_detail .body table {border: 0; width: 100%}
#struct_ref_detail .body table table {width: auto}
#struct_ref_detail .body .layer_controls {height: 16px; vertical-align: top;}
#struct_ref_detail .body .layer_controls a {text-decoration: none; padding: 0 0 0 4px; /*background:url(../images/div_line2.gif) no-repeat right;*/}
#struct_ref_detail .body h1 {margin: 3px 0 0 0; color: #61a400;}
#struct_ref_detail #det_Info {font-weight: bold; padding: 2px;}

/* APRIL 2008 RELEASE */
 
/* gegrijsd continue shopping knopje in order03 melding 840024
a.Button4 {text-decoration:none;}
.ButtonL4 {background:url(../images/button_left4.gif) no-repeat left center !important;
	line-height:18px; display:inline; height:18px; cursor:pointer;
	padding:4px 0 4px 0; white-space:nowrap; text-decoration:none;
}
* html .ButtonL4 {padding: 0 0 0 0;}
.ButtonR4 {background:url(../images/button_right4.gif) no-repeat right center;
	line-height:18px; height:18px; display:inline;
	padding:4px 5px 4px 2px;
}
* html .ButtonR4 {padding: 0 5px 0 2px;}
.Button4 {background:url(../images/button_middle4.gif) repeat-x center;
	display:inline;
	line-height:18px; height:18px;
	padding:4px 2px 4px 2px; margin: 0 3px 0 5px;
	color: #fff; font-weight:bold; white-space:nowrap;
}
* html .Button4 {padding: 0 0 0 0;}  */  

/* melding 480296 prijs breekt doordat plaatje te veel ruimte kan vragen*/
.promoLayoutType1 .promoPrice {width: 75%}

.firstCol {padding-top: 10px;
	vertical-align: top;
}

#ORDER04 .firstCol {padding-top: 0;}
#ORDER04 .list td {vertical-align: top; line-height: 120%}


/* naar staples, OvdZ */
.banner1 .smallcolumn1 {float: none; /* border-bottom: 1px dotted #d2d2d2;
margin-top: 6px !important; margin-bottom: 6px !important; padding-top: 6px !important; padding-bottom: 6px !important*/}
.banner1 .smallcolumn1 img {margin-left: 0}
#ORDER04 h3 {color: #222;}
#ORDER04 .highRow h3 {font-size: 15px; color: #0098db;}
#ORDER04 #button3 td, #ORDER04 #button3 table, #ORDER04 #button4 td, #ORDER04 #button4 table, #ORDER04 #button5 td, #ORDER04 #button5 table {width: auto !important}
#ORDER04 #button3 td.firstCol, #ORDER04 #button3 td.alertCol, #ORDER04 #button4 td.firstCol, #ORDER04 #button4 td.alertCol, #ORDER04 #button5 td.firstCol, #ORDER04 #button5 td.alertCol {width: 66px !important}
/*  BREADCRUMB ruimte  */
#content .homePage, #content .itemList {top:18px}
/*  BREADCRUMB ruimte in pagina's die ze al hebben */
#INFOPR2CNT #content .itemList, #INFOPR3 #content .itemList #INFOPR3QCK #content .itemList {top: 0}
/* FOOTER voor iedere pagina, alleen in IE --- !imp en , body #content regels zijn voor de zoektocht naar beter
* html body.bgstyle1, * html body.bgstyle2, * html body.bgstyle3, body {
  position: relative ;
  height: auto !important; min-height: 100% !important;
	margin: 20px !important;	padding: 10px !important;
	background-image: url(../images/bg_body.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
* html body.bgstyle2, * html body.bgstyle3 {background-position: 249px bottom;}*/
.shopList .list td.itemPrice {vertical-align: top !important} /* attribs 25*25 */

.homePage .smallcolumn1 .promoLayoutType1 {background-image: url(../images/promo_bg.gif); background-position: bottom; background-repeat: repeat-x}
.homePage .smallcolumn2 .promoLayoutType2 {background-image: url(../images/promo_bg.gif); background-position: left 48px; background-repeat: repeat-x}
* html .homePage .smallcolumn1, * html .homePage .smallcolumn2 {width: 149px !important}
.homePage .smallcolumn1, .homePage .smallcolumn2 {height: 197px; border-bottom: 1px dotted #d2d2d2; overflow: hidden; padding-left: 9px; margin: 0}


/* maatregel om small/big probleem bij welkomsttekst te verdoezelen */
#LOGINB2B #content_login .contentTitle table, #LOGINB2B #content_login .contentTitle big, #LOGINB2B #content_login .contentTitle small {font-size: 11px !important}
/* EDITION JULY 2009 */
#layer_order_form h4 {font-size: inherit}
#INFOPR3QCK td.title {width: 406px}
#INFOPR3QCK .title .prod_attribs {padding: 0pt 6px 2px; float: right; white-space: nowrap;}
/* EDITION AUG 2009 */
#HEADER01 {overflow: hidden} /* issue 1453 */

/* EDITION OKTOBER 2009 */
.shopSwitch select {position: static}
/* hou het achtergrondplaatje in beeld in INFOPR21 met ie7/8 */
.sectionClosed div {zoom: 1}
/* kleurloze scrim */
#scrim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}

/* EDITION FEB 2010 (2) */
#INFOPR3QCK select {width: auto}