/* DeNavigatiespecialist.com */

div.form.password { background-color: #efefef; width: 440px; padding: 1em; border: 1px solid #ccc; text-align: center }

body { background: url(/theme/navspecialist/img/background.gif) repeat }
a { color: #333 }
a:hover { color: #333d4c }
h1, h2, h3, h4, strong { color: #007a97 }
input[type=text], input[type=password], select, textarea { border: 1px solid #999 }
form div.input { color: #444 }

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

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.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.contents.addresses div.address.invoice h4 { margin: 0 0 1em 0 }

div#header * { color: #222 }
div#content { color: #222 }
div#container { background-color: #919191; background-image: url(/theme/navspecialist/img/gradient.jpg); background-position: bottom; background-repeat: repeat-x }
div#header { background: url(/theme/navspecialist/img/header.png) top center no-repeat }
div#topnav ul li a { color: #fff }

input[type=submit].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[type=submit].button.order { background-image: url(/img/button.green.png) }
input[type=submit].button.proceed { background-image: url(/img/button.green.large.png); width: 175px }
input[type=submit].button.recalculate { background-image: url(/img/button.red.png) }
input[type=submit].button.save { background-image: url(/img/button.green.png) }
input[type=submit].button.confirm { background-image: url(/img/button.green.large.png); width: 175px }
input[type=submit].button.ogone { background-image: url(/img/button.green.large.png); width: 175px }
input[type=submit].button.newsletter { background-image: url(/img/button.red.png) }
input[type=submit].button.search { line-height: 10px; width: 75px; background: none repeat scroll 0 0 #ddd; border-color: #ccc #999 #999 #ccc; border-style: solid; border-width: 1px }
input[type=submit].button.search:hover { background-color: #eee }

div.sidebar { float: left; width: 195px }
div.sidebar { width: 175px; margin: 0 20px 0 17px }
div.sidebar div.box { margin-bottom: 14px }
div.sidebar h2 { margin: 0; height: 26px; font-size: 13px; line-height: 26px; text-align: center }
div.sidebar div.content { padding: .5em }
div.sidebar h2 { color: #fff; background-image: url(/theme/navspecialist/img/sidebar_header.png) }
div.sidebar div.content { background-color: #f7d11e; color: #333 }
div.sidebar div.content a { color: #333 }
div.sidebar div.categories h2 a { font-weight: bold; font-size: 1em; color: #fff }
div.sidebar div.categories .category { padding: 1px }
div.sidebar div.categories .category.active { padding: 1px 2px; background-color: #ff0 }
div.sidebar div.categories .category.active a { color: #333 }
div.sidebar div.guarantees ol li { font-size: 10px; list-style: decimal inside }
div.sidebar div.guarantees h2 a { font-weight: bold; font-size: 1em; color: #fff }
div.sidebar div.newsletter.box { text-align: center }
div.sidebar div.newsletter.box div.text { margin: 10px 0 5px 0 }
div.sidebar div.newsletter.box input.text { width: 145px }
div.sidebar div.newsletter.box input.button { margin: 5px 0 0 0 }
div.sidebar div.payments.box 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.guarantees.box h2 a { text-decoration: none }
div.sidebar div.guarantees.box h2 a:hover { text-decoration: underline }
div.sidebar div.guarantees.box div.more { margin: .5em 0 0 0; font-size: .8em }

div#header div.cart.box { width: 171px }
div#header div.cart.box h2 { padding: 0 0 0 32px }
div#header div.cart.box div.products { text-align: center; padding: 7px 0 0 0; font-weight: bold; font-size: .9em; color: #999999 }
div#header div.cart.box div.total { text-align: center; padding: 8px 0 0 0; font-weight: bold; font-size: .9em; color: #999999 }
div#header div.cart.box div.filled { color: #00bf02 }
div#header div.cart.box h2 a { text-decoration: none }
div#header div.cart.box h2 a:hover { text-decoration: underline }

label { padding: 4px 0 0 0 }

div.contents { background-color: #fff; padding: 20px }

div.login.contents div.box { width: 380px; margin: 0 auto; padding: 2em 0 }
div.register.contents div.box { width: 470px; margin: 0 auto; padding: 2em 0 }
div.lostpassword.contents div.box { width: 380px; margin: 0 auto; padding: 2em 0 }

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

div.search { float: right; margin: 6px 10px 0 0 }

div.contents.home { padding: 0 }
div.contents.home div#flash { margin: 25px 0 0 50px }
div.contents.home 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 { margin: 8px 0 0px 25px }
div.contents.home div#banner { height: 175px; border: 0px solid #666; line-height: 175px; vertical-align: middle; color: #f7d11e; background-color: #000 }
div.contents.home div#welcome { padding: 15px 25px 10px 25px }
div.contents.home div#news { padding: 15px 25px 10px 25px }
div.contents.home div#bestsellers { margin: 25px }
div.contents.home div#newproducts { margin: 25px }

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.contents div.order.navigation { font-size: .85em; margin: 0 0 10px 0; padding: .5em 1em; background-color: #eee; border: 1px dotted #ccc }

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.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.contents.cart div.subtotal { text-align: right; clear: both; padding: 1em 1em 0 0 }
div.contents.cart input.proceed.button { float: right; margin: 15px 5px 0 0 }
div.contents.cart input.recalculate.button { float: right; margin: 15px 0 0 0 }
div.contents.cart a.back { clear: both; float: left; margin: 30px 0 0 5px }
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 { 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 { padding: 0 1px 0 1px; text-align: center }
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.box.cart div.product.cart { display: none }

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#container { text-align: left; width: 1000px; margin: 0 auto }

div#header { height: 182px }
div#header div.logo { float: left; margin: 41px 0 0 35px }
div#header div.account { float: left; margin: 43px 0 0 164px }
div#header div.cart { float: left; margin: 43px 0 0 45px }
div#header h2 { font-size: 14pt }
div#header h2 a { font-weight: bold; font-size: 80%; color: #fff }

div#categories h2 a { font-weight: bold; font-size: 1em; color: #fff }
div#categories .category { padding: 1px 1px 1px 1px }
div#categories .category.active { padding: 1px; background-color: #ee0 }

div#guarantees ol li { list-style: decimal inside }
div#guarantees h2 a { font-weight: bold; font-size: 1em; color: #fff }

div#topnav { padding: 1px 0 0 0; clear: both; border: 1px solid transparent }	/* border is FF hack */
div#topnav form label { color: #fff; font-weight: bold }
div#topnav input[type=text] { margin: 0 0 0 0; padding: 0; height: 18px }
div#topnav input[type=submit] { margin: 0 0 0 0; padding: 0; height: 20px; font-size: .8em }
div#topnav ul li { padding: 0 10px 0 0 }
div#topnav ul.horizontal { margin: 7px 0 0 20px }
div#topnav ul.horizontal li { margin: 0 5px 0 5px }

div#main { float: left; width: 770px }

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#footer { text-align: right; background: url(/img/footer.png) no-repeat; width: 1000px; height: 140px; margin: 0 auto }
div#footer div.content { clear: both; padding: 5px 12px 0 0 }
div#footer a { text-decoration: none }
div#footer a:hover { text-decoration: underline }
div#footer * { color: #333 }
div#footer a:hover { color: #000 }
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.service.contents div.tabs ul { margin: 1em 0 }
div.service.contents div.tabs ul li { display: inline; list-style: none; padding-right: 20px }
div.service.contents div.tabs ul li a.active { font-weight: bold }
div.service.contents div.question { margin: 0 1em .6em 0; font-weight: bold; cursor: pointer }
div.service.contents div.question div.answer { margin: .3em 0 0 0; font-weight: normal }
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.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 1em 0; font-size: .9em }
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.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.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.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 a { text-decoration: none; font-size: .8em }
div.product.relation div.title a:hover { text-decoration: underline }