@CHARSET "ISO-8859-1";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q: before,q: after {
	content: '';
}
abbr,acronym {
	border: 0;
}
.noScreen { display: none }

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size: 138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
} 
em {
	/*bringing italics back to the em element*/
	font-style: italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left: 1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border: 1px solid #000; ONZIN */
	padding: .3em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center;
}

/* SITE SPECIFIEK VANAF HIER */

/* general HTML-tags */
div { float: left; position: relative; display: inline; }
html { overflow-y: scroll; margin: 0; padding: 0; }
body {
	background: white url('../img/background.gif') repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}
a {
	color: #00406E;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3 { clear: both; position: relative; margin-top: 0; color: #00406e; font-weight: normal; }
h1 { font-size: 18px; }
.nowrap { white-space: nowrap; }
.orderCol { background: url('../img/arrow-down.png') no-repeat 5px 7px; padding-left: 18px; }
.orderColdesc { background: url('../img/arrow-up.png') no-repeat 5px 7px; padding-left: 18px; }

/* subkop in zwarte balk */
h2.subkop { clear: both; font-size: 14px; padding-left: 10px; margin-bottom: 5px; margin-top: 15px;
	height: 25px; color: black; line-height: 23px; background: url('../img/subheader_bg.png') no-repeat; }
h2.subkop.first { margin-top: 0 }

/* buttons */
.button { background: url('../img/button_bg.png') repeat-x; border: 1px solid #00406e; color: white; font-size: 13px;
	padding: 0 5px 3px 5px; height: 27px; }
.button.back { background: url('../img/button_back_bg.png'); padding-left: 18px; }

/* Form elements / anchor buttons */
input,
select,
textarea { font-family: Arial, Helvetica; font-size: 11px; border: 1px solid #B4B4B4; padding: 3px 1px; font-size: 1em }
input.checkbox,
input.radio { border: none }
input[type=button] { cursor: pointer; }
.required { background: url("../img/astrix.jpg") no-repeat right top; width:200px; }

/* Flash messenger */
div.flashmessenger { width: 948px; clear: both; position: relative }
div.flashmessenger ul { border: 1px dotted orange; background-color: lightyellow; padding: 5px; font-weight: bold; margin: 0 0 10px 0; width: 100% }
div.flashmessenger li { list-style-type: none }

/* Warnings, errors and info */
.warning, .error, .info { font-style: italic; font-weight: bold; padding: 0 0 0 20px; margin: 2px 4px }
.warning { background: url('../img/error.png') no-repeat }
.error { background: url('../img/exclamation.png') no-repeat }
.info{ background: url('../img/information.png') no-repeat }

/* main layout page and elements */
html, body, div#container, div#container2 { min-height: 100%; }
div#container { width: 1008px; left: 50%; margin-left: -504px; background-repeat: repeat-y;
	background-image: url('../img/background_shadow.png'); }
div#container2 { margin: 0 10px 0 10px; padding: 0 3px; width: 980px; }
div#header { clear: both; width: 100%; border-bottom: 1px solid #999; }
div#header-left { width: 793px; }
div#header-right { width: 187px; }
div#header,
div#header-left,
div#header-right { height: 84px; }
div#leftcol { clear: left; width: 310px; margin-right: 15px; min-height: 300px; }
div#rightcol { clear: right; width: 310px; margin-left: 15px; min-height: 300px; }
div#contentcol { width: 655px; }
div#contentcol_wide { width: 960px; }
div.sidepanel { width: 100%; margin-bottom: 15px; background-color: #ebebeb; }

div#identity {
	color: #00406E;
	font-size: 1.1em;
	margin: 2px;
	padding: 3px;
	position: absolute;
	right: 5px;
	top: 0px;
}

/* sales rep */
div#header-right h2 { font-size: 12px; font-weight: normal; background-color: #ebebeb;
	margin: 2px 0; padding: 3px; }
div#header-right h2,
div#header-right p,
div#header-right a { color: #666666; }
div#header-right p { float: right; text-align: right; padding-right: 6px; line-height: 16px; padding-top: 3px; }
div#header-right div#salesRepPic { float: left; margin: 2px 6px; width: 50px; height: 50px; }
div#header-right div#salesRepPicBorder { width: 50px; height: 50px; }
div#header-right div#salesRepPicBorder { background-image: url('../img/rep-border.gif'); }

/* mainmenu */
div#mainmenu { float: right; position: absolute; right: 5px; bottom: 3px; font-size: 12px }
div#mainmenu a { color: #666; display: block; float: left; padding-right: 12px; padding-top: 3px}

/* channelmenu */
div#channelmenu { clear: both; width: 100%; padding: 2px 0; border-bottom: 1px solid #999; z-index: 100; }
div#channelmenu div.channel { width: 193px; height: 65px; }
div#channelmenu div.channel > a { display: block; float: left; color: #333; padding-left: 8px; padding-right: 3px;
	font-size: 13px; line-height: 20px; padding-top: 10px; }
div#channelmenu div.channel > a img { vertical-align: bottom; }
div#channelmenu div.channel:hover { background-color: #efa532; cursor: pointer; }
div#channelmenu div.channel:hover > a { color: white; text-decoration: none; }
div#channelmenu div.channelBorder { display: block; float: left; width: 0; height: 44px;
	border-right: 1px solid #999; margin-top: 12px; margin-left: 2px; margin-right: 2px; } 
div#channelmenu ul.categoryMenu { display: none; position: absolute; top: 53px; left: -24px; background: white;
	border-top: 2px solid white; }
div#channelmenu ul.categoryMenu .brdr { border: 1px solid #999; padding: 4px 2px; }
div#channelmenu ul.categoryMenu li { position: relative; list-style: none; padding: 4px 12px; float: none;
	white-space: nowrap; }
div#channelmenu ul.categoryMenu li:hover { background-color: #ccc; }
div#channelmenu ul.categoryMenu a { color: black; }
div#channelmenu div#currentOrder { width: 187px; height: 65px;
	background: #9FA4A8 url('../img/channelmenu_currentorder_bg.gif') no-repeat; }
div#channelmenu div#currentOrder a { display: block; float: left; color: #333; padding-left: 8px; padding-right: 3px;
	font-size: 13px; line-height: 20px; padding-top: 10px; }
div#channelmenu div#currentOrder:hover a { color: white; text-decoration: none; }
div#channelmenu div#currentOrder:hover { cursor: pointer;
	background: #9FA4A8 url('../img/channelmenu_currentorder_hover_bg.gif') no-repeat; }

/* breadcrumb */
div#breadcrumb { clear: both; width: 100%; margin: 8px 0 10px 0; height: 18px; }
div#breadcrumb a { float: left; display: block; color: #999; line-height: 18px; padding: 0 16px 0 6px;
	font-size: 12px; background: url('../img/breadcrumb_div.gif') no-repeat top right; }
div#breadcrumb a.last { background: none; }

/* linkermenu (my account / catalog navigation) */
div.sidepanel a { color: black; }
div.sidepanel p { margin: 8px 10px; }
div.sidepanel ul { margin: 0; padding: 0; }
div.sidepanel ul li { list-style: none; margin: 0; padding: 0; }
div.sidepanel ul li a { display: block; border-bottom: 1px solid #999;
	line-height: 25px; font-size: 12px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
div.sidepanel ul li a:hover { text-decoration: none; background: #ccc; }
div.sidepanel ul ul { margin: 0; padding: 0; }
div.sidepanel ul ul { border-bottom: 1px solid #999; }
div.sidepanel ul ul li a { background: white; border-bottom: none; padding-left: 20px; }
div.sidepanel ul ul li a:hover { background: #ccc; }
div.sidepanel h1 { clear: both; height: 30px; line-height: 30px; background: #FFA41F url('../img/heading_bg.gif') no-repeat;
	padding-left: 10px; font-size: 10pt; font-weight: bold; margin: 0; color: white; }
div.sidepanel h1 a { color: white; }

/* contentcol specific */
div#contentcol .content { background: #E9E9E9; padding: 10px; width: 640px; margin-bottom: 16px }
div#contentcol_wide .content  { background: #E9E9E9; padding: 10px; width: 100%; margin-bottom: 16px }
div#contentcol .content.white { background: white }
div#contentcol .content .link a { text-decoration: underline }
div#contentcol .content .salesRepIntro { font-style: italic; display: block }

/* homepage */
div.channel_folder { width: 322px; padding-bottom: 15px; }
div.channel_folder.even { padding-left: 6px; }
div.channel_folder h2 { margin: 0; padding: 0 0 0 4px; font-size: 14px; }
div.channel_folder .img { width: 322px; height: 240px;
	background: url('../img/homepage_channel_bg.png') no-repeat; }
div.channel_folder img { padding: 5px; }
div.channel_folder .categories { margin: 5px; }
div.channel_folder .category { line-height: 25px; margin-left: 8px; padding-left: 20px; display: block; float: none;
	background: url('../img/category-arrow.png') no-repeat left 4px; }
div.channel_folder .category a { color: black; }
div.channel_folder .more_info { line-height: 25px; padding-left: 29px; padding-right: 15px;
	background: url('../img/more-arrow.png') no-repeat top right; }
div.channel_folder a:hover { text-decoration: none; }

div#home_slides { clear: both; position: relative; width: 650px; height: 270px; overflow: hidden; margin-bottom: 15px; }
div#home_slides div.slide { position: absolute; display: none; }
div#home_slides div.slidenums { color: black; position: absolute; right: 4px; top: 222px; }
div#home_slides div.slidenums a { display: block; float: left; margin-right: 3px; border: 1px solid #333;
	font-size: 10px; line-height: 11px; text-decoration: none; padding: 4px; }
div#home_slides div.slidenums a { color: #666; background-color: #ccc; }
div#home_slides div.slidenums a:hover,
div#home_slides div.slidenums a.active { color: black; background-color: white; }

/* notrax logo */
div#notraxLogo { position: absolute; top: 15px; left: 5px; }

/* langmenu */
div#langmenu { position: absolute; bottom: 35px; right: 5px; }
div#langmenu a { display: block; float: left; margin-left: 4px; }
div#langmenu img { width: 18px; }

/* naam van de ingelogde gebruiker */
div#header div#customername { float: right; }

/* global search */
div.search { background: url('../img/search-border.gif') no-repeat; width: 188px; }
div.search form { height: 25px; }
div.search input[type=text] { margin: 1px 2px; border: 0; height: 13px; width: 150px; color: #666; }
div.search input[type=image] { margin: 2px; padding: 2px; float: right; border: none; }

/* regel tbv het opnemen van een of meerdere (maximaal 4) productgroups in een overzicht */ 
div.productgrouprow { width: 660px; padding-bottom: 10px; }

/* container voor een productgroup */
div.productgroup_container { width: 160px; background-color: #999; margin-left: 7px; padding-bottom: 1px;
	font-size: 11px; background: url('../img/prod_background.gif') no-repeat; }
div.productgroup_ml_first { margin-left: 0; }
div.productgroup_ml_last { margin-left: 6px; }
div.productgroup_container .titel { width: 154px; height: 42px; overflow: hidden; }
div.productgroup_container a { color: black; }
div.productgroup_container .titel p { margin: 7px; }
div.productgroup_container .image { width: 152px; height: 152px; overflow: hidden; margin: 0 1px; }
div.productgroup_container .more_info { width: 154px; height: 22px; overflow: hidden; }
div.productgroup_container .more_info p { margin: 0 5px; line-height: 20px; vertical-align: middle; }

/* container voor de paginator */
div.paginator-wrapper { margin-top: 5px; padding-bottom: 10px; width: 660px;
	background: url('../img/paginator_bg.png') repeat-x 0 1px; height: 19px; } 
div.paginator { float: right; }
div.paginator div.page_selector_btn { width: 19px; height: 19px; border: 1px solid white; }
div.paginator div.page_selector { height: 19px; width: 19px; line-height: 19px; vertical-align: middle;
	text-align: center; background-color: white; color: #393939; border: 1px solid white; }
div.paginator div.page_selector.selected { border: 1px solid #393939; }
div.paginator div.page_selector a { color: #393939; text-decoration: none; }

/* linker deel van de kop (de titel van de pagina) */
div#contentcol div#kop_links { width: 554px; }
/* rechter deel van de kop (de back button) */
div#contentcol div#kop_rechts {	width: 100px; }	
div#contentcol div#kop_rechts .button { float: right; }	

/* product details */
div.product_details { width: 655px; padding-bottom: 15px; }
div.product_details a { color: black; }
div.product_details div.links { width: 335px; }
div.product_details div.rechts { float: right; width: 320px; }
div.product_details div.rechts .no_icon { display: block; float: none; margin: 4px 0 0px 0; }
div.product_details div.img_large { width: 318px; height: 318px; margin: 1px; }
div.product_details div.img_large_rand { width: 320px; height: 320px; margin: -1px;
	background: url('../img/kader.png') no-repeat; }
div.img_slideshow {	width: 310px; }
div.img_slideshow_rand { width: 56px; height: 56px; margin: 6px 6px 0 0;
	background: url('../img/kader-klein.png'); }
div.img_slideshow_rand div.img_slideshow_item { width: 54px; height: 54px; margin: 1px; background-color: white; text-align: center;}
div.product_details .sidepanel { background-color: white; }

/* Table styling */
table.noBorders th,
table.noBorders td { border: none }
table.w100 { width: 100% }
td.fieldname,
th.fieldname { text-align: right; padding-right: 20px }
table.details th,
table.details td { border: none; padding: 0; height: 20px }
table.details th { text-align: right }
table.details td { padding-left: 1em }
table.edit th,
table.edit td { border: none; padding: 0; height: 30px }
table.edit th { text-align: right }
table.edit td { padding-left: 1em }

/* Clickable items */
.clickable a,
.clickable a:hover { text-decoration: none }
.clickable { cursor: pointer; }

/* Default paginated list */
table.list { width: 100%; line-height: 16px; border: 1px solid white }
table.list th { text-align: left; }
table.list td { border: 1px solid white; background: #ebebeb }
table.list tr.first,
table.list th { background-color: #ccc; height: 25px; }
table.list tr.clickable:hover td { background: #ccc }
table.list a { color: black; }

/* Paginator */
div.paging_wrapper { clear: both; position: relative; display: inline; float: left; width: 100%; margin: 2px 0 }
div.paging { float: right; font-size: 11px; line-height: 18px }
div.paging div { float: left }
div.paging ul { margin: 0; padding-left: 6px }
div.paging li { display: inline; padding: 0 4px; line-height: 18px }
div.paging li.sel { background-color: gray; color: white }
div.paging li.disabled { color: gray; }
div.paging li a { border: none; text-decoration: none; color: black }

div.product_details div.icons { width: 330px; margin-top: 5px; padding-bottom: 5px; float: none; }
div.product_details div.icons img { margin: 0 5px 0 0; padding: 0; }
	
/* regel met een beschikbare kleur */
div.available_color { float: none; height: 20px; display: block; padding-bottom: 2px; padding-left: 4px; }
div.available_color div.color_description { width: 271px; line-height: 20px; vertical-align: middle; margin-right: 5px; }
div.available_color div.color_hex { width: 20px; height: 20px; overflow: hidden; }
div.available_color div.color_img { width: 40px; height: 20px; overflow: hidden; background-position: center center; }
div.available_color.active { background-color: #EFA532; }
div.available_color.active a { color: white; }
	
/* regel voor het opnemen van een testrapport of specificatie document */ 
div.document { float: none; display: block; width: 320px; }
div.document select { width: 100%; }
div.document div.icon_testrapport { width: 20px; height: 20px;
	background: url('../img/icons/page_white_star.png') no-repeat center left; }
div.document div.icon_specificatie { width: 20px; height: 20px;
	background-image: url('../img/icons/page_white_gear.png') no-repeat center left; }

/* opmaak van de table met daarin de producten die binnen de productgroup vallen */
table.producten { width: 100%; border: none; font-size: 9pt; }
table.producten tr,
table.producten th,
table.producten td { padding: 0; border: none; }	
table.producten tr.header { background: url('../img/subheader_large_bg.png') no-repeat; }
table.producten th { padding-left: 10px; height: 25px; text-align: left; }
table.producten td { padding: 2px 0 2px 10px; }
table.producten tr.oneven { background-color: #f0f0f0; }
table.producten tr.even { background-color: white; }

/* My Account */
div.shippingAddress { border: 1px solid gray; padding: 10px; margin: 0 10px 10px 0 }
/*div.pricelist { height: 500px; overflow: auto }*/
div.pricelist table { width: 100% }
div.pricelist table td,
div.pricelist table th { border-color: #999 }
div.pricelist h1 { font-size: 20px; background: none; padding: 0; border: none }
div.pricelist h2 { font-size: 16px; }
div.pricelist h3 { font-size: 12px; }
div.pricelist h1,
div.pricelist h2,
div.pricelist h3 { font-weight: bold; margin-top: 20px; }

/* Jquery dialog div */
div#dialog { float: none }

div.cm-download ul li { list-style: none }

.cart_hr {
	color: #666666; 
	margin: 0; 
	padding: 0;
}

div.buttonrow {
	width: 100%;
	margin-top: 10px;
	text-align: right;
}
tr.orderitem {
	border-top: 4px solid white;
}
tr.orderitem_comment td {
	background-color: #e6e6e6;
}

td.orderitem_comment_icon {
	padding-left: 20px;
	background: url('../img/icons/comment.png') no-repeat 1px 3px #e6e6e6 !important;
}

td.order_error {
	color: #ff3300;
}

.sidepanel table {
	margin: 10px;
}
/* buttonrow in een sidepanel netjes uitlijnen */
.sidepanel .buttonrow {
	margin: 0;
}
/* button van de rand houden binnen een sidepanel */
.sidepanel .buttonrow .button {
	margin-right: 10px;
	margin-bottom: 10px;
}

table.my_pricelist th {
	text-align: left;
	border-bottom: 1px solid black;
}

/* livehelp widget */
div.widget_livehelp { background-image: url('../img/livehelp.png'); width: 310px; height: 89px; }
div.widget_livehelp h2 { font-size: 26px; margin-bottom: 14px; }
div.widget_livehelp .button { margin-left: 13px; margin-top: 2px; }
div.widget_livehelp p { margin: 0 15px; width: 150px; color: #00406e; }

/* logomat request form widget */
div.widget_logomat_request { background-image: url('../img/logomat_request.png'); width: 310px; height: 89px; }
div.widget_logomat_request h2 { font-size: 18px; margin-bottom: 10px; margin-top: 12px; }
div.widget_logomat_request .button { margin-left: 13px; margin-top: 2px; }
div.widget_logomat_request p { margin: 0 0 0 15px; width: 180px; color: #003050; }
		
/* product highlight */
.widget_producthighlight { background-color: transparent; margin-bottom: 15px; }
.widget_producthighlight h2 { font-size: 26px; margin-bottom: 3px; }
.widget_producthighlight .product { display: block; width: 310px; height: 140px;
	background: url('../img/product-highlight.png'); margin-bottom: 10px; }
.widget_producthighlight .product .img { margin: 11px 0 0 11px; width: 118px; height: 118px; }
.widget_producthighlight .product .product2 { margin: 10px 0 0 10px; width: 164px; }
.widget_producthighlight .product .desc { overflow: hidden; width: 164px; height: 105px; }
.widget_producthighlight .product .desc h3 { font-size: 15px; margin-bottom: 10px; }
.widget_producthighlight .product .more_info { width: 154px; text-align: right;
	background: url('../img/more-arrow.png') no-repeat top right; padding-right: 10px; } 

/* container voor de icoontjes die gebruikt worden voor het filteren van de producten */
.widget_filterproperty { width: 100%; padding: 3px; }
.widget_filterproperty .bg_icon { width: 44px; height: 44px; margin: 3px; }
.widget_filterproperty .bg_noicon { width: 240px; height: 17px; margin: 6px 1px 1px 10px; cursor: pointer; }
.widget_filterproperty .bg_icon .icon { width: 40px; height: 40px; margin: 2px; }
.widget_filterproperty .bg_noicon .noicon { width: 240px; height: 17px; margin: 2px 0 0 26px; }
.widget_filterproperty .bg_noicon .noicon a:hover { text-decoration: none; }
.widget_filterproperty .bg_unset { background-image: url('../img/icon_fp/bg_unset.gif'); background-repeat: no-repeat; }
.widget_filterproperty .bg_noicon_unset { background-image: url('../img/icon_fp/bg_noicon_unset.gif'); background-repeat: no-repeat; }
.widget_filterproperty .bg_set { background-image: url('../img/icon_fp/bg_set.gif'); background-repeat: no-repeat; }
.widget_filterproperty .bg_noicon_set { background-image: url('../img/icon_fp/bg_noicon_set.gif'); background-repeat: no-repeat; }