/* //////////////////////////////////////////////////////////////////////////
    DEFAULT STYLES
///////////////////////////////////////////////////////////////////////// */
body, div, span, font, td { font-family: verdana, sans-serif normal; color: #fff; line-height: 140%;}
body { margin : 0px 0px 0px 0px; background-color: #EE3E7B;}
a { color: #FFFF00; text-decoration: none; height: 140%;}
a:hover {text-decoration: underline;}
P {margin: 0px;}
form {margin: 0px;}
img { border: 0; }
hr {background: #ffff00; height: 1px; border: none; padding: 0px;}

a .header { color: #000; text-decoration: underline; height: 140%;}

.absolute {position: absolute;}
.relative {position: relative;}
.black, .black p, .black p div {color: black;}
.clr{clear: both; visibility: hidden;}
.hidden {display: none;}

/* ------------------------------------------------------------------------- */
/*  containers */
.headerContainer{ width: auto; height: 108px; text-align: center; background-color: #FFFF00;}
.headerBox { width: 768px; height: 108px; margin: 0 auto; text-align: left;}
.headerBox .homeButton { padding: 0 6px 0 0;  }
.headerBox a { margin: 0; padding: 0 5px 0 0; height: 103px; }
.menuContainer { height: 31px; text-align: center; background: url(../gfx/bg_menubalk.gif) left top repeat-x;}
.menuBox{ width: 768px; margin: 0 auto; text-align: left; position: relative; z-index: 100; }

.contentContainer { width: auto; height: auto; margin-top: 0px; text-align: center; background: #EE3E7B url(../gfx/bg_content.gif) left top repeat-x; padding-bottom: 15px;}
.contentBox{ width: 784px; margin: 0 auto; padding: 15px 0px 15px 0px; text-align: left;}
/* styles voor NS */
head+body .contentContainer { margin-top: 0px;}



/* ------------------------------------------------------------------------- */
/*  zoekbox  */
.zoekBox{z-index: 20; position: absolute; margin: 0px 0px 0px 0px; width:213px; height: 31px; background: url(../gfx/zoekbar_bg.gif) 0px 0px no-repeat; text-align: left;}
.zoekBox input.field { border: 0px; background-color: #FFF ; width: 135px; height: 16px; margin: 8px 0px 0px 20px; font-size: 10px; padding: 2px 0px 0px 5px;}
.zoekBox input.btnZoek{background: url(../gfx/btn_zoek.gif) left top no-repeat; height: 16px; width: 40px; border: 0px; cursor: hand;}
/* styles voor NS */
head+body .zoekBox { margin: -9px 0px 0px 0px;}
head+body .zoekBox input.field {padding: 0px 0px 0px 0px;}


/* ------------------------------------------------------------------------- */
/*  subMenu  */
#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10 { display: inline; position: absolute; }
/* DS: met acties */
#sub1 { left: 0px; }
#sub2 { left: 109px; }
#sub3 { left: 247px; }
#sub4 { left: 340px; }
#sub5 { left: 398px; }
#sub6 { left: 492px; }
#sub7 { left: 568px; }
#sub8 { left: 631px; }
#sub9 { left: 693px; }
#sub10 { left: 759px; }

/* DS: zonder acties
#sub1 { left: 0px; }
#sub2 { left: 109px; }
#sub3 { left: 247px; }
#sub4 { left: 340px; }
#sub5 { left: 434px; }
#sub6 { left: 510px; }
#sub7 { left: 573px; }
#sub8 { left: 635px; }
#sub9 { left: 701px; }
#sub10 { display: none; left: 759px; }*/

#subMenuBox{position: relative; top: 10px; left: 0px; margin: -13px 0px 0px 0px; width:185px; text-align: left; display: none; }
#sub8 #subMenuBox, #sub9 #subMenuBox{ left: -114px; }
#subMenuBox .top{background: url(../gfx/submenu_top.gif) 0px 0px no-repeat; width: 185px; height: 6px;}
#subMenuBox .bottom{background: url(../gfx/submenu_bottom.gif) 0px 0px no-repeat; width: 185px; height: 16px;}
#subMenuBox ul{ margin: -15px 0px 0px 0px; padding: 8px 0px 0px 0px; line-height: 120%; background: url(../gfx/submenu_bg.gif) 0px 0px repeat-y; }
#subMenuBox li{ list-style: none; font-weight: bold; font-size: 70%; }
#subMenuBox li a{ list-style: none; background: url(../gfx/submenu_listbullit.gif) 0px 5px no-repeat; color: #FFFF00; font-weight: bold;  margin-left: 12px; padding: 0px 5px 0px 15px; display: block; }
#subMenuBox li a:hover {text-decoration: none; color: white; font-size: 120%; background: url(../gfx/submenu_listbullit_hover.gif) 0px 3px no-repeat; }
/* styles voor NS */
head+body #subMenuBox { margin: -6px 0px 0px 0px;}
head+body #subMenuBox li a:hover {text-decoration: none; color: white; font-size: 100%;}


/* ------------------------------------------------------------------------- */
/*  kaders */
.colRed { width: 256px; background: url(../gfx/1col_mid_red.gif) left top repeat-y;}
.colRed .top { width: 256px; background: url(../gfx/1col_top_red.gif) left top no-repeat;}
.colRed .bottom { width: 256px; background: url(../gfx/1col_bottom_red.gif) left bottom no-repeat;}

.colTransparant { width: 256px; background: url(../gfx/1col_mid_transparant.gif) left top repeat-y;}
.colTransparant .top { width: 256px; background: url(../gfx/1col_top_transparant.gif) left top no-repeat;}
.colTransparant .bottom { width: 256px; background: url(../gfx/1col_bottom_transparant.gif) left bottom no-repeat;}

.colTransparantBlack { width: 256px; background: url(../gfx/1col_mid_transparantBlack.gif) left top repeat-y;}
.colTransparantBlack .top { width: 256px; background: url(../gfx/1col_top_transparantBlack.gif) left top no-repeat;}
.colTransparantBlack .bottom { width: 256px; background: url(../gfx/1col_bottom_transparantBlack.gif) left bottom no-repeat;}
.colTransparantBlack .articleBodyBox {padding: 12px 0px 29px 0px;}
.colTransparantBlack .articleTitleBox {padding: 12px 0px 0px 0px;}
.colTransparantBlack .path li a {margin: 0px 12px 0px 12px;}

.colPink { width: 256px; background: url(../gfx/1col_mid_transparant.gif) left top repeat-y;}
.colPink .top { width: 256px; background: url(../gfx/1col_top_transparant.gif) left top no-repeat;}
.colPink .bottom { width: 256px; background: url(../gfx/1col_bottom_transparant.gif) left bottom no-repeat;}

.colBlue { width: 256px; background: url(../gfx/1col_mid_blue.gif) left top repeat-y;}
.colBlue .top { width: 256px; background: url(../gfx/1col_top_blue.gif) left top no-repeat;}
.colBlue .bottom { width: 256px; background: url(../gfx/1col_bottom_blue.gif) left bottom no-repeat;}

.colOrange { width: 256px; background: url(../gfx/1col_mid_orange.gif) left top repeat-y;}
.colOrange .top { width: 256px; background: url(../gfx/1col_top_orange.gif) left top no-repeat;}
.colOrange .bottom { width: 256px; background: url(../gfx/1col_bottom_orange.gif) left bottom no-repeat;}

.colGrey { width: 256px; background: url(../gfx/1col_mid_grey.gif) left top repeat-y;}
.colGrey .top { width: 256px; background: url(../gfx/1col_top_grey.gif) left top no-repeat;}
.colGrey .bottom { width: 256px; background: url(../gfx/1col_bottom_grey.gif) left bottom no-repeat;}

.colPurple { width: 256px; background: url(../gfx/1col_mid_purple.gif) left top repeat-y;}
.colPurple .top { width: 256px; background: url(../gfx/1col_top_purple.gif) left top no-repeat;}
.colPurple .bottom { width: 256px; background: url(../gfx/1col_bottom_purple.gif) left bottom no-repeat;}

.colYellow { width: 256px; background: url(../gfx/1col_mid_yellow.gif) left top repeat-y;}
.colYellow .top { width: 256px; background: url(../gfx/1col_top_yellow.gif) left top no-repeat;}
.colYellow .bottom { width: 256px; background: url(../gfx/1col_bottom_yellow.gif) left bottom no-repeat;}

.colGreen { width: 256px; background: url(../gfx/1col_mid_green.gif) left top repeat-y;}
.colGreen .top { width: 256px; background: url(../gfx/1col_top_green.gif) left top no-repeat;}
.colGreen .bottom { width: 256px; background: url(../gfx/1col_bottom_green.gif) left bottom no-repeat;}

/* DS: groot speelgoed */
.colWhite { width: 256px; background: url(../gfx/1col_mid_white.gif) left top repeat-y;}
.colWhite .articleTitleBox { left: 12px;}
.colWhite .articleTitleBox p, .colWhite .articleTitleBox div, .colWhite .articleTitleBox p div, .colWhite .articleTitleBox div p {color: #000; font-size: 80%;line-height: 100%; margin: 12px 12px 12px 12px;}
.colWhite h2 {color: #000;padding: 0px 12px 0px 12px;}
.colWhite h2 a { color: #000; font-size: 90%;}
.colWhite h2 a:hover { color: #000; }
.colWhite .articleBodyBox {padding: 0px 0px 20px 0px;}
.colWhite .articleTitleBox { padding: 12px 0px 5px 0px; }
.colWhite .top { width: 256px; background: url(../gfx/1col_top_white.gif) left top no-repeat;}
.colWhite .bottom { width: 256px; background: url(../gfx/1col_bottom_white.gif) left bottom no-repeat;}
.colWhite .priceBlock.right {position: relative; width: 200px; margin: -44px 0 0 0;}
.colWhite .priceBlock .priceLabel {margin-left: 12px;}
.colWhite p.forPrice {font-size: 120%; color: #000; padding: 10px 0px 10px 10px; margin-bottom: -5px;}
/* /DS: groot speelgoed */

.twoColTransparant { width: 512px; background: url(../gfx/2col_mid_transparant.gif) left top repeat-y;}
.twoColTransparant .top { width: 512px; background: url(../gfx/2col_top_transparant.gif) left top no-repeat;}
.twoColTransparant .bottom { width: 512px; background: url(../gfx/2col_bottom_transparant.gif) left bottom no-repeat;}

.twoColPink { width: 512px; background: url(../gfx/2col_mid_transparant.gif) left top repeat-y;}
.twoColPink .top { width: 512px; background: url(../gfx/2col_top_transparant.gif) left top no-repeat;}
.twoColPink .bottom { width: 512px; background: url(../gfx/2col_bottom_transparant.gif) left bottom no-repeat;}

.twoColRed { width: 512px; background: url(../gfx/2col_mid_red.gif) left top repeat-y;}
.twoColRed .top { width: 512px; background: url(../gfx/2col_top_red.gif) left top no-repeat;}
.twoColRed .bottom { width: 512px; background: url(../gfx/2col_bottom_red.gif) left bottom no-repeat;}

.twoColBlue { width: 512px; background: url(../gfx/2col_mid_blue.gif) left top repeat-y;}
.twoColBlue .top { width: 512px; background: url(../gfx/2col_top_blue.gif) left top no-repeat;}
.twoColBlue .bottom { width: 512px; background: url(../gfx/2col_bottom_blue.gif) left bottom no-repeat;}

.twoColOrange { width: 512px; background: url(../gfx/2col_mid_orange.gif) left top repeat-y;}
.twoColOrange .top { width: 512px; background: url(../gfx/2col_top_orange.gif) left top no-repeat;}
.twoColOrange .bottom { width: 512px; background: url(../gfx/2col_bottom_orange.gif) left bottom no-repeat;}

.twoColGrey { width: 512px; background: url(../gfx/2col_mid_grey.gif) left top repeat-y;}
.twoColGrey .top { width: 512px; background: url(../gfx/2col_top_grey.gif) left top no-repeat;}
.twoColGrey .bottom { width: 512px; background: url(../gfx/2col_bottom_grey.gif) left bottom no-repeat;}

.twoColPurple { width: 512px; background: url(../gfx/2col_mid_purple.gif) left top repeat-y;}
.twoColPurple .top { width: 512px; background: url(../gfx/2col_top_purple.gif) left top no-repeat;}
.twoColPurple .bottom { width: 512px; background: url(../gfx/2col_bottom_purple.gif) left bottom no-repeat;}

.twoColYellow { width: 512px; background: url(../gfx/2col_mid_yellow.gif) left top repeat-y;}
.twoColYellow .top { width: 512px; background: url(../gfx/2col_top_yellow.gif) left top no-repeat;}
.twoColYellow .bottom { width: 512px; background: url(../gfx/2col_bottom_yellow.gif) left bottom no-repeat;}

.twoColGreen { width: 512px; background: url(../gfx/2col_mid_green.gif) left top repeat-y;}
.twoColGreen .top { width: 512px; background: url(../gfx/2col_top_green.gif) left top no-repeat;}
.twoColGreen .bottom { width: 512px; background: url(../gfx/2col_bottom_green.gif) left bottom no-repeat;}

.twoColWhite { width: 512px; background: url(../gfx/2col_mid_white.gif) left top repeat-y;}
.twoColWhite .top { width: 512px; background: url(../gfx/2col_top_white.gif) left top no-repeat;}
.twoColWhite .bottom { width: 512px; background: url(../gfx/2col_bottom_white.gif) left bottom no-repeat;}
.twoColWhite .articleBodyBox, .twoColWhite .articleTitleBox {padding: 0px 0px 20px 0px;}

.threeColYellow { width: 768px; background: url(../gfx/3col_mid_yellow.gif) left top repeat-y;}
.threeColYellow h2 { color: #000;}
.threeColYellow .top { width: 768px; background: url(../gfx/3col_top_yellow.gif) left top no-repeat;}
.threeColYellow .bottom { width: 768px; background: url(../gfx/3col_bottom_yellow.gif) left bottom no-repeat;}
.threeColYellow .pageNavContainer {float: right; padding: 0px 0px 0px 0px; background: none; margin-top: -25px; margin-bottom: 0px;}
.threeColYellow .articleTitleBox{ padding: 12px 12px 0px 12px;}

/* ------------------------------------------------------------------------- */
/*  blokken  */
.leftBlock { float: left; width: 256px;}
.rightBlock { float: right; width: 512px;}
.column { float: left; width: 256px; }
.homeContainerLeft{ float: left; display: inline;}
.homeContainerRight{ float: right; display: inline;}


/* ------------------------------------------------------------------------- */
/*  default article styles  */
.articleTitleBox{ padding: 12px 0px 5px 12px; }
  h2 {font-size: 90%; font-weight: bold; margin: 0px; line-height: 120%; color: #FFFF00;}
  h2 img{margin-top: 5px;}
  h2 a {color: #ffff00;}
  h2 a:hover  {color: #FFFF00; text-decoration: underline;}
  h2 div {cursor: hand;}
.articleBodyBox{padding: 0px 0px 20px 12px; font-size: 70%; position: relative;}
.articleBodyBox.subTitle {font-size: 140%; font-weight: bold; margin: 0px 0px 5px 0px; }
.articleBodyBox p{ margin: 0px; padding-bottom: 10px; padding-right: 10px;}
.articleBodyBox p table td, .articleBodyBox table td{ font-size: 70%;}
.articleBodyBox ul{margin: 0px 0px 0px 0px;}
.articleBodyBox ul li{list-style: none; line-height: 160%; font-weight: bold; background: url(../gfx/submenu_listbullit_white.gif) no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 15px;  }
.articleBodyBox ul li a{ /*background: url(../gfx/submenu_listbullit.gif) no-repeat; background-position: 0px 5px;*/ color: #ffff00; font-size: bold; display: block;}
.articleBodyBox ul li a:hover { color: #fff;}
/* styles voor NS */
head+body.articleBodyBox p table td, .articleBodyBox table td{ font-size: 100%;}
head+body .articleBodyBox ul{margin: 0px 0px 8px -37px;}
head+body .articleBodyBox ul li a{background-position: 0px 2px;}


.bottomAlign {align: bottom;}
img.right {margin: 0px 8px 8px 5px; float: right;}
img.left {margin: 0px 5px 8px 8px; float: left;}

.imgRight, .imgRechts, imgLinks { padding: 0px 15px 8px 10px;}
.imgRight img, .imgRechts img{ float: right;}
head+body .imgRight img, head+body .imgRechts img{ margin-right: 30px; }
.imgLeft img, .imgLinks img{ float: left;}


/* aanbieding*/
table.aanbieding {width: 485px;}
table.aanbieding img {padding-left: 10px; }
p.forPrice {font-size: 120%; color: #ffff00; padding-top: 10px; margin-bottom: -5px;}
.priceBlock { position: relative; width: 200px; margin: 0px 0px 0px 0px; font-size: 130%; font-weight: bold; color: #FFFF00;}
.priceBlock .priceLabel { margin: 0; padding: 0 0 0 8px; height: 43px; line-height: 43px;  background: url(../gfx/pricelabel_left.gif) left top no-repeat; }
.priceBlock .priceLabel p { margin: 0; padding: 4px 8px 0 0; height: 43px; background: url(../gfx/pricelabel_back.gif) right top no-repeat; position: absolute;}
.priceBlock .priceLabel p img.price { float: left; margin: 0; padding: 0; }
.priceBlock .priceLabel p img.superscript { float: none; margin: 0; padding: 0; }
/* styles voor NS */
head+body .priceBlock { width: 100%; }

/*ul.nieuws {line-height: 120%;}
ul.nieuws li{ list-style: none; margin-bottom: 15px; font-weight: normal;}
ul.nieuws li .datum{font-size: 90%;}
ul.nieuws li a{ font-weight: bold; }*/
.newsLine {margin-bottom: 10px;}
.datum{font-size: 90%; color: #ffff00;}
.newsTitle, a.newsTitle{display: block; background: url(../gfx/nieuws_arrow.gif) 0px 2px no-repeat; margin-left: -12px; padding-left: 12px; font-weight: bold; color: #ffff00; font-size: 120%; line-height: 140%;}
a.leesverder, .leesverder:active { display: block; width: 80px; background: url(../gfx/leesverderpijl.gif) 65px 2px no-repeat;height: 15px;}
.leesverder:hover {background: url(../gfx/leesverderpijl_hover.gif) 65px 2px no-repeat; height: 15px; width: 80px;}


/* //////////////////////////////////////////////////////////////////////////
    SPECIFIEKE HOMEPAGE STYLES
///////////////////////////////////////////////////////////////////////// */
form.postcode{ margin: 0px 0px 3px 0px;}
form.postcode input.field, form.postcode select.field {background-color: #fff; border: 0px; height: 18px; width: 178px; font-size: 10px; padding: 2px 0px 0px 5px;}
form.postcode input.btnVind {border: 0px; margin-left: 0px; background: url(../gfx/btn_vind.gif) 0px 1px no-repeat; width: 42px; height: 20px; cursor: hand;}

/* Winterlook */
/* .special { background: transparent url(../gfx/winterlook/boomBg.gif) 0px -60px; } */
.special { background: transparent url(../gfx/winterlook/winterBg.gif) 0px -60px; }
.special .contentContainer { background: transparent url(../gfx/winterlook/bg_content.gif) repeat-x 0 0; }
.special .colTransparant { width: 256px; background: url(../gfx/winterlook/1col_mid_transparant.gif) left top repeat-y;}
.special .colTransparant .top { width: 256px; background: url(../gfx/winterlook/1col_top_transparant.gif) left top no-repeat;}
.special .colTransparant .bottom { width: 256px; background: url(../gfx/winterlook/1col_bottom_transparant.gif) left bottom no-repeat;}
/*.special .articleTitleBox h2 { background: url(../gfx/winterlook/h_nieuws.gif) no-repeat 0 0; }
.special .articleTitleBox img { visibility: hidden; }*/

.special .twoColTransparant { width: 512px; background: url(../gfx/winterlook/2col_mid_transparant.gif) left top repeat-y;}
.special .twoColTransparant .top { width: 512px; background: url(../gfx/winterlook/2col_top_transparant.gif) left top no-repeat;}
.special .twoColTransparant .bottom { width: 512px; background: url(../gfx/winterlook/2col_bottom_transparant.gif) left bottom no-repeat;}

.special .colRed { width: 256px; background: url(../gfx/winterlook/1col_mid_red.gif) left top repeat-y;}
.special .colRed .top { width: 256px; background: url(../gfx/winterlook/1col_top_red.gif) left top no-repeat;}
.special .colRed .bottom { width: 256px; background: url(../gfx/winterlook/1col_bottom_red.gif) left bottom no-repeat;}

.special .twoColPurple { width: 512px; background: url(../gfx/winterlook/2col_mid_purple.gif) left top repeat-y;}
.special .twoColPurple .top { width: 512px; background: url(../gfx/winterlook/2col_top_purple.gif) left top no-repeat;}
.special .twoColPurple .bottom { width: 512px; background: url(../gfx/winterlook/2col_bottom_purple.gif) left bottom no-repeat;}


/* Carnaval 2006 
.special { background: #6E3FB1; }
.special .contentContainer { background: #6E3FB1 url(../gfx/carnaval/bg_content.gif) repeat-x 0 0; }
.special .colTransparant { width: 256px; background: url(../gfx/carnaval/1col_mid_transparant.gif) left top repeat-y;}
.special .colTransparant .top { width: 256px; background: url(../gfx/carnaval/1col_top_transparant.gif) left top no-repeat;}
.special .colTransparant .bottom { width: 256px; background: url(../gfx/carnaval/1col_bottom_transparant.gif) left bottom no-repeat;}
.special .articleTitleBox h2 { background: url(../gfx/carnaval/h_nieuws.gif) no-repeat 0 0; }
.special .articleTitleBox img { visibility: hidden; }

.special .kerstmis h2 { background: url() no-repeat 0 0; }
.special .kerstmis img { visibility: visible; }

.special .colRed .articleTitleBox h2 { background: url() no-repeat 0 0; }
.special .colRed .articleTitleBox img { visibility: visible; }

.special .twoColTransparant { width: 512px; background: url(../gfx/carnaval/2col_mid_transparant.gif) left top repeat-y;}
.special .twoColTransparant .top { width: 512px; background: url(../gfx/carnaval/2col_top_transparant.gif) left top no-repeat;}
.special .twoColTransparant .bottom { width: 512px; background: url(../gfx/carnaval/2col_bottom_transparant.gif) left bottom no-repeat;}

.special .colRed { width: 256px; background: url(../gfx/carnaval/1col_mid_red.gif) left top repeat-y;}
.special .colRed .top { width: 256px; background: url(../gfx/carnaval/1col_top_red.gif) left top no-repeat;}
.special .colRed .bottom { width: 256px; background: url(../gfx/carnaval/1col_bottom_red.gif) left bottom no-repeat;}

.special .twoColPurple { width: 512px; background: url(../gfx/carnaval/2col_mid_purple.gif) left top repeat-y;}
.special .twoColPurple .top { width: 512px; background: url(../gfx/carnaval/2col_top_purple.gif) left top no-repeat;}
.special .twoColPurple .bottom { width: 512px; background: url(../gfx/carnaval/2col_bottom_purple.gif) left bottom no-repeat;}

.special a.newsTitle {color:#003565;}
.special .datum {color:#003565;}
*/

head+body table.aanbiedingBlock td {font-size: 100%;}
table.aanbiedingBlock td {font-size: 70%;}
#homepage table.aanbiedingBlock td h2 {font-size: 120%;}
#homepage td.price{ text-align: right; padding-right: 5px;}
#homepage .thisPrice {font-size: 140%; font-weight: bold; color: #ffff00;}


/* //////////////////////////////////////////////////////////////////////////
    SPECIFIEKE INFOPAGE STYLES
///////////////////////////////////////////////////////////////////////// */
h3 { font-size: 100%; margin:0px; margin-top: 2px;}
.line {border: 0px; background: url(../gfx/hr.gif) 0px 0px no-repeat; width: 508px;; height: 23px; margin-left:-12px; margin-top: 10px; position: absolute;}
.lineTop {border: 0px; background: url(../gfx/hr_top.gif) 0px 0px no-repeat; width: 508px;; height: 23px; margin-left:-12px; margin-top: 0px; position: absolute;}
a.btnReageer { border: 0px; background: url(../gfx/btn_reageer.gif) 0px 0px no-repeat; width: 219px; height: 32px; cursor: hand; position: absolute; margin: -2px 0px 0px 130px;}
a.btnReageer:hover { background: url(../gfx/btn_reageer_hover.gif) 0px 0px no-repeat; }
.pageFunctions {float: right; margin: -25px 8px 0px 0px; width: auto;}
html>body .pageFunctions {margin: -22px 15px 0px 0px;}
.pageFunctions a.btnBack {background: url(../gfx/btn_back_hover.gif) 0px 0px no-repeat; width: 24px; height: 24px; margin-right: 5px; display: block; float: left;}
.pageFunctions a.btnBack:hover {background: url(../gfx/btn_back.gif) 0px 0px no-repeat; width: 24px; height: 24px;}
.pageFunctions a.btnPrint {background: url(../gfx/btn_print_hover.gif) 0px 0px no-repeat; width: 24px; height: 24px; display: block; float: left;}
.pageFunctions a.btnPrint:hover {background: url(../gfx/btn_print.gif) 0px 0px no-repeat; width: 24px; height: 24px;}
/* styles voor NS */
head+body .line  {position: relative; margin-top: 10px;}
head+body a.btnReageer { position: absolute; margin: -25px 0px 0px 130px;}

#infopage form.postcode { margin: 20px 0px 3px 0px;}

/* ------------------------------------------------------------------------- */
/*  path */
ul.path{ margin: 0px 0px 0px -10px;}
ul.path li{ margin: 0px; margin-left: 10px; list-style: none; font-weight: bold; line-height: 180%; background: none; padding: 0px;}
ul.path li a{ padding: 0px 0px 0px 15px; color: #ffff00; background: url(../gfx/submenu_listbullit.gif) no-repeat; background-position: 0px 5px;}
ul.path li a:hover{ color: #fff; text-decoration: none; font-size: 120%; background: url(../gfx/submenu_listbullit_hover.gif) no-repeat; background-position: 0px 3px;}
ul.path.back li a{font-size: 70%; background-position: 0px 2px;}
ul.path.back li a:hover{font-size: 70%; background-position: 0px 0px;}
ul.path li.current{ list-style: none; font-weight: bold;   }
ul.path li.current a{ color: #fff; font-size: 120%; background: url(../gfx/submenu_listbullit_hover.gif) no-repeat; background-position: 0px 3px;}
ul.path li.current ul li {margin: 0px 0px 0px 15px; }
ul.path li.current ul li a{color: #ffff00;  font-size: 100%; background: url(../gfx/submenu_listbullit.gif) no-repeat; background-position: 0px 5px;}
ul.path li.current ul li a:hover{ color: #fff; text-decoration: none; font-size: 120%; background: url(../gfx/submenu_listbullit_hover.gif) no-repeat; background-position: 0px 3px;}
/* styles voor NS */
head+body ul.path{ margin: 0px 0px 8px -47px;}
head+body ul.path li a {background-position: 0px 2px;}
head+body ul.path li a:hover{ font-size: 100%; background-position: 0px -1px;}
head+body ul.path li.current a{ font-size: 120%; background-position: 0px 0px;}
head+body ul.path li.current ul{ margin-bottom: 0px;}
head+body ul.path li.current ul li{ margin-bottom: 0px;}
head+body ul.path li.current ul li a{ font-size: 100%; background-position: 0px 2px;}
head+body ul.path li.current ul li a:hover{ font-size: 100%; background-position: 0px -1px;}

/* ------------------------------------------------------------------------- */
/*  form */
.toyForm { margin-bottom: 20px;}
head+body .toyForm { margin-bottom: 30px; }
.row input, .row textarea  { margin-top: -1px; border: 0; height: 21px; }
head+body .row input, head+body .row textarea  { margin-top: 0; border: 0; height: 19px; }
.row { position: relative; height: 25px;}
.labelField { width: 160px; height: 21px; background: url(../gfx/form_startbar.gif) no-repeat 135px 0; }
.toyForm label { display: block; width: 160px; line-height: 18px; font-weight: bold; color: #ffff00; }
.fullfield { position: absolute; top:0; left: 160px; width: 225px; height: 21px; background: url(../gfx/form_endbar.gif) no-repeat right top; }
.fullfield input { width: 200px; font-size: 11px; padding: 2px 0px 0px 0px; font-family: verdana; }
.postcodefield { position: absolute; top:0; left: 160px; width: 65px; height: 21px; background: url(../gfx/form_endbar.gif) no-repeat right top; }
.postcodefield input { width: 40px; font-size: 11px; padding: 2px 0px 0px 0px; font-family: verdana; }
.cityField { position: absolute; top:0; left: 255px; width: 130px; height: 21px; background: url(../gfx/form_endbar.gif) no-repeat right top; }
.cityField input { width: 110px; font-size: 11px; padding: 2px 0px 0px 0px; font-family: verdana; }
.text { height: 85px; }
.text .labelField { height: 80px; background: url(../gfx/form_textarea_startbar.gif) no-repeat 135px 0;}
.text .fullfield  { height: 80px;  }
.toyForm .text textarea { width: 225px; height: 80px; font-family: verdana; font-size: 100%; padding: 2px 0px 0px 0px;}
.required { background: url(../gfx/form_startbar_required.gif) no-repeat 135px 0; }
.iconBoxRequired { position: absolute; top:0; left: 230px; width: 25px; height: 25px; background: url(../gfx/form_startbar_required.gif) no-repeat right top; }
.iconBoxRequired label { width: 21px; height: 21px;}
.radioRow {margin: -20px 0px 0px 140px;}
.radio {margin-bottom: -2px; margin-right: 2px;}
.pulldown {width: 220px; margin: -21px 0px 0px 160px; position: absolute; border: 1px solid white; height: 20px;}
.browse {background: url(../gfx/form_endbar_grey.gif) no-repeat right top;}
.toyForm .btnVerstuur { border: 0px; background: url(../gfx/btn_verstuur.gif) 0px 0px no-repeat; width: 117px; height: 32px; cursor: hand; position: absolute; margin: 18px 0px 0px 270px;}
/* styles voor NS */
head+body .toyForm .btnVerstuur { margin: 27px 0px 0px 270px;}
.toyform select, .toyform input { font-size: 11px; padding: 0px 0px 0px 0px; font-family: verdana; }

/* ------------------------------------------------------------------------- */
/*  Pagenav */
.pageNavContainer {height: 44px; width: 508px; background: url(../gfx/bg_pagenav.gif) 0px 0px no-repeat; padding: 0px 15px 0px 15px; position: relative; margin-top: -20px; margin-bottom: 0px;}
.pageNavContainer form {float: left; margin-right: 20px;}
.pageNumbers{ float: left; height: 34px; width: 100%; margin: 2px 0px 0px 0px; font-size: 70%;}
.pageNumbers a.number {color:#696969; font-weight: bold; height: 34px; line-height: 34px; padding: 0px 5px 0px 5px;}
.pageNumbers a:hover{background-color:#EE3E7B; color: #fff; text-decoration: none;}
.pageArrows {color:#696969; font-weight: bold; width: 20px; text-align: center; }
.pageArrows a{color:#696969; font-weight: bold; height: 34px; line-height: 34px;}
.pageArrows a:hover {background-color:#EE3E7B; color: #fff; text-decoration: none; width: 20px;}
.activePage {background-color:#696969; color: #fff; text-decoration: none; height: 34px; line-height: 34px; font-weight: bold; padding: 0px 5px 0px 5px;}

/* styles voor NS */
head+body .pageNumbers{ margin-right: 20px;}

/* DTHML layer controls */
.choiceList span { display: none; color:#696969; font-size: 70%; font-weight: bold;}
.choiceList a { position: relative;  cursor: hand; z-index: 10; }
.choiceList>a { cursor: pointer; } /* IE 5.5 only works with hand all newer browsers should default to pointer */
.choiceList a:hover { text-decoration: none; }
span.defaultChoice { display: inline !important; width: 190px; height: 22px; border: 1px solid #EE3E7B; margin: 8px 0px 0px -5px; padding-left: 5px; background-image: url(../gfx/pijl_dropdown.gif); background-repeat: no-repeat; background-position: 170px 5px;}

.dhtmlLayer { position: absolute; top: 1px; left: 1px; display: none; margin-left: 1px; margin-top: 2px; border: 1px solid #EE3E7B; padding: 0px; width: 190px; list-style: none; list-style-position: outside !important; background: #ffff00; z-index: 50;}
.dhtmlLayer li { margin: 0; display: block; padding: 0px 10px 2px 10px; text-align: left; background: #ffff00; }
.dhtmlLayer li a { display: block; margin: 0px -10px -2px -10px; padding: 0px 2px 0px 5px; text-decoration: none; color: #696969; cursor: hand; font-size: 11px; height: 18px; font-weight: bold;}
.dhtmlLayer li>a { cursor: pointer; }
.dhtmlLayer a:active,
.dhtmlLayer a:hover { color: #ffff00; background: #EE3E7B; text-decoration: none;}


/* ------------------------------------------------------------------------- */
/*  aanbiedingen rollover */
.detailBlock { display: none; }
.detailBlock .priceBlock { position: relative; bottom: 0px; width: auto; font-size: 130%; font-weight: bold; color: #000; }
/*.detailBlock .priceBlock .priceLabel {background-image: none; padding: 0 0 0 0px; height: 30px; line-height: 30px;}
.detailBlock .priceBlock .priceLabel p {background-image: none; padding: 0 0 0 0; height: 30px;}*/
.artikelnr {background: url(../gfx/bg_artikelnr.gif) 0px 2px no-repeat; height: 14px; width: 76px; color: #fff; font-weight: bold; padding: 0px 0px 1px 10px; letter-spacing: 1px; float:right; margin: -22px 5px 0px 0px;}
/* styles voor NS */
head+body .artikelnr {margin-right: 20px;}
head+body .promoBox { float: left; }
head+body .detailBlock { float: left; }

/*#floatingAdd {position: absolute;z-index: 1000; bottom: -100px;left: 0px;}*/
div#floatingAd {
  position: absolute; z-index: 1000; left: 0; top: 15; width: 100%; overflow: hidden;
  /* IE5.5+/Win - this is more specific than the NS4 version */
  /*left: expression( ( ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );*/
  /*top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/
  /*top: expression( ( -0 - floatingAdd.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/

}
head+body #floatingAd {z-index: 1000;}

.kingKong {position: absolute; top: 434px; }
.kingKongSpacer {height: 106px;}

/* //////////////////////////////////////////////////////////////////////////
    TOYTOY STYLES
///////////////////////////////////////////////////////////////////////// */
.toytoy1{ margin-top: -20px;}
.right {margin-right: 10px;}



/* //////////////////////////////////////////////////////////////////////////
    SEARCH RESULTS
///////////////////////////////////////////////////////////////////////// */
.searchResultTitle {color: #ffff00; font-weight: bold;}
.search-result {font-size: 70%;}
.search-line {border-top:1px solid #ffff00;}



/* //////////////////////////////////////////////////////////////////////////
    PROMOTIE AANMELD FORMULIER
///////////////////////////////////////////////////////////////////////// */
.promotion { margin: 20px 0; }
.promotion form fieldset p { font-size: 11px; }
.promotion form fieldset .labelField { float: left; padding: 0; height: 21px; width: 30%; background: url(../gfx/form_startbar.gif) no-repeat right top; }
.promotion form fieldset .fullField { position: static; float: left; padding: 0; width: 50%; height: 21px; color: #000; background: #fff; }
.promotion form fieldset .oneThirdField { float: left; padding: 0; width: 20%; }
.promotion form fieldset .twoThirdsField { float: left; padding: 0;width: 30%; }
.promotion form fieldset .dayField  { float: left; padding: 0; width: 15%; }
.promotion form fieldset .monthField  { float: left; padding: 0; width: 15%; }
.promotion form fieldset .yearField  { float: left; width: 20%; }
.promotion form fieldset .required { background: url(../gfx/form_startbar_required.gif) no-repeat right top; }

.promotion form fieldset .textField { float: left; padding: 0; width: 50%; height: auto; color: #000; background: #fff; }
.promotion form fieldset .textField p { padding: 5px; }

.promotion form fieldset .endField { position: static; float: left; width: 20%; height: 21px; background: url(../gfx/form_endbar.gif) no-repeat left top; }

.promotion form { margin: 0; padding: 0; width: 100%; background: transparent;}
.promotion form fieldset { margin: 0; border: 0; padding: 0; width: 100%; }
.promotion form input, .promotion form select { border: none; width: 100%; }
.promotion form textarea { margin-left: 2%; border: none; width: 98%; height: 148px; background: #fff; }
.promotion form select option { padding: 0.1em 0; }
.promotion form label { background: transparent; font-size: 11px; }
.promotion form .button { float: left; width:100%; padding-left:125px;}
.promotion form .button input { border: 0px solid #000;text-align: left; width:130px; height:32px; background-image:none; }
.promotion form .button .attention { border-bottom: 1px solid White; width: 100%; }

.promotion form fieldset .noStyle { text-align: left; color: #5C204B; background: #fff; }
.promotion form fieldset .noStyle input, .promotion form fieldset .noStyle label { display: inline; width: auto !important; background: transparent !important; }
.promotion form fieldset input[type=radio] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: White;}
.promotion form fieldset input[type=checkbox] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: transparent;}


.promotion form fieldset .clr { clear: both; display: block; margin: 0; padding: 0; width: 100%; height: 1px; font-size: 1px; line-height: 1px;  }
.promotion form fieldset div.clr { background-color: White;}


/* kerstkaart aktie */
#kerstKaart .imgBorder {border: 1px solid #000;}
#kerstKaart .radiobutton {width: 20px; margin-left: -5px;}
table.kerstKaart {border: 1px solid #A5ACB2;}
table.kerstKaart td {color: #000; padding: 0px 10px 0px 10px;}
table.kerstKaart td a {color: #000; text-decoration: underline;}
table.kerstKaart td a:hover {color: #FF0000;}
table.kerstKaart td textarea {border: 1px solid #A5ACB2; font-family: verdana; font-size: 11px; padding: 5px;}
table.kerstKaart td .textField {border: 1px solid #A5ACB2; font-size: 11px; height: 20px; width: 100%;}