﻿a {
    text-decoration: none;
    outline: none;
    color: rgb(0, 50, 129);
}

a:visited {
    color: rgb(0, 50, 129);
}

a:hover {
    text-decoration: underline;
}

body {
    font-family: Arial, Sans-Serif;
    background-color: #B2BCD4;
    padding-bottom: 30px;
    background-image: url(../images/header_bg_side.png);
    background-repeat: repeat-x;
}

h4  {
    color: #f47920;
    font-size: 16px;
}

h5 {
    font-size: 15px;
    font-weight: bold;
    color: #283891;
}

h6 {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

img.chapterImage {
    border-left:solid 1px #dedede;margin-bottom:5px;
    border-right:solid 1px #dedede;margin-bottom:5px;
    border-bottom:solid 1px #dedede;margin-bottom:5px;
}

.sortHandle {
    background-image:url(../images/up_down.png); 
    background-repeat:no-repeat;
    background-position:center center;
    width:36px
}

#quickAddSearchBox {
    margin-top: 16px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 12px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #F47920;
    background-image: url(../images/Rasterlijntjes.png);
}

#compare-box {
     border-left:1px solid #D6D6D6;
     border-right: 1px solid #D6D6D6; 
     border-bottom: 1px solid #D6D6D6; 
     text-align:left;
     border-top:3px solid #F47920;
     padding:8px;
     background-color:white;
     width:139px
}

#container {
    margin: auto;
    min-width: 914px;
    text-align: left;
    width: 918px;
    background-repeat: repeat-y;
}

#hd {
    height: 83px;
    background-color: White;
}

#hd .navigation {
    float: right;
    padding-top: 21px;
    text-align: right;
    width: 715px;
}

#hd .logo {
    float: left;
    padding-left: 24px;
    padding-top: 19px;
    width: 175px;
}

#hd .navigation ul li {
    display: inline;
    margin-right: -4px;
    padding: 0;
}

#bd {
    min-height: 695px;
    background-color: #F2F4F8;
    background-image: url(../images/container_bg_bd.png);
    padding-bottom: 32px;
}

#bd .top-shadow {
    height: 7px;
    background-image: url(../images/container_bg_hd.png);
}

#ft .bottom-shadow {
    height: 8px;
    background-image: url(../images/container_bg_ft.png);
}

#ft {
    clear: both;
    height: 80px;
}

#ft .content
{
    background-image: url(../images/container_bg_bd.png);
    background-color: #F2F4F8;
    padding-right: 7px;
}

#ft .content .menu
{
    height: 31px;
    padding-top: 20px;
    background-image: url(../images/dales_verrast.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#ft .content ul 
{
    margin: 0;
    padding: 6px 0px 6px 0px;
    text-align: center;
}

#ft .content ul li
{
    color: #7f7f7f;
    display: inline;
    padding: 0px 6px 0px 6px;
}

#ft .content ul li a 
{
    color: #7f7f7f;    
    font-size: 11px;
    text-decoration: none;    
}

#ft .content ul li a:hover 
{
    text-decoration: underline;
}

#navButtons {
    padding-top: 8px;
    padding-bottom: 8px;
}

#navButtons img {
    margin-left: -2px;
}

#keywords {
    margin-top: 8px;
    padding: 3px;
    width: 280px;
}

#search-button {
    margin-left: 6px;
    margin-top: 10px;
}

#result-label {
    padding-left: 8px;
    padding-top:8px;
    padding-bottom:16px;
    clear: both;
}

#result-label div {
    width:500px;
    float:left;
}

#result-label h4 {
    display:inline;
}

#result-label span
{
    padding-left: 5px;
    color: #283891;
    font-size: 11px;
}

#filter-form {
    margin-left: -8px;
    padding: 0px;
}

#filter-form table td.rastered {
    padding-left: 16px;
    padding-right: 8px;
    background-image: url(../images/Rasterlijntjes.png);
}

#filter-form td.logincol  {
    padding-left: 8px;
}

#filter-form table td h4 {
    margin-top: 8px;
    margin-bottom: 8px;
}

#filter-form td.leftBorder {
    border-left: solid 2px white;
}

table tbody tr.alt td {
    background-image: url(../images/Rasterlijntjes2.png);
    background-repeat: repeat;
}

.productData tr {
    height: 24px;
}

.productData tr td {
    padding-left: 32px;
}

.productData tr.header {
    color: #f47920;
    font-weight: bold;
    background-color: #EAEEF4;
}

#detailsBd {
    background-color: White;
    padding: 8px 8px 8px 16px;
    margin-right: 8px;
}

#detailsHd {
    padding-left: 16px;
    margin-bottom: 8px;
}

#detailsBd .rightCol {
    padding-left: 16px;
}

table.rounded td.tl {
    width: 3px;
    background-image: url(../images/r_border_tl.png);
    background-repeat: no-repeat;
    background-position: left top;
}

table.rounded td.t {
    padding-left: 2px;
    padding-top: 7px;
    background-image: url(../images/r_border_t.png);
    background-repeat: repeat-x;
    background-position: top;
}

table.rounded td.tr {
    width: 3px;
    background-image: url(../images/r_border_tr.png);
    background-repeat: no-repeat;
    background-position: right top;
}

table.rounded td.bl {
    width: 3px;
    background-image: url(../images/r_border_bl.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

table.rounded td.b {
    padding-left: 2px;
    padding-top: 7px;
    background-image: url(../images/r_border_b.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

table.rounded td.br {
    width: 3px;
    background-image: url(../images/r_border_br.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.productControls .backButton {
    float: left;
}

.productControls .addButton {
    float: right;
}

#detailsBd table td.leftCol {
    width: 280px;
}

#detailsBd table td.rightCol {
}

table#orderLines tbody tr {
    height: 32px;
}

td#deliveryAddress {
    width: 480px;
    padding: 8px;
}

td#deliveryAddress input[type='text'] {
    margin-bottom: 8px;
}

td#deliveryAddress #addressSelector {
    margin-bottom: 8px;
    width: 368px;
}

td#additionalData {
    padding: 8px;
}

td#additionalData table td {
    padding-bottom: 10px;
}

td#billingAddress {
    padding: 8px;
}

table#placedOrders tr.header {
    height: 20px;
}

table#placedOrders tr {
    height: 32px;
}

table.defaultList tr.header {
    height: 20px;
}

table.defaultList tr {
    height: 64px;
}

.orderBtn {
    cursor: pointer;
}

.favoriteBtn {
    cursor: pointer;
}

div.errors {
    padding-top: 8px;
}

div.errors ul li {
    font-weight: bold;
    color: #ff0000;
}

input.placeholder {
    font-style: italic;
    color: #9f9f9f;
}

input {
    font-style: normal;
    color: black;
}

#placeOrderResult {
    margin-bottom: 16px;
}

table.shadow tbody tr.backorder td {
    background-color: #f47920;
}

#nmp-content ul {
    padding: 8px 8px 8px 24px;
}

#nmp-content ul li {
    list-style-type: disc;
    padding-left: 8px;
}

#nmp-content h4 {
    margin: 16px 0px 8px 0px;
}

.chapterCaption {
    color:white;
    text-align:center;
    font-weight:bold;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
}