/*
    
  The graphics customization consists of the following files:

GRAPHIC FILES: (No longer being used)
catalog/images/OSCMAX_bg.gif [page backround used by stylesheet]
catalog/images/OSCMAX_box_bg.jpg [background of central area]
catalog/images/OSCMAX_footer.jpg [footer graphic] 
catalog/images/OSCMAX_infobox-bg.gif [infobox backgrounds used by stylesheet]
catalog/images/OSCMAX_top.jpg [single large graphic at in header area]
catalog/images/OSCMAX_top_low.jpg [grpahic under breadcrumb trail]

Buttons are tucked away in:
catalog/includes/language/english/images/buttons

TEMPLATE:
catalog/templates/main_page.tpl.php [Back up old one!]
This one file controls the width of the whole store and contains the HTML code for the 
tables that include the header, footer and body of every page. 
You will see commented lines like this:
<!--- comment //--> within 'main_page.tpl.php' explaining changes made such as 
restricting the size of the store to 750 pixels width - remove those lines to have a 
100% wide store (but the standard graphics will no longer fit and you will need to supply 
new graphics).
  
 The three images  
catalog/images/infobox/corner_left.gif
catalog/images/infobox/corner_right.gif
catalog/images/infobox/corner_right_left.gif
are for the square or curved corners of the infobox and are grey in the standard setup.
You can remake these in the color of your choice, but the spacing is best controlled in the
stylesheet by adding 'padding-left : 4px;' to TD.infoBoxHeading and replacing the 3 corner images
with a 1pixel x 1 pixel transparent gif (this saves removing the reference in each infobox).  
  
*/

.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 {
	 scrollbar-face-color:#617698; 
	 scrollbar-shadow-color:#617698; 
	 scrollbar-arrow-color:#FFFFFF; 
	 scrollbar-base-color:#011F39; 
	 scrollbar-highlight-color:#CCCCCC;

  background: #000000;
  color: #000000;
  margin: 10px;
  /*background-image: url('images/space-ribbon800.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;*/

}

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

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

FORM {
	display: inline;
}

TR.header {
  /*background: #000000;*/
}

.counter {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}


.slogan {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  /*background: #CCCCCC;*/
}


TR.headerNavigation {
  /*background: #bbc3d3;*/
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*background: #bbc3d3;*/
    background-image : url('images/bar_top_strip.gif');
  color: #FFFFFF;
  font-weight : bold;
  /*background-color : #587CBE;*/
  padding-bottom : 2px;
  padding-top : 2px;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #66FF00;
}

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-image : url('images/bar_top_strip.gif');
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*background: #587CBE;*/
  color: #FFFFFF;
  font-weight: bold;
  padding-top : 1px;
  padding-bottom : 2px;
}

.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: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image : url('images/bar_top_strip.gif');
  color: #FFFFFF;
  padding-top : 1px;
  padding-bottom : 2px;
}

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: #b6b7cb;
  color: #000000;
  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 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  background: #CCCCCC;
}

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

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

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

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

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

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

.H1 {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 1pt;
	  color:#111111;
}