* {margin: 0; padding: 0; font-size: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0; border: 0; color: #000000; text-align: left; text-decoration: none;}

/* basic styles */
html, body {height: 100.1%;}
body {background: #ffffff;}

div {position: relative;}
div.hr, div.hr_block {height: 0px; border-top: 1px solid #000000;}

p, td, th, input.text, input.text.faded, select, optgroup, option, textarea, li, legend {font-size: 10px; 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: #000000;}
.succes {color: #000000;}

.b, .error, .succes {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}

.large {font-size: 12px; line-height: 1.3em;}
.small {font-size: 8px; 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; height: 5px; border-top: 1px solid #000000;}
td.nowrap {white-space: nowrap;}
td.box {padding: 0; font-size: 0; line-height: 0;}

h1 {font-size: 14px; line-height: 1.3em; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif;}
h2 {font-size: 12px; line-height: 1.3em; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif;}

a {cursor: pointer; color: #000000; text-decoration: underline;}
a:hover {color: #000000;}
a.image {font-size: 0; line-height: 0;}
a.name {cursor: text; text-decoration: none; color: #000000;}

input.text, textarea, select {border: 1px solid #000000; color: #000000;}
input.text, input.text.faded {height: 18px; padding: 2px 3px 0 3px;}
input.text.faded {border: 1px solid #000000; color: #000000;}
textarea {padding: 0 3px;}
select {height: 22px; padding: 1px;}
select.multiple {height: auto !important;}
optgroup {font-weight: bold; color: #000000; padding: 0 0 0 3px;}
option {padding: 2px 3px; color: #000000;}
option.faded {color: #000000;}

fieldset {border: 1px solid #000000; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
legend {font-weight: bold; color: #000000; padding: 0 5px 5px 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: 600px; text-align: left; margin: 0 auto;}

div#top {position: absolute; top: 0; left: 0; width: 600px; height: 150px; z-index: 10;} 
  div#white {padding: 10px 0 0 0; width: 600px; height: 133px; margin: 0 auto;}
  
  div#logo, div#flag, div#flags, div#print, div#topzoekbar, div#topmenu, div#homeblocks {display: none;}
  
div#container {margin: 0 auto; min-height: 500px; height: auto !important; height: 500px;}

div#leftbox {width: 100px; float: left; overflow: hidden; padding: 153px 0 0 0;}
  div#left {width: 90px; padding: 0 10px 0 0;}
  div#left div#left_menu {width: 90px; padding: 0 0 10px 0;}
  div#left div#left_menu p {padding: 7px 0 10px 0;}
  div#left div#left_menu p a {color: #000000;}
  div#left div#left_menu p a:hover {color: #90c3e5;}
  div#left div#left_menu div.hr {padding: 5px 0 0 0; border-top: 1px solid #def5fb; margin: 0;}
  div#left div#left_menu div.menu_hr {padding: 3px 0 0 0; border-top: 0; border-bottom: 1px solid #d4ebf7; margin: 0;} /* 9 + 1 uit menu-item = 10 */

  div#left_content {padding: 10px 0 0 0;}
  div#left_content h2 {padding: 0 0 5px 0; color: #000000;}
  div#left_content p.title {padding: 0 0 10px 0; line-height: 1.3em; color: #000000; font-size: 21px; font-weight: bold;}
  div#left_content p {padding: 0 0 10px 0; line-height: 1.3em; color: #000000;}
  div#left_content a.title {color: #000000; text-decoration: none;}
  div#left_content a.title:hover {color: #00b2de; text-decoration: underline;}
  div#left_content table {border-width: 0 0 5px 0; border-color: #d6e7ef; border-style: solid;}
  div#left_content table.box {border-width: 0; padding: 0 0 10px 0;}
  div#left_content td.box p {text-align: left;}
  div#left_content a.arrow {background: url('images/layout/arrow_item.gif') no-repeat 0 6px; padding: 3px 0 0 18px; color: #000000; text-decoration: none;}
  div#left_content a.arrow:hover {background: url('images/layout/arrow_item_on.gif') no-repeat 0 6px; color: #00b2de; text-decoration: underline;}
  div#left_content div.hr {height: 0px; padding: 0 0 10px 0; border-top: 1px solid #90c3e5; background: none;}
  div#left_content div.image {padding: 0 0 10px 0;}

div#center {width: 380px; float: left; display: inline; padding: 153px 10px 0 10px;}
  div#subcenter {padding: 0;}
  div#subcenter table {border-width: 0 0 5px 0; border-color: #ffffff; border-style: solid;}
  div#subcenter table.box {border-width: 0; width: 380px;}
  div#subcenter td.box {width: 380px; padding: 0 0 10px 0;}
  div#subcenter td.box p {text-align: left;}
  div#subcenter div.hr {padding: 0 0 10px 0;}
  div#subcenter div.hr_block {padding: 0 0 10px 0;}
  div#subcenter div.image {padding: 0 0 10px 0;}
  div#subcenter ul {padding: 0 0 5px 15px;}
  div#subcenter li {list-style-position: outside; padding-bottom: 5px;}
  
  div#subcenter div#preview table.box {max-width: 380px; width: auto !important; width: 380px;}
  div#subcenter div#preview td.box {max-width: 380px; width: auto !important; width: 380px;}

div#rightbox {width: 100px; float: left; z-index: 5; padding: 153px 0 0 0;}
  div#right {width: 100px;}
  
  div#right {padding: 0;}
  div#right div.smallblock_border {background: #66d1eb; padding: 1px; margin: 0 0 10px 0;}
  div#right div.smallblock {background: #ffffff; padding: 7px 10px 0 10px;}
  div#right h2 {padding: 0 0 5px 0; color: #000000;}
  div#right p {padding: 0 0 10px 0; line-height: 1.3em; color: #000000;}
  div#right p a.title {color: #000000; text-decoration: none;}
  div#right p a.title:hover {color: #000000; text-decoration: underline;}
  div#right table {border-width: 0 0 5px 0; border-color: #ffffff; border-style: solid;}
  div#right table.box {border-width: 0; padding: 0 0 10px 0;}
  div#right td.box p {text-align: left;}
  div#right input.text, div#right input.text.faded {width: 160px;}
  div#right div.hr, div#right div.hr_block {padding: 0 0 10px 0;}
  div#right div.image {padding: 0 0 10px 0;}

div#html_push, div#footer, div#images_frame {display: none;}

/* catalog layout styles */
div#subcenter table.stretch {min-width: 380px; width: auto !important; width: 380px;}
div#subcenter table.stretch th.total, div#subcenter table.stretch td.total {text-align: right; padding: 0 0 5px 0;}
/* /catalog layout styles */

/* menu */
.len2_end, .len2_end_sel, .len2_sel, .len2 {padding: 1px 0 1px 0px;}
.len4_end, .len4_end_sel, .len4_sel, .len4 {padding: 1px 0 1px 10px;}
.len6_end, .len6_end_sel, .len6_sel, .len6 {padding: 1px 0 1px 20px;}
.len8_end, .len8_end_sel, .len8_sel, .len8 {padding: 1px 0 1px 30px;}
.len10_end, .len10_end_sel, .len10_sel, .len10 {padding: 1px 0 1px 40px;}

.len2_end a, .len2_end_sel a, .len2_sel a, .len2 a, .len4_end a, .len4_end_sel a, .len4_sel a, .len4 a, .len6_end a, .len6_end_sel a, .len6_sel a, .len6 a, .len8_end a, .len8_end_sel a, .len8_sel a, .len8 a, .len10_end a, .len10_end_sel a, .len10_sel a, .len10 a {display: block; padding: 3px 0 0 18px; color: #000000; font-size: 11px; line-height: 1.3em; background: url('images/layout/menu_item.gif') no-repeat 0 6px;}

.len2_end a, .len4_end a, .len6_end a, .len8_end a, .len10_end a {text-decoration: none; color: #000000;}
.len2_end a:hover, .len4_end a:hover, .len6_end a:hover, .len8_end a:hover, .len10_end a:hover {text-decoration: underline; color: #000000; background: url('images/layout/menu_item_on.gif') no-repeat 0 6px;}
.len2_end_sel a, .len4_end_sel a, .len6_end_sel a, .len8_end_sel a, .len10_end_sel a {text-decoration: none; font-weight: bold; color: #000000; background: url('images/layout/menu_item_sel.gif') no-repeat 0 6px;}
.len2_end_sel a:hover, .len4_end_sel a:hover, .len6_end_sel a:hover, .len8_end_sel a:hover, .len10_end_sel a:hover {text-decoration: underline; color: #000000;}

.len2 a, .len4 a, .len6 a, .len8 a, .len10 a {text-decoration: none; color: #000000; background: url('images/layout/menu_item_plus.gif') no-repeat 0 6px;}
.len2 a:hover, .len4 a:hover, .len6 a:hover, .len8 a:hover, .len10 a:hover {text-decoration: underline; color: #000000; background: url('images/layout/menu_item_on_plus.gif') no-repeat 0 6px;}
.len2_sel a, .len4_sel a, .len6_sel a, .len8_sel a, .len10_sel a {text-decoration: none; font-weight: bold; color: #000000; background: url('images/layout/menu_item_sel_plus.gif') no-repeat 0 6px;}
.len2_sel a:hover, .len4_sel a:hover, .len6_sel a:hover, .len8_sel a:hover, .len10_sel a:hover {text-decoration: underline; color: #000000;}

