/*
     Bedrijf:  Directshop - 2008 (c)
     Pakket:   Directshop Lite
     Info:     Opmaak van de pagina.
     Webshop:  Millstyling

     Kleur-1:  Menu headers.
     Kleur-2:  Categorie Kleur.
     Kleur-3:  Subcategorie Kleur.
     Kleur-4:  Standaard tekst-Kleur.
     Kleur-5:  Standaard knop Kleur.
     Kleur-6:  Kruimelmenu / speciale links Kleur.
     Kleur-7:  Winkelwagen knop.
     Kleur-8:  Informatie knop.
     Kleur-9:  Filter / Footer.
     Kleur-10: Donkere Kleur, kruimel, links, borders
     Kleur-11: Standaard kopjes tekst-Kleur.
     Kleur-12: Top- of bottom borders.
 
     Info:  Body.
*/

BODY
{
  font-size: 8pt;
  color: #000000; /* [Kleur-04] */
  font-family: Verdana, Arial;
  background-color: #FFFFFF;
  White-space: normal;
}

/* 
     Info:  Structuur van de pagina.
*/

#page
{
  background-color: #FFFFFF;
}
#header
{
  background-color: #FFFFFF;
  background-image: url(../Images/Main_Banner.jpg);
}

/* 
     Info:  Popup.
*/

div#focusdiv
{
  background-color: #CCCCCC;
}
div.msgdiv div#popupTitel
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.msgdiv
{
  background-color: #FFFFFF;
  border: solid 2px #333333; /* [Kleur-02] */
  color: #000000; /* [Kleur-04] */
}
.imgBorder
{
  border: 1px solid #959595;
}

/* 
     Info:  Crumbbar.
*/

.crumbbar, .crumbbar span
{
  color: #02476E; /* [Kleur-10] */
  font-weight: bold;
}
.crumbHead, .crumbHead a, .crumbHead a:visited, .crumbHead a:link
{
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #FD4F46; /* [Kleur-06] */
  text-decoration: none;
}
.crumbProduct
{
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  color: #02476E; /* [Kleur-10] */
}

/* 
     Info:  Knoppen.
*/

.btnNormal
{
  background-color: #A1A8B2; /* [Kleur-05] */
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  border: 1px solid #000000;
}
.btnWinkelwagenPopup
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  background-color: #DD200D; /* [Kleur-07] */
  border: 1px solid #000103;
}
div.btnInformatie
{
  background-color: #333333; /* [Kleur-08] */
  border: 1px solid #000000;
  font-size: 7pt;
  font-family: Verdana, Arial;
}
div.btnInformatie a, div.btnInformatie a:link, div.btnInformatie a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  font-weight: normal;
  display: block;
}
div.btnWinkelwagen
{
  background-color: #DD200D; /* [Kleur-07] */
  border: 1px solid #000103;
  font-size: 7pt;
  font-family: Verdana, Arial, helvetica;
  font-weight: bold;
}
div.btnWinkelwagen a, div.btnWinkelwagen a:link, div.btnWinkelwagen a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  display: block;
}
div.btnProductWinkelwagen
{
  background-color: #DD200D; /* [Kleur-07] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  border: 1px solid #000103;
}
div.btnProductWinkelwagen a, div.btnProductWinkelwagen a:link, div.btnProductWinkelwagen a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  display: block;
}
div.btnProductInfo
{
  background-color: #333333; /* [Kleur-08] */
  border: 1px solid #000000;
  font-size: 8pt;
  font-family: Verdana, Arial;
}
div.btnProductInfo a, div.btnProductInfo a:link, div.btnProductInfo a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  text-decoration: none;
  font-weight: normal;
  display: block;
}
input.btnWinkelwagen
{
  background-color: #DD200D; /* [Kleur-07] */
  color: #FFFFFF; /* [Kleur-11] */
  border: solid 1px #000000;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
input.btnVerderWinkelen
{
  background-color: #333333; /* [Kleur-08] */
  border: 1px solid #000000;
  font-size: 8pt;
  font-family: Verdana, Arial;
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
textarea 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  width: 550px;
  height: 140px;
}

/* 
     Info:  Search.
*/

div.searchresult div.result_left img
{
  border: solid 1px #CECECE;
}
ul.searchpages
{
  list-style-image: url(../Images/detaildot.jpg);
  list-style-position: outside;
}
div.searchresult input.moreinfo
{
  background-color: #333333; /* [Kleur-08] */
  border: 1px solid #000000;
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}

div.searchresult div.result_right input.incart
{
  background-color: #DD200D; /* [Kleur-07] */
  border: 1px solid #000000;
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
div.search_paging
{
  border-top: solid 1px #000000; /* [Kleur-04] */
  background-color: #C8CBD2; /* [Kleur-09] */
}
div.search_paging div.search_pg_mid a, div.search_paging div.search_pg_mid a:link, div.search_paging div.search_pg_mid a:visited
{
  color: #000000; /* [Kleur-04] */
  text-decoration: none;  
}
div.search_paging div.search_pg_mid a.currentpage, div.search_paging div.search_pg_mid a.currentpage:link, div.search_paging div.search_pg_mid a.currentpage:visited
{
  color: #333333; /* [Kleur-08] */
}
div.search_paging div.search_pg_right a, div.search_paging div.search_pg_right a:visited, div.search_paging div.search_pg_right a:link
{
  color: #000000; /* [Kleur-04] */
  text-decoration: none;
}
div.search_paging div.search_pg_right a.active, div.search_paging div.search_pg_right a.active:visited, div.search_paging div.search_pg_right a.active:link
{
  color: #333333; /* [Kleur-08] */
}
div.searchresult
{
  border-top: solid 1px #000000; /* [Kleur-12] */
  border-bottom: solid 1px #000000; /* [Kleur-12] */
}
div.searchresult div.cart_price
{
  background-color: #FFFFFF;
  border: solid 1px #959595;
}
div.cart_price div.price_left
{
  font-weight: bold;
  color: #FFFFFF; /* [Kleur-11] */
  background-color: #333333; /* [Kleur-02] */
}
div.cart_price div.price_right
{
  font-weight: bold;
}

/* 
     Info:  Filter.
*/

div.filterwrapper
{
  border: solid 1px #333333; /* [Kleur-02] */
  background-color: #FFFFFF;
}
div.filterwrapper div div.header
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.filterwrapper div div.header
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.sortmodes
{
  color: #000000; /* [Kleur-04] */
}
div.values 
{
  border-right: solid 1px #333333; /* [Kleur-02] */
}
div#filter
{
  border-top: solid 1px #02476E; /* [Kleur-10] */
  border-bottom: solid 1px #02476E; /* [Kleur-10] */
  background-color: #CECECE;  
}
div#filter div.filterpadding
{
  background-image: url(../Images/productdesc_bg.gif);
}
div.filtercontainer {
  background-color:#C8CBD2; /* [Kleur-09] */
}

/*
     Info:  Registratie.
*/

table.register
{
  font-size: 10pt;
}
input.focus, select.focus, textarea.focus
{
  background-color: #ffffff; /* [Kleur-02] */
}
label.focus
{
  color: #F18520;
}
table.register input[type=text], table.register input[type=password], table.register select, table.register textarea
{
  border: solid 1px #000000;
}

/* 
     Info:  Producten.
*/

.productBlok
{
  background-color: #CECECE;
  border-top: 1px solid #000000; /* [Kleur-12] */
  border-bottom: 1px solid #000000; /* [Kleur-12] */
}
.productBlokCentraal
{
  border: solid 1px #9b9b9b;
  background-color: #FFFFFF;
  color: #000000; /* [Kleur-04] */
}
.productAfbeelding
{
  border: 1px solid #959595;
}
.productTitel
{
  font-size: 8pt;
  font-family: Verdana, Arial;
  color: #FD4F46; /* [Kleur-06] */
  font-weight: bold;
}
.productPrijs
{
  background-color: #FFFFFF;
  border: 1px solid #959595;
}
.productPrijsBlok
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 9pt;
  font-family: Verdana, Arial;
  font-weight: bold;
}
.productBedrag
{
  color: #000000; /* [Kleur-04] */
  font-size: 8pt;
  font-family: Verdana, Arial;
  font-weight: bold;
  text-align: center;
}
.productOmschrijving
{
  background-image: url(../Images/line.png);
}
.productOmschrijving ul
{
  list-style-image: url(../Images/detaildot.jpg);
}

div.pagenav a.page_back, div.pagenav a.page_back:link, div.pagenav a.page_back:visited, div.pagenav a.page_next, div.pagenav a.page_next:link, div.pagenav a.page_next:visited
{
  text-decoration: none;
  color: #333333; /* [Kleur-08] */  
}

/* 
     Info:  Rechter menu.
*/

.imgRechtermenu
{
  border: 1px solid #959595;
}

/* 
     Info:  Product pagina.
*/

#productfooter
{
  border-top: 1px solid #000000; /* [Kleur-12] */
  background-color: #C8CBD2; /* [Kleur-09] */
  color: #000000; /* [Kleur-04] */
}
#productfooter div.pages a, #productfooter div.pages a:link, #productfooter div.pages a:visited
{
  color: #FD4F46; /* [Kleur-06] */
}
#productfooter div.pages a.currentpage, #productfooter div.pages a.currentpage:link, #productfooter div.pages a.currentpage:visited
{
  color: #333333; /* [Kleur-08] */
}
div.showproductwrapper
{
  background-color: #cecece;
  border-top: solid 1px #000000; /* [Kleur-04] */
  border-bottom: solid 1px #000000; /* [Kleur-04] */
}
div.showproductwrapper div.leftpanel img
{
  border: solid 1px #959595;
}
.related_left img
{
  border: solid 1px #959595;
}
div.related span
{
  font-weight: bold;
  color: #000000; /* [Kleur-04] */
}
.related_top a, .related_top a:visited, .related_top a:link, .related_top a:hover
{
  text-decoration: none;
  color: #000000;
}
.related_top
{
  background-color: #C8CBD2; /* [Kleur-09] */
  font-weight: bold;
}
.related_bottom
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
div.rightpanel div div.price_right input
{
  background-color: #DD200D; /* [Kleur-07] */
  color: #FFFFFF; /* [Kleur-11] */
  border: solid 1px #000000;
  font-family: Verdana,Arial;
  font-size: 8pt;
  font-weight: bold;
}
div.showproduct_desc
{
  background-color: #FFFFFF;
  border: solid 1px #959595;
  color: #000000; /* [Kleur-04] */
}
div.showproduct_desc div
{
  background-image: url(../Images/productdesc_bg.gif);
}
div.showproduct_desc div h2
{
  font-weight: bold;
  color: #FD4F46; /* [Kleur-06] */
  font-size: 8pt;  
}
div.showproduct_desc div ul
{
  list-style-image: url(../Images/detaildot.jpg);
}

/* 
     Info:  Footer.
*/

.onderFooter
{
  background-image: url(/Images/footer_bottom_bg.gif);
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  font-family: Verdana, Arial;
}
.onderFooter a, .onderFooter a:visited, .onderFooter a:link
{
  color: #FD4F46; /* [Kleur-06] */
}
.bovenFooter
{
  background-color: #333333; /* [Kleur-02] */
}

/* 
     Info:  Menu.
*/

#menuShop li.menuHeader, #menuSearch li.menuHeader, .menuCategorien li.menuHeader, #menuAbout li.menuHeader
{
  font-size: 10pt;
  font-family: Verdana, Arial, helvetica;
  /* Menu links - Header Kleur */
  background-color: #C8CBD2; /* [Kleur-01] */
  border-top: solid 5px #FFFFFF;
  color: #FFFFFF; /* [Kleur-11] */
}
#menuRight li.menuHeader, #menuProducts li.menuHeader
{
  font-size: 10pt;
  font-family: Verdana, Arial, helvetica;
  /* Menu rechts - Header Kleur */  
  background-color: #C8CBD2; /* [Kleur-01] */
  border-top: solid 5px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  color: #FFFFFF; /* [Kleur-11] */
}
.menuCategorien li
{
  /* Menu links - Categorie Kleur */
  background-color: #333333; /* [Kleur-02] */
  border-top: solid 2px #FFFFFF;
  font-weight: bold;
}
li.menuAbout
{
  /* Menu links - About Kleur */  
  background-color: #333333; /* [Kleur-02] */
  border-top: solid 2px #FFFFFF;
  font-weight: bold;
}
li.menuAbout a, li.menuAbout a:visited, li.menuAbout a:link
{
  color: #FFFFFF; /* [Kleur-11] */
}
li.menuInfo
{
  background-color: #C8CBD2; /* [Kleur-09] */
  border-top: solid 2px #FFFFFF;
  font-weight: bold;
}
#menuProducts li
{
  background-color: #C8CBD2; /* [Kleur-09] */
  border-bottom: 1px solid #000000; /* [Kleur-12] */
  border-top: 1px solid #000000; /* [Kleur-12] */
}

#menuShop li, #menuSearch li
{
  /* Menu - Search, Winkelwagen, Mijn account Kleur */
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
#menuSearch li.search input
{
  border: solid 1px #000000;
}
#menuRight li
{
  /* Menu rechts - Info Kleur */
  background-color: #333333; /* [Kleur-02] */
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #FFFFFF;
}
.menuCategorien li b, #menuAbout li b, #menuShop li b, #menuSearch li b, #menuRight li b, #menuProducts li b
{
  font-size: 9pt;
}
.menuCategorien li a, #menuAbout li a, #menuShop li a
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
.menuCategorien li a:visited, #menuAbout li a:visited, #menuShop li a:visited
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
.menuCategorien li a:hover, #menuAbout li a:hover, #menuShop li a:hover
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
#menuRight li a
{
  color: #FFFFFF; /* [Kleur-11] */
  font-size: 8pt;
  text-decoration: none;
}
#menuProducts li table
{
  color: #000000; /* [Kleur-04] */
  font-size: 7pt;
}
.menuCategorien li ul li
{
  /* Menu links - Subcategorie Kleur */
  background-color: #A1A8B2; /* [Kleur-03] */
  color: #FFFFFF; /* [Kleur-11] */
}

/*
     Info:  Winkelwagen.
*/

.cartBlokCentraal
{
  border: solid 1px #9b9b9b;
  background-color: #FFFFFF;
  color: #000000; /* [Kleur-04] */
}
.cartBlokMid
{
  background-image: url(../Images/line.png);
  background-color: #cfcfcf;
}
.cartBlok
{
  background-color: #CECECE;
  border-top: 1px solid #000000; /* [Kleur-12] */
  border-bottom: 1px solid #000000; /* [Kleur-12] */
}
.cartStap
{
  background-color: #000000; /* [Kleur-04] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
.cartStapTitel
{
  background-color: #333333; /* [Kleur-02] */
  color: #FFFFFF; /* [Kleur-11] */
  font-weight: bold;
}
.cartStapTekst table td
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
}
.cartStapTekst
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
}
.cartStapTekst table th
{
  font-size: 8pt;
  font-family: Verdana, Arial, helvetica;
  text-decoration: none;
  font-weight: bold;
}
.cartInput
{
  border: 1px solid #000000;
  font-size: 9pt;
  font-weight: bold;
}
.cartDisabled
{
  border: 1px solid #000000;
  font-size: 9pt;
  font-weight: bold;
  background-color: #DDDDDD;
}

/* 
     Info:  Categorie overzicht.
*/

.overzichtTekst
{
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000; /* [Kleur-04] */
}
.overzichtCat
{
  background-color: #C8CBD2; /* [Kleur-09] */
}

/* 
     Info:  Orderhistory.
*/

tr.row_hover
{
  cursor: pointer;
  background-color: #C8CBD2; /* [Kleur-09] */ 
}

/* 
     Info:  Sitemap.
*/

.cat
{
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  border: solid 1px #333333; /* [Kleur-02] */
}
.catinner
{
  background-color: #FFFFFF;
  color: #000000; /* [Kleur-04] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
.titel
{
  background-color: #333333; /* [Kleur-02] */
}
div.catinnertekst a:visited, div.catinnertekst a, div.catinnertekst a:link, div.catinnertekst a:active
{
  color: #000000; /* [Kleur-04] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}
div.catinnertekst a:hover
{
  color: #85afc2;
}
.titel a:visited, .titel a, .titel a:link, .titel a:hover
{
  color: #FFFFFF; /* [Kleur-11] */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}
.menuPicture
{
  background-color: #C8CBD2; /* [Kleur-01] */
}

/* 
     Info:  Links.
*/

a
{
  background-color: transparent;
  color: #FD4F46; /* [Kleur-06] */
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:active
{
  background-color: transparent;
  color: #02476E; /* [Kleur-10] */
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:link
{
  color: #02476E; /* [Kleur-10] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a:visited
{
  background-color: transparent;
  color: #02476E; /* [Kleur-10] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

a:hover
{
  color: #000000; /* [Kleur-04] */
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/* 
     Info:  Shop afhankelijk.
*/

#headermenu {
  color: #FFFFFF;
}

#headermenu a {
  color: #FFFFFF;
}
