/*******************
 
 1 STANDARD STYLES
 
 2 NAVIGATION
	 2.1 MAIN NAVIGATION
	 2.2 SUB NAVIGATION
	 2.3 TOP NAVIGATION
	 2.4 BREADCRUMS & SEARCH
 
 3 SHOPPING HEADER
 
 4 GLOBAL LAYOUT
	 4.1 PRODUCT COLLECTION LAYOUT
	 4.2 WEBSHOP LAYOUT
	 4.3 PAGINATION
	 
 5 PROMOITEMS

 6 TOOLBAR

 7 ACCORDION

 8 DATABUILDER
 	8.1 DATABUILDER FOR PROMOITEMS
 	8.2 DATABUILDER FOR LAYOUTS
 	8.3 TABS
 	
 9 SHOPPINGBASKET
 
 10 FLASH
 
 11 IMAGEGALLERY
 
 12 NEWSLETTER
 
 13 LIVEBOX
 
 14 PRETTYPHOT POPUP SCREENS
 
 15 GLOBAL FORMS
 
 16 ROUTEPLANNER
 
 17 REVIEWS
 
 18 FOOTER
 
 19 SITEMAP
 
 20 sIFR
 
 
 ONGOING: fix TODO 's 
*******************/


/*-- 1 STANDARD STYLES --*/

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, 
div, span, img, form, fieldset, legend, table, tr, td, th {
    margin: 0;
    padding: 0;
    outline: 0;
}

html { font-size: 65.5% }

body { font-size: 1em; }

h1 {
    color: #0192dc;
    font-weight: normal;
    font-size: 2.8em;
    letter-spacing: -1px;
    line-height: 1em;
}

img {
    border: 0;
}

a:focus, a:link, object {
    outline: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
}

table tr { border-bottom: #fff solid 1px; }

table tr.odd { background: #F2F5F7; }

table tr.even { background: #EBEFF0; }

table tr:first-child { font-weight: bold; }

table td { padding: 2px 5px; }


/*-- 2 NAVIGATION --*/

h2#logo a {
    display: block;
    min-height: 127px;
    _height: 127px; /*ie6*/
    overflow: hidden;
    padding: 21px 0 0 23px;
    text-indent: -9999em;
    width: 292px;
}
	
	
	/*-- 2.1 MAIN NAVIGATION --*/
	
	ul#mainNav {
	    height: 30px;
	    padding-left: 35px;
	    list-style: none;
	    overflow: hidden;
	}
	
	ul#mainNav li {
	    float: left;
	    font-size: 12px;
	    padding-left: 30px;
	    margin-left: -25px;
	    letter-spacing: 1px;
	}
	
	ul#mainNav li a:hover {
	    color: #fff;
	    text-decoration: none;
	}
	
	ul#mainNav a {
	    color: #FFF;
	    display: block;
	    line-height: 37px;
	    padding-right: 30px;
	    text-decoration: none;
	}
	
	ul#mainNav a:hover {
	    text-decoration: underline !important;
	}
	
	ul#mainNav .current {
	    background: url(/img/css/menu_left.png) no-repeat;
	    color: #000 !important;
	}
	
	ul#mainNav .current a {
	    background: url(/img/css/menu_right.png) no-repeat right top;
	    color: #000 !important;
	    text-decoration: none !important;
	}
	
	
	/*-- 2.2 SUB NAVIGATION --*/
	
	ul#nav-sub {
	    background: url(../img/css/achtergronden/header_subnav_bg.png) no-repeat bottom left;
	    list-style: none;
	    padding: 0px 0 10px 27px;
	}
	
	ul#nav-sub li {
	    display: inline;
	    line-height: 18px;
	    margin: 0;
	}
	
	ul#nav-sub li a {
	    margin: 0px 10px;
	    color: #666;
	    letter-spacing: 1px;
	    font-weight: normal;
	    font-size: 12px;
	}
	
	ul#nav-sub li a:hover {
	    color: #333;
	    text-decoration: none;
	}
	
	ul#nav-sub span, #nav-sub i {
	    background-image: none;
	    color: #333;
	    font-size: 12px;
	    font-weight: normal;
	    letter-spacing: 1px;
	}
	
	ul#nav-sub .current span, #nav-sub .current i {
	    background-image: url(../img/css/buttons.png);
	    color: #fff !important;
	    font-size: 10px;
	    letter-spacing: 0;
	}
	
	ul#nav-sub .current {
	    margin: -3px 5px;
	}
	
	ul#nav-sub .button {
	    color: #99D3F1;
	    font-size: 12px;
	    font-weight: normal;
	    letter-spacing: 1px;
	    margin-right: 5px;
	}
	
	
	/*-- 2.3 TOP NAVIGATION --*/
	
	#topNav {
	    display: inline;
	    float: right;
	    position: absolute;
	    top: 9px;
	    right: 0px;
	    height: 22px;
	    list-style: none;
	    overflow: hidden;
	    padding: 3px 10px 0 30px;
	}
	
	#topNav li {
	    float: left;
	    font-size: 10px;
	    list-style: none;
	    margin-left: 5px;
	}
	
	#topNav li a {
	    color: #99d3f1;
	}
	
	#langSelect {
	    float: right;
	    margin-right: 12px;
	    padding-top: 5px;
	}
	
	#langSelect ul {
	    list-style: none;
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
	
	#langSelect li {
	    display: inline;
	    font-size: 10px;
	    list-style: none;
	    margin-left: 5px;
	}
	
	#langSelect li a {
	    color: #99d3f1;
	}
	
	#langSelect li a.current {
	    color: #fff;
	}
	
	
	/*-- 2.3 BREADCRUMBS & SEARCH --- */
	
	#searchBar form legend {
	    display: none;
	}
	
	#searchBar form input {
	    border: solid 1px #d7dee0;
	    float: left;
	    font-size: 10px;
	    line-height: 14px;
	    margin-right: 5px;
	    width: 140px;
	}
	
	#searchBar form label {
	    margin-right: 10px;
	    text-align: right;
	    width: 80px;
	    float: left;
	    line-height: 17px;
	}


/*-- 3 SHOPPINGCART-HEADER --*/

#shoppingCart {
    color: #fff;
    font-size: 10px;
    height: 50px;
    margin: 0px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 55px;
    width: 220px;
    z-index: 2;
}

#v .firstColumn, #shoppingCart .secondColumn {
    float: left;
    padding-left: 8px;
    width: 80px;
}

#shoppingCart .secondColumn {
    width: 30px;
}

#shoppingCart .checkOut {
    position: absolute;
    top: 25px;
    left: 145px;
}

#shoppingCart p {
    line-height: 12px;
    overflow: hidden;
    width: 130px;
}

#shoppingCart h2 {
    font-size: 1.2em;
    padding: 3px 7px 0px 7px;
}


/*-- 4 GLOBAL LAYOUT --*/

p.text {
    margin-bottom: 12px;
}

.text ul {
    margin: 15px;
}

.intro ul {
    margin-left: 15px;
}

.intro ol {
    margin-left: 25px;
}

.intro a {
    background: url(../img/css/arrows.png) no-repeat 100% 4px;
    padding-right: 23px;
}

.accessibility {
    left: -9999em;
    position: absolute;
}

#productLayout { overflow: hidden; }

#main { float: left; }

.container {
    width: 100%;
    overflow: hidden;
}

.container p { margin-bottom: 12px; }

.noFloat { float: none; }

.clear {
    clear: both;
    overflow: hidden;
}

.clearline {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;	
}

.overflow {
    overflow: hidden;
    width: 100%;
}

.hidden { display: none; }

.floatLeft, .left { float: left; }

.floatRight, .right { float: right; }

.center { text-align: center; }

.uppercase { text-transform: uppercase; }

.textAlignRight { text-align: right; }

.p12lr { padding: 0 12px; }

.m12tb { margin: 12px 0; }

.message { padding: 6px; }

.message h3 {  margin-bottom: 2px; }

.succes {
    color: #00AD10;
    border: #00AD10 solid 1px;
}

.alert {
    color: #f00;
    border: #f00 solid 1px;
}

.error { color: #f00; }

.spacerline {
	height: 12px;
	line-height: 0;
	font-size: 0;
}

/* TODO: move to IE7 stylesheet */
.jquery-corner { height: 12px; }

	
	/*-- 4.1 PRODUCT COLLECTION LAYOUT --*/
	
	.viewSelector {
	    float: right;
	    margin: 3px 0px 5px;
	    position: relative;
	    right: 16px;
	    top: 0;
	    z-index: 2;
	}
	
	.productScrollCollection {
	    display: inline;
	    float: left;
	    margin: 0 12px 12px 0;
	    width: 100%;
	}
	
	.productCollection {
	    text-align: center;
	    margin: 0 auto;
	}
	
	.productScrollCollection.clickTracker, 
	.productCollection.clickTracker { opacity: 0.8; }
	
	.productCollection.clickTracker:hover, .productScrollCollection.clickTracker:hover {
	    cursor: pointer;
	    opacity: 1;
	}
	
	.price {
	    color: #FF7F00;
	    font-size: 23px;
	    font-weight: bold;
	}
	
	.price span {
	    font-size: 60%;
	    margin-left: 2px;
	    vertical-align: top;
	}
	
	.productCollection .price {
	    line-height: 20px;
	    margin-bottom: 9px;
	}
	
	.productScrollCollection .price {
	    margin-bottom: 2px;
	}
	
	.js .galleryDisabled {
	    border: #000 solid 1px;
	    display: none;
	}
	
	del {
	    background: url(../img/css/strikeThroughBlack.gif) 50% 50% no-repeat;
	    color: #626262;
	    font-size: 12px;
	    line-height: 0.9em;
	    text-decoration: none;
	}
	
	.productCollection .information, .productScrollCollection .information {
	    padding: 3px 3px 0;
	    margin: 0;
	    font-size: 12px !important;
	    line-height: 17px;
	}
	
	.productScrollCollection .information a {
	    color: #FF7F00;
	}
	
	.productScrollCollection .details {
	    display: inline;
	    float: right;
	    margin: 15px 15px 0 0;
	    text-align: right;
	    width: 200px;
	}
	
	.productCollection .call-to-action { margin: 2px 0 10px; }
	
	.productScrollCollection .call-to-action { margin: 20px 0; }
	
	.alreadyinBasket {
	    color: #F76400;
	    font-size: 11px;
	    margin: 20px 0 -15px;
	}
	
	.TL, .TR, .BL, .BR {
	    background: url(../img/css/corners.png) no-repeat;
	    height: 12px;
	    overflow: hidden;
	    position: absolute;
	    width: 12px;
	}
	
	.TL, .BL { left: 0; }
	
	 .TR, .BR { right: 0; }
	
	.TL, .TR { top: 0; }
	
	.BL, .BR { bottom: 0; }
	
	.TL { background-position: 0 0; }
	
	.TR { background-position: 100% -24px; }
	
	.BL { background-position: 100% -72px; }
	
	.BR { background-position: 100% -48px; }
	
	/* TODO: fix quick and dirty fix  */
	.productScrollCollection .buyBlock {
	    background: #E6F4FC;
	    display: inline;
	    float: right;
	    font-size: 12px;
	    margin: -13px 0 -5px 12px;
	    overflow: hidden;
	    position: relative;
	    padding: 20px 18px 12px;
	    width: 184px;
	    z-index: 4;
	}
	
	.productScrollCollection .buyBlock p {
	    overflow: hidden;
	    width: 100%;
	}
	
	.newProductIcon {
	    height: 40px;
	    left: 10px;
	    position: absolute;
	    top: 60px;
	    width: 40px;
	    z-index: 3;
	}
	
	#productDetails {
	    overflow: hidden;
	    margin: 18px 0 22px;
	}
	
	ol.carrousel {
	    list-style: none;
	    overflow: hidden;
	    margin: 12px auto;
	}
	
	ol.carrousel li { float: left; }
	
	ol.carrousel li.carrousel_video {
		margin-left: 12px;
		position: relative;
	}
	
	ol.carrousel li img {
	    border: #ccc solid 1px;
	    margin: 2px;
	}
	
	.buyBlock del { font-size: 1.9em; }
	
	.buyBlock .price_tag_label {
	    clear: both;
	    float: left;
	    line-height: 19px;
	    margin-right: 3px;
	    width: 200px;
	}
	
	.buyBlock .price_tag_webshop {
	    color: #97BE0D;
	    float: left;
	    font-size: 50px;
	    font-weight: bold;
	    overflow: hidden;
	    position: relative;
	    width: 200px;
	}
	
	.buyBlock .price_tag_webshop span {
	    color: #97BE0D;
	    font-size: 60%;
	    font-weight: bold;
	    margin-left: 2px;
	    position: absolute;
	    top: 4px;
	}
	
	.buyBlock .price_tag_discount {
	    font-size: 1.3em;
	    font-weight: normal;
	    float: left;
	    width: 200px;
	    overflow: hidden;
	    margin-bottom: 12px;
	}
	
	.product_ordertime, .product_tags {
	    clear: both;
	    font-size: 1.1em;
	    line-height: 13px;
	    overflow: hidden;
	    width: 100%;
	}
	
	.buyBlock .product_ordertime, .buyBlock .product_tags { font-weight: bold; }
	
	.buyBlock .product_discount, .product_ordertime, .product_tags { color: #8B9298; }
	
	.buyBlock del, .buyBlock .price_tag_label, .buyBlock .price_tag_discount, .buyBlock .extraDetails { color: #626262; }
	
	.buyBlock .label {
	    color: #666;
	    font-weight: bold;
	}
	
	.buyBlock .extraDetails {
	    clear: both;
	    font-size: 0.9em;
	    margin-bottom: 6px;
	}
	
	ul.linklist {
	    font-size: 0.9em;
	    list-style: none;
	    padding-bottom: 20px;
	    width: 100%;
	}
	
	ul.linklist li a {
	    background: url(../img/css/arrows.png) 100% -97px no-repeat;
	    color: #666;
	    font-weight: bold;
	    padding-right: 22px;
	}
	
	.tableSpecs {
	    font-size: 12px;
	    line-height: 21px;
	    padding: 2px 0;
	    text-align: left;
	}
	
	
	/*-- 4.2 WEBSHOP LAYOUT --*/
	
	.gmapTabContainer {
	    background: #E6F4FC;
	    padding: 6px 12px 12px;
	    margin-bottom: 12px;
	    height: 1%;
	    overflow: hidden;
	}
	
	.gmapTabContainer p {
	    color: #666;
	    font-size: 11px;
	    width: 100%;
	    overflow: hidden;
	}
	
	.gmapTabContainer input {
	    width: 150px;
	    border: #b8b8b8 solid 1px;
	    height: 16px;
	    margin-left: 12px;
	}
	
	.gmapTabContainer .button {
	    margin-top: 2px;
	}
	
	.gmapTabContainer #map {
	    margin-top: 6px;
	    height: 260px;
	    border: #fff solid 1px;
	}
	
	.gmapTabContainer .smallMap {
	    width: 390px;
	    height: 260px;
	}
	
	.mini .dataholder {
	    overflow: hidden;
	    width: 100%;
	    margin-top: 8px;
	}
	
	.gmapTabContainer form {
	    margin-top: 15px;
	}
	
	.gmapTabContainer legend {
	    font-size: 13px;
	    color: #666;
	    font-weight: bold;
	    margin-bottom: 8px;
	}
	
	.gmapTabContainer label {
	    width: 45px;
	    font-size: 10px;
	    float: left;
	}
	
	.gmapTabContainer .sort label {
	    width: 145px;
	    font-size: 10px;
	    float: left;
	}
	
	.gmapTabContainer input.text {
	    width: 120px;
	    border: solid 1px #ccc;
	    margin-right: 6px;
	    float: left;
	    height: 13px;
	    line-height: 13px;
	    font-size: 11px;
	}
	
	.gmapTabContainer form p {
	    overflow: hidden;
	    margin-bottom: 8px;
	}
	
	.gmapTabContainer .informationContainer {
	    margin: 8px 25px 0 0;
	}
	
	.gmapTabContainer .informationContainer h3 {
	    color: #0192dc;
	    font-size: 13px;
	}
	
	.gmapTabContainer .informationContainer p {
	    width: auto;
	    float: none;
	    font-size: 13px;
	}
	
	.gmapTabContainer .informationContainer p span {
	    width: 65px;
	    float: left;
	}
	
	.kvkInformation {
	    font-size: 12px;
	}
	
	.kvkInformation a {
	    text-decoration: underline;
	}
	
	.productScrollCollection.mini {
	    font-size: 12px;
	}
	
	.productScrollCollection.mini .column {
	    width: 11%;
	    float: left;
	    margin-right: 12px;
	}
	
	.productScrollCollection.mini .distance {
	    width: 35px;
	    float: left;
	}
	
	.productScrollCollection.mini h3 {
	    margin-bottom: 2px;
	    padding: 0;
	    font-size: 13px;
	    line-height: 15px;
	}
	
	.productScrollCollection.mini p {
	    line-height: 16px;
	}
	
	.productScrollCollection.mini .data {
	    float: left;
	    margin-right: 12px;
	    width: 35%;
	}
	
	.productScrollCollection.mini .image {
	    margin-right: 12px;
	}
	
	.productScrollCollection.mini .price {
	    color: #97be0d;
	}
	
	.productScrollCollection.mini a.tiny {
	    font-size: 11px;
	    color: #9E9E9E;
	    background: url(../img/css/arrows.png) no-repeat 100% -115px;
	    padding-right: 22px;
	}
	
	.legenda {
	    color: #626262;
	    overflow: hidden;
	    margin: 8px 0 6px 8px;
	}
	
	.legenda a {
	    color: #FF7F00 !important;
	    text-decoration: underline;
	}
	
	.legenda a:hover {
	    color: #FF7F00 !important;
	    text-decoration: none;
	}
	
	.legenda .data {
	    float: left;
	    margin-right: 12px;
	    width: 35%;
	}
	
	.legenda .column {
	    width: 13%;
	    float: left;
	}
	
	#tabs-4 .productScrollCollection .information {
	    line-height: 16px;
	}
	
	#tabs-4 .productScrollCollection h2 {
	    font-size: 13px;
	    margin: 8px 0 2px;
	}
	
	#tabs-4 .productScrollCollection .details {
	    width: 20%;
	    margin: 6px 20px 0 0;
	    padding: 0;
	    height: auto;
	}
	
	#tabs-4 .productScrollCollection .price {
	    margin: 0;
	}
	
	#tabs-4 .productScrollCollection .call-to-action {
	    margin-top: 8px;
	    padding: 0;
	}
	
	
	/*-- 4.3 PAGINATION --*/
	
	.pagination {
	    margin: 10px 0;
	    overflow: hidden;
	    background: #CCE9F8;
	    width: 100%;
	    position: relative;
	    text-align: center;
	}
	
	.pagination ul {
	    list-style: none;
	    margin: 0;
	    padding: 6px 0;
	    font-size: 11px;
	}
	
	.pagination li {
	    display: inline;
	}
	
	.pagination li a, .pagination li a:visited {
	    padding: 2px 5px;
	    background: #fff;
	    text-decoration: none;
	    color: #666;
	}
	
	.pagination li a:hover, .pagination li a:active {
	    color: #000;
	    background: #ccc;
	}
	
	.pagination li select {
	    margin: 0 0 0 3px;
	}
	
	.pagination li a.activePagination {
	    background: #888 !important;
	    color: #FFF !important;
	    cursor: default;
	}
	
	.pagination .prev {
	    position: absolute;
	    left: 0;
	    top: 0;
	    margin: 8px 0 0 10px;
	}
	
	.pagination .next {
	    position: absolute;
	    right: 0;
	    top: 0;
	    margin: 8px 10px 0 0;
	}
	
	#checkout.pagination {
	    height: 42px;
	    clear: both;
	}


/*-- 5 PROMOITEMS --*/

#promoRandom { padding: 20px 0 10px 33px; }

#promoRandom .products {
    width: 95px;
    margin: 0 15px 0 0;
    float: left;
}


/*-- 6 TOOLBAR --*/

.toolBar {
    width: 140px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right;
}

.toolBar a {
    float: right;
    margin-left: 5px;
}

.toolBar.dynamic {
    right: 40px;
    top: 0px;
}

.toolBar.normal {
    width: 100%;
    overflow: hidden;
    text-align: right;
    /*margin-bottom: 5px;*/
	margin-top:7px;
    position: static;
}

.buttonBar {
    width: 100%;
    overflow: hidden;
    margin-top: 12px;
}

.buttonBar a { margin-right: 10px; }

/* -------->> Sitemap <<<----------*/
#sitemap {
    color: #fff;
    line-height: 20px;
}

#sitemap .sitemapColumn {
    float: left;
    width: 158px;
    display: inline;
    border-left: solid 1px #fff;
    padding-left: 20px;
}

#sitemap .sitemapColumn ul { list-style: none; }

#sitemap .sitemapColumn ul li {
    width: 160px;
    font-size: 11px;
    overflow: hidden;
}

#sitemap .sitemapColumn ul li a,
#sitemap .sitemapColumn li a:hover {
    color: #666;
}

#sitemap .sitemapColumn h3 {
    font-size: 13px;
    font-weight: bold;
}

#productLayout, #sitemap { padding: 12px 0; }

.contentContainer { margin: 0 0 24px 0; }

/* -------->> Promoitems <<<----------*/
.promo { font-size: 1.2em; }

.promo h2 {
    font-size: 1.3em;
    margin-bottom: 2px;
}

.promo a { color: #3F3F3F; }

.promo p { margin: 0 10px 8px 0; }

.promo ul {
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.promo ul li {
    line-height: 14px;
    float: left;
    display: inline;
}

.promo ul li a {
    float: left;
    display: block;
    padding: 3px 0;
    text-decoration: none;
}

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

.promo ul li img {
    float: left;
    display: inline;
    padding: 0px;
    margin: 0 10px 0 0;
    width: 20px;
    height: 18px;
}

.promo form, .promo fieldset {
    margin: 0px;
    width: auto;
}

.promo label {
    font-size: 1.1em;
    margin: 2px 0;
}

.promo input {
    border: solid 1px #D7DEE0;
    font-size: 1em;
}

.promo form button { margin-top: 4px; }

.promo form legend { display: none; }

.promo form ul li {
    overflow: hidden;
    padding: 0 0 3px 0;
    margin: 0;
}

.promo .error { font-size: 1.1em; }

.promo .button-action { padding-bottom: 20px; }

.promoFlex.top { padding-top: 12px !important; }

.promoFlex h2.spacer { margin-bottom: 8px; }

.promoFlex p.spacer { margin-top: 4px; }

.promoFlex h2, .promoFlex p { margin-left: 12px; }

.promoFlex span img { margin-bottom: 12px; }

.promo.promoCheckOut { font-size: 11px; }

.promo.promoCheckOut ol { list-style: none; }

.promo.promoCheckOut li img {
    width: auto;
    height: auto;
    float: left;
}

.promo.promoCheckOut ol li a { display: block; }

.promo.promoCheckOut ol li {
    border-bottom: solid 1px #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.promo.promoCheckOut p {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px 0;
    color: #E5E5E5;
}

.promo.promoCheckOut .price {
    float: right;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.promo.promoCheckOut .remove { float: right; }

.promo.promoCheckOut .total { font-weight: bold; }

#promoTab { overflow: hidden; }

/*promo Attention*/
#sidebarRight .promo.attention {
    background: url('/img/attention/bg_attention.png') no-repeat right center;
	padding-right: 42px;
}

.promo.attention h2 { font-size: 15px; }

/*promo ProductList*/
.promoProductList ul li h3 a {
    font-size: 12px;
    font-weight: normal;
}

.promoProductList ul li a {
    line-height: 11px;
    font-size: 10px;
    margin: 0 0 3px 0;
    padding: 0;
}


/*-- 7 ACCORDION --*/

#accordion {
    margin-top: 12px;
    font-size: 12px;
}

#accordion div {
    padding-left: 25px;
}

#accordion h3 {
    cursor: pointer;
    line-height: 20px;
    padding-left: 25px;
    background: url(../img/databuilder/arrow_right.png) no-repeat top left;
}

#accordion h3.open {
    background: url(../img/databuilder/arrow_down.png) no-repeat top left;
}

.js #accordion div {
    display: none;
}


/*-- 8 DATABUILDER --*/

	/*-- 8.1 DATABUILDER FOR PROMOITEMS --*/
	
	.promo .navigationComplex div a {
	    cursor: pointer;
	    display: block;
	    color: #FFF;
	    border-bottom: solid 1px #FFCB80;
	    font-size: 12px;
	    line-height: 22px;
	    padding: 3px 12px;
	}
	
	.promo .navigationComplex div a:hover {
	    text-decoration: none;
	    color: #666;
	}
	
	.promo .navigationComplex div div a {
	    display: block;
	    color: #fff;
	    border-bottom: solid 1px #fff;
	    font-size: 11px;
	    line-height: 15px;
	    padding: 3px 26px;
	}
	
	.promo .navigationComplex div div div div a {
	    display: block;
	    color: #7A7758;
	    border-bottom: solid 1px #FF9700;
	    font-size: 11px;
	    line-height: 15px;
	    padding: 3px 26px;
	}
	
	.promo .navigationComplex .levelContainer {
	    overflow: hidden;
	}
	
	.promo .highlight {
	    color: #FFF !important;
	    background: #FF7F00;
	}
	
	.promo .active {
	    background: url(../img/databuilder/arrow_closed_xlarge.png) center right no-repeat;
	}
	
	.promo .open {
	    background: url(../img/databuilder/arrow_opened_xlarge.png) center right no-repeat;
	    color: #666 !important;
	}
	
	
	/*-- 8.2 DATABUILDER FOR LAYOUTS --*/
	
	.navigationComplex div a {
	    cursor: pointer;
	    display: block;
	    color: #FFF;
	    border-bottom: solid 1px #FFCB80;
	    font-size: 12px;
	    line-height: 22px;
	    padding: 3px 12px;
	}
	
	.navigationComplex div a:hover {
	    text-decoration: none;
	    color: #666;
	}
	
	.navigationComplex div div a {
	    display: block;
	    color: #fff;
	    border-bottom: solid 1px #fff;
	    font-size: 11px;
	    line-height: 15px;
	    padding: 3px 26px;
	}
	
	.navigationComplex div div div div a {
	    display: block;
	    color: #7A7758;
	    border-bottom: solid 1px #FF9700;
	    font-size: 11px;
	    line-height: 15px;
	    padding: 3px 26px;
	}
	
	.navigationComplex .levelContainer {
	    overflow: hidden;
	}
	
	.highlight {
	    color: #FFF !important;
	    background: #FF7F00;
	}
	
	.active {
	    background: url(../img/databuilder/arrow_closed_xlarge.png) center right no-repeat;
	}
	
	.open {
	    background: url(../img/databuilder/arrow_opened_xlarge.png) center right no-repeat;
	    color: #666 !important;
	}
	
	.loading {
	    background: url(/plugins/databuilder/img/loader.gif) no-repeat center right;
	    margin-right: 20px;
	    outline: none;
	}
	
	
	/*-- 8.3 TABS --*/
	
	#tabs {
	    clear: both;
	    position: relative;
	    top: 0;
	    right: 0;
	}
	
	#relativeProducts h3 {
	    font-size: 1.4em;
	    color: #97BE0D;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	
	.match {
	    margin-top: 5px;
	    color: #ff7f00;
	}

/*- 9 SHOPPINGBASKET --*/

.checkOutContainerOdd {
    padding: 8px 5px 4px 10px;
    background: #FFF;
}

.checkoutContainerEven {
    padding: 8px 5px 4px 10px;
    background: #f6f6f6;
}

.checkOutContainerTotal {
    margin: 15px 0 10px 0;
    padding: 5px 0 8px 8px;
    border-top: 1px solid #e2e2e2;
    background: #f6f6f6;
}

.checkOutContainerOdd, .checkoutContainerEven, .checkOutContainerTotal {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px solid #e2e2e2;
}

.checkOutContainerTotalHolder {
    width: 30%;
    margin: 0 0 0 475px;
    overflow: hidden;
    position: relative;
}

.checkOutContainerTotal .totalArticles {
    border-bottom: 1px dotted #8b8b8b;
    padding: 0 0 2px 0;
    margin: 0 0 4px 0;
}

.checkOutContainerTotal .subTotal {
    padding: 0 0 2px 0;
    margin: 0 0 2px 0;
}

.checkOutContainerTotal .freightCosts {
}

.checkOutContainerTotal .totalAmount {
    border-top: 1px dotted #8b8b8b;
    padding: 2px 0 0 0;
    margin: 4px 0 0 0;
}

.checkOutContainerTotal .priceHolder {
    position: absolute;
    right: 0px;
    width: 100px;
    text-align: right;
}

#checkOut {
    border-top: 1px solid #e2e2e2;
}

#checkOut .article, #checkOut .amount, #checkOut .price {
    float: left;
    margin-right: 10px;
    display: block;
}

#checkOut .article a {
    color: #626262;
    text-decoration: underline;
}

#checkOut .article img {
    float: left;
    margin: 0 10px 6px 0;
}

#checkOut .bold {
    font-weight: bold;
    color: #333;
}

#checkOut .article {
    width: 50%;
}

#checkOut .amount {
    text-align: left;
    width: 8%;
}

#checkOut .action {
    width: 10%;
    float: right;
    display: block;
    margin-right: 10px;
}

#checkOut .price {
    width: 10%;
    font-size: 12px;
    color: #333;
}

#shoppingcardSteps {
    margin: 0 0 20px 0;
    padding: 5px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #e2e2e2;
}

#shoppingcardSteps li {
    font-size: 13px;
    margin: 0 0px 6px 12px;
    display: inline;
}

#shoppingcardSteps li.active {
    background: #fff;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #FFF;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.shoppingFieldset {
    width: 350px;
    margin: 0 24px 12px 0;
    float: left;
    border: none;
}

.shoppingFieldset ul {
    list-style: none;
    padding: 10px 0;
}

.shoppingFieldset li {
    overflow: hidden;
    padding: 5px 0;
    font-size: 10px;
}

.shoppingFieldset label {
    float: left;
    display: inline;
    width: 120px;
    font-size: 12px;
}

.shoppingFieldset label.inline {
    float: none;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}

.shoppingFieldset.alternative {
    margin: 0 0 0 -24px;
}

.js #alterAfleveradres {
    display: none;
    margin: 0;
}

#clientInformation {
    margin: 0 0 12px 0;
    overflow: hidden;
}

#alterClient {
    float: right;
    margin: 0;
    overflow: hidden;
}

#clientInformation input, #alterAfleveradres input {
    width: 200px;
    border: solid 1px #b8b8b8;
    height: 14px;
}

#clientInformation textarea {
    width: 200px;
    height: 80px;
    border: solid 1px #b8b8b8;
}

.radioFloater { /*safaribug fix, radiobtns */
    float: left !important;
    width: 30px !important;
}

.continueShopping {
    margin-top: 15px;
    text-align: center;
}

#payMethodFieldset input {
    float: left;
}

#payMethodFieldset label img {
    float: left;
    margin: -5px 5px 0 5px;
}


/*-- 10 FLASH --*/

.flashHolder {
    margin: 12px 0;
}


/*-- 11 IMAGEGALLERY --*/

ul#imageGallery {
    list-style: none;
    margin: 0 0 10px 0;
    overflow: hidden;
}

ul#imageGallery li {
    width: 140px;
    height: 105px;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
}

ul#imageGallery li img {
    width: 140px;
    height: 105px;
}


/*-- 12 NEWSLETTER --*/

.js #newsLetterSignOut {
    display: none;
}

#newsLetterSignOut .alert {
    font-size: 12px;
    line-height: 14px;
    width: 395px;
    margin: 10px 0;
    display: none;
}

form#newsLetterSignOut, form#newsLetterSignUp {
    width: 430px;
}

#continue {
    float: left;
    margin-top: 12px;
    font-size: 10px;
}

#continue a {
    color: #000;
    font-weight: bold;
}

.contactBtn {
    margin-right: 30px;
}


/*-- 13 LIVEBOX --*/

#livebox {
    margin: 12px 0;
    width: 100%;
    overflow: hidden;
}

.livemessage.reactie {
    font-size: 12px;
    padding: 0px 10px 15px 12px;
    margin-bottom: 3px;
}

.livemessage.reactie.oneven {
    background: #F7F7F7;
}

.livemessage.reactie.even {
    background: #EFEFEF;
}

.livemessage.reactie p.user {
    color: #9e9e9e;
    font-size: 90%;
}

.livemessage.reactie p.user span {
}

.livemessage.reactie p {
    font-size: 12px;
    margin-bottom: 8px;
}

#LiveMessageForm input.text, #LiveMessageForm textarea {
    width: 300px;
}

#LiveMessageForm input.text, #LiveMessageForm textarea {
    border: 2px solid #b2b2b2;
    font-size: 100%;
    color: #666;
    background: #fff;
    font-family: Trebuchet MS;
}

#LiveMessageForm .label {
    color: #666;
    font-size: 12px;
    font-family: Trebuchet MS;
}

/*-- 14 PRETTYPHOT POPUP SCREENS --*/
#popUp {
    color: #666;
    padding: 0;
    font-size: 12px !important;
    font-family: "Trebuchet MS";
}

#popUp h2 {
    color: #0192dc;
}

#popUp h3 {
    margin-top: 12px;
}

#popUp p {
    margin: 3px 0 3px 0;
}

#popUp .shareContainer {
    margin: 12px 0 3px 0;
}

#popUp .shareContainer li {
    margin: 0 0 4px 0;
    display: block;
}

#popUp .shareContainer li img {
    margin: 0 6px 0px 0;
}

#popUp a {
    color: #666;
}

#popUp form fieldset {
    width: 400px;
}

#popUp form input, #popUp form textarea {
    width: 230px;
}

#popUp .small {
    font-size: 10px;
}

#popUp #continueShopping {
    margin-left: 50px;
}

#tellaFriendMessage {
    margin: 12px 0;
    font-size: 11px;
    width: 350px;
}

/*-- 15 GLOBAL FORMS--*/
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

fieldset textarea:focus, fieldset input.text:focus, fieldset input[type =
"text"]:focus {
    background: #f0f8fd;
}

fieldset input[type =
"checkbox"], fieldset input[type = "radio"] {
    font-size: 11px;
    border: none !important;
    width: 14px !important;
    height: 14px !important;
}

fieldset legend {
    color: #0192dc;
    font-weight: normal;
    font-size: 1.6em;
    line-height: 1;
}

fieldset ul {
    list-style: none;
    padding: 10px 0;
    width: auto;
}

fieldset li {
    overflow: hidden;
    padding: 5px 0;
    font-size: 10px;
    width: 100%;
}

fieldset label {
    float: left;
    display: inline;
    width: 120px;
    font-size: 12px;
}

fieldset label.inline {
    float: left;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}

fieldset input.text {
    margin-right: 5px;
    height: 20px;
}

fieldset textarea, fieldset input.text {
    width: 400px;
}

fieldset input.textSmall {
    width: 150px;
    margin: 0 5px 2px 0;
    height: 20px;
}

fieldset textarea, fieldset input.text, fieldset input.textSmall {
    border: 2px solid #b2b2b2;
    font-size: 1.2em;
    color: #666;
    background: #fff;
}

div.form-container {
    margin-top: 12px;
    font-size: 12px;
    overflow: hidden;
}

p.legend {
    margin-bottom: 1em;
    font-size: 11px;
}

p.legend em {
    color: #C00;
    font-style: normal;
}

/*
 div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC;  }
 div.errors p { margin: 0; }
 div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
 */

div.form-container form {
    margin: 0;
    padding: 0;
}

div.form-container form p {
    margin: 0;
}

div.form-container form p.note {
    margin-left: 130px;
    font-size: 90%;
    color: #333;
}

div.form-container form p.error {
    margin: 2px 0 0 130px;
}

div.form-container form fieldset {
    margin: 12px 0;
    padding: 12px 0;
}

div.form-container form legend, #LiveMessageForm legend {
    color: #0192dc;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

div.form-container form fieldset div {
    padding: 0.25em 0;
}

div.form-container label, div.form-container span.label {
    margin-right: 10px;
    padding-right: 10px;
    width: 110px;
    display: block;
    float: left;
    text-align: left;
    position: relative;
}

div.form-container label.error, div.form-container span.error {
    color: #C00;
}

div.form-container label em, div.form-container span.label em {
    position: absolute;
    right: 0;
    font-size: 120%;
    font-style: normal;
    color: #C00;
}

div.form-container input.error {
    border-color: #C00;
    background-color: #FEF;
}

div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {
    background-color: #FFC !important;
    border-color: #FC6 !important;
}

div.form-container div.controlset label, div.form-container div.controlset input {
    display: inline;
    float: none;
}

div.form-container div.controlset div {
    margin-left: 130px;
}

div.form-container div.buttonrow {
    margin-right: 40px;
}

div.form-container textarea, div.form-container input.text {
    width: 350px;
}

div.form-container textarea, div.form-container input.text {
    border: 2px solid #b2b2b2;
    font-size: 100%;
    color: #666;
    background: #fff;
    font-family: Trebuchet MS;
}


/*-- 16 ROUTEPLANNER ------ */

/*directions gMaps form*/
#show-directions {
    width: 100%;
    margin-bottom: 6px;
}

#show-directions fieldset label {
    width: 45px;
    float: left;
}

#show-directions fieldset input.text {
    width: 35%;
    border: 2px solid #b2b2b2;
    margin: 2px 5px 2px 0;
    font-size: 1.2em;
    color: #666;
    background: #fff;
    height: 20px;
    float: left;
    line-height: 20px;
}

.gSubmit { margin-right: 10px; }

#map h3 {
    font-size: 14px;
    color: #000;
}

#map .GAddress {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #333;
}

#map .GInfo { margin-top: 2px; }

#map-text {
    margin-top: 12px;
    clear: both;
}

.gmapIcon {
    width: 23px;
    height: 23px;
    display: block;
    text-align: center;
    color: #FFF;
    background: url(/img/gmap/gmap_icon_selector.png) no-repeat;
}


/*-- 17 REVIEWS --*/

.reviews .linklist {
	padding-bottom: 12px;
	list-style: none;
}

.review_item { padding: 18px 0 12px; }

.review_item_header {
	background: url(../img/css/achtergronden/review_item_header_bg.jpg) repeat-x left 1px;
	border-top: #ccc solid 1px;
	border-bottom: #f4f7f8 solid 2px;
	padding: 12px 0 0 12px;
}

.review_item_header h3 { 
	color: #ff7400;
	padding-right: 12px;
}

.review_item_header .review_item_details { 
	list-style: none;
	padding: 6px 0 12px;
}

.review_item_details li {
	border-left: #e0e4e7 solid 1px;
	height: 1em;
	list-style: none;
	padding: 0 7px;		
}

.review_item_details li:first-child {
	border: 0;
	padding-left: 0;
}

.review_item_assessments,
.review_item_assessments p { padding: 12px 0; }

.review_item_assessments p {
	border: #f4f7f8 solid;
	border-width: 2px 0;
	margin-top: 12px;
}

.review_subject, .review_item_details li,
.strength, .weakness {
	color: #626262;
	font-size: 0.9em;
	padding-bottom: 1px;
}

.review_stars {
    margin-right: 14px;
	padding: 0;
}

.star_full, .star_half, .star_empty { 
	background: url(../img/css/iconen.png) no-repeat -380px -60px;
	height: 14px;
	width: 16px;
}

.star_half { background-position:  -380px -90px; }

.star_full { background-position: -380px -120px; }

.review_stars_active div {
	cursor: pointer;
	float: left;
}
 
.review_item_sw {
	padding: 12px 0;
	width: 50%;
}

.strength span, .weakness span {
	background: url(../img/css/iconen.png) no-repeat -120px -88px;
	display: inline-block;
	height: 12px;
	padding-left: 6px;
	width: 12px;
}

.weakness span { background-position: -350px -88px; }

/*-- 18 FOOTER --*/

#footer {
    position: relative;
    height: 40px;
    overflow: hidden;
}

#payoff {
    position: absolute;
    width: 100%;
    height: 51px;
    top: 0;
    right: 12px;
    background: url(../img/css/payoff.png) no-repeat top right;
}

#payoff a {
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    height: 51px;
}

#addressLine {
    position: relative;
    z-index: 2;
    padding: 12px 0;
    text-align: center;
	font-size:9px;
}

#addressLine a {
    color: #000;
    font-weight: bold;
	font-size:10px;
}

#addressLine ul li {
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px #A8A8A8 solid;
}

#colofon {
    color: #777;
    text-align: center;
}

#colofon a {
    color: #777;
}

#footerMenu {
    width: 100%;
    overflow: hidden;
    margin: 24px 0 12px 0;
    font-size: 1.0em;
}

#footerMenu ul {
    float: left;
    margin: 0;
    padding: 0 0 0 24px;
    width: 155px;
    list-style: none;
}

#footerMenu ul a {
    display: block;
    font-size: 1.1em;
    width: 100%;
    color: #666;
    font-weight: bold;
}

#footerMenu ul ul {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
}

#footerMenu ul ul a {
    padding: 4px 0 1px 0;
    font-size: 11px;
    font-weight: normal;
}

#footerMenu ul ul ul a {
    font-size: 1em;
    font-weight: normal;
    padding: 1px 0 2px 0;
}


/*-- 19 SITEMAP --*/

#sitemap {
    width: 100%;
    overflow: hidden;
    color: #97AFB3;
    font-size: 12px;
    line-height: 20px;
}

#sitemap ul {
    float: left;
    width: 168px;
    margin: 0 12px 12px 0;
}

#sitemap ul li {
    list-style: none;
}

#sitemap ul li a {
    color: #97AFB3;
}

#sitemap ul li a:hover {
    color: #6A8D93;
}

#footerMenu {
    width: 100%;
    overflow: hidden;
    margin: 24px 0 12px 0;
    font: 1.0em / 1.1em sans-serif;
}

#footerMenu ul {
    float: left;
    margin: 0;
    padding: 0 0 0 24px;
    width: 155px;
    list-style: none;
}

#footerMenu ul a {
    display: block;
    font-size: 1.1em;
    width: 100%;
    color: #666;
    font-weight: bold;
}

#footerMenu ul ul {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
}

#footerMenu ul ul a {
    padding: 4px 0 1px 0;
    font-size: 11px;
    font-weight: normal;
}

#footerMenu ul ul ul a {
    font-size: 1em;
    font-weight: normal;
    padding: 1px 0 2px 0;
}


/*-- 20 sIFR --*/

.sIFR-flash {
    visibility: visible !important;
    margin: 0 0 10px 0;
    padding: 0;
}

.sIFR-unloading .sIFR-flash {
    visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
}

.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
    margin: 0;
    padding: 0;
    overflow: auto;
    letter-spacing: 0;
    float: none;
}

.sIFR-dummy {
    width: 0;
    height: 0;
    margin-left: 42px;
    z-index: 0;
}

.sIFR-active h1 {
    visibility: hidden;
    font-family: Verdana;
    font-size: 28px;
    margin-bottom: -10px;
}