/*
    Orange:             #ff6600 // van www.ing.nl
    Previous orange:    #ff6600
    Grey:               #939495
    Light grey:         #7e7d7d
    Previous grey:      #4b4746
*/

body { border: 0; margin: 0; background: white; color: #626262; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva; }
#body { position: relative; margin: 0 auto; text-align: left; width: 960px; }

form { margin: 0; padding: 0; }
a { color: #626262; }
a:hover { color: #ff6600; }
a img { border: none; }
p { margin: 0; }
hr { height: 1px; color: #626262; background-color: #626262; }
.noscreen { display: none; }
.endfloat { padding: 0; margin: 0; height: 0; clear: both; }

.errors { color: #ff6600; }

div.stopfloat-home { height: 1px; margin: 0 0 12px; padding: 0; width: 476px; }

.swe-editarea { border-color: blue; }

.round-border { position: absolute; bottom: -2px; }

div.round-border { position: static; margin: 0; padding: 0; bottom: 0; text-align: right; xbackground: red; }
div.round-border img { display: inline; margin: 0; position: relative; bottom: -6px; right: -2px; }
.home-snippets .snippet div.round-border img { display: inline; margin: 0; position: relative; bottom: -2px; right: -2px; }
.round-content div.round-border img { display: inline; margin: 0; position: relative; bottom: -14px; right: -14px; }

.round-test { position: absolute; bottom: -2px; right: -2px; }
.news-img { height: 93px; width: 92px; text-align: center; float: left; }

#content input[type=text] { width: 150px; }

ul.links, ul.specs, ul.news { list-style-type: none; padding: 0; margin: 0; }

#header { height: 55px; position: relative; background: url(../style/top-graphic.png); margin-top: 15px; }
 #header img { position: relative; margin-left: 25px; }

#topmenu { z-index: 2; height: 30px; position: relative; background: #c8c9cb; margin-top: 1px; font-size: 11px; }
 #topmenu a { text-decoration: none; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; }
 #topmenu ul { list-style-type: none; padding: 0; margin: 0; cursor: pointer; }
  #topmenu li { height: 30px; width: 115px; line-height: 30px; float: left; padding: 0 5px 0 15px; background: #626262; background: #626262 url(../style/topmenu-hover.png) repeat-x; font-weight: bold; color: white; border-left: 1px solid #7e7d7d; border-right: 1px solid black; }
  #topmenu li.first { border-left: none; width: 116px; }
  #topmenu li.last { border-right: none; width: 117px; }
   #topmenu li:hover { background-image: none; }
   #topmenu li.active { background-image: none; }
   #topmenu li.selected { background-image: none; }
  #topmenu li a { color: white; }
 #subtopmenu { z-index: 1; background: #626262; height: 25px; }
  #topmenu .submenu { z-index: 2; position: absolute; top: 30px; left: 0; padding: 0 10px; width: 940px; display: none;  }
  #topmenu .submenu.active { z-index: 99; display: block; }
  #topmenu .submenu li { padding: 0 10px; height: 25px; line-height: 25px; background: #626262; width: auto; float: left; border: none; font-weight: normal; }
  #topmenu .submenu li.first { padding-left: 5px; }
   #topmenu .submenu li.active { font-weight: bold; }
  #topmenu .submenu li a { font-family: Verdana; font-size: 11px; font-weight: normal; }
  #topmenu .submenu li a:hover { color: white; text-decoration: underline; }

#breadcrumbs { border-bottom: 1px solid #9C9C9C; }
#breadcrumbs ul { padding: 0 0 0 15px; margin: 0; }
#breadcrumbs ul a { text-decoration: none; }
#breadcrumbs ul a:hover { color: black; }
#breadcrumbs li { display: inline; font-size: 0.9em; color: #9c9c9c; }
#breadcrumbs li a { color: #9c9c9c; }

#content-and-snippets-container { background: #FCF2EC; padding-left: 15px; }

#content-container { width: 745px; float: left; }

#content { width: 730px; margin: 15px 15px 15px 0; }

#content .left { width: 430px; float: left; }
#content .right { width: 272px; margin-left: 430px; }
#content .right .img-container { position: relative; text-align: center; }
 #content .right .img-container .img { position: relative; display: inline; }
  #content .right .img-container .magnify { position: absolute; bottom: 12px; right: 12px; }

#content h1 { font-size: 1.6em; margin: 0 0 15px 0px; font-family: "Trebuchet MS"; }
#content div.h2 { position: relative; height: 30px; border-bottom: 1px solid #626262; margin: 15px 0 15px 0px; clear: both; }
#content h2 { position: absolute; bottom: -4px; background: white; font-size: 1.2em; margin: 0; padding: 0;padding-right: 4px; }
#content p.intro { margin-left: 0px; font-size: 11px; width: 60%; text-align: justify; }
#content h3 { font-size: 1em; margin-bottom: 0; }
#content .print { margin-left: 4px; }
#content .icons li { margin-left: 4px; padding-left: 4px; }

 #content #stentor_registrationform { font-size: 0.8em; }
 #content #stentor_registrationform input { font-size: 11px; }
 #content form td { vertical-align: top; }

 #content .productgroups { width: 726px; margin: 0; padding: 0; }
 #content .productgroups td { vertical-align: top; background: none; margin: 0; padding: 0px; }
 #content .productgroups td .group-container { width: 339px; vertical-align: top; padding: 5px 0 0; margin: 50px 0 0 0; border-top: 2px solid #ff6600; }
 #content .productgroups td .group-container img { position: relative; top: -50px; border: 1px solid #626262; }
 #content .productgroups td .group-container h1 { position: relative; top: -50px; padding: 0 4px; height: 37px; }
 #content .productgroups td .group-container ul { position: relative; margin-top: -36px; }
 #content .productgroups td .top { position: relative; top: -5px; left: -10px; }
 #content .productgroups td .bottom { position: relative; left: -10px; top: 16px; }
 #content .productgroups h1 { position: relative; top: -5px; font-size: 1.3em; margin: 0 0 0 5px; padding: 0; line-height: 1.3em; }
 #content .productgroups img { float: left; }
 #content .productgroups .list-container { width:221px; margin-left: 118px; }
 #content .productgroups ul { list-style-type: none; margin: 0 0 0 12px; padding: 0; }
 #content .productgroups li { margin-left: 6px; text-indent: -8px; }
 #content .productgroups li a:hover { color: #ff6600; }
 #content .productgroups a { color: #626262; text-decoration: none; }

 #content .articles { width: 702px; border-collapse: collapse; font-size: 0.8em; text-align: left; margin-top: 6px; }
 #content .articles thead th { padding-left: 3px; }
 #content .articles a { text-decoration: none; color: #626262; }
 #content .articles tbody .odd_row { background: #fbdbb5; }
 #content .articles tbody tr { cursor: pointer; border-top: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; vertical-align: top; }
 #content .articles tbody td { border-top: 1px solid #9C9C9C; border-bottom: 1px solid #9C9C9C; }
 #content .articles tbody tr:hover { background: #ff6600; color: white; }
 #content .articles tbody tr:hover a { color: white; }
 #content .articles td, #content .articles th { padding: 2px 4px; }
 #content .articles tbody input.quantity { width: 37px; font-size: 11px; text-align: right; padding-right: 5px; border: 1px solid #eee; border-left: 1px solid #999; border-top: 1px solid #999; }
 #content .articles tbody .artnr { width: 63px; font-weight: bold; }
 #content .articles tbody td.quantity { width: 40px; }
 #content .articles thead td.grossprice, #content .articles thead td.price, #content .articles thead th.price, #content .articles th.grossprice, #content .articles th.subtotal, #content .articles thead td.subtotal, #content .articles .basket_total, #content .articles .total { text-align: right; }
 #content .articles tbody td.grossprice { width: 65px; text-align: right; }
 #content .articles tbody td.grossprice-offer { width: 105px; text-align: right; }
 #content .articles tbody td.price { width: 65px; text-align: right; font-weight: bold; }
 #content .articles tbody td.subtotal { width: 70px; text-align: right; font-weight: bold; }
 #content .articles thead th.icons, #content .articles tbody td.icons { width: 35px; text-align: right; }
 #content .articles td.delete { width: 16px; }
 #content .articles tfoot { border-bottom: 1px solid #626262; }
 #content .articles td.update { width: 16px; }
 #content .articles .quantity-basket { width: 69px; }

 #stentor_contactform input[type=text] { width: 250px; }
 #stentor_registrationform input[type=text] { width: 250px; }
 #stentor_returnandrepairform input[type=text] { width: 250px; }
 #stentor_returnandrepairform input.small-text { width: 75px; }
 #stentor_returnandrepairform input.medium-text { width: 200px; }
  #stentor_returnandrepairform td { border: 0; }

 .container-left, .container-right { font-size: 0.8em; }
#content .container-left, #content .container-right div.h2 { clear: none; }
 .container-left input, .container-right input { font-size: 11px; }
 .container-left { float: left; width: 340px; }
 .container-right { margin-left: 345px; width: 340px; }
 table.deliveryinfo tr { height: 22px; }
 table.deliveryinfo td, table.deliveryinfo th { vertical-align: top; }
#stentor_basket-addressform .clear { width: 700px; }

 iframe.map { margin: 0 49px; }

.swe ul.icons li.print { list-style-image: url('/style/icons/print.png'); }
.swe ul.icons li.cancel_print { list-style-image: url('/style/icons/cancel_print.png'); }

 #content .add-to-basket u { margin: 4px 4px; line-height: 30px; }
 #content .add-to-basket u img { position: relative; top: 4px; }

 #content .add-item-to-basket { font-weight: bold; color: #626262; font-size: 10px; text-decoration: underline; cursor: pointer; }
  #content .add-item-to-basket:hover { color: #ff6600; }
 #content .add-item-to-basket img { position: relative; top: 5px; }

 .update-item { cursor: pointer; }

#content p.intro-article { margin-left: 0px; font-size: 11px; text-align: justify; }

 #content ul.specs { margin: 0; padding: 0; font-size: 11px; margin-bottom: 12px; }
 #content ul.specs li { margin-left: 6px; text-indent: -8px; }

 #content table.specs { font-size: 11px; line-height: 13px; border: none; position: relative; left: -3px; }
 #content table.specs td { vertical-align: top; }

 h3.links { margin-left: 25px; }
 #content ul.links { font-size: 11px; color: #626262; margin: 0 0 0 25px; padding: 0; cursor: pointer; }
 #content ul.links img { position: relative; top: 5px; }
 #content ul.links li:hover { color: #ff6600; }
 #content ul.links li:hover a { color: #ff6600; }
 #content ul.links a { color: #ff6600; }
 #content ul.links a:hover { color: #ff6600; }

h2.small { font-size:1.2em; margin:0; padding:0 4px 0 0; }

 #content .news h2 { margin-top: 12px; }
 #content .news h2 div { display: inline; margin: 0; padding: 0;}
 #content .news .date { font-size: 0.7em; color: #ff6600; margin-left: 12px; }
 #content .news a { color: #626262; }
 #content .news a:hover { color: #ff6600; }

 #content table.sitemap {  }
 #content table.sitemap td { vertical-align: top; }
 #content ul.sitemap { padding-left: 15px; }
  #content ul.sitemap ul { padding-left: 15px; }

 #content .newsimage { float: left; border: 1px solid #626262; padding: 5px; margin: 5px 5px 5px 0; }

 #content div.support-group { width: 134px; float: left; background: #ff6600; margin-right: 6px; }
 #content div.treelevel-2, #content div.treelevel-2 h2 { background: #fc813b; }
 #content div.treelevel-3, #content div.treelevel-3 h2 { background: #fc9053; }
 #content div.treelevel-4, #content div.treelevel-4 h2 { background: #fd9f6a; }
 #content div.treelevel-5, #content div.treelevel-5 h2 { background: #fdae82; }
 #content div.treelevel-6, #content div.treelevel-6 h2 { background: #fdbd99; }
  #content div.support-group a.active { font-weight: bold; }
  #content div.support-group div.h2 { margin: 0; height: 18px; border-bottom-color: white; margin: 0 5px 5px; }
   #content div.support-group div.h2 h2 { color: white; }
  #content div.support-group ul { list-style-type: none; margin: 0; padding: 0; }
   #content div.support-group ul li { margin-left: 5px; }
    #content div.support-group ul li a:hover { color: black; }
  #content table.support-product tr { background: #fbdbb5; }
  #content table.support-product tr.nobg { background: none; }
  #content table.support-product th { font-weight: bold; width: 125px; vertical-align: top; }
   #content table.support-product td img { margin: 0 auto; display: block; }
  #content dl.support-details {  }
   #content dl.support-details dt { background: #fbdbb5; padding: 0 5px; font-weight: bold; }
   #content dl.support-details dd { margin: 0 0 12px 0; padding: 0 5px; border-bottom: 1px solid black; }

.intro-image { border: 2px solid #ff6600; position: relative; margin-bottom: 12px; width: 725px; height: 119px;}
.home-snippets { width: 235px; float: left; }
.home-snippets .snippet { border: 2px solid #ff6600; margin-bottom: 12px; position: relative; background: white; }
.home-snippets .snippet div.h1 { border-bottom: 1px solid #808080; height: 13px; margin-top: 8px; margin-bottom: 12px; }
#content .home-snippets .snippet div.h1 h1 { font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; padding-left: 6px; background: white; display: inline; }
.home-snippets .snippet img { display: block; margin: 0 auto 12px; }
.home-snippets .snippet p { margin: 0 6px; }
.home-snippets .snippet .round-border { bottom: -14px; }
.img-home { float: left; margin: 0 6px; }
.h3-home { margin-left: 117px; margin-right: 12px; margin-top: 0; }
.p-home { margin-left: 117px; margin-right: 12px; }
.home-news { margin-left: 250px; border: 2px solid #ff6600; background: white; position: relative; }
#content .home-news div.h1 { border-bottom: 1px solid #808080; height: 13px; margin-top: 8px; margin-bottom: 12px; }
#content .home-news div.h1 h1 { font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold; padding-left: 6px; background: white; display: inline; }

#snippets-container { width: 184px; border: 2px solid #ff6600; background: white; margin-left: 745px; position: relative; padding-top: 35px; margin-bottom: 12px; top: 15px; }
 #snippets-container .snippet { position: relative; width: 180px; border-top: 1px solid #808080; margin: 0px auto 30px; color: #808080; padding: 15px 0 10px 0; font-size: 10px; }
 #snippets-container .snippet-nomargin { margin: 0px auto; }
  #snippets-container .snippet h1 { position: absolute; top: -14px; right: 0; background: white; margin: 0 0 4px 0; padding-left: 4px; font-size: 13px; font-family: "Trebuchet MS"; font-weight: bold; padding-right: 3px; }
  #snippets-container .snippet h1.left { position: absolute; top: -14px; left: 0; margin: 0 0 4px 0; padding-right: 4px; font-size: 13px; font-family: "Trebuchet MS"; font-weight: bold; padding-left: 0; }
  #snippets-container .snippet .icon { position: absolute; top: -28px; left: -18px; background: url(/style/star-bck.png) no-repeat; padding: 12px; }
  #snippets-container .snippet p { line-height: 15px; margin: 0 4px; }
  #snippets-container .snippet p.errors { color: #ff6600; width: 180px; text-align: left; }

  #snippets-container .snippet form { text-align: right; margin-top: 4px;}
  #snippets-container .snippet input.text { width: 168px; margin-bottom: 2px; margin-right: 3px; }
  #snippets-container .snippet select { width: 174px; margin-bottom: 2px; margin-right: 3px;}
  #snippets-container .snippet input, #snippets-container .snippet select { font-size: 11px; }
  #snippets-container .snippet input[type=submit] { margin-right: 3px; }

.round-content { background: white; border: 2px solid #ff6600; position: relative; padding: 12px; }

#snippets-container hr { display: none; width: 80px; margin: 10px 0 0; border: 0; border-top: 1px solid #dddddd; }

#footer { border-top: 5px solid black; border-bottom: 1px solid black; font-size: 0.75em; color: #88898b; padding: 5px 15px; }
#guidance { color: #c8c9cb; padding: 5px 0; }
#guidance a { color: #c8c9cb; text-decoration: none; }

/* lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #808080; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; color: #ff6600; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnPrint { width: 120px; float: left; }
#lightbox-secNav-btnPrint img { margin: 0.5em 0.5em 0 0; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.5em; }

.pagination .selected { font-weight: bold; }

#testform { border: 1px solid #808080; margin-top: 24px; }
#testform h2 { position: relative; display: inline; top: -10px; left: 24px; }
#testform table { margin-left: 48px; }

#content .articles tbody td.icons .description { display: none;  width: 330px; position: absolute; left: 375px; margin-top: -30px; padding: 5px; background: white; border: 1px solid #808080; color: #808080; z-index: 25; text-align: left; }
#content .articles tbody td.icons .description .icon { position: relative; top: 3px; }

/* totale breedte 960px */
#topmenu li { width: 115px; }