/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
:focus {outline: 0;}
/* POPUP call me now */
#CMN_InfoPopup
{
border: solid 1px Gray;
background-color: white;
}
table.CMN_info
{
background-color: white;
}
td.CMN_InfoHeader
{
background-color: #707072;
color: White;
}
td.CMN_InfoText
{
background-color: white;
font: 12px/18px "Lucida Grande" , Geneva, Arial, Verdana, sans-serif;
color: #333;
font-weight: 500;
}
/* POPUP call me now */
/*********GENERAL********/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f5f5f;}
.block {display: block;}
.left {float: left;}
.right {float: right;}
input, select, textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #717171;}
p {font-size: 12px; line-height: 18px;}
a {color: #514134; text-decoration: underline;}
a:hover {color: #65b3d9; text-decoration: none;}
h1, .h1 {font-size: 20px; font-weight: bold; padding-top: 0px; margin-bottom: 15px; color: #76006a;}
h2, .h2 {font-size: 16px; line-height:19px; font-weight: normal;}
h3, .h3 {margin-bottom: 20px;font-family: Verdana, Arial; font-size: 11px; color: #000; font-weight: normal;}
h4, .h4 {font-size: 16px; line-height:22px; padding-top: 10px; padding-bottom: 0px; font-weight: bold; color: #00a7bb;}
h5, .h5 {color: #76006a; font-weight: bold;}
/*********WRAPPER********/
#wrapper {width: 960px; margin: 0px auto;}
/*********HEADER********/
#header {width: 960px; height: 270px; background: url(../images/bg_header.jpg) top left no-repeat; position: relative;}
#topleftmenu a {z-index: 100;height:30px;color: #586265; padding-left: 20px; text-decoration: none; font-weight: normal; position: absolute; top: 232px;}
#topleftmenu a:hover, #topleftmenu a.on {color: #76006a; font-weight: bold;}
.hnav1 {left: 5px;}
.hnav2 {left: 67px;}
.hnav3 {left: 156px;}
.hnav4 {left: 252px;}
.hnav5 {left: 381px;}
.hnav6 {left: 520px;}
.hnav7 {left: 610px;}
#header form {position: absolute; top: 228px; left: 531px;}
#header form .inpTxt {width: 134px; padding: 2px 3px; margin-right: 17px; border: 1px solid #86a2bd; font-weight: bold;}
#topmenu {width: 260px; height: 270px; position: absolute; top: 24px; left: 715px;}
#topmenu h2 {font-weight: normal; color: #4d4848;margin-bottom: 5px;}
#topmenu h2 span {font-weight: bold;color: #76006a;}
#topmenu a {font-size: 11px; color: #4d4848; padding-top: 3px; padding-left: 20px; background: url(../images/bg_sidelink.gif) 7px 8px no-repeat; text-decoration: none; font-weight: normal; display: block;}
#topmenu a:hover, #topleftmenu a.on {color: #811777; font-weight: bold;}
#topmenu a:hover, #topmenu a:on {background: url(../images/bg_sidelink_h.gif) 7px 8px no-repeat; text-decoration: none; }
/*********HEADER TOPMENU********/
.nav, .nav ul { margin: 0; padding: 0;}
.nav {position: absolute}
.nav li {float: left; position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
color: #586265; padding-top: 5px; padding-left: 20px; background: url(../images/bullet_topnav.gif) 0px 8px no-repeat; text-decoration: none; font-weight: normal; display: block;
}
#nav-one li:hover a {background: url(../images/bullet_topnav.gif) 0px 8px no-repeat;}
#nav-one li:hover ul a {background: #e9f2f4; color: #00a7bb; border-top: solid #888 1px;}
#nav-one li:hover ul a:hover {color: #76006a; text-decoration: underline; background: #c8dce1;}
.nav ul {list-style: none;margin: 0; position: absolute; top: -999em;}
.nav li:hover ul {top: 30px; border-top-width: 0;}
.nav ul li {border: 0; height: 20px; padding:5px;}
.nav ul a {color: #ffffff; width: 190px;}
/*********CENTER********/
#center {width: 939px; padding: 21px 21px 43px 0px;}
#sidebar {width: 290px; padding-left: 20px; background: #fff url(../images/bg_sidebar.jpg) top right no-repeat; float: left;}
#content {width: 629px; float: right; padding-bottom:20px}
#content .button {cursor:pointer; border:solid 1px #ccc; color:white; font-size:11px; font-weight:normal; padding: 2px 2px; background: #586265;margin-left:10px;}
#content th {text-align:left;}
/*********SIDEBAR********/
.basket {margin-bottom: 15px; color: #5f5f5f;}
.basket a {text-decoration: underline; margin-bottom: 45px; color: #5f5f5f;}
.btnSearch {width: 21px; height: 21px; background: url(../images/btn-search-sidebar.gif) center center no-repeat; border: 0px; cursor: pointer;}
/*sidenav*/
#sideNav {margin: 15px 0px 70px -20px;}
#sideNav li {list-style:none; padding: 8px 0px; background: url(../images/bg_side-item.gif) 20px bottom no-repeat;}
#sideNav a {padding-left:20px; background: url(../images/bg_sidelink.gif) 7px 5px no-repeat; text-decoration: none; font-size: 13px; font-weight: normal; color: #787777;}
#sideNav a:hover, #sideNav a.on {background: url(../images/bg_sidelink_h.gif) 7px 5px no-repeat; text-decoration: none; font-weight: bold; color: #76006a;}
/*********CONTENT********/
.pageControl {width: 629px; height: 48px;}
.breadCrumbs {font-size: 16px; padding-top: 10px; font-weight: bold; color: #00a7bb; float: left;}
.breadCrumbs a {color: #4d4848; text-decoration: none;}
.breadCrumbs a.on {font-weight: bold;}
.breadCrumbs a:hover {color: #00a7bb; text-decoration: underline;}
.pagination { padding-top: 10px;float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px;}
.pagination a {color: #4d4848; text-decoration: none;}
.pagination .direction {font-size: 10px; font-weight: bold; letter-spacing: normal;}
.pagination a:hover {color: #00a7bb; text-decoration: underline;}
.pagination a.on {color: #00a7bb; text-decoration: none; font-weight: bold;}
/*item box*/
.line {border-bottom: 1px solid #b2b2b2;}
.item {width: 629px; height: 135px; margin: 0px 0px; background: #fff; cursor: hand;}
.item:hover, div.item.on {background: #e5f6f8;}
.item .thumb {display: block; width: 116px; height: 116px; text-align: center; overflow: hidden; float: left;}
.item .thumb img {padding-top: 17px; margin: 0px auto;}
.itemName {width: 506px; font-size: 14px; color: #76006a; padding-top: 17px; margin-bottom: 15px; padding-left: 5px; float: left;}
.itemData {width: 506px; padding-left: 5px; float: left; height: 40px;}
.itemPrice {width: 506px; margin-top: 5px; padding-left: 5px; float: left;}
.itemPrice strong span {color: #00a7bb;}
.itemPrice .prix {font-size: 14px; color: #76006a;}
.itemAction {float: right; position:relative; top: -15px; right: 0px;}
.itemAction strong {color: #00a7bb;}
.itemdetailPrice {width: 100px; height: 25px; }
.itemdetailPrice strong span {color: #00a7bb;}
.itemdetailPrice .prix {font-size: 14px; color: #76006a; font-weight: bold;}
/*********FOOTER********/
#footer {width: 919px; padding: 21px 21px 21px 20px; background: #eeeef1; border-top: 3px solid #d4d4d4; color: #969696; font-size: 10px;}
#footer p {float: right;}
#footer a {text-decoration: none; color: #969696;}
#footer a:hover {text-decoration: underline; color: #00a7bb;}
#footerLogo {display: block; float: left;}
/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/**.button {cursor:pointer; border:solid 1px #ccc; color:white; font-size:11px; font-weight:normal; padding: 2px 2px; background:url(../images/buttonbg.jpg) repeat-x left top;}**/
.idealbetaalbutton {cursor:pointer; border:solid 1px #ccc; color:white; font-weight:bold; width:500px; padding: 4px 4px; background:url(../images/buttonbg.jpg) repeat-x left top;}
.textfield {border: 1px #999999 solid;}
.textfieldnieuwsbrief {border: 1px #999999 solid; color: grey; font-size: 10px; width: 80px;}
.checkbox {border: 0px #999999 solid;}
.inactive {color:#888;font-weight:bold;}
.txt_contact {border: solid #4898b2 1px; color: #707072;margin-left:10px;padding:2px;}
.mandjespacer {width:90px;}
.artikeloverzichtvanprijs {color:#004aa5;font-weight:bold;text-decoration:line-through}
.artikeloverzichtprijs {color:#76006a;font-weight:bold;font-size:13px;}
.artikeloverzichtdetails {color:#55397b;letter-spacing:0.1em;}
.artikeloverzichttotaal {color:#55397b;font-weight:bold;font-size:15px;}
.artikeloverzichtsubtotaal {color:#55397b;font-weight:bold;font-size:14px;}
.artikeloverzichtwidth {width:630px;}
.artikeloverzichtheader {background-image: url(../images/headbac.gif);background-repeat: no-repeat; height:42px;}
.artikeloverzichtblokje {background-repeat: no-repeat;background-position: left bottom;cursor:pointer;background-color:white; border: solid #55397b 2px;}
.artikeloverzichtplaatjerow {width:170px; height:130px; text-align:center; vertical-align:bottom;}
.artikeloverzichtplaatje {border:solid #55397b 0px;}
.artikeloverzichtblokje {background-repeat: no-repeat;background-position: left bottom;cursor:pointer;background-color:white;}
.artikeloverzichtmaintable {margin-top: 5px; margin-bottom: 5px; text-align:left;}
.artikeldetailtable {width: 620px;}
.artikelfotoblokje {cursor:pointer;background-color:white;border:solid #55397b 1px;width:150px;margin-bottom:5px;}
.artikeldetailheader {height:56px; padding-left:10px; padding-bottom:10px;}
.artikeldetailomschrijving {width: 620px; font-size: 12px; line-height: 18px;padding-bottom:10px;font-weight:normal;text-align: justify;}
.artikeldetailitemname {padding-top: 5px;width:50px;font-size:12px;color:#00a7bb;font-weight:normal;}
.artikeldetailitem {font-size:13px;color:#333;font-weight:normal;}
.artikelpopupheader {background-color:#55397b;}
.afrekenblokje {width: 400px; padding: 0px 0px; background: #fff;}
.afrekenblokjeitemname {width:120px; height:20px; color: #333;}
.betaalmethodeitem {width:300px; color: #333;}
.printfactuurheader {height: 100px;}
.pagecounter a {display: block; border: 1px solid #55397b; padding: 3px; margin: 4px; text-align: center; color: #555; width: 15px; float: left; text-decoration: none;}
.current {color: #000; font-weight: bold;}
.pagecounter a:hover,
.pagecounter a.current:hover {color: #000; border-color: #000;}
.pagecounter a.vorige,
.pagecounter a.volgende {border-width: 0; width: auto;}
.imageeditdiv {position:absolute;display: none;left:100px;}
.imageeditpopup {background-color: #DEDEDE;border: solid #55397b 1px; padding-left:40px;width: 375px; height: 205px;}
.imagedetail {padding: 20px;}
.imageoverview {cursor:pointer; padding: 20px;}
.RRT {height: 10px; width: 7px; background-image: url(../images/RRT.png);background-repeat: no-repeat;}
.RR {width: 7px; background-image: url(../images/RR.png);background-repeat: repeat-y;}
.BBL {height: 7px; width: 9px; background-image: url(../images/BBL.png);background-repeat: no-repeat;}
.BB {height: 7px; background-image: url(../images/BB.png);background-repeat: repeat-x;}
.BBR {height: 7px; width: 9px; background-image: url(../images/BBR.png);background-repeat: no-repeat;}