/* Navco.nl */

body { background: url(/theme/navco/img/background.gif) repeat }
h1, h2, h3, h4, strong { color: #0066c3 }
a { color: #000 }
a:hover { color: #333d4c }
q:before, q:after { content: "" }
label { padding: 4px 0 0 0 }
form div.input { color: #444 }
input[type=text], input[type=password], select, textarea { border: 1px solid #999 }
input[type=text].form-error { border: 1px solid #C00 }
input[type=radio].form-error { background-color: red; padding: 2px 2px 1px 1px }	/* not working in FF */
input[type=text].disabled { background-color: #DDD }	/* for IE */

div.tabs ul li { list-style: none }

input.button { cursor: pointer; background: no-repeat; border: none; font-weight: bold; color: #fff; vertical-align: middle; line-height: 36px; font-size: 12px; padding-bottom: 8px; padding-right: 10px; width: 150px; height: 44px }
input.button.order { background-image: url(/img/button.green.png) }
input.button.proceed { background-image: url(/img/button.green.large.png); width: 175px }
input.button.recalculate { background-image: url(/img/button.red.png) }
input.button.save { background-image: url(/img/button.green.png) }
input.button.confirm { background-image: url(/img/button.green.large.png); width: 175px }
input.button.newsletter { background-image: url(/img/button.red.png) }

div#container { background-color: #919191; background-image: url(/theme/navco/img/gradient.jpg); background-position: bottom; background-repeat: repeat-x }
div#content { margin: 3px 0 0 0 }
div#main { float: left; width: 770px; margin: 0 0 0 15px }
div#content { color: #222 }

div.form.login { background-color: #efefef; padding: 1em; border: 1px solid #ccc }
div.form.register { background-color: #eee; border: 1px solid #ccc; padding: 1em }
div.form.register h3 { position: relative } /* IE hack */
div.form.register div.newsletter input { float: left; margin: 7px 20px 0 15px }
div.form.register div.newsletter label { float: left; width: 350px }
div.form.address { background-color: #efefef; width: 440px; padding: 1em; border: 1px solid #ccc }
div.form.password { background-color: #efefef; width: 440px; padding: 1em; border: 1px solid #ccc; text-align: center }

div.sidebar { float: right; width: 175px; margin: 0 20px 0 17px }
div.sidebar div.box { margin-bottom: 14px }
div.sidebar div.box h2 { margin: 0; height: 26px; font-size: 13px; line-height: 26px; text-align: center; color: #fff; background-image: url(/theme/navco/img/sidebar_header.png) }
div.sidebar div.box h2 a { font-weight: bold; font-size: 1em; color: #fff; text-decoration: none }
div.sidebar div.box h2 a:hover { text-decoration: underline }
div.sidebar div.box div.content { padding: .5em; background-color: #0063c3; color: #eee }
div.sidebar div.box div.content strong { color: #eee }
div.sidebar div.box div.content a { color: #eee; font-weight: bold }
div.sidebar div.box.guestbook div.content div { margin: 0 0 10px 0 }
div.sidebar div.box.guestbook div.content blockquote { font-size: .9em; font-style: italic }
div.sidebar div.box.guarantees ol { margin: 0 0 10px 0 }
div.sidebar div.box.guarantees ol li { list-style: decimal outside; margin: 0 0 0 20px }
div.sidebar div.box.guarantees div.content {  }
div.sidebar div.box.payments div.content { text-align: center }
div.sidebar div.box.payments div.content a img { margin: 5px 0 5px 0 }
div.sidebar div.box.payments div.content > img { margin: 0 0 0 5px }
div.sidebar div.box.newsletter { text-align: center }
div.sidebar div.box.newsletter div.text { margin: 10px 0 5px 0 }
div.sidebar div.box.newsletter input.text { width: 145px }
div.sidebar div.box.newsletter input.button { margin: 5px 0 0 0 }

div.contents { background-color: #fff; padding: 20px; min-height: 400px }
div.contents.address div.address div.error-message { margin-left: 120px }
div.contents.guestbook div.entry { margin: 10px 0; background-color: #eee; min-height: 75px; padding: .5em }
div.contents.guestbook div.entry div.header { border-bottom: 1px solid #333; margin: 0 0 5px 0; padding: 0 0 5px 0 }
div.contents.guestbook div.entry div.header div.created { float: right }
div.contents.guestbook div.feedback { margin: 0 auto }
div.contents.guestbook div.feedback h3 { margin: 2em 0 1em 175px }
div.contents.customer div.box.login { float: left; width: 250px; margin: 0 1.5em 0 0 }
div.contents.customer div.box.register { float: left; width: 450px }
div.contents.customer p { color: #666 }
div.contents.login div.box p { margin: 1em 0 }
div.contents.addresses div.address.invoice h4 { margin: 0 0 1em 0 }
div.contents div.order.navigation { font-size: .85em; margin: 0 0 10px 0; padding: .5em 1em; background-color: #eee; border: 1px dotted #ccc }
div.contents.home h2, div.contents.welcome h2 { border-bottom: 1px solid #999; font-weight: normal; color: #000; padding: 0 0 10px 25px; margin: 0 0 15px 0 }
div.contents.home p, div.contents.welcome p { margin: 8px 0 0px 25px }
div.contents.home h4, div.contents.welcome h4 { margin: 8px 0 0px 25px }
div.contents.home { padding: 0; border-color: #ccc #999 #fff #ccc; border-style: solid; border-width: 1px }
div.contents.home div#bestsellers { margin: 25px }
div.contents.home div#newproducts { margin: 25px }
div.contents.cart div.subtotal { text-align: right; clear: both; padding: 1em 1em 0 0 }
div.contents.cart input.button.proceed { float: right; margin: 15px 5px 0 0 }
div.contents.cart input.button.recalculate { float: right; margin: 15px 0 0 0 }
div.contents.cart a.back { clear: both; float: left; margin: 30px 0 0 5px }
div.contents.service div.tabs ul { margin: 1em 0 }
div.contents.service div.tabs ul li { display: inline; list-style: none; padding-right: 20px }
div.contents.service div.tabs ul li a.active { font-weight: bold }
div.contents.service div.question { margin: 0 1em .6em 0; font-weight: bold; cursor: pointer }
div.contents.service div.question div.answer { margin: .3em 0 0 0; font-weight: normal }
div.contents.login div.box { width: 380px; margin: 0 auto; padding: 2em 0 }
div.contents.register div.box { width: 470px; margin: 0 auto; padding: 2em 0 }
div.contents.lostpassword div.box { width: 380px; margin: 0 auto; padding: 2em 0 }
div.contents.terms div.article { margin: 0 0 1em 0 }
div.contents.terms div.article ol li { list-style: none; margin: 0 0 .5em 0 }

div.product.lastcheck { background-color: #efefef; border: 1px solid #ccc; float: left; width: 95%; height: 90px; margin: 0 5px 5px 0; padding: 10px }
div.product.lastcheck div.image { padding: 0 1px 0 1px; line-height: 73px; text-align: center; border: 1px solid #bbb; width: 75px; height: 75px; float: left; margin: 0 20px 0 0; background-color: #fff }
div.product.lastcheck div.image img { vertical-align: middle }
div.product.lastcheck div.quantity { float: right; width: 80px; margin: 0 0 0 10px }
div.product.lastcheck div.deliver_status { color: #0a0; font-weight: bold }
div.product.lastcheck div.price_per_item span.amount { font-weight: bold }
div.product.lastcheck div.price_per_item span.amount.action { color: #ff0000 }
div.product.lastcheck div.price { float: right }
div.product.lastcheck div.price span.amount { font-weight: bold }
div.product.lastcheck div.price span.amount.action { color: #ff0000 }

div.box.cart div.product.cart { display: none }
div.category div.description div.image { float: left; text-align: center }
div.category div.description div.image.big { line-height: 130px; width: 170px; height: 130px }
div.category div.description div.image.small { line-height: 80px; width: 80px; height: 80px }
div.category div.description h3.title { float: left; padding-left: 30px; font-size: 1.3em; line-height: 80px; height: 90px }

div#container { text-align: left; width: 1000px; margin: 0 auto }

div#header { height: 185px; background: url(/theme/navco/img/header.png) top center no-repeat }
div#header h2 { font-size: 14pt }
div#header h2 a { font-weight: bold; font-size: 80%; color: #fff }
div#header div.logo { float: left; margin: 6px 10px 1px 48px }
div#header div.search { float: right; margin: 8px 25px 0 0 }
div#header div.search input.field.search { border-color: #ccc #999 #999 #ccc; border-style: solid; border-width: 1px }
div#header div.search input.field.search { height: 15px; width: 195px; margin: 0 3px 0 0 }
div#header div.search input.button.search { color: #333; background: none repeat scroll 0 0 #ddd; border-color: #ccc #999 #999 #ccc; border-style: solid; border-width: 2px }
div#header div.search input.button.search { width: 50px; height: 23px; font-size: 12px; padding: 0 0 1px 0; margin: 0 0 3px 0; line-height: 16px }
div#header div.search input.button.search:hover { background-color: #fff; color: #000 }
div#header div.account { float: left; margin: 11px 0 0 270px }
div#header div.box.cart { float: left; margin: 11px 0 0 43px }
div#header div.box.cart { width: 171px }
div#header div.box.cart h2 { padding: 0 0 0 32px }
div#header div.box.cart div.products { text-align: center; padding: 7px 0 0 0; font-weight: bold; font-size: .9em; color: #999999 }
div#header div.box.cart div.total { text-align: center; padding: 8px 0 0 0; font-weight: bold; font-size: .9em; color: #999999 }
div#header div.box.cart div.filled { color: #00bf02 }
div#header div.box.cart h2 a { text-decoration: none }
div#header div.box.cart h2 a:hover { text-decoration: underline }

div#header div.dropdown { border-top: 1px solid #fff; clear: both; margin: 0 0 0 -1px }
div#header div.dropdown > ul > li > a { border-top: none; z-index: 1001 }
div#header ul.sf-menu li:hover ul, div#header ul.sf-menu li.sfHover ul { left: 20px; top: 27px }
div#header ul.sf-menu li li:hover ul, div#header ul.sf-menu li li.sfHover ul { left: 11.5em; top: 5px }
div#header ul.sf-menu li li li:hover ul, div#header ul.sf-menu li li li.sfHover ul { left: 11.5em; top: 5px }
ul.sf-menu a { padding: 9px 1em }
div#header div.dropdown ul a, div#header div.dropdown ul a:visited { color: #fff }
div#header div.dropdown ul a[href="/category/2107/SINTERKLAAS_AANBIEDINGEN"],
div#header div.dropdown ul a:visited[href="/category/2107/SINTERKLAAS_AANBIEDINGEN"] { color: red; font-weight: bold }
div#header div.dropdown ul a[href="/category/2107/ZIE_KERST_AANBIEDINGEN"],
div#header div.dropdown ul a:visited[href="/category/2107/ZIE_KERST_AANBIEDINGEN"] { color: green; font-weight: bold }
div#header div.dropdown ul li { background: transparent }
div#header div.dropdown ul li li { background: #0072d3 }
div#header div.dropdown ul li li li { background: #0076da }
div#header div.dropdown  ul li:hover, div#header div.dropdown ul li.sfHover, div#header div.dropdown a:focus, div#header div.dropdown a:hover, div#header div.dropdown a:active { background: #0066c3; color: #f7dfff }

div#footer { text-align: right; background: url(/img/footer.png) no-repeat; width: 1000px; height: 140px; margin: 0 auto }
div#footer * { color: #333 }
div#footer a { text-decoration: none }
div#footer a:hover { color: #000 }
div#footer a:hover { text-decoration: underline }
div#footer div.content { clear: both; padding: 5px 12px 0 0 }
div#footer div.navco a { float: left; cursor: pointer; background: url(/img/footer.navco.png) no-repeat; width: 176px; height: 96px; margin: 5px 0 0 50px }
div#footer div.navspecialist a { float: left; cursor: pointer; background: url(/img/footer.denavigatiespecialist.png) no-repeat; width: 288px; height: 71px; margin: 16px 0 0 100px }
div#footer div.navsoftware a { float: left; cursor: pointer; background: url(/img/footer.navigatie-software.png) no-repeat; width: 262px; height: 77px; margin: 12px 0 0 100px }

div#terms div.article { margin: 0 0 1em 0 }
div#terms div.article ol li { list-style: none; margin: 0 0 .5em 0 }

div.contents.contact div { float: right; margin-left: 20px }
div.contents.contact div iframe { border: 1px solid #000 }

div#product h1 { margin-bottom: 20px }
div#product a#showMoreShippingLink { font-size: .8em }
div.category div.linefeed { clear: left }

div.contents.ogone table tr td { background-color: #ffc }
div.contents.ogone table.ncoltable3 table { border: none }
div.contents.ogone table.ncoltable3 { border: none }
div.contents.ogone table.ncoltable3 tr td { background-color: #fff }
div.contents.ogone td.ncolinput { text-align: left }
div.contents.ogone td { text-align: center }
div.contents.ogone td.ncoltxtl { text-align: right }
div.contents.ogone td.ncoltxtr { text-align: left }
div.contents.ogone td.ncoltxtl2 { text-align: right }
div.contents.ogone td.ncollogoc { text-align: center }
div.contents.ogone input.ncol { cursor: pointer; background: no-repeat; border: none; font-weight: bold; color: #fff; vertical-align: middle; line-height: 36px; font-size: 12px; padding-bottom: 8px; padding-right: 10px; width: 150px; height: 44px }
div.contents.ogone input.ncol { background-image: url(/img/button.green.png) }
div.contents.ogone input#submit3.ncol { background-image: url(/img/button.green.png) }
div.contents.ogone input#ncol_cancel { background-image: url(/img/button.red.png) }

div.product.small { border: 1px solid #ddd; float: left; width: 343px; margin: 0 7px 15px 7px }
div.product.small div.topbox { height: 132px; padding: 10px; font-size: .8em; background-color: #efefef }
div.product.small h3.title { font-size: 1.4em; margin: 0 0 10px 0 }
div.product.small div.image { float: left; line-height: 97px; border: 1px solid #bbb; width: 100px; height: 100px; margin: 0 15px 0 0; background-color: #fff; text-align: center }
div.product.small div.bottombox { background-color: #cdcdcd; height: 25px }
div.product.small div.bottombox span.more { float: left; font-size: .8em; margin: 6px 0 0 6px }
div.product.small div.bottombox span.price { float: right; margin: 2px 6px 0 0; font-size: 13pt; font-weight: bold }
div.product.small div.bottombox span.price.action.from { color: #000; text-decoration: line-through; font-weight: normal; font-size: .85em; padding: 2px 0 0 0 }
div.product.small div.bottombox span.price.action.for { color: #f00 }
div.product.wide { width: 710px; height: 150px; background-color: #efefef; border: 1px solid #ddd; margin: 0 0 5px 0; padding: 10px }
div.product.wide div.image { line-height: 145px; border: 1px solid #bbb; width: 145px; height: 145px; float: left; margin: 0 20px 0 0; background-color: #fff; text-align: center }
div.product.wide div.price { float: right; margin: 0 0 5px 15px }
div.product.wide div.price span { font-weight: bold; font-size: 20px }
div.product.wide div.price span.from { font-weight: normal; font-size: 12px; float: right; text-decoration: line-through }
div.product.wide div.price span.for { clear: both; float: right; color: red }
div.product.wide h3.title { font-size: 1.4em }
div.product.wide h3.title a { font-weight: bold }
div.product.wide div.description { margin: 1em 0 0 0; font-size: 1em }
div.product.cart { background-color: #efefef; border: 1px solid #ccc; float: left; width: 95%; height: 90px; margin: 0 5px 5px 0; padding: 10px }
div.product.cart div.price { float: right; font-size: 13pt; width: 100px; text-align: right }
div.product.cart div.price span.amount { font-weight: bold }
div.product.cart div.price span.amount.action { clear: both; font-weight: bold; color: red }
div.product.cart div.quantity { float: right; width: 25px; text-align: right; margin: 0 15px 0 10px }
div.product.cart div.quantity input { width: 2em }
div.product.cart div.delete { float: right; width: 20px; text-align: right; margin-right: 5px }
div.product.cart div.delete input { cursor: pointer; background: url(/img/cross.png) no-repeat; border: none; color: #ff6; margin-top: 4px }
div.product.cart div.image { padding: 0 1px 0 1px; text-align: center; line-height: 73px; border: 1px solid #bbb; width: 75px; height: 75px; float: left; margin: 0 20px 0 0; background-color: #fff }
div.product.cart div.image img { vertical-align: middle }
div.product.cart div.deliver_status { color: #0a0; font-weight: bold; margin: 0 0 3px 0 }
div.product.cart div.price_per_item span.amount { font-weight: bold }
div.product.cart div.price_per_item span.amount.action { color: red }
div.product.cart div.comment { margin-top: 5px }

div.product.detail div.image_holder { float: left; width: 160px; margin: 0 20px 20px 0 }
div.product.detail div.image_holder div.logo { margin: 5px 0 10px 0 }
div.product.detail div.image_holder div.image { line-height: 73px; width: 75px; height: 75px; border: 1px solid #bbb; float: left; margin: 1px; background-color: #fff; text-align: center }
div.product.detail div.image_holder div.image.first { line-height: 152px; width: 154px; height: 154px }
div.product.detail div.image_holder div.image a img { vertical-align: middle }
div.product.detail div.info_holder { float: left; width: 550px }
div.product.detail div.info_holder div.model { color: #aaa; margin: 0 0 5px 0 }
div.product.detail div.info_holder div.price { font-weight: bold; font-size: 25px }
div.product.detail div.info_holder div.action.comment.vat.shipping { color: #999; font-size: .8em }
div.product.detail div.info_holder div.action.price { font-size: 14px }
div.product.detail div.info_holder div.action.price.from { text-decoration: line-through }
div.product.detail div.info_holder div.action.price.for span { font-weight: bold; font-size: 25px; color: red }
div.product.detail div.info_holder div.action.saving { margin: 1em 0 0 0 }
div.product.detail div.info_holder div.deliver { margin: 1em 0 0 0 }
div.product.detail div.info_holder div.deliver span { color: #0a0; font-weight: bold }
div.product.detail div.info_holder div.description { margin: 1em 0 0 0; font-size: .9em }
div.product.detail div.info_holder h1 { font-size: 11pt }
div.product.detail div.info_holder h2 { font-size: 11pt }
div.product.detail div.info_holder h3 { font-size: 1em }
div.product.detail div.tabs { clear: both; padding: 1em 0 1em 0; min-height: 100px }
div.product.detail div.content.features { padding: 0 1em }
div.product.detail div.content.shipping { padding: 0 1em }
div.product.detail div.content.shipping ul { margin: 0 }
div.product.detail div.content.shipping a { float: left; clear: both; padding: 8px 0 0 0 }
div.product.detail form input.button.order { float: right }

div.product.accessory { margin: 1em; height: 85px }
div.product.accessory div.image { line-height: 73px; border: 1px solid #bbb; width: 75px; height: 75px; float: left; margin: 0 20px 0 0; background-color: #fff; text-align: center }

div.product.detail div.relations { margin: 10px 0 0 0 }
div.product.relation { float: left; width: 120px; height: 155px; text-align: center; margin: 0 0 10px 0 }
div.product.relation div.image { line-height: 80px }
div.product.relation div.title { line-height: 9px }
div.product.relation div.title a { text-decoration: none; font-size: .8em }
div.product.relation div.title a:hover { text-decoration: underline }