/* CSS Document */

body
{
    background: url(../img/bg.png) repeat-x #4c4c4c;
    margin: 0;
}

/* -- Layout Div's ---------------------------------------------------------------------------------------------------- */

/*div#bodyBg
{
    width:1248px;  900px + (178px * 2)
    margin: -20px auto 0 auto;
    background: url(../img/bg_card.png) no-repeat transparent 100% 200px;
}*/

div#container
{
    width:900px;
    margin: -20px auto 0 auto;
}

div#header,
div#header a
{
    text-align:center;
    text-decoration: none;
    border: none;
    background-color: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 88px;
    color: #777;
    margin: 0;
}


div#showCartLine
{
    text-align: right;
    background-color: inherit;
    border-bottom: 2px solid #aaa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #777;
    /*margin-top: -5px;*/
}

div#content
{
    /*border: 1px solid #888;*/
    border: 2px solid #888;
    background-color: #eee;/*#dedede;*/
    height: auto; /*IE Fix*/
    min-height: 1300px;
    padding: 20px;
    color: inherit;
    clear: both;
}

div#mainContent
{
    width: 675px;
    float: right;
}

div#inc
{
    width: 600px;
    float: left;
}

div#sideContent
{
    float: left;
    width: 180px;
}

div#menu
{
    display:block;
    background-color: #d5d5d5;
    border: 2px solid #aaa;
    border-top: none;
    width:160px;
    height: auto;
    text-align:left;
    padding-top: 5px;
}

div#news,
div#cart_div,
div#pp_div,
div#fb
{
    display:block;
    margin-top: 20px;
    background-color: #d5d5d5;
    border: 2px solid #aaa;
    width: 150px;
    text-align:center;
    padding: 5px;
    color: inherit;
}

fb-like {
    height: 200px;
}

div#cart_div a
{
    background-image: url('../img/cart.gif');
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    margin: -10px auto -10px 5px;
    height: 27px;
    outline: none;
}

div#cart_div a span
{
    margin-left: 30px;
}

div#supported
{
    display:block;
    width:160px;
    text-align:center;
    padding-bottom: 5px;
    color: inherit;
}

div#infor
{
    margin: 0 0 15px 15px;
    color: #6D7C92;
    width: 75px;
    text-align: right;
    float: right;
}

div#footer
{
    margin: 25px;
    text-align:center;
}

/* -- Generic style ---------------------------------------------------------------------------------------------------- */
div#news a,
div#cart_div a,
div#pp_div a,
div#showCartLine a
{
    text-decoration: none;
    border: none;
}

p,
div table,
h1, h2, h3, h4,
legend, input,
.text, li.komp,
div .productPage,
div .products
{
    font-family: Arial, sans-serif;
    font-size: 12pt;
    color: #555;
    text-decoration: none;
}

p
{
    line-height: 1.3em;
}

.bold
{
    font-weight: bold;
}

p
{
    margin: 20px 0;
}

h1
{
    border-bottom: 5px solid #bbb;
    color: #777;
    margin-top:20px;
    font-size: 18pt;
    width: 85%;
}

h2
{
    margin-top:14px;
    color: #777;
    text-align: center;
    font-size: 16px;
    /*text-decoration:underline;*/
}

a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12pt;
    color: #555;
    text-decoration: underline;
    outline: none;
}

a:visited
{
    text-decoration:none;
    /*border-bottom: 1px dotted #555;*/
}

a:hover
{
    /*color:#333;*/
    text-decoration: underline;
    border: none;
    /*border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
    border-bottom: #000;*/
}

div table a
{
    text-decoration:none;
    border: none;
}

table#summary tr td p
{
    margin: 5px;
}

a img,
a:visited img
{
    border: none;
}

div.clear
{
    display: block;
    margin: 0;
    clear: both;
}

div#footer p,
div#footer a
{
    color: #eee;
}

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

li.komp {
margin-bottom: 20px;
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:30px;
}

li.hele {
/*background-image:url(/img/rectangle_red_rotated.png);*/
background-image:url(/img/green_puzzle.png);
}

li.delvis {
/*background-image:url(/img/rectangle_orange_rotated.png);*/
background-image:url(/img/blue_puzzle.png);
}

li.noe {
/*background-image:url(/img/rectangle_yellow_rotated.png);*/
background-image:url(/img/yellow_puzzle.png);
}

.footnotemarker {
color:red;
font-size:130%;
font-weight:bold;
text-decoration:none;
}

span.infor
{
    position:relative;
    top:3px;
}

a.infor-no,
a.infor-se,
a.infor-en,
a.infor-de,
a.infor-p,
a.switch_grey,
a.switch_grey-blue
{
    margin-top:5px;
    display:block;
    font-size: 10pt;
    height:25px;
    background:url(../img/flag/en.png) center left no-repeat;
    text-decoration:none;
    border:none;
}

a.infor-no:visited,
a.infor-se:visited,
a.infor-en:visited,
a.infor-de:visited,
a.infor-p:visited,
a.switch_grey:visited,
a.switch_grey-blue:visited
{
    border: none; /*IE Fix*/
}

a.switch_grey,
a.switch_grey-blue
{
    background-image: none;
}

a.infor-no
{
    background-image:url(../img/flag/no.png);
}

a.infor-se
{
    background-image:url(../img/flag/se.png);
}

a.infor-de
{
    background-image:url(../img/flag/de.png);
}

/*
a.infor-p
{
    background-image:url(../img/tp.gif);
}

a.infor-p:hover
{
    background-image:url(../img/tp2.gif);
}
*/

span.displaynone {
  display: none;
}

/* -- Cart ----------------------------------------------------------------------------------------------------- */
tr.odd td a,
tr.even td a
{
    text-decoration:none;
    border: none;
}

table tr td.left
{
    text-align: left;
    padding-left: 4px;
}

table tr td.right
{
    text-align: right;
    padding-right: 4px;
}

table tr td.center
{
    text-align: center;
}

table tr#topCart td
{
    text-align: center;
    font-weight: bold;
    /*text-decoration: underline;*/
}

table tr#topCart td#topCartCol1
{
    width: 280px;
}

table tr#topCart td#topCartCol2
{
    width: 45px;
}

table tr#topCart td#topCartCol3
{
    width: 80px;
}

table tr#topCart td#topCartCol4
{
    width: 45px;
}

table tr#topCart td#topCartCol5
{
    width: 90px;
}

table tr#topCart td#topCartCol6
{
    width: 30px;
}

div#cartDiv table tr
{
    height: 26px;
}

div table tr.odd
{
    /*background-color: #d5d5d5;*/
}

div table tr.odd:hover
{
    background-color: #d5d5d5;
}

div table tr.even:hover
{
    background-color: #d5d5d5;
}

div#cartDiv
{
    width: 85%;
}

input#updateCartButton,
input.inputButtonSmall,
input.inputButtonVerySmall,
input.buyButton
{
    background:transparent url('../img/cartButton.gif') no-repeat scroll center center;
    border:0 none;
    color:#fff;
    cursor:pointer;
    display:inline;
    font-size:90%;
    font-weight:bold;
    height:25px;
    width:180px;
}

input.inputButtonSmall
{
    background-image: url('../img/inputButtonSmall.gif');
    width:80px;
}

input.inputButtonVerySmall,
input.buyButton
{
    background-image: url('../img/inputButtonVerySmall.gif');
    width:50px;
}

a#continueShoppingButton,
a#proceedShoppingButton
{
    background:transparent url('../img/cartButton.gif') no-repeat scroll top right;
    color:#fff;
    display: block;
    font-size:90%;
    float: left;
    height: 25px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a#continueShoppingButton span,
a#proceedShoppingButton span
 {
    background: transparent url('../img/cartButton.gif') no-repeat;
    font-weight: bold;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 18px;
}

a#continueShoppingButton:hover,
a#proceedShoppingButton:hover
{
    text-decoration: none;
}

a#proceedShoppingButton
{
    float: right;
}

/* -- Products  ----------------------------------------------------------------------------------------------- */
div.productBox table
{
    /*float: right;*/
    width: 100%;
    margin-bottom: 20px;
}

div.productBox table td.left
{
    /*float: right;*/
    width: 50px;
}

div.productBox table td.right2
{
    text-align: right;
    padding-right: 4px;
    width: 90px;
}

div.productBox form.buy
{
    /*float: right;*/
    /*margin-bottom: 0;*/
}

div.productBox p#pricesExVat
{
    float: left;
    margin-top: 3px;
}

input.buyButton
{
    float: right;
    margin-left: 10px;
}

input.buyQty
{
    float: left;
    /*height: 22px;*/
}

a.productImg img
{
    float: left;
}

div.productPage
{
    width: 85%;
}

div.productBox
{
    background-color: #d5d5d5;
    width: 250px;
    margin: 10px;
    margin-right: 0;
    float: right;
    padding: 20px;
    padding-bottom: 0;
    text-align: center;
    border: 2px solid #aaa;
}

div.productBox p
{
    /*margin-bottom: 0;*/
}

/*div.downloadButtonDiv
{
    background-color: #d5d5d5;
    margin: 10px;
    float: right;
    padding: 20px 20px 0 20px;
    text-align: center;
    border: 2px solid #aaa;
}*/

div.downloadButtonDiv  p
{
    clear: both;
}

a.downloadButton
{
    background: transparent url('../img/bg_downloadButton_a.gif') no-repeat scroll top right;
    border: none;
    color: #fff;
    display: block;
    /*float: left;*/
    font-weight: bold;
    height: 38px;
    margin-bottom: 20px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
    /*margin-right: auto;
    margin-left: auto;
    width: 50%;*/
}

a.downloadButton:visited
{
    border: none; /*IE Fix*/
}

/*a.downloadButton:visited
{
    background-image: url('../img/bg_downloadButton_a2.gif');
}

a.downloadButton:visited  span
{
    background-image: url('../img/bg_downloadButton_span2.gif');
}*/

a.downloadButton:hover
{
    background-position: center right;
    text-decoration: none;
}

a.downloadButton:hover  span
{
    background-position: center left;
}

a.downloadButton  span
{
    background: transparent url('../img/bg_downloadButton_span.gif') no-repeat;
    display: block;
    line-height: 28px;
    padding: 5px 0 5px 15px;
}

a.downloadButton:active
{
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.downloadButton:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 15px; /* push text down 1px */
}

p.productsText
{
    float: left;
}

form.buy
{
    float: right;
    margin-bottom: 10px;
}

img.math
{
    border: 1px dashed #899db8;
    padding: 5px;
    background: #fafafa;
}

div.products a img
{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.products a img.productsWide
{
    margin-left: -160px;
}

div.products p
{
    margin-left: 180px;

}
/*
div.products a
{
    float: no-float;
    width: auto;

}*/

div.products_clear
{
    border-bottom: 2px solid #aaa;
    clear: both;
}

/* -- Image Hover  -------------------------------------------------------------------------------------------- */

div#imagehoverdiv
{
    float: right;
    /*border: 1px solid #999;*/
    width: 100%;
    margin: 10px 0;
}

div#imagehoverdiv ul
{
    float: left;
    width: 170px;
    margin: 0;
    padding: 0;
    list-style: none;
}

div#imagehoverdiv ul li
{
    margin: 0;
}

div#imagehoverdiv ul li a
{
    display: block;
    width: 150px;
    height: 27px;
    margin: auto auto -1px 20px;
    ; /*IE Fix*/
    position: relative;
    right: -1px;
    background-color: #d5d5d5;
    border: 1px solid #999;
    text-decoration:none;
    padding:3px 0 3px 20px;
    color: #333;
}

a.imagehoverLink#imagehoverCurrent
{
    background-color: #efefef;
    margin-left: 0;
    padding-top: 20px;
    width: 170px;
    height: 37px;
    border-right-color: #efefef;
}


div#imagehoverdiv ul li
{

}

img.imagehover
{
    /*float: right;*/
    padding: 10px 6px 6px 0;
}

.imagehoverText
{
    float: left;
    width: 200px;
    padding: 10px  2px 10px 10px;
}

div#loader_all
{
    float: right;
    border: 1px solid #999;
    background-color: #efefef;
    width: 481px;
    height: 400px;
    overflow: hidden;
}

div#loader
{
    float: right;
    /*border: 1px solid #999;*/
    width: 260px;
    height: 400px;
    overflow: hidden;
}

div#loader.loading
{
    background: #efefef url(../img/hover/load.gif) no-repeat center center;
}


/* -- Menu ---------------------------------------------------------------------------------------------------- */

#nav,
#nav ul
{ /* all lists */
    padding: 0;
    margin: -5px 0 0 0;
    list-style: none;
    float : left;
    width : 160px;
}

#nav li
{ /* all list items */
    position : relative;
    float : left;
    line-height : 20px;
    width: 160px;
}

#nav li ul, /* second-level lists */
#nav li ul ul  /* third-and-above-level lists */
{
    position : absolute;
    left: -999em;
    margin-left : 160px;
    margin-top:-35px;
    display:block;
    padding:0;
    width: 160px;
    border: 2px solid #aaa;
    background-color: #d5d5d5;
    color: inherit;
}

#nav li ul ul  /* third-and-above-level lists */
{
    margin-top: -35px;
}

#nav li a,
#nav li a.menu-arrow,
#nav li a#menu-arrow-products
{
    display: block;
    width: 128px;
    background-color: #d5d5d5;
    border: 1px solid #d5d5d5;
    margin: 5px 0 5px 5px;
    text-decoration:none;
    font-family: arial, "trebuchet ms", sans-serif;
    font-size: 14px;
    padding:3px 0 3px 20px;
    color: #555;
    outline: none;
}

#nav li a.menu-arrow,
#nav li a#menu-arrow-products
{
    background:#d5d5d5 url(../img/arrow-trans.gif) no-repeat right;
}

#nav li a:hover
{
    background-color: #bfbfbf;
    border: 1px solid #aaa;
    color: #555;
}

#nav li a.menu-arrow:hover,
#nav li a#menu-arrow-products:hover
{
    background:#bfbfbf url(../img/arrow-trans.gif) no-repeat right;
    border: 1px solid #aaa;
    color: #555;
}

#nav li a.menu-arrow:hover
{
    cursor: default;
}

#nav li a.current,
#nav li a.current-always
{
    cursor: default;
    color: #555;
    border: 1px dashed #888;
    background-color: inherit;
}

#nav li a.current-always
{
    cursor: pointer;
}

#nav li a.current:hover,
#nav li a.current-always:hover
{
    color: #555;
    background-color: #d5d5d5;
    border: 1px dashed #888;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.hover ul ul,
#nav li.hover ul ul ul
{
    left: -999em;
}
       #nav li:hover ul,
                                                            #nav li li:hover ul,
                                                            #nav li li li:hover ul,
                                                            #nav li.hover ul,
                                                            #nav li li.hover ul,
                                                            #nav li li li.hover ul
                                                            { /* lists nested under hovered list items */
                                                                left: auto;
                                                            }