/*
Color codes: E1007A
def light grey: #DED3BF; //like the background of the cart
def pinky roze: #E1007A; //like in the footer, or the menu-titles
def dark roze: #9F0F57; //for action buttons

def dark-grey: #AE9860; //for the letters
def light light grey: #F2F2E8; for the borders
*/
body {
  background-image: url('./images/background.png'); 
  font-size: 12px;
  font-family: verdana,arial,times new roman;
}
#shadow-left {
  float: left;
  height: 580px;
  width: 15px;
}
#shadow-right {
  float: left;
  height: 580px;
  width: 15px;
  background: url('./images/schaduw-rechts2.png') repeat-y;
}
#main-page{
  float: left;
  width: 910px;
  background-color: white;
}
#body {
  width: 940px;
  height: 580px;
  margin: auto;
}
#top {
  margin-bottom: 0px;
  height: 109px;
  border-bottom: 2px solid #DED3BF;
}
#top-shadow {
  /*background: url('./images/banners/schaduw-boven6.png') no-repeat;
  background: url('./images/banners/schaduw-sint1.png') no-repeat;
  background: url('./images/banners/schaduw-kerst5.png') no-repeat;
  background: url('./images/banners/schaduw-winter1.png') no-repeat;
  /*background: url('./images/banners/schaduw-valentijn1.png') no-repeat;
  background: url('./images/banners/schaduw-moederdag1.png') no-repeat;
  background: url('./images/banners/schaduw-lente1.png') no-repeat;
  background: url('./images/banners/schaduw-herfst1.png') no-repeat;
  background: url('./images/banners/schaduw-zomer1.png') no-repeat;
  background: url('./images/banners/schaduw-collectie1.png') no-repeat;
  background: url('./images/banners/schaduw-sale1.png') no-repeat;*/
  height: 16px;
}
#top img {
  float: left;
  margin-top: 2px;
  margin-left: 9px;
}
#top-right {
  float: right;
  height: 73px;
  width: 700px;
  /*background: url('./images/banners/kringel3.png') no-repeat;
  background: url('./images/banners/sint4.png') no-repeat;
  background: url('./images/banners/kerst5.png') no-repeat;
  background: url('./images/banners/winter1.png') no-repeat;
  /*background: url('./images/banners/valentijn1.png') no-repeat;
  background: url('./images/banners/moederdag1.png') no-repeat;
  background: url('./images/banners/lente1.png') no-repeat;
  background: url('./images/banners/herfst1.png') no-repeat;
  background: url('./images/banners/zomer1.png') no-repeat;
  background: url('./images/banners/collectie1.png') no-repeat;
  background: url('./images/banners/sale1.png') no-repeat;*/
}
#top-menu {
  clear: both;
  margin-left: 158px;
  width: 660px;
}
#top-menu a {
  margin: 0px 15px;
  color: #AE9860;
  font-weight: bold;
}
#top-menu a:hover, #top-menu a:active {
  color: #E1007A;
  text-decoration: none;
}
#top-menu a.current {
  margin: 0px 15px;
  color: #E1007A;
}
.top-zoeken {
 background: url('./images/button-zoeken.png') no-repeat;
 width: 116px;
 height: 17px;
 margin-left: 517px;
 padding-left: 10px;
 padding-top: 3px;
 font-size: 10px;
 font-weight: bold;
 color: #E1007A;
 cursor: pointer;
}
.top-zoeken-action {
 margin-left: 527px;
 font-size: 10px;
 font-weight: bold;
 color: #E1007A;
}
#left {
  float: left;
  width: 165px;
  height: 432px;
  margin-right: 4px;
  margin-top: 3px;
}

#left #leftmenu {
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
  width: 150px;
  list-style-type: none;
}
#left li {
  padding-top: 6px;
  list-style-type: none;
  color: #AE9860;
}
#left .current{
  color: #E1007A;
  padding-top: 6px;
  list-style-type: none;
  text-decoration: none;
}

.menu-title {
  color: white;
  background-color: #E1007A;
  height: 17px;
  padding-top: 3px;
  padding-left: 10px;
}
.menu-title-dark {
  color: white;
  background-color: #9F0F57;
  text-align: center;
  height: 17px;
  padding-top: 3px;
  font-size: 11px;
}

#left #cadeaubon {
  width: 161px;
}
#left #cadeaubon img {
  width: 161px;
  height: 65px;
} 

#main {
  float: left;
  height: 432px;
  width: 543px;
  margin-top: 3px;
}
#main .actions {
  display: none;
}
#main #title {
  display: none;
}
#main #text {
  width: 550px;
  height: 436px;
  overflow: auto;
} 

#right-menu {
  float: right;
  width: 180px;
  border-top: 1px solid #F2F2E8;
  margin-left: 4px;
  margin-top: 3px;
  margin-bottom: 3px;
  height: 432px;
}
#right-menu .product-title {
  height: 25px;
  padding-top: 15px;
  padding-left: 17px;
  width: 163px;
  background-image: url('./images/meisje-klein.png'); 
  border-bottom: 1px solid #F2F2E8;
  color: #DED3BF;
  font-size: 11px;
}
#right-menu #cart {
  height: 128px;
  border-bottom: 1px solid #F2F2E8;
  padding: 0px;
  margin: 0px;
  margin-top: 1px;
  background-color: #DED3BF;
  overflow: hidden;
}
#right-menu #cart li {
 list-style-type: none;
 height: 38px;
 margin-bottom: 2px;
}
#right-menu .total {
  height: 18px;
  background-color: #DED3BF;
  color: #9F0F57;
  padding-top: 7px;
}
#right-menu .total-title {
  float: left;
  font-size: 10px;
  padding-left: 7px;
}
#right-menu .total-number {
  float: right;
  font-weight: bold;
  margin-right: 7px;
}
.betaal-logos{
  height: 30px;
  text-align: center;
}
.betaal-logos img {
  margin: 2px 2px;
  height: 25px;
}
#right-menu #top10 {
  height: 150px;
  padding-left: 5px;
  padding-top: 5px;
  background-color: #DED3BF;
  color: #DED3BF;
}

#right {
  display: none;
}
#footer {
 clear: both;
 height: 30px;
 width: 910px;
 background-color: #E1007A;
 color: white;
}
#footer .times {
  text-align: center;
  height: 12px;
  padding-top: 8px;
}
#footer #footerbar {
  display: none;
}
#footer a {
  color: white;
}

/*
  page specific
  */
#main .block {
  border-left: 1px solid #2aace2;
  border-right: 1px solid #2aace2;
  border-bottom: 1px solid #2aace2;
}
#main p.required {
  display: none;
}
#main #title {
  display: none;
}
#main th {
  background-color: #E1007A;
}
#main table {
  border: none;
}
#store {
  float: left;
  width: 528px;
  height: 405px;
  overflow: auto; 
}

/*
 * page specific
 * overview of products 
 */
#selectors{
  float: left;
  margin-bottom: 10px;
  height: 20px;
  width: 508px;
}
.selector {
  float: left;
  width: 121px;
  margin-right: 6px;
  background-color: #E1007A;
  background-image: url('./images/selector.png');
  background-repeat: no-repeat; 
  background-position: 105px 4px; 
  color: white;
  text-align: center;
  font-size: 9px;
  height: 16px;
  padding-top: 4px;
  cursor: pointer;
}
.selectorfield {
  position: relative;
  float: left;
  width: 121px;
  margin-right: 6px; 
  height: 1px;
  font-size: 9px;
}
.selectorfield li {
  position: relative;
  padding: 2.5px 2px;
  list-style-type: none;
  color: white;
  font-size: 9px;
}
.selectorfield li:hover {
  padding: 2px 2px;
  list-style-type: none;
  color: black;
}
.product {
  float: left;
  border: 1px solid #AE9860;
  background-color: #DED3BF;
  width: 119px;
  height: 194px;
  margin-right: 6px;
  margin-bottom: 9px;
  font-size: 10px;
}
.product-image {
  width: 119px;
  height: 109px;
  /*padding-bottom: 2px;*/
}
.product img {
  width: 119px;
  height: 109px;
}
.product-name {
  padding: 7px 2px 0px 5px;
  color: white;
  font-weight: bold;
  font-size: 10px;
  height: 37px;
}
.product-nr {
  padding-left: 4px;
  color: #AE9860;
  font-weight: bold;
  font-size: 8px;
  padding-bottom: 5px;
}
.product-price {
  padding-left: 4px;
  padding-top: 5px;
  height: 18px;
  color: #E1007A;
  background-color: white; 
  font-weight: bold;
}
#scroll-overview {
  float: right;
  width: 20px;
}
.scroll-bar{
  height: 388px; 
}
.scroller {
  width: 20px;
  height: 20px;
}
.scroller img {
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
#bill th{
  border: none;
}
#bill1 td {
  border: none;
}
.bill-totals{
  background-color: #9F0F57;
  color: white;
  font-weight: bold;
  width: 90px; 
}
#detail-previous {
  float: left;
  background-color: #c7b891;
  height: 18px;
  color: white;
  font-weight: bold;
  font-size: 9px;
  width: 70px;
  padding-top: 3px;
  padding-left: 7px;
}
#detail-mailen {
  float: left;
  background-color: #c7b891;
  height: 18px;
  color: white;
  font-weight: bold;
  font-size: 9px;
  width: 70px;
  padding-top: 3px;
  padding-left: 7px;
}
#detail-previous-img {
  height: 21px;
  float: left;
}
#detail-mailen-img {
  height: 21px;
  float: left;
}
.detail-others {
  height: 95px;
  background-color: #DED3BF;
  text-align: center;
}
.detail-others-text {
  color: #E1007A;
  padding-top: 10px;
}
.detail-others img {
  padding: 5px 7px 0px 7px; 
  height: 55px;
}

#texts {
  width: 542px;
  height: 430px;
  margin-left: 4px;
  border: 2px solid #DED3BF;
  color: #AE9860;
  overflow: hidden;
}
#texts h4 {
  color: #E1007A;
}
#texts h5 {
  color: #E1007A;
  display: inline;
}
#texts a {
  font-weight: bold;
  color: #AE9860;
}
#texts b {
  font-weight: bold;
  color: #E1007A;
}
#texts ul {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
#texts li {
  padding: 0;
  margin: 0;
  margin-left: 10px;
  list-style-type: square;
  line-height: 12px;
}
.text-complete {
  width: 528px;
  height: 416px;
  overflow: auto;
  padding: 7px;
}
.text-left {
  width: 252px;
  height: 426px;
  float: left;
  border-right: 2px solid #DED3BF;
  padding: 2px 9px;
}
.text-right {
  width: 240px;
  height: 426px;
  float: left;
  padding: 2px 2px;
}
.text-left-up {
  width: 256px;
  height: 211px;
  float: left;
  border-right: 2px solid #DED3BF;
  border-bottom: 2px solid #DED3BF;
  padding: 2px 7px;
  overflow: auto;
}

.text-right-up {
  width: 270px;
  height: 215px;
  float: left;
  border-bottom: 2px solid #DED3BF;
}
.full_photo {
  width: 270px;
  height: 215px;
}
.text-left-down {
  padding: 2px 7px;
  height: 206px;
  width: 256px;
  float: left;
  border-right: 2px solid #DED3BF;
}
.text-right-down {
  width: 256px;
  height: 211px;
  float: left;
  padding: 2px 7px;
}
.text-right-koopjeshoek {
  padding: 2px 7px;
  height: 200px;
  width: 256px;
  float: left;
}

#texts-list {
  padding: 0px;
  margin: 0px;
  margin-left: 10px;
}
#texts-list li {
  padding-top: 2px;
}

#koopjeshoek {
  padding-left: 2px;
}
#koopjeshoek img {
  width: 80px;
  height: 80px;
  margin: 2px;
  float: left;
}

#vouchers {
  float: left;
  width: 254px;
  height: 405px;
}
#voucher-text h4 {
  color: #E1007A;
}
#voucher-text p {
  color: #AE9860;
}
.voucher-name {
  padding: 8px 2px 0px 5px;
  color: #AE9860;
  font-weight: bold;
  font-size: 10px;
  height: 29px;
  text-align: center;
}
.voucher-nr {
  padding-left: 4px;
  color: #E1007A;
  font-weight: bold;
  font-size: 10px;
  padding-bottom: 5px;
  text-align: center;
}

#submenu {
  padding-bottom: 10px;
}
#submenu a {
  color: black;
  font-weight: bold;
}

#adminpanel {
  padding-top: 10px;
}
#adminpanel .panel {
  float: left;
  margin-right: 5px;
  width: 170px;
  margin-top: 15px;
}

#adminpanel .title {
  background-color: #E1007A;
  height: 14px;
  padding: 3px 5px;
}

#adminpanel a {
  color: #AE9860;
}