*{ padding: 0px;  margin: 0px; }
img{ border: 0px; }
body{ background-color: #fff; background-image: url(../images/template/balk.gif);  background-position: left top;  background-position: left top; background-repeat: repeat-y;}
td,div{font: normal normal 11px/13px Tahoma;}
div.clear{clear: both;}
a {color: #000;}
a.noline{text-decoration: none;}

/* hoofd tabel */
#mainwrapper{ width: 100%; border: 0px;}
#topwrapper{ width: 100%; height: 65px; background-color: #E16019; border-bottom: solid 1px #fff;}
#menuwrapper{ background-color: #E16019; border-right: solid 1px #fff;}
#contentwrapper{ width: 100%; background-color: #fff; border-left: solid 5px #000; padding: 7px 15px 10px 15px;}

/* top */
div.top1{width: 100%; height: 50px; background-image: url(../images/template/tattoowear.gif); background-position: right top; background-repeat: no-repeat; border-bottom: solid 1px #fff; position: relative;}
div.top2{width: 100%; height: 15px; background-image: url(../images/template/tattoowear2.gif); background-position: left top;}

/* menu boven */
div.menutop{position: absolute; top: 12px; left: 300px; }
div.topmenuitem{ float: left; height: 16px; border: solid 1px #fff; background-color: #000; text-align: center; padding: 6px 10px 3px 10px; cursor: pointer; margin-right: 10px;}
a.topmenuitem{text-decoration: none; color: #fff; font-weight: bold; font-size: 12px;}

/* zoek blokje boven */
div.zoekblokje{position: absolute; top: 11px; right: 30px; }
input.zoekblokje{height: 18px; border: solid 1px #888; background-color: #fff; padding: 4px 10px 3px 10px;}
input.zoeksubmit{height: 26px; border: solid 1px #fff; background-color: #000; text-align: center; padding: 3px 5px 3px 5px; cursor: pointer; margin-left: 5px; color: #fff; font-weight: bold; font-size: 12px;}

/* menu links */
div.menuitem1{ width: 210px; height: 15px; border-bottom: solid 1px #fff; text-align: right; padding: 5px 10px 5px 5px; cursor: pointer;}
div.menuitem2{ width: 225px; height: 15px; background-image: url(../images/template/tattoowear2.gif); background-position: left top; border-bottom: solid 1px #fff;}
a.menuitem{text-decoration: none; color: #fff; font-weight: bold; font-size: 12px;}

/* Pagina titels */
div.pagetitle_basket{height: 20px; padding-bottom: 7px; padding-left: 30px; font: normal bold 20px/20px Tahoma; margin-bottom: 0px; background-image: url(../images/template/_cart.gif); background-position: left top; background-repeat: no-repeat;}
div.pagetitle_contact{height: 20px;border-bottom: solid 1px #000; padding-bottom: 7px; padding-left: 30px; font: normal bold 20px/20px Tahoma; margin-bottom: 8px; background-image: url(../images/template/_mail.gif); background-position: left 3px; background-repeat: no-repeat;}
div.pagetitle_home{height: 20px;border-bottom: solid 1px #000; padding-bottom: 9px; padding-top: 5px; padding-left: 40px; font: normal bold 20px/20px Tahoma; margin-bottom: 8px; background-image: url(../images/template/_logo.gif); background-position: left top; background-repeat: no-repeat;}
div.pagetitle_normal{height: 20px;border-bottom: solid 1px #000; padding-bottom: 7px; padding-top: 0px; padding-left: 50px; font: normal bold 20px/20px Tahoma; margin-bottom: 0px; background-image: url(../images/template/boog-oranje.jpg); background-position: left top; background-repeat: no-repeat;}
div.maingroupname{padding-left: 30px; font: normal bold 20px/20px Tahoma; margin-bottom: 8px; background-image: url(../images/template/_photo.gif); background-position: left top; background-repeat: no-repeat;}

table.submenu{width: 100%; border-bottom: solid 1px #000; }

/* Footer */
div.footer{border-top: solid 1px #000; padding-top: 1px;}

/* Artikelen en groepen */
table.subgroups{width: 100%; border-top: solid 1px #000; border-bottom: solid 1px #000; margin-bottom: 8px; }
td.subgroups{padding: 2px; color: #000;}
td.subgroups2{padding: 2px; background-color: #888; color: #fff;}
div.pagenav{padding: 5px; border: solid 1px #000; background-color: #E4E4E4; position: relative;}
div.pageselector{position: absolute; top: 0px; right: 5px; padding: 2px;}
a.pagenav{color: #000; text-decoration: none;}
a.pagenav:hover{color: #000; text-decoration: none; font-weight: bold;}
span.lighter{color: #888;}

div.article_info2{padding: 8px 5px 7px 5px;  border: solid 1px #000; background-color: #9BBAD0; text-align: left; position: relative;}
td.article_info{background-color: #9BBAD0; text-align: left; border: solid 1px #000; padding: 8px 5px 7px 5px; }
td.article_image{margin-left: 10px; margin-right: 10px; background-color: #E4E4E4; text-align: center; padding-top: 5px;}

div.article_info_details1{position: absolute; bottom: 5px; left: 3px; font-weight: bold;}
div.article_info_details2{position: absolute; bottom: 5px; right: 5px;}

div.groupinfo{padding: 3px; border: solid 1px #000; background-color: #E4E4E4; font-weight: bold; position: relative;}

a.subgroup{color: #000; text-decoration: none;}
a.subgroup:hover,a.subgroup_selected{color: #000; font-weight: bold; text-decoration: none;}
a.subgroup2{color: #fff; text-decoration: none;}
a.subgroup2:hover,a.subgroup2_selected{color: #fff; font-weight: bold; text-decoration: none;}

a.detailslink{color: #000; text-decoration: none;}
a.detailslink:hover{color: #000; text-decoration: underline;}

table.article_detials{margin-bottom: 5px;}

span.orderlink{cursor: pointer; }
span.orderlink_hover{cursor: pointer; text-decoration: underline; }

td.article_details_image_small{ padding: 5px; background-color: #E4E4E4; border-left: solid 5px #fff;}

td.image_large_front{width: 50%; border-right: solid 2px #fff; background-color: #E4E4E4; text-align: center; padding: 2px; font-weight: bold;}
td.image_large_back{width: 50%; border-left:  solid 2px #fff; background-color: #E4E4E4; text-align: center; padding: 2px; font-weight: bold;}
td.image_large_single{width: 100%; background-color: #E4E4E4; text-align: center; padding: 2px; font-weight: bold;}
span.red{color: #D00; font-weight: bold;}
span.strike{text-decoration: line-through; font-weight: normal;}


/* basket */

table.basket_articles{border: solid 1px #000; width: 100%}
td.basket_articles1{padding: 1px; background-color: #E4E4E4; }
td.basket_articles2{padding: 1px; background-color: #c4c4c4; }
td.basket_total{padding-right: 5px; text-align: right; }
select.quantity {width: 50px;}
div.basket_subtotal{text-align: right; position: absolute; right: 5px; top: 3px;}
td.formlabel_error{color: #f00; font-weight: bold;}

div.basket_paymentheader{padding-left: 22px; padding-top: 7px; font-weight: bold; border-top: solid 1px #000; background-image: url(../images/template/_moneytr.gif); background-repeat: no-repeat; background-position: left 5px;}
div.basket_detailsheader{padding-left: 22px; padding-top: 7px; font-weight: bold; border-top: solid 1px #000; background-image: url(../images/template/_mail.gif); background-repeat: no-repeat; background-position: left 5px;}
div.basket_deliveryheader{padding-left: 22px; padding-top: 7px; font-weight: bold; border-top: solid 1px #000; background-image: url(../images/template/_delivery.gif); background-repeat: no-repeat; background-position: left 5px;}

div.formsubmit{cursor: pointer; padding: 7px; padding-left: 25px; border: solid 1px #000; background-color: #E4E4E4; font-weight: bold; font-size: 14px; color: #a00; background-image: url(../images/template/_moneytr.gif); background-repeat: no-repeat; background-position: 3px 7px;}
div.formsubmit_hover{cursor: pointer; padding: 7px; padding-left: 25px; border: solid 1px #000; background-color: #c4c4c4; font-weight: bold; font-size: 14px; color: #a00; text-decoration: underline; background-image: url(../images/template/_moneytr.gif); background-repeat: no-repeat; background-position: 3px 7px;}
span.link{cursor: pointer;}
span.link_hover{cursor: pointer; text-decoration: underline;}

/* formulieren */
select {padding: 1px; font-size: 10px;}
input.order1 {padding: 1px; font-size: 10px; width: 200px;}
input.order2 {padding: 1px; font-size: 10px; width: 50px;}
input.order3 {padding: 1px; font-size: 10px; width: 107px;}

/* overig */
.error {color: #f00; font-weight: bold;}