/*
  $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
*/

HTML, BODY{
  scrollbar-base-color:#cccccc;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#999999;
  scrollbar-darkshadow-color:#cccccc;
  scrollbar-face-color:#eeeeee;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color:#FFFFFF;
}

HTML{
  height: 100%;
}

BODY{
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

BODY, P, TD{
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

P, TD {
  margin-top: 0px; 
  margin-bottom: 5px;
}

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

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

FORM{
	display: inline;
}



/*
---------------
HEADER
---------------
*/
.headerTable{
  width: 100%;
  border-collapse: collapse;
}

.headerLeft{
  height: 117px;
  padding: 0 0 0 11px;
  vertical-align: bottom;
  white-space: nowrap;
}
.shopStatus{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #F1D11D;
  padding-left: 5px;
}
.headerTabs{
  margin: 17px 10px 0 0;
}
.headerTab, .headerTabAct, 
.headerTabSep00, .headerTabSep01, .headerTabSep10, 
.headerTabPref0, .headerTabPref1, .headerTabSuff0, .headerTabSuff1{
  display: inline-block;
  height: 21px;
  min-width: 1px;
  font-size: 13px;
  line-height: 20px;
}
.headerTab{
  background: url(img/headerTabM0.gif);
}
.headerTabAct{
  background: url(img/headerTabM1.gif);
}
.headerTabSep00{
  width: 12px;
  background: url(img/headerTabSep00.gif) no-repeat;
}
.headerTabSep01{
  width: 12px;
  background: url(img/headerTabSep01.gif) no-repeat;
}
.headerTabSep10{
  width: 12px;
  background: url(img/headerTabSep10.gif) no-repeat;
}
.headerTabPref0{
  width: 8px;
  background: url(img/headerTabPre0.gif) no-repeat;
}
.headerTabPref1{
  width: 8px;
  background: url(img/headerTabPre1.gif) no-repeat;
}
.headerTabSuff0{
  width: 8px;
  background: url(img/headerTabSuf0.gif) no-repeat;
}
.headerTabSuff1{
  width: 8px;
  background: url(img/headerTabSuf1.gif) no-repeat;
}
.headerTab a, .headerTabAct a{
  display: inline-block;
  padding: 0 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
}
.headerTabAct a{
  color: #A11904;
}
.headerTab a:hover, .headerTabAct a:hover{
  color: #F02914;
  text-decoration: none !important;
}

.headerRight{
  height: 117px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  color: #ffffff;
  padding: 0 27px 10px 0;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
}
.headerNav{
  height: 16px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  padding: 0 21px 0 12px;
  white-space: nowrap;
  background: url(img/BreadCrumbBgrnd.gif);
  border-bottom: 1px solid #747DB3;
}
.headerNavigation{
  color: #202020;
}
.headerNavigation:hover{
  color: #FD0000;
}

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

.searchField{
  padding-bottom: 4px;
}
.searchInput{
  width: 130px;
  margin-right: 4px;
}
.manufactDrop SELECT{
  width: 161px;
}


/*
---------------
FOOTER
---------------
*/
.footerTable{
  width: 100%;
  height: 16px;
  border-collapse: collapse;
  padding: 1x;
}

.footer{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  color: #000000;
  background: #E5E5E5;
  vertical-align: top;
}
.dl_link{
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  text-align: center;
  padding: 12px 0 15px 0;
}



/*
---------------
INFOBOX
---------------
*/
.LCRtable{
  width: 100%;
  border-collapse: collapse;
  padding: 0x;
  margin-top: 4px;
}

.Lcol{
  vertical-align: top;
  width: 184px;
  padding: 0px 0px 14px 0px;
  background: #515151;
}
.Ccol{
  vertical-align: top;
  width: auto;
  padding: 0px 35px 14px 37px;
}
.Rcol{
  vertical-align: top;
  width: 179px;
  padding: 0px 25px 14px 0px;
}
 
.Lcol .infoBox{
  padding: 9px 10px 15px 12px;
}
.Ccol .infoBox{
  padding: 2px 3px 2px 3px;
  margin-bottom: 4px;
  background: #E5E5E5;
  border: 1px solid #b6b7cb;
}
.Rcol .infoBox{
  padding: 10px 3px 10px 3px;
  margin-bottom: 4px;
  background: #E5E5E5;
  border: 1px solid #b6b7cb;
}
TD.infoBox, SPAN.infoBox{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.Lcol .infoBoxHeading{
  margin-top: 0px;
  padding: 2px 11px 3px 12px;
  background: #E5E5E5;
}
.Lcol .infoBoxHeading TD, .Lcol .infoBoxHeading TD a:link, .Lcol .infoBoxHeading TD a:visited{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: bottom;
  color: #000000;
}
.Ccol .infoBoxHeading{
  margin-top: 0px;
  padding: 2px 0px 3px 0px;
  background: #515151;
}
.Rcol .infoBoxHeading{
  margin-top: 0px;
  padding: 2px 11px 3px 11px;
  background: #515151;
}
.Ccol .infoBoxHeading, .Ccol .infoBoxHeading TD, .Ccol .infoBoxHeading A:link, .Ccol .infoBoxHeading A:visited,
.Rcol .infoBoxHeading, .Rcol .infoBoxHeading TD, .Rcol .infoBoxHeading A:link, .Rcol .infoBoxHeading A:visited{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: bottom;
  color: #FFF;
}
.infoBoxHeading TD a:hover{
  color: #FD3333;
}

.infoBoxContents, .infoBoxContents A, .boxtext, .searchBoxBT, .searchBoxBT A, .reviewBoxBT, .reviewBoxBT A{ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice{
  background: #FF8E90;
}

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

.Lcol .boxText, .Lcol .boxText a:link, .Lcol .boxText a:visited{
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  line-height: 12px;
  color: #ffffff; 
}
.Lcol .boxText SELECT{width: 150px;}
.Ccol .boxText, .Ccol .boxText a:link, .Ccol .boxText a:visited,
.Rcol .boxText, .Rcol .boxText a:link, .Rcol .boxText a:visited{
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  line-height: 12px;
}
.boxText a:hover{ 
  color: #FD3333 !important; 
}

.tellfriendBoxField{
  width: 128px;
}

.reviewBoxBT{
  text-align:center;
}
.reviewBoxBT .reviewBoxImage{
  margin-top:0px;
  margin-bottom:3px;
}
.reviewBoxBT .reviewBoxStars{
  margin-top:5px;
}


/*
---------------
*/

.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: #E5E5E5; }
.orderEdit{ font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #515151; text-decoration: underline; }
.productDetailsLink{ font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #000000; text-decoration: underline; }
.productDetailsLink a:hover{ color: #FD0000; }


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: #E5E5E5;
}

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: #D6D6D6;
}

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: #515151;
  color: #FFFFFF;
  font-weight: bold;
}

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

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

TD.pageHeading, DIV.pageHeading, h1{
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  color: #515151;
  padding-top: 22px;
}

TR.subBar{
  background: #f4f7fd;
}

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

TD.smallText, SPAN.smallText, P.smallText{
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 4px;
}

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

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.greetUser{
  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: #C4CDFF; 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; }

/* DDB - 041031 - Form Field Progress Bar */
.progress{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  width:  1px;
  height: 15px;
  color: white;
  white-space:nowrap;
  overflow: hidden;
  background-color: navy;
  padding:     0px;
  padding-top: 1px;
}

/* DL+ CUSTOMER GROUPS & PRICE BREAKS */
TD.DLpriceBreakHeading, P.DLpriceBreakHeading{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  color: #ff0000;
}

TD.DLpriceBreakList, P.DLpriceBreakList{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  padding-top: 2px;
  color: #666666;
}
/* DL- CUSTOMER GROUPS & PRICE BREAKS */


.imu_message{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #F2EEB6;
  padding-left:   20px;
  padding-right:  20px;
  padding-top:     5px;
  padding-bottom:  5px;
}



.main{            /* Identical to .HTMLareaMain !!! */
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 5px;
}

.homeTitle TD{
  padding-top:22px;
}
.homeTitle H1{
  margin-top: 0px;
  padding-top: 15px;
}
.custGreet{
  margin-bottom:0px;
}

.checkout_headline, .checkout_headline a {
  font-weight: bold;
}
.orderEdit {
  font-family: Arial,Helvetica,sans-serif;
  font-size : 10px; 
  font-weight: normal;
  color: #ffffff; 
  text-decoration: underline;
}

.infocms_prodtheme_prodtitle_L, .infocms_prodtheme_prodtitle_R, .infocms_prodtheme_prodtitle_R .smallText{
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  color: #666666;
  vertical-align: top;
  padding-bottom: 5px;
}
.infocms_prodtheme_prodtitle_L, .infocms_prodtheme_prodtitle_L A{
  text-decoration: underline;
  color: #666666;
}
.infocms_prodtheme_prodtitle_L A:hover{
  color: #001B86;
}
.infocms_prodtheme_prodtitle_R{
  font-size: 12px;
}
.infocms_prodtheme_addcart, .infocms_prodtheme_addcart A{
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 18px;
  color: #666666;
}

.prodinfo_breadcrumb, .prodinfo_model, .prodinfo_clickenlarge a{
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 9px;
  line-height: 13px;
  color: #666666;
  margin-top: 0px; 
  margin-bottom: 4px;
}
a.prodinfo_breadcrumb{
  text-decoration: underline;
}
.prodinfo_model{
  padding-top: 2px;
}
.prodinfo_choose{
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 3px;
}
.prodinfo_price{
  font-size: 15px;
}


.hilite0{
  background:#33ff00;
}
.hilite1{
  background:#ff99ff;
}
.hilite2{
  background:#00eeff;
}
.hilite3{
  background:#eeee00;
}
.hilite4{
  background:#ffbb00;
}

.hoverimg{ /*thumb image box*/
  display: block;
  position: relative;
  z-index: 0;
}
.hoverimg img{ /*thumb image itself*/
  border: none;
}
.hoverimg:hover{ /*thumb image box on hover*/
  background-color: transparent;  /* needed for ie6! */
  z-index: 50;
}
.hoverimg span{ /*enlarged image box*/
  display: block;
  position: absolute;
  left: -2000px;
  visibility: hidden;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
}
.hoverimg:hover span{ /*enlarged image box on hover*/
  visibility: visible;
  top: -55px;    /* vertical   offset for enlarged image */
  left: -110px; /* horizontal offset for enlarged image */
}
.hoverimg span img{ /*enlarged image itself*/
  border: none;
}

/* ---------------
   WYSIWYG-Editor:
   ---------------
   The HTMLarea styles are taken from the stylesheet.css in /catalog/includes/sts_templates/.../stylesheet.css .
   The admin product preview uses the definitions in /catalog/admin/includes/stylesheet.css .
   Also remember that "stylesheets_email.css" is used to attach the styles to the final email message
   and to the iframe preview of emails and newsletters!
   SO KEEP THESE 3 STYLE SHEETS SYNCHRONOUS !!!
   
   Remark: The font style and color defined in the admin'S WYSIWYG-Editor Configuration dialog
           are not used any more in the HTMLares editors. 
           We use the css definitions and do not want to have other definitions interfere with these!

ATTENTION: 
THESE STYLE NAMES  M U S T  BEGIN WITH  "HTMLarea"  - OTHERWISE DIGILOG HTMLAREA CSS SELECTOR IMPROVEMENTS (CSS.JS) WILL NOT WORK !!!
*/
   
.HTMLareaSmall  {    /* Identical to .smallText !!! */
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 4px;
}
.HTMLareaMain {    /* Identical to .main !!! */
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 5px;
}
.HTMLareaHead1 {     /* Identical to .pageHeading !!! */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  color: #515151;
}
.HTMLareaHead2 {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #515151;
}
.HTMLareaHead3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #000;
}
.HTMLareaMainVerdana {    /* Similar to above, but using Verdana */
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 5px;
}
.HTMLareaSmallVerdana  {  /* Identical to HTMLareaSmall, but using Verdana */
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #000;
  margin-top: 0px; 
  margin-bottom: 4px;
}

HR {  
  height: 1px;
  border: 0;
  color: #FF6600;
  background-color: #FF6600;
  text-align: left;  /* align it left for IE*/
  margin-left: 0;    /* align it left for Mozilla*/
}