/*

  $Id: stylesheet.css,v 1.56 06/01/2009 20:04:02 hpdl Exp $

  oscommerce vCommercePRO, Open Source E-Commerce Solutions by Virtual Design Media.

  http://www.virtualdesignmedia.com

  Copyright (c) 2006-2009 Virtual Design Media, Inc.

  Released under the GNU General Public License

*/

.privatemessages { font-family: Arial, Helvitica, sans-serif; font-size: 10px; background-color: transparent; font-weight: bold; color: #ff0000; text-align: center; border-left: 1px solid #ff0000; border-right: 1px solid #ff0000; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; padding-bottom: 1px; padding-top: 1px; padding-right: 1px; padding-left: 1px;}

.boxText { font-family: Arial, helvitica, sans-serif; font-size: 12px; }

.errorBox { font-family : Arial, helvitica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Arial, helvitica, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Arial, helvitica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

.pmsg {background: #f2f2f2;}

BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}



A {

  color: #686868;

  text-decoration: none;

}



A:hover {

  color: #596269;

  text-decoration: none;

}

LI.list1 {list-style: circle outside; color:red;} 

LI.list1 a {color: #777777; text-decoration: none;}

LI.list1 a:hover {color: #000000; text-decoration: none;}



FORM {display: inline;}

.header1 {height: 25px; background:#222 url('images/bg_h1.gif') repeat-x top left;}

TR.header {background:#111 url('images/bg_h2.gif') repeat-x top left; color:#fff; font-size:18px}

.header a {color:#fff; text-decoration:underline;}

.header a:hover {color:#fff; text-decoration:none; color:#ccc;}



TR.headerNavigation { background:#ccc url('images/bg_h3.gif') repeat-x top left; height:30px; color:#222}



TD.headerNavigation {font-family:arial, verdana; font-size: 12px; font-weight : bold;}



A.headerNavigation {color: #222;}



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

TR.headerError {
  background: #e80000;
}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;
  background: #e80000;
  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:#ccc url('images/bg_h3.gif') repeat-x top left; height:20px; color:#222}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #656565;

  font-weight: bold;

}



.infoBox {

  background: #ddd;

}



.infoBoxContents {

  background: #fff;

  font-family: Arial, helvitica;

  font-size: 10px;

}



.infoBoxContents2 {

  background: #fff;

  font-family: Arial, helvitica;

  font-size: 10px;

}

.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #ffffff;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {font-family:arial, verdana; font-size:10px; background-color:#ddd; color: #222; text-transform:uppercase; font-weight:bold; padding:2px;

background: url("tab_bg.gif") repeat-x top left;}



TD.infoBoxHeading2 {font-family:arial, verdana; font-size:10px; background-color:#ddd; color: #222; text-transform:uppercase; font-weight:bold; padding:2px}



TD.infoBox, SPAN.infoBox {font-family:arial, verdana; font-size: 12px;}





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: #FFFFFF;

}



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: #FFFFFF;

}



TABLE.productListing {

  border: 0px;

  border-style: solid;

  border-color: #FFFFFF;

  border-spacing: 2px;

}

.productListing-heading {font-family:arial, verdana; font-size: 10px; background: #cccccc url('tab_bg.gif') repeat-x center; color: #222; font-weight: bold; padding:3px}

TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



A.pageResults {
  color: #777;
}



A.pageResults:hover {
  color: #333;
  background: #e9e9e9;
}



TD.pageHeading, DIV.pageHeading {

  font-family: Arial, helvitica;

  font-size: 14px;

  font-weight: bold;

  color: #9a9a9a;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Arial, Helvitica, 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: #e80000;
}



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: #f4f4f4;
  border-color: #ddd;
  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: Arial, helvitica;

    font-size: 12px;
  color: #e80000;
}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;
  color: #e80000;
}



.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: Arial, sans-serif; font-size: 10px; color: #e80000; }
#header1 {font-size:10px; font-family: Arial, sans-serif;  color:#e80000; text-align:right;}
#header1 p {color: #ccc; text-align:right; padding: 5px 20px 0 0;}

#header1 a {color: #ccc; font-weight:bold; padding: 0 10px 0 10px; text-decoration:none;} 
#header1 a:hover {color: #e80000; font-weight:bold; padding: 0 10px 0 10px; text-decoration:underline;}

.inputform {font-size: 14px; color: #777; padding: 4px; border-top: 1px solid #999; border-right: 1px solid #dddddd;  border-bottom: 1px solid #dddddd; border-left: 1px solid #999999; width:98%;background-color: #eeeeee;}

.button {width: 97px;}


.main a { color: #cc0000; text-decoration: underline; font-weight: normal;}

.main a:hover { color: #888888; text-decoration: none; font-weight: normal; }



.star-product-title {

  font-family: Verdana, Arial, sans-serif;

  text-align : center;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}

.star-product {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: normal;

  color: #000000;

}

.star-product-price{

  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;
  color: #e80000;
}

.PriceList  { font-family: Verdana, Arial, sans-serif; color: #9a9a9a; font-size: 12px; font-weight: bold }

.oldPrice { text-decoration: line-through }



#headerbar a {

    color: #d8d8d8;

    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;    

}

.mws_boxTop    { background: url('images/infobox/top.gif');

                 font-family: Tahoma;

                 font-size: 11px;

                 text-align : center;

                 font-weight: bold;

                 background-repeat:repeat-x;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxLeft   { background: url('images/infobox/left.gif'); }

.mws_boxRight  { background: url('images/infobox/right.gif'); }

.mws_boxBottom { background: url('images/infobox/bot.gif');

                 font-family: Verdana, Arial, sans-serif;

                 font-size: 11px;

                 text-align : center;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxCenter { background: #FFFFFF; }



TD.noborderbox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

#lightbox{

  position: absolute;

  top: 40px;

  left: 0;

  width: 100%;

  z-index: 100;

  text-align: center;

  line-height: 0;

  }



#lightbox a img{ border: none; }



#outerImageContainer{

  position: relative;

  background-color: #fff;

  width: 250px;

  height: 250px;

  margin: 0 auto;

  }



#imageContainer{

  padding: 10px;

  }



#loading{

  position: absolute;

  top: 40%;

  left: 0%;

  height: 25%;

  width: 100%;

  text-align: center;

  line-height: 0;

  }

#hoverNav{

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 10;

  }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

  width: 49%;

  height: 100%;

  background: url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */

  display: block

  }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }

#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }





#imageDataContainer{

  font: 10px Verdana, Helvetica, sans-serif;

  background-color: #fff;

  margin: 0 auto;

  line-height: 1.4em;

  }



#imageData{

  padding:0 10px;

  }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }     

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  } 

    

#overlay{

  position: absolute;

  top: 0;

  left: 0;

  z-index: 90;

  width: 100%;

  height: 500px;

  background-color: #000;

  filter:alpha(opacity=60);

  -moz-opacity: 0.6;

  opacity: 0.6;

  }

  



.clearfix:after {

  content: "."; 

  display: block; 

  height: 0; 

  clear: both; 

  visibility: hidden;

  }



* html>body .clearfix {

  display: inline-block; 

  width: 100%;

  }



* html .clearfix {

  /* Hides from IE-mac \*/

  height: 1%;

  /* End hide from IE-mac */

  } 



.horbar {   /* Color of main horizontal menubar and border */

  color: black;

  background-color: #e6e7e6;

  border: 1px outset #525252;

}



.horizitem  {          /* Behaviour of main horizontal menu items, leave as is for proper operation */

  float: left;

  white-space: nowrap;

}



.horizitem a {              /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;  

  text-decoration: none;

  position: relative; 

  display: block; 

}



.horizitem a:link, .horizitem a:visited   {      /* Font style & color of main menu items */

  color: #000000;

  text-decoration: none;

}



.horizitem a:hover  {       /* Font style & color, background menu color of main menu item when hovered over */

  color: #ffffff;

  background-color: #21459c;

  text-decoration: none;

}



.horizitem a:active {       /* Font style & color, background menu color of main menu item when clicked */

  color: #ffff00;

  background-color: #666666;  

  text-decoration: none;

}



.horizsubmenu {       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

  position: absolute;

  left: 0;

  top: 0;

  visibility: hidden;

}



.horizsubframe  {      /* Color of submenu item and border */

  background-color: #e6e7e6;

  border: 2px outset #fdfefd;

  

  position: relative;

  display: block; 

}



.horizsubitem {       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

  text-align: left;

  white-space: nowrap;

}



.horizsubitem a {            /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;  

  text-decoration: none;

  

  position: relative;

  display: block; 

}



.horizsubitem a:link, .horizsubitem a:visited {       /* Font color, style of submenu items */

  color: #000000;

  font-size: 12px;  

  text-decoration: none;

}



.horizsubitem a:hover {      /* Font color, style, background submenu color of submenu item when hovered over */

  color: #ffffff;

  background-color: #21459c;

  text-decoration: none;

}



.horizsubitem a:active  {      /* Font color, style, background submenu color of submenu item when clicked */

  color: #ffff00;

  background-color: #666666;    

  text-decoration: none;

}



.horizsubitem .horizfwdarr, .horizitem .horizfwdarr {      /* Positioning of right arrow for submenus */

  position: absolute;

  top: 5px;

  right: 8px;

}



.dmselected {   /* Style override for selected category tree */

    background-color: #ccc;

    font-weight: bold;

}



.horbar .dmselected {   /* Style override for selected root category */

    background-color: #999;

}



.mws_boxTop    { background: url('images/infobox/top.gif');

                 font-family: Tahoma;

                 font-size: 11px;

                 text-align : center;

                 font-weight: bold;

                 background-repeat:repeat-x;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxLeft   { background: url('images/infobox/left.gif'); }

.mws_boxRight  { background: url('images/infobox/right.gif'); }

.mws_boxBottom { background: url('images/infobox/bot.gif');

                 font-family: Verdana, Arial, sans-serif;

                 font-size: 11px;

                 text-align : center;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxCenter { background: #FFFFFF; }



hr {border:0px none; color:#ccc; height:1px; background-color:#ccc}



#wrapper {

    width: 738px;

    padding: 0px;

    background-color: #ffffff; 

    margin: 0 auto;

    text-align: left;

}



/*

****************************************************************

TAB

****************************************************************

*/

TD.productListing-data1 {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #f5f5f5;

  border: 2px solid #e9e9e9;

}

TD.productPriceInListing {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #d2e9fb;

}

TD.productPriceInBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

border:0px #eeeeee;

}

TD.productPriceInProdInfo {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ccffcc;

}

TD.product_price {

  font-family: Arial, helvitica;

  font-size: 14px;

  font-weight: bold;

  color: #b73504;

}

table.options {

  background: #f5f5f5;

  width: 100%;

  border: 2px solid #e9e9e9;

  padding-left: 5px;

}

TD.relatedBoxHeading {

  font-family: Arial, helvitica;

  font-size: 14px;

  font-weight: bold;

  color: #b73504;

}

table.relatedBox1 {

  border-top:2px solid #b73504; 

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

table.relatedBox {

 background: #f5f5f5;

 border: 2px solid #e9e9e9; 

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

.related_image {

 background: #f5f5f5;

 border: 3px solid #d9d9d9; 

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

   }

.related_image2{

 background: #f5f5f5;

 border: 2px solid #e9e9e9; 

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

.pri {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  color: #b73504;

  font-weight: bold;

  text-align:center;

 }

.pri a {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  color: #b73504;

  font-weight: bold;

  text-decoration:none;

   text-align:center;

}

.pri a:hover {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;
  color: #b73504;
  font-weight: bold;
  text-decoration:underline;
  text-align:center;
}
.mod {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #354c52;
  text-align:center;
}
.mod a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #354c52;
  text-decoration:none;
  text-align:center;
}
.mod a:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #354c52;
  text-decoration:underline;
  text-align:center;
}
TABLE.promo {
  border: 2px;
  border-style: dashed;
  border-color: #e80000;
  border-spacing: 2px;
}
A.articlelink{
   color:#0000FF;
  text-decoration: none;
}

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

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #e6e6e6;
  color: #FFFFFF;
  text-align: center;
}
A.linkListing-heading {
  color: #444;
}
A.linkListing-heading:hover {
  color: #777;
}
TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}

.linkFeatured {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid black;
}
.linkFeaturedHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
}
.linkFeaturedMain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #444;
  text-align: center;
}
.linkListingMain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold; 
  color: #444; 
}
A.linkListingMain {
  color: #777;
}
A.linkListingMain:hover {
  color: #e80000;
}

.linkListingCats {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingCats {
  color: #000;
  line-height: 1.5;
}
A.linkListingCats:hover {
  color: #e80000;
}

.linkListingSubCats {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingSubCats {
  color: #000;
  line-height: 1.5;
}
A.linkListingSubCats:hover {
  color: #e80000;
}



/*---------------------------*/
/* CATEGORY MENU */
/*---------------------------*/

.treemenudiv  {     /* Behaviour of tree/plain menu item - leave as is for proper performance */
  display: block;
  white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
color: #222;
  font-size: 13px;  
  text-decoration: none;  
}


a.phplm:link, a.phplm:visited {      /* Font color, style of linked & visited menu items */
  font-size: 13px;  
  text-decoration: none;  
}


a.phplm:hover {      /* Font color, style of menu items when hovered over */
  color: #fff;
  background-color: #e80000;
  font-size: 13px;  
  text-decoration: none;  
}

a.phplm:active  {      /* Font size & color of menu items when clicked */
  color: #222;
  font-size: 13px;  
  text-decoration: none;  
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #e9e9e9;
font-weight: normal;
color: #222;
}






#thecategories a:hover {
  background-color: #e9e9e9;

}

.catwithsubs, .catwithnosubs {
  padding-right: 5px;
}

#thecategories {
  position: relative;
  top: -9px;
  margin-bottom: -16px;
  width: 140px;
}

.activelink {
  display: block;
  font-weight: bold;
color: #e80000;
}

#thecategories a {
  display: block;
  padding-bottom: 7px;
  padding-top: 3px;
  width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
  width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
  padding-left: 20px;
}

#thirdcat a {
  padding-left: 35px;
}

#fourthcat a {
  padding-left: 50px;
}

#fifthcat a {
  padding-left: 65px;
}

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
}
/* OTF contrib ends */


#popImage {
  background:#F0F0F0;
  width: 240px;
}

.popName {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color:#535353;
  background:#c7c7c7;
  padding:5px;
}

.PI {
  padding:5px;
  text-align:center;
}

.popPrice, .popDescr {
  color:#535353;
  font-family: arial;
  font-size: 10px;
}