/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  text-align: center;
  color: #000000;
/* change background: #ffffff; to the color of your choice*/

  background-image: url('http://www.voxhumanawebstore.nl/webstore/images/bkg_body2.gif');
  background-repeat: repeat-x ;
  background-position: 0% 0%;
/*  background: #E0E0E0;*/
  background-color: #4c697b;
  margin: 0;
}

#cwdusacontainerbuiten {
  width: 1000px;/* width can be changed to what you want just stay under 790px*/
  border: 2px solid #4c697b;/*border can be removed for a borderless page*/
  background-image: url('http://www.voxhumanawebstore.nl/webstore/images/bkg_body2.gif');
  background-repeat: repeat-x ;
  background-position: 0% 0%;
/*  background: #E0E0E0;*/
  background-color: #4c697b;
  margin: 0;
  color: #000000;
  margin: 10px auto 10px auto;
  text-align: center;
}

#cwdusacontainer {
  width: 987px;/* width can be changed to what you want just stay under 790px*/
  border: 0px solid #000000;/*border can be removed for a borderless page*/
  background: #E0E0E0;
  color: #000000;
  margin: 10px auto 10px auto;
  text-align: left;
}

/*text main */
h1{
font-size: 12px;
font-weight: bold;
color: #492235;
}
/*eof text main */

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: none;
}

FORM {
        display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing:0.8px;
/*  background: #205080; */
  background:url(images/box_background.gif);
  color: #A4CFE4;
  font-weight : bold;
}

A.headerNavigation {
  color: #A4CFE4;
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TABLE.LangBox {
height: 15px;
width: 70px;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial,Tahoma,Verdana,sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 7px;
/*  padding: px 0px 0px 7px; */
  letter-spacing:0.6px;
  background: #205080;
  color: #A4CFE4;
}

TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #205080;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #205080;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  align: left;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #FF0000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



/* tab categories 1.3v */

TD.tab {
        background-color: Navy;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: smaller;
        }

A.tab {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        text-decoration : none;
        }
A.tab:hover {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        color: #ffcc00;
        text-decoration : none;
}
TD.ontab {
        background-color: #D2D2D2;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: smaller;
        color: #ffffff;
        }

A.headerLink {
        background-color: #ffffff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: smaller;
        color: #ff0099;
        text-decoration : none;
}
A.headerLink:hover {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: smaller;
        color: #000099;
        text-decoration : none;
}
A.ontab {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 font-size: smaller;
 color: #0000FF;
 text-decoration : none;
}
TD.pollBoxRow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
}
TD.pollBoxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
}
TR.pollOptRow {
  background: #f1f9fe;
}
TR.pollFooter {
  background: #f1f9fe;
}

TABLE.categ {
  border: 0px;
  border-spacing: 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #f8f8f9;
  color: #000000;
}

TD.categ {
     vertical-align: top;
}

TABLE.popup {
  border-width: 1px;
  border-style: dotted;
  border-color
}







.infoBoxProducts {
  text-align: center;
  border: solid 1px #999999;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
  margin-bottom:-8px;
}
.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}
/* set pos buy/details button on list */
img.buy_now {
  margin-bottom:10px;
}
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
}
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
        font-size: 18px;
        color: #999999;
}
.infoBoxList {
 border: ridge 1px #faf0e6;
 border-collapse: collapse;
 background-color: #fff;
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:left;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:25px; background:url(images/box_background.gif);}
.menu4 li {float:right;}
.menu4 li a {display:block; float:left; height:25px; line-height:23px; color:#A4CFE4; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:12px;}
.menu4 li a b {float:left; display:block; padding:0 21px 0 14px;}
.menu4 li.current a {color:#ffffff;}
.menu4 li.current a b {background:url(images/pro_four2.gif) no-repeat right top;}
.menu4 li a:hover {color:#ffffff;}
.menu4 li a:hover b {no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(images/pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(images/pro_four2.gif) no-repeat right top;}


#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }

#carousel {
        margin:0 auto;
        width:670px;
        height:190px;
        padding:0;
        overflow:scroll;
        border:0px solid #999;
        color: ffffff;
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-FAMILY: arial, verdana, sans-serif;
        LETTER-SPACING: -0.09em

}
#carousel ul {
        list-style: none;
        /*totaal van x images carousel breedte */
        width:2010px;
        margin: 0;
        padding: 0;
        position:relative;
}
#carousel li {
        display:inline;
        float:left;
}
.textholder {
        text-align:left;
        font-size:small;
        padding:0px;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
}

#containerachter
{
 color:#ffffff;
 width:670px;
 height:200px;
 position:relative;
 background-color: #2b76a8;
 font-size: 14px;

}

/*text main */
h1{
font-size: 12px;
font-weight: bold;
color: #492235;
}

/*
    slide out tabs
*/

    .slide-out-div {
       padding:50px;
        width: 350px;
        background: #f2f2f2;
        border: #29216d 2px solid;
    }

    .slide-out-div2 {
       padding: 50px;
        width: 350px;
        background: #f2f2f2;
        border: #29216d 2px solid;
    }


/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }