/* CSS FOR BUITENSPELEN - NAVIGATION */
/* --------------------------------- */

/* DIV: STATICNAVIGATION */
div#staticnavigation { position: absolute; top: 10px; right: 8px; text-transform: uppercase; font-size: 11px;}
div#staticnavigation a { text-decoration: none; margin: 0 5px; }
div#staticnavigation a:hover, div#staticnavigation a.active { color: #951415; }

/* DIV: l-col */
div#l-col { float: left; width: 251px; background: url('../images/bg_l_col.jpg') repeat-x top left #FFF; min-height: 264px; _height: 264px; padding: 0 0px 300px 12px; _padding: 0 0 300px 10px; voice-family: "\"}\""; voice-family: inherit; width: 239px; _width: 241px; min-height: 114px; _height: 114px; }
div#l-col h4 { background: url('../images/bg_l-col-h4.png') no-repeat top left; width: 241px; height: 37px; text-align: center; color: #333; font-weight: normal; font-size: 14px; text-transform: uppercase; padding: 10px 0 0 0; margin: -5px 0 15px -7px; voice-family: "\"}\""; voice-family: inherit; height: 27px; }
* html body div#l-col h4 { margin-top: 0px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://buitenspelen-nl.browsbox.be/templates/buitenspelen/images/bg_l-col-h4.png',sizingMethod='crop'); }
div#l-col div#totalprice { float: left; height: 38px; margin: 20px 0 0 0; background: url('../images/bg_totalprice.gif') repeat-x top left; padding: 9px 0 0 0; voice-family: "\"}\""; voice-family: inherit; height: 29px;}
div#l-col div#totalprice div#totalprice-left { float: left; width: 70px; color: #666; text-transform: uppercase; font-weight: bold; padding-top: 3px; font-size: 11px; }
div#l-col div#totalprice div#basket-total-price { float: left; width: 155px; text-align: right; color: #CF0000; font-size: 17px; font-weight: bold; line-height: 100%; }
div#l-col div#totalprice div#basket-total-price sup { font-size: 8px; vertical-align:text-top;}
div#l-col div#totalprice div#basket-total-price span.valuta { font-weight: normal; font-size: 12px; }

/* DIV: topnavigation */
div#topnavigation {	position: absolute; top: -78px; right: 18px; height: 22px; width: 660px; _width: 670px;}
div#topnavigation a { float: left; display: block; width: 158px; height: 22px; padding: 5px 0px 0 0px; margin: 0 0 7px 7px; text-align: center; color: #FFF; text-decoration: none; text-transform: uppercase; background: url('../images/bg_topnav_a.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; height: 17px; }
* html div#topnavigation a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://buitenspelen-nl.browsbox.be/templates/buitenspelen/images/bg_topnav_a.png',sizingMethod='crop'); }
div#topnavigation a:hover, div#topnavigation a.active, div#topnavigation li:hover a { background: url('../images/bg_topnav_a_active.png') no-repeat top left; }
* html div#topnavigation a:hover, * html div#topnavigation a.active, * html div#topnavigation li:hover a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://buitenspelen-nl.browsbox.be/templates/buitenspelen/images/bg_topnav_a_active.png',sizingMethod='crop'); }

/* PAGE NAVIGATION */
div.pagenavigation-top{	float: right; margin: 0; text-align: right;	color: #666; }
div.pagenavigation-bottom {	float: left; width: 100%; margin: 35px 0 0 0; text-align: center; color: #666; }
div.pagenavigation-top a.active, div.pagenavigation-bottom a.active { color: #c00; text-decoration: none;}	

/* DROPDOWN NAVIGATION */
.nav, .nav ul { list-style: none; margin: 0; padding: 0; width: 270px; }
.nav { z-index: 100; position: relative; }
.nav li { float: left; margin: 0; padding: 0; position: relative; width: 270px; }
.nav li a { font-size: 13.5px; text-decoration: none; display:block; color: #333; padding: 4px 42px 0 15px; width: 270px; height: 26px; voice-family: "\"}\""; voice-family: inherit; width: 213px; height: 22px; }
.nav li a:hover, .nav li a.active { color: #000; }
#nav-one li:hover a, #nav-one li.sfHover a { color: #000; }
#nav-one li:hover ul a, #nav-one li.sfHover ul a { background: #DADADA; color: #666;filter: alpha(opacity=95); -moz-opacity:0.95; }
#nav-one li:hover ul a.active, #nav-one li:hover ul a.active:hover { color: #951415;	}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { color: #000;	}
.nav ul {
  border-bottom: 1px solid #D0D0D0;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul, .nav li.sfHover ul { top: 25px; }
.nav ul li { border: 0; float: none; }
.nav ul a {
  border: 1px solid #D0D0D0;
  border-bottom: 0;
  padding-right: 20px;
  white-space: nowrap;
  padding: 4px 42px 0 15px; width: 270px; voice-family: "\"}\""; voice-family: inherit; width: 213px;
}/*
.nav ul a:hover, .nav ul a.active { background: #DADADA; color: #000; }
*/

/* Navigation sublevel */
/*.nav ul { list-style: none; margin: 0; position: absolute; top: -999em; background: url('../images/bg_subnav_products.png') no-repeat bottom left; }
.nav li:hover ul, .nav li.sfHover ul { top: 7px; *top: 6px; left: 0px;  }
.nav ul li { background: #EDEBE9; border: 0; }
div#productcats ul#productcategories li ul li { float: none; width: 124px; height: 28px; padding: 5px 0px 0 0px; text-align: center; voice-family: "\"}\""; voice-family: inherit; height: 23px; }
.nav ul a { border-bottom: 0; width: 124px; display: block; font-size: 12px; white-space: nowrap; color: #AAABAE; }
.nav ul a.last { border-bottom: none; }
*/

/* PRODUCTSSCROLLER */
div#productblock div#productsscroller #sections {overflow:hidden; width:904px; height:130px; position: absolute; top: 22px; left: 25px; /*margin: 22px 0 0 25px;*/ overflow: hidden; }
div#productblock div#productsscroller #sections ul{ width:8660px; padding: 0px; margin: 0px; list-style: none; }
div#productblock div#productsscroller #sections li{/* position: relative; */cursor: pointer; float:left; width: 222px; height: 129px; padding: 7px 5px; text-align: center; margin: 0 4px 0 0; background: url('../images/bg_productscroller_item.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 212px; height: 115px; }
* html div#productblock div#productsscroller #sections li { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://buitenspelen-nl.browsbox.be/templates/buitenspelen/images/bg_productscroller_item.png',sizingMethod='crop'); }
div#productblock div#productsscroller #sections div{ width: 212px; height: 115px; position: relative; }
div#productblock div#productsscroller #sections h2{	width: 210px; height: 22px; text-align: center; background: url('../images/bg_productscroller_item_h2.gif') no-repeat top left; color:#FFF; font-weight: bold; text-transform: uppercase; font-size: 13px; margin: 0 0 5px 0; padding: 4px 0 0 0; voice-family: "\"}\""; voice-family: inherit; height: 18px; }
div#productblock div#productsscroller #sections h2.greenactive{ background: url('../images/bg_productscroller_item_h2_greenactive.gif') no-repeat top left; }

div#productblock div#productsscroller #sections h3{	position: absolute; top: -2px; right: 0px; width: 79px; height: 20px; text-align: center; background: url('../images/bg_productscroller_item_h3.gif') no-repeat top right; font-weight: normal; color:#FFF; text-transform: uppercase; font-size: 13px; margin: 0 0 5px 0; padding: 2px 0 0 0; voice-family: "\"}\""; voice-family: inherit; height: 18px; }
div#productblock div#productsscroller #sections h3 sup { vertical-align:text-top; font-size:9px;  }
div#productblock div#productsscroller #sections #diam{ position: absolute; top: 0px; left: 5px; font-size: 12px; width: 79px; height: 20px; text-align: left; } 

div#productblock div#navigation { position: absolute; top: 160px; left: 3px; width: 950px; height: 15px; }
div#productblock div#navigation ul { list-style: none; width: 950px; text-align: center; }
div#productblock div#navigation ul li { display: inline;}
div#productblock div#navigation ul li a.active { color: #999999; text-decoration: none;}
div#productblock div#productsscroller #sections h3.red { background: url('../images/bg_promoprice.gif') no-repeat top right; }
div#productblock div#productsscroller img.next, div#productblock div#productsscroller img.prev { position: absolute; top: 80px; left: 10px; cursor: pointer; }
div#productblock div#productsscroller img.next { left: 930px; }

/* SHOPPING CART ITEMS */
table#shopping_cart_items { width: 100%; }
table#shopping_cart_items td.trashcan { padding: 2px 0 12px 0; width: 15px; vertical-align: top; }
table#shopping_cart_items td.trashcan img { cursor: pointer; }
table#shopping_cart_items td.productName { vertical-align: top; width: 135px; padding: 0 12px 12px 0px; voice-family: "\"}\""; voice-family: inherit; width: 123px; }
table#shopping_cart_items td.productPrice { vertical-align: top; text-align: right; padding: 0 0 12px 0; font-size: 16px; font-weight: bold; line-height:100% }
table#shopping_cart_items td.productPrice span.valuta { font-size: 10px; font-weight: normal; }
table#shopping_cart_items td.productPrice sup { vertical-align:text-top; font-size:9px; }