html
{
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Calibri,"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;
}

img
{
    border: none;
}

input, select, textarea
{
    font-family: Calibri,"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;

    margin: 0;
    resize: none;
}

textarea
{
    overflow: auto;
}

a
{
	color: inherit;
	text-decoration: none;
}

ul, ol, im, table, td
{
    padding: 0;
    margin: 0;
}

table
{
    border-collapse: collapse;
}

#header
{
    height: 100px;
    
    background-color: Blue;
    color: White;
}

#mainnav
{
    position: absolute;
    height: 40px;
    top: 60px;    
    left: 200px;
}

#mainnav span.selected
{
    font-weight: bold;
    color: #000000;
    border-bottom: solid 2px #888888;
}

#mainmenu
{
    height: 30px;
    background-color: Red;
}

#mainmenu>div
{
    float: left;
}

#prodnav
{
    width: 200px;
    position: absolute;
    top: 130px;
    bottom: 0px;
}

.AanvoerInvoer #prodnav {
            bottom: 100px;
}

#content
{
    position: absolute;
    left: 200px;
    top: 130px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
}

.AanvoerInvoer #content {
            bottom: 100px;
}

            

.AanvoerOverzicht #prodnav {
            bottom: 100px;
}

.AanvoerOverzicht #content {
            bottom: 100px;
}

#aanvoerfooter
{
    position: absolute;
    height: 100px;
    bottom: 0px;
    left:0px;
    right:0px;
}

#aanvoerfooter .label
{
    padding-left:25px; 
    font-size:18px; 
    float:left
}

#aanvoerfooter .button
{
}

ul
{
    list-style-type: none;
    margin: 0px;
}

ul.opsomming
{
    list-style-type: disc;
    margin-left: 33px;
    margin-right: 33px;
}

ul.opsomming li
{
    margin-bottom: 14px;
}

li.uitroep
{
    font-weight: bold;
}

#partijaantal
{
    display: inline;
}

#productgroepnav
{
    position: relative;
}

.productgroepnav ul
{
    list-style-type: none;
    margin: 0px;
    padding: 5px 5px 5px 5px;
}

.productgroepnav a
{
    text-decoration: none;
    display: block;
    color: White;
    font-size: small;   
}

.productgroepnav a:hover
{
    background-color: #ff00ff;
}

.productgroepnav li.selected a
{
    color: Black;
    background-color: White;
}

div.ajax
{
    background: url(../../styles/florisoft/img/ajax-wait.gif?t=2207080923) 5px center no-repeat;
}

input.unconfirmed
{
    background-color: #333;
    color: #fff;
}

.gridrow input
{
    text-align: right;
}

.gridrow
{
    font-size: 13px;
    font-weight: normal;    
    color:#333;
}

.nonvirtual .gridrow {
    clear: left;
}

div.gridrow
{
    float: left;
}

.gridrowtoggle.active
{  
    color: #000;
    background-color: #F0F0F0;
    background: -moz-linear-gradient(#F8F8F8, #E8E8E8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F8F8F8), color-stop(1.0, #E8E8E8));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-bottom-color: #D0D0D0;
}

.gridrow a:hover {    
    color:#000;
    text-decoration: underline;
}

.gridrow .omschrijving
{
    font-weight: bold;
}

.gridrow .cell
{
    padding: 0px 8px;
    }

.gridrow div.cell
{
    float: left;
}

.gridrow .input
{
    padding-top: 5px;
    height: 25px;
}

.gridrow .input.first
{
    border-left: solid 1px #CCCCCC;
    padding-left: 7px;
}

.gridrow .cell input
{
    width: 30px;
    border: solid 1px #E8E8E8;
}

.gridrow .input div.history
{
    float: left;
    width: 30px;
    border: solid 1px #E8E8E8;
    padding: 1px;
    height: 17px;
    margin: 0px;
    font-size: 14px;
    background-color: #F0F0F0;
}

.gridrow.header .cell
{
    width: 65px;
}

.gridrow.header .cell.history
{
    width: 75px;
}

.gridrow .cell.input
{
    width: 65px;
    line-height: normal;
}

.gridrow .cell.input.history
{
    width: 75px;
}

.gridrow.readonly .cell input
{
    background-color: #f0f0f0;
}

.gridrow .cell input.readonly
{
    background-color: #f0f0f0;
}

.gridrow input.marked
{  
    background-color: green;
    color: white;
}

.list-fixed-header
{

}

.list-fixed-header-content
{
    position: absolute;
    z-index: 9; 
    background-color: Transparent;
    left: 0px;
    right: 18px;    
}

.gridrow.header
{
    color: #666666;
    background-color: White;
}

.list-fixed-header
{
    height: 32px;
}

#content .selected
{
    background-color: Red;
}

.grid input
{
    background-color: Transparent;
    border: solid 1px #aaa;
}

.regelfloat
{
    width: 300px;
    height: 200px;
    color: #888;
    opacity: 1;
    
    font-size: small;
}

.regelfloat a
{
    color: inherit;
}

.product-title
{
    font-weight: bold;
}

#lijstkeuze ul
{
    display: inline;
    padding: 0px;
}

ul.inline
{
    display: inline;
    padding-left: 0px;
}

ul.inline>li a div
{
    padding-left: 2px;
    padding-right: 2px;
}

#winkelwagenpartijenview .list-fixed-header-content
{
    top: 230px; 
}

ul.dropdown li
{
    list-style-type: none;
}

.inactive
{
    text-decoration: line-through;
}

.dropdownitem
{
    position: absolute;
    z-index: 9999;
    visibility: hidden;
    display: none;
    
    background-color: #eee;
}

div.wwempty
{
    float: left;
    width: 804px;
    margin-top: 100px;
    text-align: center;
}

#filterkeuze div.active
{
    font-weight: bold;
}

#filterkeuze div.active + span
{
    font-weight: bold;
}

#filterkeuze div.dropdownitem
{
    font-weight: normal;
}

.input.novalue
{
    color: #aaa;
    font-style: italic;
}

.input.novalue:hover
{
    color: Black;
}
.input.maxprijs
{
    margin-left:25px;
    width: 50px;
}
.input.retailprijs
{
    width:50px;
}
label.retail
{
    margin-left:10px;
}
.dropdowntrigger
{
    cursor:default;
}

.bold
{
    font-weight: bold;
}

.item > .popup
{
    position: absolute;
    display: none;
    z-index: 101;
}

.listbox
{
    background-color: White;
    border: solid 1px #ddd;
}

.listbox ul
{
    margin: 0;
    padding: 0;
}

.listbox li
{
    list-style-type: none;
    cursor: default;
    padding: 0px 2px;
    text-align: right;
    min-width: 30px;
    background-color: #eee;
}

.listbox li.selected
{
    background-color: White;
    color: Black;
    list-style-type: disc;
    list-style-position: inside;
}

input.koop
{
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
}

select
{
    border-left: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    color: #333;
}

.fotozoom
{
    position: absolute;
    z-index: 99;

    display: none;
    background-color: White;
}

.fotozoom div.content
{
    overflow: hidden;
    height: 160px;
    width: 160px;
}

#background
{
    z-index: 998; background-color: #444; opacity: 0.4; position: absolute; top: 0px; display: none;
}

.lazyload
{
    display: none;
}

.loaded .lazyload
{
    display: block;
}

h4
{
    margin: 2px 0px;
}

#prodnav .space
{
    height: 25px;
    visibility: visible;
    display: block;
}

#fotoView{
    width:200px;
    height:200px;
}
#fotoView img.product
{
    max-height:200px;
    max-width:200px;
}

.ui-datepicker .ui-datepicker-header
{
    position: relative;
}

.ui-datepicker .ui-datepicker-prev
{
    position: absolute;
    top: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.ui-datepicker .ui-datepicker-next
{
    position: absolute;
    top: 3px;
    right: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

.ui-datepicker .ui-datepicker-title
{
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

.dropdownitem .ui-datepicker td, .ui-datepicker td
{
   text-align: right;
}

.ui-datepicker td > a, .ui-datepicker td > span
{
    display: block;
    width: 23px;
    height: 20px;
}

.ui-datepicker td .ui-state-default
{
    padding: 2px 5px 2px 2px;
}

.ui-datepicker .ui-datepicker-unselectable
{
    color: #AAAAAA;
}

.ui-state-hover
{
    background-color: Red;
}

#login_container_content table.input
{
    width: 100%;
}

#login_container_content table.input td:first-child
{
    min-width: 150px;
}

#login_container_content td
{
    padding-bottom: 7px;
}

#login_container_content .body
{
    margin: 40px 10px 0px 10px;
}

#login_container_content .icon
{
    position: absolute;
    left: 10px;
    top: 5px;
    background: url(../../styles/florisoft/img/login.png?t=2207080923) no-repeat;
    width: 40px;
    height: 40px;
}

#login_container_content td.invoer
{
    text-align: right;
}

#login_container_content table.input td input
{
    width: 200px;
}

#login_container_content .buttons
{
    text-align: right;
}

#login_container_content .buttons input
{
    width: 100px;
}

#login_container_content .talen
{
    padding: 30px 0px 30px 20px;
}

#login_container_content .talen table
{
    margin-left: auto;
    margin-right: auto;
}

#login_container_content .talen td
{
    padding-right: 11px;
    vertical-align: middle;
    height: 26px;
}

#login_container_content .taal
{
    line-height: 26px;
    display: inline-block;
    padding-left: 36px;    
}

#login_container_content .taal label
{
    cursor: pointer;
}

#login_container .passwrecover
{
    text-decoration: underline;
    color: Red;
    font-size: 12px;
}

#login_container .failure
{
    color: Red;
    font-weight: bold;
}

#login_container .taal.nl
{
    background: url(../../styles/florisoft/img/flags/nl.png?t=2207080923) no-repeat left center;
}

#login_container .taal.en
{
    background: url('../../styles/florisoft/img/flags/en.png?t=2207080923') no-repeat left center;
}

#login_container .taal.bg
{
    background: url('../../styles/florisoft/img/flags/bg.png?t=2207080923') no-repeat left center;
}

#login_container .taal.de
{
    background: url('../../styles/florisoft/img/flags/de.png?t=2207080923') no-repeat left center;
}

#login_container .taal.fr
{
    background: url('../../styles/florisoft/img/flags/fr.png?t=2207080923') no-repeat left center;
}

#login_container .taal.da
{
    background: url('../../styles/florisoft/img/flags/da.png?t=2207080923') no-repeat left center;
}

#login_container .taal.fi
{
    background: url('../../styles/florisoft/img/flags/fi.png?t=2207080923') no-repeat left center;
}

#login_container .taal.el
{
    background: url('../../styles/florisoft/img/flags/el.png?t=2207080923') no-repeat left center;
}

#login_container .taal.hu
{
    background: url('../../styles/florisoft/img/flags/hu.png?t=2207080923') no-repeat left center;
}

#login_container .taal.it
{
    background: url('../../styles/florisoft/img/flags/it.png?t=2207080923') no-repeat left center;
}

#login_container .taal.nn
{
    background: url('../../styles/florisoft/img/flags/nn.png?t=2207080923') no-repeat left center;
}

#login_container .taal.no
{
    background: url('../../styles/florisoft/img/flags/no.png?t=2207080923') no-repeat left center;
}

#login_container .taal.pl
{
    background: url('../../styles/florisoft/img/flags/pl.png?t=2207080923') no-repeat left center;
}

#login_container .taal.ro
{
    background: url('../../styles/florisoft/img/flags/ro.png?t=2207080923') no-repeat left center;
}

#login_container .taal.ru
{
    background: url('../../styles/florisoft/img/flags/ru.png?t=2207080923') no-repeat left center;
}

#login_container .taal.sk
{
    background: url('../../styles/florisoft/img/flags/sk.png?t=2207080923') no-repeat left center;
}

#login_container .taal.sl
{
    background: url('../../styles/florisoft/img/flags/sl.png?t=2207080923') no-repeat left center;
}

#login_container .taal.es
{
    background: url('../../styles/florisoft/img/flags/es.png?t=2207080923') no-repeat left center;
}

#login_container .taal.sv
{
    background: url('../../styles/florisoft/img/flags/sv.png?t=2207080923') no-repeat left center;
}

#login_container .taal.pt
{
    background: url('../../styles/florisoft/img/flags/pt.png?t=2207080923') no-repeat left center;
}

#login_container .taal.cs
{
    background: url('../../styles/florisoft/img/flags/cs.png?t=2207080923') no-repeat left center;
}
#login_container .taal.ie
{
    background: url('../../styles/florisoft/img/flags/ie.png?t=2207080923') no-repeat left center;
}
#login_container .taal.cn
{
    background: url('../../styles/florisoft/img/flags/cn.png?t=2207080923') no-repeat left center;
}
#login_container .taal.ch
{
    background: url('../../styles/florisoft/img/flags/ch.png?t=2207080923') no-repeat left center;
}
#login_container .taal.ee
{
    background: url('../../styles/florisoft/img/flags/ee.png?t=2207080923') no-repeat left center;
}
#login_container .taal.tr
{
    background: url('../../styles/florisoft/img/flags/tr.png?t=2207080923') no-repeat left center;
}
#login_container .taal.sq
{
    background: url('../../styles/florisoft/img/flags/sq.png?t=2207080923') no-repeat left center;
}
#login_container .taal.uk
{
    background: url('../../styles/florisoft/img/flags/uk.png?t=2207080923') no-repeat left center;
}
#login_container .taal.lt
{
    background: url('../../styles/florisoft/img/flags/lt.png?t=2207080923') no-repeat left center;
}
div.clear
{
    clear: both;
}

#login_container input
{
    padding: 0;
    margin: 3px;
}

input[type="password"]
{
    font-family: Arial;
}

#login_container .florisoft
{
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 70px;
    height: 20px;
    background: url(../../styles/florisoft/img/florisoftmini.png) no-repeat;
}

.inputpanel
{
    padding: 15px;
}

.inputpanel td.label
{
    color: #333;
}

.inputpanel tr
{
    height: 31px;
}

.inputpanel .bottom
{
    margin-top: 15px;
}

.slider .ui-slider {
    position:relative;
    text-align:left;
    margin: 20px 50px 20px 50px;
}

.slider .ui-slider-vertical {
    height:100px;
    width:0.8em;
}

.slider .ui-widget-content {
    background: #FFFFFF;
    border:1px solid #AAAAAA;
    color:#222222;
}

.slider .ui-corner-all {
    -moz-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
}

.slider a.ui-corner-all {
    -moz-border-radius:4px 0px 0px 4px;
    border-radius:4px 0px 0px 4px;
}

.slider a.ui-corner-all.top {
    -moz-border-radius:0px 4px 4px 0px;
    border-radius:0px 4px 4px 0px;
}

.slider .ui-widget-header {
    background:url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border:1px solid #AAAAAA;
    color:#222222;
}

.slider .ui-slider .ui-slider-range {
    background-position:0 0;
    border:0 none;
    display:block;
    position:absolute;
    z-index:1;
}

.slider .ui-slider-vertical .ui-slider-range {
    left:0;
    width:100%;
}

.slider .ui-slider .ui-slider-handle {
    cursor:default;
    height:13px;
    line-height: 13px;
    font-size: 13px;
    position:absolute;
    width:50px;
    padding-right: 5px;
    z-index:2;
    text-align: center;
}

.slider .ui-slider a.ui-slider-handle:hover 
{
    background: White;
    cursor: s-resize;
    border-color: #666;
}

.slider .ui-slider a.ui-slider-handle.top
{
    left:-1px;
}

.slider .ui-state-default, .slider .ui-widget-content .ui-state-default, .slider .ui-widget-header .ui-state-default {
    background:url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border:1px solid #D3D3D3;
    color:#555555;
}

.slider .ui-slider-vertical .ui-slider-handle {
    left:-47px;
    margin-bottom:-0.6em;
    margin-left:0;
}
#winkelwagengroep, #winkelwagentotaaloverzicht
{
    padding-top:20px;
    height:200px;
}
.nooverflow{
    overflow:unset;
}
.overflowthis{
    height:200px;
    overflow:auto;
}
#winkelwagengroep table, #winkelwagentotaaloverzicht table
{
    width:100%;
    font-size:13px;
}
#winkelwagengroep td, #winkelwagentotaaloverzicht td
{
    text-align:right;
}
#winkelwagengroep td.omschrijving, #winkelwagentotaaloverzicht td.omschrijving
{
    width:100px;
    text-align:left;
}
#winkelwagengroep td.header, #winkelwagentotaaloverzicht td.header
{
    font-size:15px;
    text-align:center;
    padding-top:0px;
}
#winkelwagengroep td.subheader, #winkelwagentotaaloverzicht td.subheader
{
    font-weight:bold;
}
#winkelwagengroep tr.header, #winkelwagentotaaloverzicht tr.header
{
    background-color:#4d4d4d; 
    color:White; 
    font-size:15px;
    font-weight:bold; 
    text-align:center;
    padding-top:0px;
}
#winkelwagengroep tr.subheader, #winkelwagentotaaloverzicht tr.subheader
{
    height:30px; 
    vertical-align:top;
}
#winkelwagengroep tr.verdelingen, #winkelwagentotaaloverzicht tr.verdelingen
{
    height:25px;
}
#winkelwagengroep tr.totaal, #winkelwagentotaaloverzicht tr.totaal
{
    border-top:1px dotted #d3d3d3;
    font-weight:bold;
}
#winkelwagengroep .omschrijving, #winkelwagentotaaloverzicht .omschrijving
{
    width:100px; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    white-space:nowrap;
}
.aanvoer .label 
            {
            height:25px;
            padding-top:0px;
            padding-left:15px;
            }
.aanvoer .invoertxt
            {
            height:25px;
            padding-top:0px;
            padding-bottom:0px;
            padding-left:10px;
            }
.aanvoer .gridrow
            {            
            text-align:center;
            line-height:30px;
            white-space:nowrap;
            text-overflow:ellipsis;
            }
.aanvoer .gridrow.header
            {            
            }
.aanvoer .gridrow .attention 
{
    background-color:red;
    color: white;
}
            
.aanvoer .gridrow .isset 
{
    background-color:green;
    color: white;
}
.wwcart{
    display:inline-block;
    background: url('../../styles/florisoft/img/nav-cart.png?t=2207080923') no-repeat left center;
    width:20px;
    height:20px;
}

#mainnav span.wwcircle{       
    margin-left:-4px;
    display:inline-block;
    border-radius:20px;
    width:20px;
    height:20px;
    background:#FD0000;
    text-align:center;
    line-height:20px;
    color:#fff;
    font-size:11px;
    overflow:hidden;
}

#mainnav span.wwcircle.bestellijst{       
    
    background:#002AFC;
    
}