/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary... */

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


body{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:  62.5%;
	background: url(../images/backgrounds/body.gif) #f2f2f2 50% 0 repeat-y;
}

#language-bar{
	font-size: 110%;
	width: 940px;
	padding: 5px 25px;
	background: #F2F2F2;
	margin: 0 auto;
	text-align: right;
	height: 13px;
}

#language-bar ul{
  float: right;
}

#language-bar li{
  float: left;
  margin-right: 10px;
}

#wrapper{
	font-size: 110%;
	width: 940px;
	padding: 20px 20px;
	background: #fff;
	margin: 0 auto;
}

a:hover{
	text-decoration: underline;
}

p{
	margin-bottom: 1em;
}

h2{
	clear: both;
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 110%;
}

p.intro{
	margin-top: 1em;	
	font-weight: bold;
}	

input.radio,
input.checkbox,
label.checkbox input {
  border: 0;
}

label.checkbox{
  vertical-align: middle;
  display: block;
  padding-left: 1.8em;
}

label.checkbox input{
  vertical-align: middle;
  margin-left: -1.8em;
  width: 1.5em;
}

.hidden{
  display: none;
}


/* ============= */
/* = Autoclear = */
/* ============= */

#nav-bar:after,
#main:after,
.products:after,
.wrapper:after,
.sale ul:after,
dl:after,
#steps:after,
.invoice-info:after,
#primary-nav .top:after,
form.price:after,
.translation_images:after{
	content: ".";
	visibility:  hidden;
	clear: both;
	display: block;
	height: 0px;
}

#extra-nav dl:after{
  clear: none;
}

/* ====================== */
/* = Service Navigation = */
/* ====================== */	

#logo{
	margin-left: 10px;
}

#logo-link{
  display: block;
}

#service-nav{
	margin-top: -50px;
	float: right;
}

#service-nav li,
#service-nav li a,
#footer li,
#footer li a{
	float: left;
	margin-right: 0.5em;
	color: #000;
	line-height: 17px;
	vertical-align: middle;
}

#service-nav li,
#service-nav li a{
	line-height: 45px;
	vertical-align: middle;
}
#service-nav li img{
	vertical-align: middle;
}

#footer li a,
#breadcrumb a{
	text-decoration: underline;
}

a.basket{
	font-weight: bold;
	padding-left: 28px;
	background: url(../images/basket.gif) 0 50% no-repeat;
}

#service-nav a.important{
  font-weight: bold;
}

/* =============== */
/* = Primary nav = */
/* =============== */

#primary-nav.one-bar {
  height: 2em;
}
#primary-nav.one-bar ul {
  top: 0;
}
  
#primary-nav{
  position: relative;
  margin-left: 10px;
  margin-top: 22px;
  height: 5em;
}

#primary-nav ul {  
  position: absolute; 
  z-index: 10;
  top: 3.0em;
}

#primary-nav ul li{
  z-index: 10;
  float: left;
  background: url(../images/menu/bottom.gif) bottom left repeat-x;
  margin-right: 4px;
	font-weight: bold;  
  padding-bottom: 1px; 
}
#primary-nav ul.top li a span{
  padding-bottom: 2.8em;
}

#primary-nav ul.top{
  position: relative;
  z-index: 9;
  top: 0em;
  left: 20px;
}
#primary-nav ul.top li{
  position: relative;
  z-index: 8;
  top: 0.5em;
  margin-right: 2px;
}

#primary-nav a{
  float: left;
  color: #fff;
  font-weight: bold;
  z-index:50;
}

#primary-nav a:hover{
	text-decoration: none;
}

#primary-nav a span{  
  float: left;
  padding: 5px 3px 0.3em 9px;
  margin-right: 7px;
  cursor: pointer;
}

/* Make home tab a bit bigger */
#primary-nav #mHome a span{  
  padding-left: 18px;
  padding-right: 11px;
}

/* default tab */
#primary-nav li a{
  background: url(../images/menu/right.png) top right no-repeat;
}
#primary-nav li a span{
  background: url(../images/menu/left.png) top left no-repeat;
}

#home #primary-nav #mHome a,              #primary-nav #mHome a:hover{        background-position: right -100px; }
#teal #primary-nav #mTeal a,              #primary-nav #mTeal a:hover{        background-position: right -200px; }
#ivy #primary-nav #mIvy a,                #primary-nav #mIvy a:hover{         background-position: right -300px; }
#grass #primary-nav #mGrass a,            #primary-nav #mGrass a:hover{       background-position: right -400px; }
#yellow #primary-nav #mYellow a,          #primary-nav #mYellow a:hover{      background-position: right -500px; }
#orange #primary-nav #mOrange a,          #primary-nav #mOrange a:hover{      background-position: right -600px; }
#red #primary-nav #mRed a,                #primary-nav #mRed a:hover{         background-position: right -700px; }
#maroon #primary-nav #mMaroon a,          #primary-nav #mMaroon a:hover{      background-position: right -800px; }
#violet #primary-nav #mViolet a,          #primary-nav #mViolet a:hover{      background-position: right -900px; }
#purple #primary-nav #mPurple a,          #primary-nav #mPurple a:hover{      background-position: right -1000px; }
#darkblue #primary-nav #mDarkblue a,      #primary-nav #mDarkblue a:hover{    background-position: right -1100px; }
#navy #primary-nav #mNavy a,              #primary-nav #mNavy a:hover{        background-position: right -1200px; }
#magenta #primary-nav #mMagenta a,        #primary-nav #mMagenta a:hover{     background-position: right -1300px; }
#pureorange #primary-nav #mPureorange a,  #primary-nav #mPureorange a:hover{  background-position: right -1400px; }

#home #primary-nav #mHome a span,             #primary-nav #mHome a:hover span{       background-position: left -100px; }
#teal #primary-nav #mTeal a span,             #primary-nav #mTeal a:hover span{       background-position: left -200px; }
#ivy #primary-nav #mIvy a span,               #primary-nav #mIvy a:hover span{        background-position: left -300px; }
#grass #primary-nav #mGrass a span,           #primary-nav #mGrass a:hover span{      background-position: left -400px; }
#yellow #primary-nav #mYellow a span,         #primary-nav #mYellow a:hover span{     background-position: left -500px; }
#orange #primary-nav #mOrange a span,         #primary-nav #mOrange a:hover span{     background-position: left -600px; }
#red #primary-nav #mRed a span,               #primary-nav #mRed a:hover span{        background-position: left -700px; }
#maroon #primary-nav #mMaroon a span,         #primary-nav #mMaroon a:hover span{     background-position: left -800px; }
#violet #primary-nav #mViolet a span,         #primary-nav #mViolet a:hover span{     background-position: left -900px; }
#purple #primary-nav #mPurple a span,         #primary-nav #mPurple a:hover span{     background-position: left -1000px; }
#darkblue #primary-nav #mDarkblue a span,     #primary-nav #mDarkblue a:hover span{   background-position: left -1100px; }
#navy #primary-nav #mNavy a span,             #primary-nav #mNavy a:hover span{       background-position: left -1200px; }
#magenta #primary-nav #mMagenta a span,       #primary-nav #mMagenta a:hover span{    background-position: left -1300px; }
#pureorange #primary-nav #mPureorange a span, #primary-nav #mPureorange a:hover span{ background-position: left -1400px; }

#home #primary-nav #mHome,
#teal #primary-nav #mTeal,
#ivy #primary-nav #mIvy,
#grass #primary-nav #mGrass,
#yellow #primary-nav #mYellow,
#orange #primary-nav #mOrange,
#red #primary-nav #mRed,
#maroon #primary-nav #mMaroon,
#violet #primary-nav #mViolet,
#purple #primary-nav #mPurple,
#darkblue #primary-nav #mDarkblue,
#navy #primary-nav #mNavy,
#magenta #primary-nav #mMagenta,
#pureorange #primary-nav #mPureorange{
  top: -0.5em;
  position: relative;
  background-image: none;
  padding-top: 1px;
  padding-bottom: 0; 
}
#home #primary-nav #mHome a span,
#teal #primary-nav #mTeal a span,
#ivy #primary-nav #mIvy a span,
#grass #primary-nav #mGrass a span,
#yellow #primary-nav #mYellow a span,
#orange #primary-nav #mOrange a span,
#red #primary-nav #mRed a span,
#maroon #primary-nav #mMaroon a span,
#violet #primary-nav #mViolet a span,
#purple #primary-nav #mPurple a span,
#darkblue #primary-nav #mDarkblue a span,
#navy #primary-nav #mNavy a span,
#magenta #primary-nav #mMagenta a span,
#pureorange #primary-nav #mPureorange a span{
  padding-bottom: 0.775em;   /* weird value due to differences in calculations by IE and FF */
}
#home #primary-nav ul.top #mHome,
#teal #primary-nav ul.top #mTeal,
#ivy #primary-nav ul.top #mIvy,
#grass #primary-nav ul.top #mGrass,
#yellow #primary-nav ul.top #mYellow,
#orange #primary-nav ul.top #mOrange,
#red #primary-nav ul.top #mRed,
#maroon #primary-nav ul.top #mMaroon,
#violet #primary-nav ul.top #mViolet,
#purple #primary-nav ul.top #mPurple,
#darkblue #primary-nav ul.top #mDarkblue,
#navy #primary-nav ul.top #mNavy,
#magenta #primary-nav ul.top #mMagenta,
#pureorange #primary-nav ul.top #mPureorange{
  top: 0;
}
#home #primary-nav ul.top #mHome a span,
#teal #primary-nav ul.top #mTeal a span,
#ivy #primary-nav ul.top #mIvy a span,
#grass #primary-nav ul.top #mGrass a span,
#yellow #primary-nav ul.top #mYellow a span,
#orange #primary-nav ul.top #mOrange a span,
#red #primary-nav ul.top #mRed a span,
#maroon #primary-nav ul.top #mMaroon a span,
#violet #primary-nav ul.top #mViolet a span,
#purple #primary-nav ul.top #mPurple a span,
#darkblue #primary-nav ul.top #mDarkblue a span,
#navy #primary-nav ul.top #mNavy a span,
#magenta #primary-nav ul.top #mMagenta a span,
#pureorange #primary-nav ul.top #mPureorange a span{
   padding-bottom: 3.28em;  /* weird value due to differences in calculations by IE and FF */
}

/* =========== */
/* = Tab bar = */
/* =========== */

#nav-bar{
	font-size: 90%;
	color: #fff;
	clear: both;
	background: url(../images/backgrounds/search-bar-t.png) 0 0 no-repeat;
}
#nav-bar .wrapper{
	padding: 5px 15px;	
	background: url(../images/backgrounds/search-bar-b.png) 0 100% no-repeat;	
}

#search-bar{
	margin-left: 510px
}

#search-bar input{
	padding: 0 3px;
}

#search-bar input,
#search-bar select{
	width: 150px;
}

#search-bar .button{
	vertical-align: bottom;
	width: auto;
	height: auto;
}

/* ============== */
/* = Breadcrumb = */
/* ============== */

#breadcrumb{
	width: 45%;
	float: left;
	line-height: 18px;
	vertical-align: middle;
}

#breadcrumb a,
#breadcrumb span{
	color: #fff;
	font-weight: bold;
}


/* ======== */
/* = Main = */
/* ======== */

#main{
	margin-top: 10px;
	background: url(../images/backgrounds/main.gif) 0 0 repeat-y;
}

/* =============== */
/* = Left-column = */
/* =============== */

#left-column,
#menu-column{
	width: 160px;
	font-size: 90%;
}

#menu-column dt{
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}

#menu-column dt.top{
	background-image: url(../images/backgrounds/left-column-top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#menu-column dd{
	font-weight: bold;
	margin: 15px;
}
#menu-column dd p{
  font-weight: normal;
}

#menu-column li{
	margin-top: 0.2em;
}

#menu-column dd a{
	color: #000;
}

#menu-column dd a.more{
	display: block;
	text-align: right;
	margin-top: 0.5em;
}

/* =========== */
/* = Content = */
/* =========== */

#maincontent{
	float: right;
	width: 760px;
}

#content{
	float: right;
	width: 760px;
}

#maincontent #content{
	width: 580px;
}

/* ============================= */
/* = Product list with filters = */
/* ============================= */

#filters{
  float: left;
  width: 175px;
  padding-left: 11px;
/*  padding-left: 15px;  */
}

#product-list{
  float: left;
  width: 570px;
}

#product-list table.products{
  width: 570px;
}

#product-list #product-nav{
 background-image: url(../images/backgrounds/filter-product-nav-top.gif);  
}

#product-list #product-nav .wrapper{
  background-image: url(../images/backgrounds/filter-product-nav-bottom.gif);
}

#filters strong.head{
  background-image: url(../images/backgrounds/filter-column-top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #888;
	display: block;
  color:#fff;
  font-weight:bold;
  padding:5px 10px;	
}

#filters dl.filter dt{
  background-color: #ddd;
  padding: 3px 5px;
  font-weight: bold;
  border-top: 2px solid #fff;
  float: none;
  width: auto;
  display: block;
  margin: 0;
}

dl.filter dd{
  margin: 0;
  background-color: #F2F2F2;
  padding: 5px 5px 5px 5px;
}

dl.filter dd select{
  margin: 2px 0;
  margin-bottom: 10px;
}


#filters dl.filter ul li {
  padding: 2px 0;
}

#filters dl.filter.active ul li{
  padding-left: 20px;
  background: url(../images/icons/filter-active.gif) transparent 0 50% no-repeat;
  width: 145px;
  overflow: hidden;
}

dl.filter.disabled{
  color: #999;
}

dl.filter a.edit{
  display: block;
  text-align: right;
}

dl.filter input.button{
  width: auto;
  border: none;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer{
	font-size: 90%;
	padding-top: 5px;
	margin-top: 10px;
	border-top: 2px solid;
}

#footer ul{
	float: right;
}

#footer li{
	float: left;
}


/* ============ */
/* = Products = */
/* ============ */


table.products{
	border-collapse: collapse;
	table-layout: fixed;
	width: 760px;
}		
table.alternative{
	width: 405px;
}


.products td,
.products th{
	font-weight: normal;
	width: 137px;
	padding-right: 7px;
	padding-top: 15px;
}

.alternative td,
.alternative th{
	width: 120px;
}

.prices td input.button{
	width: 122px; 
	margin: 0	
}

.prices td{
	padding-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid;
	border-color: inherit;
}

.products img.price,
.sale img.price{
	position: absolute;
	top: 28px;
	left: 108px;
}

.products li,
.sale li{
	width: 160px;
	margin: 0 10px;
	float: left;
	position: relative;
}

.products li.last{
	margin-right: 0;
}

.products a{
	color: #646566;
}
.products strong a,
.sale a strong,
.invoice-info strong{
	display: block;
}

.products li img,
.products li a.image,
.sale li a.image{
	display: block;
}
.products li a.image,
.sale li a.image{
	width: 160px;
	height: 72px;
	margin-bottom: 5px;
}

.products th div{
  position: relative;
}
.products th div img.price{
  left: 77px;
}

#product-nav{
	background: url(../images/backgrounds/product-nav-top.gif) #000 0 0 no-repeat;
	color: #fff;
	line-height: 23px;
	vertical-align: middle;
	font-size: 90%;
	margin-bottom: 15px;
}

#product-nav .wrapper{
	background: url(../images/backgrounds/product-nav-bottom.gif) 0 100% no-repeat;
	padding: 2px 15px;
}

#product-nav .sort{
	float: right;
}

#product-nav select{
  vertical-align: middle;
}

span.price{
	display:block;
	text-align: right;
	background: #f2f2f2;
	padding: 2px 5px;
	font-weight: bold;
	margin-top: 5px;
}
#pagination-nav .pagination{
	float: right;
}

.products{
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;	
	border-bottom: 1px solid;		
}

#home .products{
	padding: 15px 0 0 0;
	margin: 15px 0 0 0 ;	
	border-top: 1px solid;	
	border-bottom: none;
}

#content .foot-note{
  padding: 0 0 15px 10px;
  margin-top: -10px;
  margin-bottom: 0; 
  color: #646566;
  font-size: 90%;
}

#home #content .foot-note{
  padding: 15px 0 0 10px;
  margin-bottom: 0; 
  color: #646566;
  font-size: 90%;
}

.product-group-text-field{
  padding: 5px 0 1em 0;
  overflow-x: hidden;
}

/* ============== */
/* = Pagination = */
/* ============== */

.pagination .disabled{
  color: #999;
}

.pagination .current{
  font-weight: bold;
}


/* ======== */
/* = Sale = */
/* ======== */

.sale,.advanced-search{
	width: 760px;
	background: url(../images/backgrounds/sale-top.gif) 0 0 no-repeat;
	background-color: #000;
	padding: 5px 0 0 0;
	margin: 15px 0;
	border: 0;
}
.sale ul,
.advanced-search .wrapper{
	background: url(../images/backgrounds/sale-bottom.gif) 0 100% no-repeat;
	padding: 10px 15px 15px 15px;
	margin: 0;
}

.advanced-search h2{
	margin-top: 0;
}

.sale li a.image{
	margin-top: 1em;
}
.sale img.price{
	top: 55px;
	left: 100px;
}

.sale a.more{
	display: block;
	background: url(../images/buttons/nl/meer-info.gif) 0 0 no-repeat;
	text-indent: -100000px;
	overflow: hidden;
	width: 65px;
	height: 14px;
}

/* ======== */
/* = Info = */
/* ======== */

#home .info{
	border: 0;
	margin: 25px 0 0 0;	
	padding: 0;
	background: url(../images/backgrounds/info-bottom.gif) 0 100% no-repeat;
}
#home .info .wrapper{
	padding: 15px;	
	background: url(../images/backgrounds/info-top.gif) 0 0 no-repeat;	
}

.list{
	float: left;
	width: 160px;
	margin-right: 15px;
}
.last.list {
    margin-right: 0;
    width: 175px;
}

#home .info a{
	color: #646566;
}

/* ================== */
/* = Flash messages = */
/* ================== */

div.info,div.error,div.success{
	margin: 0 0 15px 0;	
	padding: 10px 15px;	
	background: url(../images/backgrounds/info.gif) #9ad7f1 0 0 repeat-x;		
	border: 1px solid #009CDD;	
}

div.error{
	font-weight: bold;
	background: url(../images/backgrounds/error.gif) #950a0e 0 0 repeat-x;
	border: 1px solid #9f0000;	
	color: #fff;
}

div.success{
	background: url(../images/backgrounds/success.gif) #9dd90a 0 0 repeat-x;		
	border: 1px solid #009c00;		
}

/* ================ */
/* = Product page = */
/* ================ */


.basket-nav{
	border: 1px solid #009CDD;	
	padding: 10px 15px;	
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	background: url(../images/backgrounds/basket-nav.gif) #9ad7f1 0 0 repeat-x;	
	margin-bottom: 1em;
}

.basket-nav img{
	margin: 3px 0 ;
}

.product #content,
.checkout #content{
	float: left;
	width: 585px;
	width: 755px;
}
.product #middle-column{
	margin-right: 6px;
	float: right;
}
.checkout #right-column{
	margin-left: 770px;	
}

.product #right-column{
	margin-left: 595px;
}

.product #uploads{
  margin-bottom: 1em;
}

.product #uploads li{
  line-height: 20px;
  padding-left: 20px;  
  background: transparent url(/images/icons/page_white_acrobat.png) no-repeat scroll 0pt;
}

.product #terugbellen dd input {
  width: 135px;
}

.product #productvraag{
  border-bottom: 1px solid #E1E8F5;
  margin-bottom: 20px;
}


.product-description ul{
	list-style: outside disc;
	margin-left: 1.5em;
	margin-bottom: 1em;	
}

.product-description{
	margin-bottom: 1em;
}

#main .product-properties dt{
  background: transparent;
  font-weight: bold;
  float: left;
  margin-right: 0.5em;
}

#main .product-properties{
  height: auto;
  margin-bottom: 1em;
}

.translation_images{
  margin-bottom: 0.5em;
}
.translation_images li{
  float: left;
  margin-right: 5px;
}

.checkout #wrapper #main{
	background: none;
}

.profile h1,
.product h1,
.checkout h1{
	font-size: 200%;
	margin-bottom: 0.5em;
}
	
#main dl.productinfo dt{
	background: none;
	font-weight: bold;
	margin-right: 0.5em;
	float: left;
	clear: left;
	margin-bottom: 0.3em;
}
#main dl.productinfo dd{
	margin-bottom: 0.3em;
}

div.price,
form.price,
span.price{
	padding: 4px 4px 4px 10px;
	background: #f2f2f2;
	font-size: 90%;
	margin-bottom: 1em;
}


#main form.price h2{
	margin-top: 0;
	color: #000;
}

form.price dl dt{
	width: 5em;
	font-weight: normal;
}
form.price dl dt label{
	font-weight: normal;	
}

form.price dl dd input{
	float: none;
	width: 220px;
}

form.price dd.print input{
	margin-bottom: 3px;
}

form.price .price{
	padding: 0;
	clear: both;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid;
	font-size: 100%;
	background: none;
}

form.price.order-buttons{
  margin-bottom: 2em;
}

#preview{
	width: 240px;
	padding: 5px;
	margin: 5px 0;
	clear: both;
	float: right;
	border: 1px solid #999;
	background: #fff;
}


form.price{
	margin-bottom: 0;
}
p.tax{
	margin-top: 0.2em;
	margin-right: 5px;
	text-align: right;
	margin-bottom: 1em;
	font-size: 90%;
	color: #666;
}

form.price strong{
	margin-bottom: 0;
}

form.sale p,
p.offer{
	color: #C0111F;
	margin-bottom: 0.5em;
	font-weight: bold;
	width: 100%;
}

form.sale{
	width: auto;
	background: url(../images/backgrounds/sale.gif) #bf111f 0 0 repeat-x;
	color: #FFC0C8;
	margin-top: 0;
}

#main form.sale h2{
	color: #fff;
}

form.sale input{
	margin-top: 4px;
}

form.sale strong.offer,
#main form.sale strong.offer em{
	color: #fff;						
}

form.price input.normal{
	float: none;
}
.price input,
.price a.button{
	float: right;
}


.price strong{
	display: block;
	font-size: 120%;
	margin-bottom: 1em;
}

.price strong em{
	font-style: normal;
}

.order-buttons{
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
}
.order-buttons #order_immediately{
 float: right; 
}
.order-buttons #add_to_cart{
 float: left;  
}

.info h2{
	margin-top: 0;
}


#product-image{
	border: 1px solid;
	padding: 10px;
}

.thumbs a{
	width: 45px;
	border: 1px solid;
	padding: 2px;
	margin: 3px 3px 0 0;
	float: left;
}
.thumbs a.nomargin{
	margin-right: 0;
}


#middle-column{
	width: 411px;
	float: left;
}
#right-column{
	margin-left: 420px;
}

			
.alternative{
	margin: 15px 0;
	padding: 15px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.alternative li{
	width: 125px;
	margin-left: 0;
	margin-top: 10px;
}

.alternative li a{
	color: #000;
}

.alternative li .price{
	color: #646566;
}

.alternative li a.image{
	width: 120px;
	height: 50px;
	overflow: hidden;
}

#main form dl dt{
	float: left;
	width: 160px;
	background: none;
	font-weight: bold;
}

form dl dd{
	margin-left: 170px;
	margin-bottom: 0.3em;
}

#extra-nav form dl dd{
  margin-left: 0;
}

#main #extra-nav form dl dt{
  width: auto;
  display: block;
  float: none;
}
					
dl input,
textarea,
#order_own_reference{
	width: 100%;
	border: 1px solid #646566;
}
dl input{
	width: 80%;
}

.submit{
	text-align: right;
}


/* ========== */
/* = Basket = */
/* ========== */

.checkout h1,
.profile h1,
#main .full h2,
.checkout #main em,
.checkout #main h2{
	color: #0C558F;
}

table.basket{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

.basket thead th{
	font-size: 110%;
	border-bottom: 2px solid #009BCE;
}

.basket thead th,
.basket td.price{
	color: #656668;
	
}

th.amount{
	width: 75px;
}
th.price{
	width: 100px;
}
th.total{
	width: 100px;
}
td input{
	width: 70px;
}
td input.button{
	width: auto;
}

.basket td,
.basket th{
	text-align: right;
	padding: 5px;
	padding-right: 10px;
}

.basket th.product,
.basket tbody th{
	padding-left: 0;
	text-align: left;
}

.basket tbody th input{
	margin-top: 5px;
}

.basket tbody th,
.basket tbody td{
	border-bottom: 1px solid #c0e6f3;
}	

.basket tr.spacer td{
	height: 10px;
	padding: 0;
}					

.basket td.note{
	text-align: left;
	vertical-align: top;
	padding-left: 0;
	padding-top: 0;
}

.basket td.note h2{
	margin-top: 0;
	font-size: 120%;
}
.basket td.note strong{
	display: inline;
	font-size: 100%;
}

.basket td input.button{
	margin-top: 3px;
}

tfoot td{
	font-size: 80%;
}

.basket tfoot td,
.basket tfoot th{
	padding-top: 10px;
	padding-bottom: 10px;
}

tfoot td strong{
	display: block;
	font-size: 120%;
}

tfoot td a{
	display: block;
	font-weight: bold;
}


.tl{ background: url(../images/backgrounds/corner-tl.gif) 0 0; }
.tr{ background: url(../images/backgrounds/corner-tr.gif) 100% 0; }
.bl{ background: url(../images/backgrounds/corner-bl.gif) 0 100%; }
.br{ background: url(../images/backgrounds/corner-br.gif) 100% 100%; }

.mid,
.tl,
.tr,
.bl,
.br{
	background-color: #f2efe8;
	background-repeat: no-repeat;
}			

.total td,
.total th{
	padding-top: 10px;
	font-size: 120%;
}

.total td{
	text-transform: uppercase;
	font-weight: bold;
	color: #0C558F;
}

/* ===================== */
/* = Basket navigation = */
/* ===================== */

.basket-nav{
	padding: 10px;
}
.basket-nav table{
	width: 140px;
	margin-bottom: 5px;
	border-collapse: collapse;
}
.basket-nav th,
.basket-nav td{
	font-weight: normal;
	font-size: 90%;
	padding: 0;						
}
.basket-nav td{
	text-align: right;
}					

.basket-nav strong{
	display: block;
}

#main .basket-nav h2{
	text-align: left;
	clear:none;
	margin-top:0;
	color: #0C558F;
}

/* ========= */
/* = Steps = */
/* ========= */
			
#steps{
	background: url(../images/backgrounds/steps.gif) #E5F5FA 0 0 no-repeat;
	height: 22px;
	padding: 0px 8px;
	margin-bottom: 15px;
}
			
#steps li{
	float: left;
	width: 20%;
	text-align: center;
	background: url(../images/backgrounds/step-arrow.gif)  100% 50% no-repeat;
	font-weight: bold;
	font-size: 80%;
	color: #009BCE;
	line-height: 22px;
	vertical-align: middle;
}

#steps li a{
	color: #000;
}

.step1 #step1,
.step2 #step2,
.step3 #step3,
.step4 #step4,
.step5 #step5{
	background: url(../images/backgrounds/step-arrow-active.gif) #d5ad1c 100% 0% no-repeat;						
	color: #725f16;
}

.step1 #steps{
	background: url(../images/backgrounds/steps-active-left.gif) #E5F5FA 0 0 no-repeat;	
}

.step5 #steps{
	background: url(../images/backgrounds/steps-active-right.gif) #E5F5FA 0 0 no-repeat;		
}

.step5 #steps #step5{
	background: url(../images/backgrounds/step-arrow-active.gif) #d5ad1c 0% 0% no-repeat;						
}
#steps #step5{
	background-image: none;
}

.full{
	clear: both;
	background: url(../images/backgrounds/search-bar-t.gif) #E5F5FA 0 0 no-repeat;
}
.full .wrapper{
	padding: 15px;
	background: url(../images/backgrounds/search-bar-b.gif) 0 100% no-repeat;						
}

.full h2{
	margin-top: 0;
	font-size: 130%;
}

.line{
	border-bottom: 1px solid #009BCE;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.step1 form div.submit{
	width: 370px;
}

.step1 #invoice_address,
.step2 #invoice_address {
  margin-top: 15px;
}

.step1 table.address,
.step2 table.address {
  width: 100%;
}
.step1 table.address td,
.step2 table.address td {
  width: 50%;
}
.step1 table.address td input,
.step2 table.address td input {
  width: 210px;
}
.step1 table.address td input.street,
.step2 table.address td input.street {
  width: 150px;
}
.step1 table.address td input.house_number,
.step2 table.address td input.house_number {
  width: 57px;
}
.step1 table.address td input.radio,
.step1 table.address td input.checkbox,
.step2 table.address td input.radio,
.step2 table.address td input.checkbox {
  width: auto;
}


.step2 form dl{
	width: 373px;
	margin-bottom: 15px;
}
.step2 form dl span{
	font-size: 80%;
}

#main form dl dt{
	padding-top: 2px;
}

#main form dl dd.error{
	color: #C0111F;
	margin-bottom: 0.5em;
}
#main form dl dd.error input{
	border: 1px solid #f00;
}


form h3{
	margin-bottom: 0.5em ;
}

.checkout input.radio{
	width: auto;
	display: inline;
}

.checkout dd input{
	width: 225px;	
}
.checkout dt label{
	font-weight: normal;
}

.checkout .submit{
  margin-bottom: 2em;
}

a.extra{
	font-size: 80%;
}

/* ====== */
/* = Ad = */
/* ====== */

div.ad{
	margin-top: 1em;
	background: url(../images/backgrounds/ad-bottom.gif) 0 100% no-repeat;
	padding-bottom: 5px;
	font-weight: bold;								
}

div.ad span.ad,
div.ad a.ad{
	padding: 15px;
	background: url(../images/backgrounds/ad-top.gif) 0 0 no-repeat;				
	min-height: 90px;
	height: auto !important;
	height: 90px;
	display: block;
	color: #000;
	position: relative;
}

div.ad a.ad:hover{
	text-decoration: none;
}

.ad strong{
	font-size: 150%;
	display: block;
	color: #C0111F;
	margin-bottom: 0.5em;
	text-align: center;
}
.ad span{
	font-size: 120%;
	display: block;
	text-align: center;
}

.ad span.small {
	margin-top: 10px;
        font-size: 75%;
	font-weight: normal;
}
.ad .button{
	float: left;
	margin-right: 15px;
	margin-top: -5px;
}

.banner {
  margin-top: 10px;
}

/* =================== */
/* = Payment options = */
/* =================== */

label.option{
	width: 70%;
	display: block;
	background: #fff;
	padding: 15px;
	margin-bottom: 10px;
}
label.option strong{
	display: block;
	font-size: 120%;
}
label.option input{
	float: left;
}

label.option span{
	display: block;
	margin-left: 100px;
}

label.option.ideal{
	background: url(../images/ideal.gif) #fff 55px 15px no-repeat;
}
label.option.mastercard{
	background: url(../images/mastercard.gif) #fff 55px 15px no-repeat;
}
label.option.visa{
	background: url(../images/visa.gif) #fff 55px 15px no-repeat;
}
label.option.americanexpress{
	background: url(../images/americanexpress.gif) #fff 55px 15px no-repeat;
}
label.option.mistercash{
	background: url(../images/mistercash.gif) #fff 55px 15px no-repeat;
}
label.option.pin_contant{
	background: url(../images/pin.gif) #fff 55px 15px no-repeat;
}
label.option.giropay{
	background: url(../images/giropay.jpg) #fff 55px 15px no-repeat;
}
label.option.directbanking{
	background: url(../images/directbanking.jpg) #fff 55px 15px no-repeat;
}
label.option.paypal{
	background: url(../images/paypal.gif) #fff 55px 15px no-repeat;
}
#main label.option em{
	color: #0C558F;
	font-weight: bold;
	font-style: normal;
	display: block;
	text-align: right;
}

/* ================ */
/* = Invoice info = */
/* ================ */

.invoice-info{
	background: url(../images/backgrounds/invoice-info-bottom.gif) 0 100% no-repeat;
	margin-bottom: 30px;
	margin-top: 20px;
}

.invoice-info .wrapper{
	background: url(../images/backgrounds/invoice-info-top.gif) 0 0 no-repeat;												
}

.invoice-info h2{
	clear: none;
	margin-top: 0;
	margin-bottom: 1em;
}

.invoice-info .left{
	float: left;
	width: 344px;
	width: 434px;
	padding: 15px;
}

.invoice-info .left table {
  width: 100%;
}
.invoice-info .left table td {
  width: 50%;
}

.invoice-info address{
  margin-bottom: 1em;
}

.invoice-info .right{
	padding: 15px;
	margin-left: 388px;
	margin-left: 478px;	
}

.invoice-info a{
	display: block;
	text-align: right;
}
.invoice-info p a{
	display: inline;
	text-align: left;
}

/* ============= */
/* = Extra-nav = */
/* ============= */

#extra-nav{
	background: url(../images/backgrounds/extra-nav-top.gif) 0 0 no-repeat;						
	padding-top: 1px;
}
#extra-nav .bg{
	background: url(../images/backgrounds/extra-nav-bottom.gif) 0 100% no-repeat;						
	margin-top: 12px;		
	padding: 12px 5px;
	padding-top: 0;		
}
#extra-nav ul{
	list-style: disc outside;		
}

#extra-nav li{
	margin-left: 1em;
	margin-bottom: 0.5em;
}

#extra-nav ul.links li a{
	color: #000;
	font-weight: bold;
}

#extra-nav h2{
  clear: none;
}

#extra-nav div div{
  padding: 0 5px;
  border-bottom: 1px solid;
}
#extra-nav div div.submit{
  border-bottom: 0;
}
#extra-nav div div.error{
  padding: 5px 10px;
  border-bottom: 1px solid #9F0000;
}
#extra-nav div div.success{
  padding: 5px 10px;
  border-bottom: 1px solid #009C00;
}

#extra-nav div div.last{
  border-bottom: 0;
}

/* ========== */
/* = Colors = */
/* ========== */

.noborder{
	border: none;
}

/* Full colors */
#home .bg,#home dt, #home .sale a.more, #home #nav-bar, .home{ background-color: #019cde; }
#teal .bg, #teal .sale a.more, #teal dt, #teal #nav-bar, .brievenbussen{ background-color: #006265; }
#ivy .bg, #ivy .sale a.more, #ivy dt, #ivy #nav-bar, .kapstokken{ background-color: #578930; }
#grass .bg, #grass .sale a.more, #grass dt, #grass #nav-bar, .deurkruk{ background-color: #a2bd30; }
#yellow .bg, #yellow .sale a.more, #yellow dt, #yellow #nav-bar, .afvalbakken{ background-color: #edc201; }
#orange .bg, #orange .sale a.more, #orange dt, #orange #nav-bar, .asbakken{ background-color: #db931a; }
#red .bg, #red .sale a.more, #red dt, #red #nav-bar, .emailleborden{ background-color: #c1001f; }
#maroon .bg, #maroon .sale a.more, #maroon dt, #maroon #nav-bar, .badkameraccessoires{ background-color: #a11925; }
#violet .bg, #violet .sale a.more, #violet dt, #violet #nav-bar, .huisnummers{ background-color: #a10078; }
#purple .bg, #purple .sale a.more, #purple dt, #purple #nav-bar { background-color: #62008D; }
#darkblue .bg, #darkblue .sale a.more, #darkblue dt, #darkblue #nav-bar { background-color: #005e9a; }
#navy .bg, #navy .sale a.more, #navy dt, #navy #nav-bar { background-color: #0072bc; }
#magenta .bg, #magenta .sale a.more, #magenta dt, #magenta #nav-bar { background-color: #ec008c; }
#pureorange .bg, #pureorange .sale a.more, #pureorange dt, #pureorange #nav-bar { background-color: #f05125; }

#extracolor{ background-color: #a20078; }

/* Light bg */
#home .lighbg{ background-color: #C7E3F5 }
#teal .lightbg{ background-color: #80B0B1;}
#ivy .lightbg{ background-color: #ABC398;}
#grass .lightbg{ background-color: #A2BD30;}
#yellow .lightbg{ background-color: #F6E080;}
#orange .lightbg{ background-color: #DC931A;}
#red .lightbg{ background-color: #E0808F;}
#maroon .lightbg{ background-color: #D08C92;}
#violet .lightbg{ background-color: #C152AA;}
#purple .lightbg{ background-color: #F0E5F3;}
#darkblue .lightbg{ background-color: #e0eef8;}
#navy .lightbg{ background-color: #e1e8f5;}
#magenta .lightbg{ background-color: #fae3ed;}
#pureorange .lightbg{ background-color: #fee7e0;}



/*
#home
#teal
#ivy
#grass
#yellow
#orange
#red
#maroon

*/

/* Fade colors */
#home #main{ background-color: #e6f5fc;}
#teal #main{ background-color: #E5EFEF;}
#ivy #main{ background-color: #EEF3EA;}
#grass #main{ background-color: #F6F8EA;}
#yellow #main{ background-color: #FDF9E5;}
#orange #main{ background-color: #FBF4E8;}
#red #main{ background-color: #F9E5E9;}
#maroon #main{ background-color: #F6E8E9;}
#violet #main{ background-color: #F2D7ED;}
#purple #main{ background-color: #F0E5F3;}
#darkblue #main{ background-color: #e0eef8;}
#navy #main{ background-color: #e1e8f5;}
#magenta #main{ background-color: #fae3ed;}
#pureorange #main{ background-color: #fee7e0;}
/*#extracolor{F6E5F1}*/


/* Borders */
#home .border { border-color: #019cde; }
#teal .border{ border-color: #006265; }
#ivy .border{ border-color: #578930; }
#grass .border{ border-color: #a2bd30; }
#yellow .border{ border-color: #edc201; }
#orange .border{ border-color: #db931a; }
#red .border{ border-color: #c1001f; }
#maroon .border{ border-color: #a11925; }
#violet .border{ border-color: #a10078; }
#purple .border{ border-color: #62008D; }
#darkblue .border{ border-color: #005e9a; }
#navy .border{ border-color: #0072bc; }
#magenta .border{ border-color: #ec008c; }
#pureorange .border{ border-color: #f05125; }

/* Light borders */
#home .lightborder{ border-color: #C7E3F5 }
#teal .lightborder{ border-color: #80B0B1;}
#ivy .lightborder{ border-color: #ABC398;}
#grass .lightborder{ border-color: #A2BD30;}
#yellow .lightborder{ border-color: #F6E080;}
#orange .lightborder{ border-color: #DC931A;}
#red .lightborder{ border-color: #E0808F;}
#maroon .lightborder{ border-color: #D08C92;}
#violet .lightborder{ border-color: #C152AA;}
#purple .lightborder{ border-color: #F0E5F3;}
#darkblue .lightborder{ border-color: #e0eef8;}
#navy .lightborder{ border-color: #e1e8f5;}
#magenta .lightborder{ border-color: #fae3ed;}
#pureorange .lightborder{ border-color: #fee7e0;}

/* D080BB */

/* Text colors */
#home .products strong a, #home em, #home h2, #home .products strong{ color: #019cde;}
#teal .products strong a, #teal em, #teal h2, #teal .products strong{ color: #006265;}
#ivy .products strong a, #ivy em, #ivy h2, #ivy .products strong{ color: #578930;}
#grass .products strong a, #grass em, #grass h2, #grass .products strong{ color: #a2bd30;}
#yellow .products strong a, #yellow em, #yellow h2, #yellow .products strong{ color: #edc201;}
#orange .products strong a, #orange em, #orange h2, #orange .products strong{ color: #db931a;}
#red .products strong a, #red em, #red h2, #red .products strong{ color: #c1001f;}
#maroon .products strong a, #maroon em, #maroon h2, #maroon .products strong{ color: #a11925;}
#violet .products strong a, #violet em, #violet h2, #violet .products strong{ color: #a10078;}
#purple .products strong a, #purple em, #purple h2, #purple .products strong{ color: #62008D;}
#darkblue .products strong a, #purple em, #purple h2, #purple .products strong{ color: #005e9a;}
#navy .products strong a, #navy em, #navy h2, #navy .products strong{ color: #0072bc;}
#magenta .products strong a, #magenta em, #magenta h2, #magenta .products strong{ color: #ec008c;}
#pureorange .products strong a, #pureorange em, #pureorange h2, #pureorange .products strong{ color: #f05125;}


/* =================== */
/* = Webpage         = */
/* =================== */

.html-content ul{
  list-style: outside disc;
  margin-left: 1.5em;
}
.html-content ol{
  list-style: inside decimal;
}

h1{
  font-size: 140%;
  margin-bottom: 1em;
}

h1 small{
  color: #999;
  display: block;
  font-size: 71%;
}

.html-content h2{
  font-size: 130%;
}

.html-content h3{
  font-size: 120%;
}

#right-column .extra-info {
  margin-bottom: 10px;
  background-color: #F2F2F2;
  padding: 5px;
}
#right-column .extra-info h2 {
  margin-top: 1em;
  clear: none;
}
#right-column .extra-info h2.first {
  margin-top: 0;
  clear: none;
}
#right-column .extra-info p {
  margin-bottom: 0;
}

.contact-form {
  width: 60%;
}

#product-image-link {
    color: #000;
}
#product-image-link:hover {
    text-decoration: none;
}

/* =========================== */
/* = Registratie / Profiel   = */
/* =========================== */

.profile input.radio{
	width: auto;
	display: inline;
}

.profile dd input{
	width: 225px;	
}
.profile dt label{
	font-weight: normal;
}

.profile form div.submit {
	width: 370px;
}
.profile form dl{
	width: 383px;
	margin-bottom: 15px;
}
.profile form dl span{
	font-size: 80%;
}

.checkout form dt label,
.profile form dt label {
  font-weight: bold;
}

.profile #wrapper #main{
	background: none;
}

.profile.change_password #main form dl dt {
	width: 170px;
}
.profile.change_password form dl dd {
	margin-left: 180px;
}
.profile.change_password form dl,
.profile.change_password form div.submit {
	width: 413px;
}

.profile #steps li {
	background: url(../images/backgrounds/step-noarrow.gif)  100% 50% no-repeat;
}

.profile.step1 #steps #step1,
.profile.step2 #steps #step2,
.profile.step3 #steps #step3,
.profile.step4 #steps #step4 {
	background: url(../images/backgrounds/step-noarrow-active.gif) #d5ad1c 100% 0% no-repeat;						
}

.profile table.basket {
  margin-bottom: 0;
}

.profile table.basket th,
.profile table.basket td {
  text-align: left;
}

.profile table.basket .orderid {
  width: 79px;
}
.profile table.basket .date {
  width: 165px;
}
.profile table.basket .carrier {
  width: 140px;
}
.profile table.basket .payment_type {
  width: 147px;
}
.profile table.basket .status {
  width: 190px;
}
.profile table.basket .total {
  width: 99px;
  text-align: right;
}

.profile table.basket td.product {
  font-weight: bold;
  padding-left: 0;
}

.profile table.basket td span {
  display: block;
  font-size: 90%;
  margin-top: 2px;
  font-weight: normal;
}

.profile .hover {
  background-color: #fffce9;
  cursor: pointer ;
}

.profile.order .order-header {
  margin-bottom: 15px;
}

.profile.order .order-info {
  float: right;
  margin-right: 100px;
  width: 300px;
}
.profile.order .address {
  width: 300px;
  float:left;
}
.profile.order address {
  margin-bottom: 1em;
}

.profile.step2 #correspondencepane{
  margin-top: 15px;
}

/** Correspondence **/
#correspondencepane{
	margin: 0 0 20px;
}

#correspondence .date{
	width: 170px;
	text-align: left;
}

#correspondence .topic{
	text-align: left;
}

#correspondence .topic div{
	line-height: 1.2em;
	margin: 20px 0;
}

#correspondence .topic pre{
	overflow: auto;
	width: 100%;
}

#correspondence .link{
	width: 50px;
}

#correspondence a:visited{
  color: #0000ee;
}






#summary{
	float: right;
	width: 190px;
  margin-right: 10px;
}

#summary dt{
	float: left;
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	display: inline;
	width: 100px;
	background: none;
}

#summary dt.total,
#summary dd.total{
	font-size: 120%;
	margin-top: 2em;
}

#summary dt.total{
	text-transform: uppercase;
	color: #0e568e;
}

#summary dd{
	float: left;
	display: block;
	width: 90px;
	text-align: right;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0;
}

#summary dd.buttons {
  width: 190px;
}

/* =========================== */
/* = Nieuws                  = */
/* =========================== */

.news #content h2 span {
  color: #000;
  float: right;
}

.news #content p {
  border-bottom: 1px solid #C7E3F5;
  padding-bottom: 15px;
  margin-bottom: 5px;
}

.news #content p.last {
  border-bottom: none;
}

.news #content h2 a,
.news #content p a {
  color: #019CDE;
}




#menu-column ul.customer-service li {
  margin-bottom: 0.2em;
}

#menu-column ul.customer-service li li a {
  font-weight: normal;
}

#menu-column ul.customer-service li ul {
  margin-top: 0.2em;
  margin-bottom: 1.4em;
}


fieldset {
  border: 0;
}


#question {
  height: 120px;
}

.profile table#orders td a{
  color: #000;
}
.profile table#orders td a:hover{
  text-decoration: none;
}



/* =========================== */
/* = Spam trap               = */
/* =========================== */

input.form_check {
  display: none;
}



.spinner{
  height: 12px;
  width: 12px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/lightbox/overlay.png); }

kbd {
  background-color:#DDDDDD;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  color:#555555;
  font-family:inherit;
  font-size:inherit;
  padding:0pt 3px 2px 4px;
}


* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}