/*

Copyright Blue Nova Blue Jet - bnbj.ca

*/

.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 {
  background: #252525;
  color: #808080;
  margin: 0px;
}

A {
  /*color: #747474;*/
  color: #777477; 
  text-decoration: none;
}

A:hover {
  color: #888888;
  text-decoration: underline;
}

FORM {
 display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

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;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
   background:transparent;   
   padding:10px;
}

.infoBoxContents {
  background: transparent;    
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*padding-left:20px;*/
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  background-image: url('images/infobox/corner_center.gif'); 
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  display: none;
}

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: #F0F0F0;
  /*shopping-cart content color*/
}

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: #F0F0F0;
  /*shopping-cart content color*/
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #E1E1E1;
  /*shopping-cart header/footer color;*/
  border-spacing: 1px;
  
}

.productListing-heading {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:left; 

  color: #414956;
  font-weight: bold;
  padding: 10px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #E1E1E1;
  /*shopping-cart header/footer color;*/
}

TD.productListing-data {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:center;
vertical-align:top; 
padding:11px 20px 8px 9px;

  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #414956;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
font-family:Arial;
  font-size: 12px;
  color: #517A03;
  font-weight: bold;  
  height: 43px;
  background: url('images/m99.gif');
  background-repeat: repeat-x;
  padding-top: 10px;
  padding-left: 12px;
  font-style:italic;
  text-transform: uppercase;
}

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;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: default; }
.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; }



td{
 font-family: tahoma,verdana,arial;
 font-size: 11px;
 color: #606060;
}

 .bg{
  background-image: url(images/m17.gif);
  background-repeat: repeat-y; 
 }

 .bg1{
  background-image: url(images/m24.gif);
  background-repeat: repeat-y; 
 }

 .go{
  border-style: solid;
  border-width: 1px;
  border-color: #7F7F7F;
  width: 135px;
  height: 20px;
 }

 .ml{
  font-size: 11px;
  font-family: tahoma;
  color: #B1B1B1;
  font-weight: bold;
  text-decoration: none;
 }

 .ml1{
  font-size: 11px;
  color: #ffffff; 
 }

 .ml2{
  font-size: 11px;
  color: #FFFF9B; 
  text-decoration: underline;
 }

 .ml3{
  font-size: 11px;
  color: #A2A2A2; 
  text-decoration: none;
 }

 .ml4{
  font-size: 11px;
  color: #78B400; 
  font-weight: bold;
  text-decoration: underline;
 }

 .ml5{
  font-size: 11px;
  color: #0064A7; 
  text-decoration: underline;
 }
 
 .ml7{
  font-size: 11px;
  font-weight:bold;
  color: #457B07; 
 }

 .sc{
  font-size: 11px;
  color: #92B904;  
  background-image: url(images/f_67.gif);
 }

 .sc1{
 font-family:Arial;
  font-size: 12px;
  font-style:italic;
  color: #517A03;
  font-weight: bold;  
 }

 .sc2{
  font-size: 12px;
  color: #000000;
  font-weight: bold;  
 }

 .se{
  width: 120px;
  font-size: 9px;
 }

 .currency_symbol{
  color: #9B9B9B;
 }

 .m06{
     background-image: url(images/m06.gif);
}
 
/* bnbj.ca */
h1
{
font-weight: bold;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15pt;
margin: 0;
color: #4b0082;
text-align: left;
text-transform: capitalize;
font-variant: small-caps;
}
h1.StoreName{
font-weight: bold;
font-style: normal;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 17pt;
margin: 0;
color: white;
text-align: left;
text-transform: capitalize;
font-variant: small-caps;

}


h2 {
font-weight:bold;
font-style:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0; color: #4b0082;
text-align: left;
}
h2.sc1{
  font-family:Arial;
  font-size: 12px;
  font-style:italic;
  color: #517A03;
  font-weight: bold;

}
h3 {
font-weight:bold;
font-style:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0; color: #4b0082;
text-align: left;
}
h3.m17{
  font-family:Arial;
  font-size: 12px;
  font-weight:bold;
  color: #457B07;
  
}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:transparent;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}