* {margin: 0; padding: 0; font-size: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0; border: 0; color: #333333; text-align: left; text-decoration: none;}

/* basic styles */
html, body {height: 100.1%;}
body {background: #ffffff; text-align: center; min-width: 865px;}

div {position: relative;}
div.hr {height: 0px; border-top: 1px solid #000000;}

p, td, th, input.text, input.text.faded, select, option, textarea, li, legend {font-size: 12px; line-height: 1.3em;}
p, h1, h2 {padding-bottom: 10px;}

span, a, label {font-size: 1em; line-height: 1.3em;}

.center {text-align: center;}
.right {text-align: right;}

.error {color: #c12026;}
.succes {color: #3f9724;}

.b, .error, .succes {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}

.large {font-size: 13px; line-height: 1.3em;}
.small {font-size: 9px; line-height: 1.6em;}

table {border-style: solid; border-color: transparent;}
table.center {margin: 0 auto;}
th, td {vertical-align: top; padding: 0 10px 5px 0;}
th.right, td.right {padding: 0 0 5px 10px;}
th.image, td.image {font-size: 0; line-height: 0; padding: 0 0 5px 0;}
th.image img, td.image img {margin: 0 5px 0 0;}
td.hr {font-size: 0; line-height: 0; border-bottom: 1px solid #000000;}
td.nowrap {white-space: nowrap;}
td.box {padding: 0; font-size: 0; line-height: 0;}

h1 {font-size: 15px; line-height: 1.3em; font-weight: bold; color: #000000;}
h2 {font-size: 13px; line-height: 1.3em; font-weight: bold; color: #000000;}

a {cursor: pointer; color: #c12026; text-decoration: underline;}
a:hover {color: #595959;}
a.image {font-size: 0; line-height: 0;}
a.name {cursor: text; text-decoration: none; color: #000000;}

input.text, textarea, select {border: 1px solid #a7a6aa; color: #000000;}
input.text, input.text.faded {height: 21px; padding: 2px 3px 0 3px;}
input.text.faded {border: 1px solid #a7a6aa; color: #737373;}
textarea {padding: 0 3px;}
select {height: 26px; padding: 1px;}
select.multiple {height: auto !important;}
option {padding: 2px 3px; color: #000000;}
option.faded {color: #737373;}

fieldset {border: 1px solid #c12026; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
legend {font-weight: bold; color: #c12026; padding: 0 5px;}

img.link {cursor: pointer;}
img.left {margin: 0 10px 10px 0; float: left;}
img.center {display: block; margin: 0 auto;}
img.right {margin: 0 0 10px 10px; float: right;}
img.cart {border: 1px solid #000000;}
/* /basic styles */

/* specific layout styles */
div#html {min-height: 100%; height: auto !important; height: 100%; width: 865px; background: #fffbe1 url('images/layout/html.gif') repeat-y 0 0; text-align: left; margin: 0 auto -38px auto;}
div#html:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}
  
div#top {z-index: 10; position: absolute; top: 0; width: 865px; height: 92px; background: #fffbe1 url('images/layout/top.jpg') no-repeat 0 0;} 
  div#logo {position: absolute; top: 40px; left: 108px; width: 319px; height: 28px; text-align: center; z-index: 10;}
  div#balk {position: absolute; width: 421px; height: 12px; left: 6px; top: 78px; background: #000000;}
  div#menu {z-index: 10; position: absolute; width: 865px; height: 30px; top: 75px; right: 0;}
    div#menu p {font-size: 12px; padding: 0 15px 0 0; text-align: right;}
    div#menu p a {font-weight: bold; color: #000000; text-decoration: none;}
    div#menu p a:hover {color: #595959; text-decoration: underline;}
  div#topinfo {position: absolute; width: 400px; top: 0; right: 0;}
    div#topinfo p {text-align: right; padding: 3px 15px 0 0;}
    div#topinfo span, div#topinfo a {color: #000000; text-decoration: none; font-weight: bold;}
    div#topinfo a:hover {color: #595959; text-decoration: underline;}

div#subtop {z-index: 10; position: absolute; top: 92px; width: 865px; height: 440px; background: #fffbe1 url('images/layout/subtop.jpg') no-repeat 0 0;}
  div#subtop_right {position: absolute; width: 108px; height: 175px; right: 13px; top: 11px; background: url('images/layout/subtop_right.gif') no-repeat 0 0;}
  div#subtop_header {position: absolute; width: 536px; height: 30px; left: 21px; bottom: 0; background: #000000; padding: 0 0 0 15px;}
    div#subtop_header h1 {color: #ffffff; font-size: 22px; line-height: 1.2em;}
  div#subtop_menu {position: absolute; left: 21px; top: 25px; width: 60px;}
    div#subtop_menu img {margin: 0 0 15px 0;}
    div#subtop_menu td {padding: 0; font-size: 0; line-height: 0; vertical-align: middle;}
    .newsletter {width: 163px; height: 14px; padding: 13px 5px; font-size: 12px; line-height: 1.3em; border: 1px solid #000000;}
    .newsletter_faded {width: 163px; height: 14px; padding: 13px 5px; font-size: 12px; line-height: 1.3em; border: 1px solid #000000; color: #737373;}
  div#foto1 {position: absolute; width: 236px; height: 306px; top: 45px; left: 261px;}
  div#foto2 {position: absolute; width: 295px; height: 326px; top: 33px; left: 466px;}
  div#badge {position: absolute; width: 132px; height: 132px; top: 300px; left: 693px; background: url('images/layout/badge.gif') no-repeat 0 0; z-index: 10;}

div#container {margin: 0 auto; min-height: 632px; height: auto !important; height: 632px; background: url('images/layout/container.jpg') no-repeat 0 532px;}

div#left {width: 0; float: left; padding: 532px 0 0 0; overflow: hidden;}

div#center {width: 551px; float: left; display: inline; padding: 532px 15px 0 21px;}
  div#subcenter {background: #ffffff; min-height: 100px; height: auto !important; height: 100px; padding: 22px 74px 0 32px;}
  div#subcenter table {border-width: 0 0 5px 0;}
  div#subcenter table.box {border-width: 0 0 10px 0; border-style: solid; border-color: #ffffff; width: 445px;}
  div#subcenter td.box {padding: 0; width: 445px;}
  div#subcenter div.hr {padding: 0 0 10px 0;}
  div#subcenter div.image {padding: 0 0 8px 0;}
  div#subcenter ul {padding: 0 0 5px 15px;}
  div#subcenter li {list-style-position: outside; padding-bottom: 5px;}

div#rightbox {width: 256px; float: left; padding: 532px 15px 0 0; z-index: 5;}
  div#right {padding: 15px 0 20px 0;}
  div#right h2 {padding: 0 0 7px 0;}
  div#right p {padding: 0 0 15px 0;}
  div#right div.hr {padding: 0 0 15px 0; color: #e5c096;}
  div#right table {border-width: 0 0 5px 0;}

div#html_push {clear: both; height: 38px;}

div#footer {width: 853px; height: 38px; margin: 0 auto; z-index: 10; background: url('images/layout/footer.gif') repeat-x 0 0;}
  div#footer_logo {position: absolute; right: 10px; bottom: 0px; width: 203px; height: 56px; z-index: 5;}
  div#footerleft {position: absolute; left: 10px; top: 0; height: 38px; width: 620px;}
  div#footerleft p {color: #ffffff; font-size: 10px; padding: 14px 0 0 0; text-align: center;}
  div#footerleft p a {color: #ffffff; text-decoration: none;}
  div#footerleft p a:hover {color: #ffffff; text-decoration: underline;}
/* /specific layout styles */

/* catalog layout styles */
div#subcenter table.catalog_top {width: 445px;}

div#subcenter table#catalog {border-width: 0 0 10px 0; width: 445px;}

div#subcenter table#catalog td.line {font-size: 0; line-height: 0; height: 10px; border-top: 1px solid #000000;}

div#subcenter table#catalog td.hor_line {font-size: 0; line-height: 0; height: 5px; padding: 0;}
div#subcenter table#catalog td.ver_line {font-size: 0; line-height: 0; width: 5px; padding: 0;}

div#subcenter table#detail td.large {padding: 0 32px 5px 0; font-size: 0; line-height: 0;}
div#subcenter table#detail td.large img {border: 1px solid #000000;}
div#subcenter table.inline {border-width: 0;}
div#subcenter table.inline th, table.inline td {padding: 0 10px 5px 0;}
div#subcenter table.inline td.image {padding: 0;}

div#subcenter table.stretch {min-width: 445px; width: auto !important; width: 445px;}
div#subcenter table.stretch th.total, div#subcenter table.stretch td.total {text-align: right; padding: 0 0 5px 0;}
/* /catalog layout styles */

div.popup {position: absolute; z-index: 50; visibility: hidden; display: none; border: 2px solid #c12026; background: #fffbe1; overflow: auto; padding: 10px 0 0 0;}
  div.popup p {padding: 0 10px 10px 10px;}
  div.popup table {border-style: solid; border-color: transparent; border-width: 0 10px 8px 10px;}
  div.popup table.center {margin: 0 auto;}
  div.popup table th, div.popup table td {padding: 0 5px 3 5px;}
  div.popup table td.image {font-size: 0; line-height: 0; padding: 0 5px 3px 5px;}
  div.popup table td.thumb {width: 130px; border: 1px solid #000000; background: #ffffff; text-align: center; padding: 5px;} /* font-size: 0; line-height: 0; */
  div.popup table td.thumb img {max-width: 120px; width: auto !important; width: 120px; max-height: 120px; height: auto !important; height: 120px;}
  div.popup div.hr {height: 0; border-top: 1px solid #000000; margin: 0 10px 10px 10px;}

/* ##### INTERNETKASSA ##### */
/* algemeen */
div#subcenter table.ncoltable1, div#subcenter table.ncoltable2, div#subcenter table.ncoltable3 {border-width: 1px; border-style: solid; border-color: #000000; background: #fffbe1; margin: 0 0 10px 0; width: 440px;}
div#subcenter table.ncoltable1 td, div#subcenter table.ncoltable2 td, div#subcenter table.ncoltable3 td {padding: 3px; vertical-align: middle; background: #fffbe1;}

div#subcenter small, div#subcenter b, div#subcenter input, div#subcenter h3, div#subcenter label {font-size: 13px; line-height: 18px;}
div#subcenter h3 {font-weight: bold; font-style: italic; text-align: center; color: #333333;}

div#subcenter td.ncoltxtc {text-align: center;}

div#subcenter center table {width: 125px; margin: 0 auto;}
div#subcenter center table td {text-align: center;}
div#subcenter center table form {text-align: center; width: 125px;}

/* table.ncoltable1 */
div#subcenter td.ncoltxtl {text-align: right;}
div#subcenter td.ncoltxtr {text-align: left;}

/* table.ncoltable2 */
div#subcenter td.ncolline1 {}
div#subcenter table.ncoltable2 td.ncolh1 {background: #000000; color: #ffffff; text-align: center; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncolh1 small, div#subcenter td.ncolh1 b {color: #ffffff; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncoltxtc {background: #000000; color: #ffffff; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncoltxtc small, td.ncoltxtc b {color: #ffffff; font-weight: bold;}

div#subcenter td.ncolinput {}
div#subcenter td.ncolinput input {height: 20px; border: 1px solid #8cc63f; font-weight: bold;}

/* table.ncoltable3 */
div#subcenter td.ncollogoc {text-align: center;}

table#iDealTbl input.ncol {cursor: pointer; background: url('http://www.sonsofkorah.nl/nl/nl_images/verder.gif') repeat-x 0 0; width: 120px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -999px; margin: 0 0 7px 7px;}
table#iDealTbl input.ncol:hover {background: url('http://www.sonsofkorah.nl/nl/nl_images/verder_on.gif') repeat-x 0 0;}

form#form1 input.ncol {cursor: pointer; background: url('http://www.sonsofkorah.nl/nl/nl_images/vorige.gif') repeat-x 0 0; width: 120px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -999px;}
form#form1 input.ncol:hover {background: url('http://www.sonsofkorah.nl/nl/nl_images/vorige_on.gif') repeat-x 0 0;}

form#form3 input.ncol {cursor: pointer; background: url('http://www.sonsofkorah.nl/nl/nl_images/annuleren.gif') repeat-x 0 0; width: 120px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -999px;}
form#form3 input.ncol:hover {background: url('http://www.sonsofkorah.nl/nl/nl_images/annuleren_on.gif') repeat-x 0 0;}

/* overigen / onbekend ... */
div#subcenter td.ncoltxtl2 {text-align: right;}

div#subcenter td.ncollogol {text-align: right;}
div#subcenter td.ncollogor {text-align: left;}

div#subcenter td.ncoltxtmessage {color: #ffffff; text-align: left;}

div#subcenter td.ncolline2 {}
/* ##### EINDE INTERNETKASSA ##### */

div#nd {text-align: center;}
