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 {
/* defined in main template to prevent editor view, print view and email from having a striped background! */
}

BODY, P, TD {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin: 0px;
  color: #666666;
}

P, TD  {
  margin-bottom: 6px;
}

A {
  color: #001B86;
  font-weight : bold;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}



/*
---------------
HEADER
---------------
*/

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

.headerStatus {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  color: #666666;
}

.headerMenu td {
  font-size: 1px;
  vertical-align: bottom;
  height: 16px;
  background-color: #001B86;
}
.headerMenu a {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: 12px;
  padding-top: 0px;
  white-space: nowrap;
  color: #FFFFFF;
}
.headerMenu a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.headerMenu .headerFlags {
  text-align: right;
  padding-bottom: 1px;
}
.headerCurrencies{
  text-align: right;
}
.headerCurrencies SELECT{
  font-size: 10px; 
  color: #666666;
}

.topMenuRow td{
  height: 48px;
  vertical-align: middle;
}
.topMenu a, .topMenu td{
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  color: #666666;
}
.topMenu a:hover{
  color: #000000;
}

.bgrndYellow{
  background-color: #F3E50D;
}

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



/*
---------------
INFOBOX
---------------
*/
.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  margin-bottom: 9px;
}
.Lcol, .Rcol {
  padding-top: 1px;
}
.Lcol .infoBox {
  margin-bottom: 9px;
}
.Rcol .infoBox {
  margin-bottom: 0px;
}

.infoBoxHeading{
  margin-bottom: 4px;
}
.infoBoxHeading td, .infoBoxHeading td a {
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 16px;
  text-align: center;
}
.Lcol .infoBoxHeading td, .Lcol .infoBoxHeading td a {
  color: #001B86;
  padding-top: 20px;
  background: url(../../../images/imu_boxhead_bgrnd.gif) no-repeat 0px 0px;
}
.Rcol .infoBoxHeading td, .Rcol .infoBoxHeading td a {
  color: #001B86;
  padding-top: 23px;
  background: url(../../../images/imu_boxhead_bgrnd.gif) no-repeat 0px 3px;
}
.Lcol .noInfoBoxPadding, .Rcol .noInfoBoxPadding {
  padding: 0px;
}
.Lcol .firstBox td{
  padding-top: 0px;
  background: #EAEAE8;
}
.Rcol .firstBox td{
  padding-top: 0px;
  background: #EAEAE8;
}
.infoBoxHeading a:hover{
  text-decoration: none;
  color: #000;
}
.infoBoxHeadingCaps {
  font-size: 12px;
}
.infoBoxHeadingCapsRaquo {
  font-family: Verdana, Arial, sans-serif;
  color: black;
}

.infoBox_promo {
  background: #FDFACE;
}
/*
.Lcol .infoBoxHeading_promo td {
  background: #F3E40C;
  border: 1px solid green;
}
.Lcol .firstBox .infoBoxHeading_promo td{
  padding-top: 0px;
  background: #EAEAE8;
}
*/

table.infoBoxContents {
  padding: 0px;
}
.infoBoxContents, .infoBoxContents a { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px; 
  font-weight: normal; 
  color: #666666;
}
.infoBoxContents a:hover { 
  color: #000000; 
}
.Lcol .infoBoxContents, .Lcol .infoBoxContents a { 
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
  margin-top: 2px;
}

/* for currencies box */
.Lcol .boxText SELECT {
  width: 181px;
  font-size: 10px; 
  color: #666666;
}

.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
  background: #FFE6E6;
  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: #EAEAE8; }


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

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

TABLE.productListing {
  border-collapse: collapse;
/*
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
*/
}
.productListing-border {
  border-bottom: 1px solid #FFFFFF;
  border-spacing: 0px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #EAEAE8;
  color: #666666;
  font-weight: normal;
}

TD.productListing-data, TD.productListing-data a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
}

.productDetailsLink { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10px;
  line-height: 10px;
  color: #636AB0;
  text-decoration: underline;
}
.productDetailsLink a:hover {
  color: #5500F2;
}
.productListing-shortDesc {
  font-size: 9px;
  line-height: 11px;
  color: #666;
}
a:hover .productListing-shortDesc {
  text-decoration: none;
}

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

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

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-family: Verdana, Arial, sans-serif;
  color: #333333;
  font-weight: bold;
}

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

.productSpecialPrice {
  color: #ff0000;
}

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

.moduleRow { }
.moduleRowOver { background-color: #CCD1E7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E5E8F3; }

.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: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  margin-top: 0px; 
  margin-bottom: 6px;
}

.checkout_headline {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  padding-top: 2px;
  color: #001B86;
  background: #EAEAE8;
}
.orderEdit {
  font-family: Arial, sans-serif; 
  font-size : 10px; 
  font-weight: normal;
  color: #001B86; 
  text-decoration: underline;
}

TD.pageHeading, DIV.pageHeading, H1 {         /* Identical to .HTMLareaHead1 !!! */
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  margin-top: 0px;
  margin-bottom: 12px;
  padding: 0px;
  color: #666666;
}

.smallText {        /* Identical to .HTMLareaSmall !!! */
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #666666;
  margin-top: 0px; 
  margin-bottom: 4px;
}
.smallText a {
  color: #666666;
}

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

.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 (only the preview - not the editor!) 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: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #666666;
  margin-top: 0px; 
  margin-bottom: 4px;
}
.HTMLareaMain {    /* Identical to .main !!! */
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #666666;
  margin-top: 0px; 
  margin-bottom: 6px;
}
.HTMLareaHead1 {     /* Identical to .pageHeading !!! */
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  color: #666666;
  margin-top: 14px;
  margin-bottom: 12px;
}
.HTMLareaHead2, H2 {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 16px;
  color: #666666;
  margin-top: 13px;
  margin-bottom: 10px;
}

/* Wiki syntax allows them, so... */
H3, H4, H5, H6 { font-family: "Times New Roman", Times, serif; font-weight: normal; color: #666666; }
H3         { font-size: 16px; margin-top: 12px; margin-bottom: 9px; }
H4, H5, H6 { font-size: 13px; margin-top: 11px; margin-bottom: 8px; font-weight: bold; }

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