body {
	margin: 0;
	background: #fff url('gfx/body_bg.png') repeat-x top;
}


/* Fix hasLayout bugs for the slider (only ie7) (DO)*/
* {
    zoom: 1.0;
}

table.xtivePageTable {
    clear: left;
}


ul {
	list-style-type: none;
}
div.spacer {
	clear: both;
  line-height: 1px;
  font-size: 1px;
}
th {
	text-align: left;
}
/* Blocks global */
div.blockTop {
	height: 1px;
  /* ie6 fix */
  font-size: 1px;
	background: url('gfx/180_block_bg_top.png') no-repeat center top;
}
.titleBlue {
	line-height: 21px;
	background-color: #d0d4e2;
	margin: 0 1px;
	padding-left: 6px;
	color: #00234C;
	font-weight: bold;
}
div.titleRed {
	line-height: 21px;
	background-color: #e5352d;
	margin: 0 1px;
	padding-left: 6px;
	color: #fff;
	font-weight: bold;
}
div.borders {
	border-left: 1px solid #a3adb4;
	border-right: 1px solid #a3adb4;
	background-color: #fff;
	padding: 1px;
}
/* Blocks global end */

/*
 * Category menu block
 */
div.blockContent ul li {
  /* ie6 fix */
  height: 1%;
}

/* Top level */
div.blockContent ul li a {
    display:        block;
    line-height:    19px;
    vertical-align: middle;
    border-bottom:  1px solid #eceff1;
    padding-left:   4px;
}


div.blockContent ul li a span {
    margin-right:   4px;
    cursor: pointer;
}

div.blockContent ul li a.activeItem {
    color:      #e5322d;
    background: url(gfx/categoryMenuSelectedBg.gif) repeat-x bottom;
    font-weight: bold;
}

/* Second level */
div.blockContent ul li ul {
    padding-left: 10px;
}

div.blockContent ul li ul li a {
    display:        block;
    line-height:    16px;
    vertical-align: middle;
    border-bottom:  1px solid #eceff1;
    padding-left:   4px;
}

div.blockContent ul li ul li a span {
    margin-right:   4px;
}

div.blockContent ul li ul li a.activeItem {
    color:      #e5322d;
    background: url(gfx/categoryMenuSelectedSubBg.gif) repeat-x bottom;
}

/* Third level */
div.blockContent ul li ul li ul {
    padding-left: 10px;
}

div.blockContent ul li ul li ul li a {
    display:        block;
    line-height:    16px;
    vertical-align: middle;
    border-bottom:  1px solid #eceff1;
    padding-left:   4px;
}

div.blockContent ul li ul li ul li a span {
    margin-right:   4px;
}

div.blockContent ul li ul li ul li a.activeItem {
    color:      #e5322d;
    background: url(gfx/categoryMenuSelectedSubSubBg.gif) repeat-x bottom;
}

/* End of Category menu block */



/**
 * Layout style
 */
div#mainContainer {
    margin: auto;
    width: 960px;
    margin-top: 9px;
}
div#language {
  height: 20px;
  line-height: 20px;
  padding-right: 15px;
  position: relative;
}

div#header {
    position: relative;
    height: 108px;
    background: url('gfx/header_bg.png') no-repeat center top;
}

div#header div#topMenu {
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 22px;
    padding-left: 16px;
    z-index: 10;
}
div#header div#topMenu a {
    float: left;
    line-height: 20px;
    color: #fff;
    background: url('gfx/btn_topnav.png') no-repeat center bottom;
    text-align: center;
    width: 147px;
    margin-right: 3px;
}
div#header img#logo {
    position: absolute;
    left: 25px;
    top: 20px;
}
div#header #search {
    
}
div#header div#account {
    position: absolute;
    right: 0;
    top: 15px;
    height: 80px;
    width: 178px;
    z-index: 10;
}
div#header div#account a {
	color: #4b575f;
}
div#header div#account input.text {
    font-size: 10px;
    width: 112px;
    color: #4b575f;
    border: 1px solid #c7ced3;
    margin-top: 1px;
}
div#header div#account input.button {
    position: absolute;
    width: 45px;
    height: 32px;
    border: 0;
    background: url('gfx/buttons.png') no-repeat 0 -93px;
    top: 22px;
    right: 14px;
    cursor: pointer;
}
div#leftNav {
    float: left;
    width: 180px;
    margin-left: 8px;
    /* for ie6 */
    display: inline;
}
#leftNav li:last-child a {
    border-bottom:  none;
}
div#leftMenu,
div#companyInfo,
div#news,
div#recent,
div#newsLetter
{
    background: url('gfx/180_block_bg.png') no-repeat center bottom;
    margin-bottom: 2px;
}
div#recentlyViewed a,
div#companyInfo a,
div#news a
{
    display: block;
    color: #000;
    border-bottom: 1px solid #f0f2f3;
    line-height: 19px;
}
#leftNav .blockContent {
    padding: 5px;
}
#leftNav .blockContent a:hover {
    text-decoration: underline;
}
#recent .blockContent {
    padding: 5px;
}
#recent ul li:last-child a {
    border: none;
}
/* Cart block */
div.cartContainer div.title {
    height: 26px;
    line-height: 26px;
    font-weight: bold;
}
.cartContainer {
    float: right;
    width: 175px;
    height: 80px;
    font-size: 12px;
    position: relative;
    margin-top: 12px;
}
div#cart h4 {
    font-weight: bold;
    font-size: 14px;
    color: #4b575f;
    margin-bottom: 10px;
}
div#cart a.order {
	height: 18px;
        margin-top: 5px;
	width: 166px;
	display: block;
	color: #06264B;
        font-weight: bold;
        text-decoration: underline;
}
div#cart a.order:hover {
        color: #446b94;
}
div#cart table {
	width: 166px;
	background: url('gfx/cart_total_bg.png') no-repeat bottom center;
	margin-bottom: 10px;
}
div#cart table td {
	border-bottom: 1px solid #dadfe3;
	line-height: 19px;
}
div#cart table td.num {
	padding-right: 3px;
}
div#cart table tr.total td {
	line-height: 23px;
	border: none;
	font-weight: bold;
}
div#cart table tr.top td {
	font-weight: bold;
}
div#cart table td.price {
	text-align: right;
	padding-right: 5px;
}
div.shoppingBasket {
    position:   absolute;
    top:        -84px;
    right:      -22px;
    width:      100px;
    height:     180px;
    z-index:    0;
}

div.shoppingBasket #winkelmandje {
    position:   absolute;
    bottom:     0;
    height:     180px;
}

#header .center {
    float: left;
    width: 430px;
    margin-top: 17px;
    margin-left: 325px;
    display: inline;
}
#header .center .links {
    margin-bottom: 10px;
    text-align: right;
    font-size: 12px;
}
#header .center .links a {
    text-decoration: underline;
}
#header .center .links .thuiswinkel {
    padding: 2px 3px 2px 22px;
    margin: 0 3px;
    border-right: 1px solid #b3b3b3;
    background: url('gfx/thuiswinkel_icon.png') no-repeat left center;
}
#header .center .links .facebook {
    padding: 2px 7px 2px 22px;
    margin: 0 3px;
    border-right: 1px solid #b3b3b3;
    background: url('gfx/icons_socialmedia.png') no-repeat left top;
}
#header .center .links .twitter {
    padding: 2px 7px 2px 22px;
    margin: 0 3px;
    border-right: 1px solid #b3b3b3;
    background: url('gfx/icons_socialmedia.png') no-repeat left bottom;
}
#header .center .links .account {
    padding-left: 7px;
    margin: 0 3px;
    border-left: 1px solid #b3b3b3;
}
#header .center .links .logout {
    padding-left: 7px;
    margin: 0 3px;
    border-left: 1px solid #b3b3b3;
}

/* Search block */
div#search {
    position: relative;
}
div#search input.text {
    width: 280px;
    color: #4b575f;
    border: 1px solid #c7ced3;
    padding: 4px;
    position: absolute;
    margin: 0;
    top: 0;
    font-size: 12px;
    right: 52px;
}
div#search input.startSearch {
    background-color: #012b58;
    border: 0;
    color: #fff;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

div#content {
    float: left;
    width: 576px;
    margin: 0 2px;
  /* for ie6 */
  display: inline;
}
div#content div.top {
	height: 2px;
  /* for ie6 */
  font-size: 1px;
	background: url('gfx/content_bg.png') no-repeat center top;
}
div#content div.bottom {
	height: 2px;
  /* for ie6 */
  font-size: 1px;
	background: url('gfx/content_bg.png') no-repeat center bottom;
}
div#content div#contentNav {
	height: 23px;
	line-height: 23px;
}
div#content div#contentNav div#breadCrumb {
	float: left;
	width: 505px;
}
div#content div#contentNav div#fontResize {
	float: right;
	width: 64px;
}
div#content div#contentNav div#fontResize a {
    float: left;
    width: 26px;
    height: 16px;
    line-height: 16px;
    background: url('gfx/buttons.png') no-repeat left -169px;
    text-align: center;
    font-weight: bold;
    margin-top: 4px;
    margin-left: 3px;
}
div#footer {
  text-align: center;
  clear: both;
  margin: 5px 180px;
  font-size: 9px;
  padding-top: 5px;
}
div#footer div.links {
  color: #e5322d;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
div#rightNav {
    float: right;
    width: 180px;
    margin-right: 10px;
    /* for ie6 */
    display: inline;
}
div#rightNav .banner-chat {
    display: block;
}

/* ### Smart breadcrumbs */
div#breadCrumb ul.smartBreadcrumbs {
    height:         15px;
    margin:         0;
    margin-left:    1px;
    margin-top:     4px;
    padding:        0;
    list-style:     none;
    font:           10px arial;
    color:          #333;
    z-index:        200;
    position:       relative;
}

ul.smartBreadcrumbs li.crumb {
    position:       relative;
    float:          left;
    height:         16px;
    padding-left:   5px;
    cursor:         pointer;
}

ul.smartBreadcrumbs li.crumb a {
    position:           relative;
    top:                0;
    left:               0;
    height:             16px;
    line-height:        15px;
    vertical-align:     middle;
    text-decoration:    none;
    z-index:            15;
    color:              #333;
    margin-right:       20px;
}

ul.smartBreadcrumbs li.crumb a:hover {
    text-decoration:    underline;
}

ul.smartBreadcrumbs li.crumb div.button {
    position:           absolute;
    top:                0;
    left:               0;
    height:             100%;
    width:              100%;
    background:         url(gfx/smartBreadcrumbsButtonBg.gif) no-repeat top left;
    z-index:            5;
}

ul.smartBreadcrumbs li.crumb div.buttonEnd {
    position:           absolute;
    top:                0;
    right:              0;
    height:             16px;
    width:              17px;
    z-index:            10;
    background:         url(gfx/smartBreadcrumbsButtonEndBg.gif) no-repeat top left;
}

ul.smartBreadcrumbs li.crumb div.buttonEndLast {
    position:           absolute;
    top:                0;
    right:              0;
    height:             16px;
    width:              11px;
    z-index:            10;
    background:         url(gfx/smartBreadcrumbsButtonEndLastBg.gif) no-repeat top left;
}

ul.smartBreadcrumbs li.crumb div.delimiter {
    position:           absolute;
    top:                0;
    right:              0;
    height:             16px;
    width:              17px;
    z-index:            10;
    background:         url(gfx/smartBreadcrumbsDelimiter.gif) no-repeat top left;
}

ul.smartBreadcrumbs li.crumb div.dropdown {
    position:           absolute;
    top:                0px;
    left:               0px;
    z-index:            500;
    padding-top:        16px;
    padding-bottom:     3px;
}

ul.smartBreadcrumbs li.crumb div.dropdown ul {
    list-style:     none;
    margin:         0;
    padding:        0;
    background:     white;
    border:         1px solid #d1d6d9;
}

ul.smartBreadcrumbs li.crumb div.dropdown ul li {
    padding-left:   18px;
    padding-right:  8px;
    padding-top:    1px;
    padding-bottom: 1px;
}


ul.smartBreadcrumbs li.crumb div.dropdown ul li.selected {
    font-weight:    bold;
    padding-left:   18px;
    padding-right:  5px;
    background:     url(gfx/smartBreadcrumbsDropdownTick.gif) no-repeat 4px 4px;
}

ul.smartBreadcrumbs li.crumb div.dropdown ul li a {
    white-space: nowrap;
}


/**
 * Tooltips
 */
.specsInfo {
	cursor: help;
	display: inline;
    margin-top: 2px;
    z-index: 9999;
}
.specsInfo .tip {
	background-color: #fff;
	border: 1px solid #002B59;
	padding: 15px;
  width: 500px;
}
.specsInfo-title {
}
.specsInfo-text {
}

/**
 * Message popup
 */
#message {
  width:        260px;
  position:         absolute;
  left:             300px;
  top:              200px;
  z-index:          9999;
  border:           1px solid #afafaf;
  background:       #fff;
  padding-bottom:   20px;
}

#message .popupTop {
  background-color: #002c5a;
  text-align:   left;
  padding-left: 10px;
  line-height:  21px;
  color:        #fff;
  cursor:       pointer;
}

#message p {
  margin:       5px;
}


/**
 * Popup div
 */
#popup {
  position:absolute;
  left:300px;
  top:200px;
  z-index:99999;
  border:1px solid #afafaf;
  background:#fff;
  padding-bottom:20px;
}
#popup .popupTop {
  background-color: #002c5a;
  text-align: right;
  padding-right: 10px;
  line-height:21px;
  color: #fff;
  cursor:pointer;
}
#popup #popupContent {
  margin:5px;
  width:100px;
  height:80px;
  background:#fff url( 'gfx/ajax-loader.gif' ) center center no-repeat;
}

/**
 * tint screen behind popup
 */
#tintScreen, #tintScreenMedia {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #333;
  z-index: 99998;
}

#mediaPlayerClose {
  text-align: right;
  color: #fff;
  background: #002C5A url(/gfx/filter_close.gif) 98% 50% no-repeat;
  padding-right: 25px;
  line-height: 21px;
  cursor: pointer;
}

/**
 * Add to newsletter
 */
div#newsLetter table.addToMailingList {
    width: 171px;
    height: 29px;
}

div#newsLetter table.addToMailingList  input.inputField {
    width: 110px;
    height: 10px;
    margin-bottom: 3px;
    margin-right: 2px;
    border: 1px solid #d5dade;
    font: 9px arial;
    color: #4b575f;
    padding: 1px;
}

div#newsLetter table.addToMailingList  td.mailingListButtonTd {
    width: 58px;
    height: 29px;
}

div#newsLetter table.addToMailingList  td.mailingListButtonTd input.submitImage {
    border: 0;
    height: 28px;
    width: 56px;
    background: url('/layout/default/gfx/buttons.png') no-repeat -86px -93px;
    cursor: pointer;
}
/**
 * Style for rotating banners (right side)
 */
ul.bannerSlide {
  list-style:none;
  padding:0;
  position: relative;
  height: 69px;
}

ul.bannerSlide li {
  list-style:none;
  margin:0;
  padding:0;
  background-image: url('/layout/default/gfx/banners.png');
  background-repeat: no-repeat;
  width: 100%;
}
ul.bannerSlide li a {
  display: block;
  width: 100%;
  height: 66px;
  text-indent: -9999px;
}
ul.bannerSlide li.betalen {
  background-position: 0px 0px;
}
ul.bannerSlide li.koopjeshoek {
  background-position: 0px -66px;
}
ul.bannerSlide li.qshops {
  background-position: 0px -132px;
}
ul.bannerSlide li.webshopKeurmerk {
  background-position: 0px -198px;
}
ul.bannerSlide li.kieskeurig {
  background-position: 0px -264px;
}
ul.bannerSlide li.ssl {
  background-position: 0px -330px;
}

/* Slide met kliks en bedrijfsfilm */
ul.slide2 {
  height: 138px;
  margin-bottom: 3px;
}
ul.slide2 li {
  background-image: url('/layout/default/gfx/banners_kliks_movie.png');
  background-repeat: no-repeat;
  height: 138px;
}
ul.slide2 li a {
  height: 138px;
}
ul.bannerSlide li.kliks {
  background-position: left top;
}
ul.bannerSlide li.movie {
   background-position: left bottom;
}
/* Banners home Twitter & review */
ul.bannerSlide li.twitter {
  background-position: 0px -396px;
}
ul.bannerSlide li.review {
  background-position: 0px -462px;
}

ul.bannerSlide li.canalDigital {
  list-style:none;
  margin:0;
  padding:0;
  background-image: url('/layout/default/gfx/banner_canal_digitaal.png');
  background-repeat: no-repeat;
  width: 218px;
	height: 66px;
}

div#bannerFlip {
  height: 218px;
  width:180px;
  margin-bottom: 3px;
  cursor: pointer;
}

/* Bezorgtijden opvragen */
div#deliveryTime {
  padding: 2px 4px;
  float: right;
  width: 369px;
  height: 156px;
  background: url('/layout/default/gfx/klantenservice_block_double.png') no-repeat left top;
}
div#deliveryTime {
  padding: 2px 4px;
  float: right;
  width: 369px;
  height: 156px;
  background: url('/layout/default/gfx/klantenservice_block_double.png') no-repeat left top;
}
div#deliveryTime .btnSearch {
  width: 84px;
  height: 25px;
  background: url('/layout/default/gfx/buttons.png') no-repeat left -302px;
  border: 0;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
}
div#deliveryTime label {
  font-weight: bold;
}

/* News */
div.message {
  padding: 8px 2px;
  border-top: 1px solid #d0d4e2;
}
div.message span.date {
  display: block;
  color: #666;
}
div.tabBlock div.tabTxtXtive div.message h3 a {
  text-decoration: none;
}
table#newsItems {
  width: 100%;
}

/* Newsletter */
.addToMailingList {
   margin-top: 10px;
   margin-bottom: 100px;
}