/* UNIVERSAL STYLES
  __________________________________________________________________________________________________*/
* { margin: 0;
  padding: 0;
  border: 0;
  }
a { outline: none; font-family: Verdana, Arial, sans-serif; }
body { background: #fff;
  text-align: center;
  }
.clear { clear: both; }  

/* TYPOGRAPHY
  __________________________________________________________________________________________________*/
body { font-size: 62.5%; 
  font-family: Verdana, Arial, sans-serif;
  color: #343434;
  }
table{
	font-family: Verdana, Arial, sans-serif;
}
div{
	font-family: Verdana, Arial, sans-serif;
}
body p { font-family: Verdana, Arial, sans-serif;}
p { 
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
  }
p.content { 
	line-height: 1.4em;
	font-family: Verdana, Arial, sans-serif;
  }
h1 { font-size: 1.5em; font-family: Verdana, Arial, sans-serif;
  color: #095ba6;
  font-weight: 400;
  margin-bottom: 6px;
  }
h2 { font: 700 1.4em Arial, Helvetica, sans-serif;
  color: #fff;
  }
h3 { font: 700 1.2em Arial, Helvetica, sans-serif;
  color: #424242;
  padding: 5px 0 0 19px;
  }
h4 { font-size: 1.2em; font-family: Verdana, Arial, sans-serif;
  color: #a9192d;
  }
h5 { font-size: 1.2em; font-family: Verdana, Arial, sans-serif;
  font-weight: 700;
  color: #424242;
  }
h6 { font-size: 1.3em; font-family: Verdana, Arial, sans-serif;
  font-weight: 400;
  color: #095ba6;
  }
/* Links */
a {
  color:#095ba6;
  text-decoration:none;
  font-family: Verdana, Arial, sans-serif;
}
a:hover {
  text-decoration:underline;
}
/*
a:link { color: #095ba6; 
  }
a:visited { color: #095ba6; 
  }
a:hover { color: #fff; 
  background-color: #095ba6;
  }
a:active { color: #095ba6; 
  }
*/

/* MAIN POSITIONING
  
  __________________________________________________________________________________________________*/
.MsoNormal{ font-family: Verdana, Arial, sans-serif;}
#container-main { position: relative;
  margin: 0 auto;
  width: 980px;
  text-align: left;
  }  
#container-content { position: relative;
  width: 956px;
  left: 10px;
  margin-bottom: 20px;
  }
#content-main {
    float: right;
  position: relative;
  width: 100%;
  }

/* HEADER
  __________________________________________________________________________________________________*/
#header { position: relative;
  margin-top: 8px;
  width: 980px;
  height: 80px;
  }
#header-logo { float: left;
  position: relative;
  top: 4px;
  left: 24px;
  }
#header-logo a { background: none;


  }
#header-slogan { float: left;
  position: relative;
  top: 15px;
  left: 40px;
  background: url(header_slogan.png)/*tpa=http://www.tsbinternational.nl/images/header_slogan.png*/ no-repeat top left;
  width: 329px;
  height: 55px;
  }

/* SHOPPING CART
  __________________________________________________________________________________________________*/
#shoppingcart { float: right;
  position: relative;
  right: 22px;
  top: 9px;
  width: 28em;
  height: 5.8em;
  border: 1px solid #c1b29b;
  background-color: #fff;
  }
#shoppingcart img { float: left;
  margin: 6px 8px 6px 6px;
  }
#shoppingcart p { margin-top: 6px; font-family: Verdana, Arial, sans-serif; font-size: 1.2em;
  }
#shoppingcart .amount { font-weight: 700;
  }
#shoppingcart .prize { font-weight: 700;
  color: #095ba6;
  }

/* MAIN NAVIGATION
  __________________________________________________________________________________________________*/
#navigation-top { position: relative;
  left: 10px;
  width: 960px;
  height: 67px;
  }

#navigation-top ul { margin-left: 0;
  padding-left: 0;
  display: block;
  font-size: 1.1em;
  }
#navigation-top ul li { float: left;
  padding-left: 5px;
  list-style: none;
  display: block;
  }

/* Top tabs */
#navigation-top div#bottom-tabs { position: absolute;
  left: 5px;
  top: 43px;
  z-index: 2;
  }
#navigation-top span { display: none;
  }
#bottom-tabs a { display: block;
  width: 130px;
  height: 24px;
  overflow: hidden;
  }
#bottom-tabs a.bottom1 { background: url(topnav_slapen.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_slapen.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom2 { background: url(topnav_huishoudelijk.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_huishoudelijk.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom3 { background: url(topnav_levensmiddelen.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_levensmiddelen.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom4 { background: url(topnav_sokken.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_sokken.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom5 { background: url(topnav_kleding.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_kleding.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom6 { background: url(topnav_doehetzelf.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_doehetzelf.gif*/ no-repeat 0 0;
  }
#bottom-tabs a.bottom7 { background: url(topnav_speelgoed.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_speelgoed.gif*/ no-repeat 0 0;
  }
#bottom-tabs a:hover,#bottom-tabs a.nav_active { background-position: 0 -24px;
  }
/* Top tabs */
#navigation-top div#top-tabs { position: absolute;
  top: 19px;
  left: 73px;
  }
#top-tabs a { display: block;
  width: 130px;
  height: 48px;
  overflow: hidden;
  }
#top-tabs a.top1 { background: url(topnav_drogisterij.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_drogisterij.gif*/ no-repeat 0 0;
  }
#top-tabs a.top2 { background: url(topnav_textiel.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_textiel.gif*/ no-repeat 0 0;
  }
#top-tabs a.top3 { background: url(topnav_feest.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_feest.gif*/ no-repeat 0 0;
  }
#top-tabs a.top4 { background: url(topnav_diervoeding.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_diervoeding.gif*/ no-repeat 0 0;
  }
#top-tabs a.top5 { background: url(topnav_seizoenen.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_seizoenen.gif*/ no-repeat 0 0;
  }
#top-tabs a.top6 { background: url(topnav_speciale.gif)/*tpa=http://www.tsbinternational.nl/images/topnav_speciale.gif*/ no-repeat 0 0;
  }
#top-tabs a:hover,#top-tabs a.nav_active { background-position: 0 -48px;
  }

/* CONTENT TOP
  __________________________________________________________________________________________________*/  
#content-top { position: relative;
  width: 956px;
  height: 3.6em;
/*   background: #fff url(../images/contenttop_bg.gif) repeat-x top left; */ 
  background: #fff;
  border-bottom: 1px solid #c1b29b;
  }
#links-top { float: left;
  margin-top: 12px;
  margin-left: 10px;
  color: #095ba6;
  font-size: 1.1em;
  }
/* Search */
#search { float: right;
  margin-right: 6px;
  margin-top: 12px;
  width: 342px;
  }
input#searchtext { width: 240px;
  height: 1.4em;
  margin-right: 6px;
  padding: 1px 5px;
  float: left;
  font-size: 1.1em;
  color: #424242;
  background-color: #fff;
  border: 1px solid #c1b29b;
}

/* CONTENT LEFT
  __________________________________________________________________________________________________*/
#content-left { float: left;
  width: 210px;
  background-color: #fff;
  }
.columnhead-light { width: 210px;
  height: 30px;
  background: url(titlebar_light.gif)/*tpa=http://www.tsbinternational.nl/images/titlebar_light.gif*/ no-repeat top left;
  }
.columnhead-dark { width: 210px;
  height: 30px;
  background: url(titlebar_darkblue.gif)/*tpa=http://www.tsbinternational.nl/images/titlebar_darkblue.gif*/ no-repeat top left;
  }
.columnhead-dark h3 { color: #fff;
  }
/* CATEGORIE NAVIGATION LEFT
  __________________________________________________________________________________________________*/
#navigation-left { position: relative;
  border-top: 1px solid #fff;
  width: 210px;
  background: white;
  padding-bottom: 15px;
  }
#leftmenu { position: relative;
  width: 210px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  }
#leftmenu ul { margin: 0;
  padding: 0;
  list-style-type: none;
  }
#leftmenu a { display: block;
  /*width: 188px;*/
  padding: 3px 2px 3px 20px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #e1dacf;
  background: #fff url(leftnav_arrow.gif)/*tpa=http://www.tsbinternational.nl/images/leftnav_arrow.gif*/ no-repeat 10px center;
  font-size: 1.2em;
  text-decoration: none;
  }
#leftmenu a:link, #leftmenu a:active, #leftmenu a:visited { background-color: #fff;
  color: #343434;
  }
#leftmenu a:hover { color: #095ba6;
  background-color: #fff;
  }
#leftmenu li#selected a { background: #fff url(leftnav_selectedarrow.gif)/*tpa=http://www.tsbinternational.nl/images/leftnav_selectedarrow.gif*/ no-repeat 10px center;
  }
#leftmenu li#selected ul { padding: 5px 0; 
  }
#leftmenu li#selected li { padding-bottom: 3px; }  
#leftmenu li#selected li a { display: inline;
  background: transparent;
  padding: 0;
  border: 0;
  margin-left: 20px;
  text-decoration: underline;
  }
  
#leftmenu ul ul {
  margin-left:10px;
}
#leftmenu li a.active { background:url(leftnav_selectedarrow.gif)/*tpa=http://www.tsbinternational.nl/images/leftnav_selectedarrow.gif*/ no-repeat 10px center;}
#leftmenu li a.active_cur { background: #dfd7cc url(leftnav_arrow.gif)/*tpa=http://www.tsbinternational.nl/images/leftnav_arrow.gif*/ no-repeat 10px center;}

/* CONTACT
  __________________________________________________________________________________________________*/
#contact { position: relative;
  border-top: 1px solid #fff;
  width: 210px;
  background: white;
  padding-bottom: 15px;
  }
#contact-info { margin: 2px 10px;
  }

/* SUBMENU LEFT
  __________________________________________________________________________________________________*/
#subnav-left { position: relative;
  border-top: 1px solid #fff;
  width: 210px;
  background: white;
  padding-bottom: 15px;
  }
#subnav-left ul { margin-top: 4px;
  padding-left: 8px;
  list-style: none;
  font-size: 1.1em;
  }
#subnav-left li { padding: 0 0 4px 8px;
  background: url(listbullet_grey.gif)/*tpa=http://www.tsbinternational.nl/images/listbullet_grey.gif*/ no-repeat left center;
  }

/* BETALINGS MOGELIJKHEDEN
  __________________________________________________________________________________________________*/
#betalen { position: relative;
  width: 210px;
  background: #fff;
  padding-bottom: 30px;
  }
#betalen p { padding: 8px 10px; }
#ideal { width: 190px;
  height: 90px;
  margin-left: 10px;
  }
#visa { margin-left: 30px;
  }
#visa img { float: left; }

/* FOOTER
  __________________________________________________________________________________________________*/
#footer { clear: both;
  width: 956px;
  height: 30px;
  }
#footer-logo { float: left;
  position: relative;
  margin-top: 42px;
  background: url(footer_logo.jpg)/*tpa=http://www.tsbinternational.nl/images/footer_logo.jpg*/ no-repeat;
  width: 230px;
  height: 58px;
  }
#footer-nav { float: right;
  position: relative;
  margin-top: 15px;
  padding-right: 12px;
  }
#footer-nav a { font-size: 1.1em;
  color: #424242;
  padding-left: 12px;
  margin-left: 10px;
  }
#footer-nav a:hover { color: #fff;
  }
#footer-nav a#home { background: url(../images/icon_home.gif) no-repeat left center;
  }
#footer-nav a:hover#home { background: #095ba6 url(../images/icon_home-over.gif) no-repeat left center;
  }
#footer-nav a#top { background: url(../images/icon_top.gif) no-repeat left center;
  }
#footer-nav a:hover#top { background: #095ba6 url(../images/icon_top-over.gif) no-repeat left center;
  }  
#footer-content { float: left;
  position: relative;
  margin-top: 52px;
  }
#footer-content p { color: #d1dce6;
  margin-top: 5px; font-family: Verdana, Arial, sans-serif; font-size: 1.4em;
  }
#footer-content a { background-color: transparent;
  }
#footer-content a:link { color: #d1dce6; 
  }
#footer-content a:visited { color: #d1dce6; 
  }
#footer-content a:hover { color: #fff; 
  }
#footer-content a:active { color: #d1dce6; 
  }
#footer-content ul { margin-left: 0;
  padding-left: 0;
  display: inline;
  font-size: 1.1em;
  }
#footer-content ul li {
  margin-left: -2px;
  padding: 0px 7px;
  border-left: 1px solid #d1dce6;
  list-style: none;
  display: inline;
  }
#footer-content ul li.first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
  list-style: none;
  display: inline;
  }