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

  Installed

  Fixed Width Site With CSS
  Coopco Scheme
  CSS Buttons Everywhere
  Cool Menu
  Great Categories
  Graphical Borders
  Print Order receipt
  News Scroller Box - NO JAVA HTML Version
  Festivals Box
  sexy buttons with CSS_files
  osCommerce W3C Validation - http://forums.oscommerce.com/index.php?showtopic=296782
  Social Bookmarks v1.5
  product_description v1.5
  cssroundedbox - for Coopco pages
  Star Product v_1.6_1
  Sitemap_SEO
  Better Product display_1_2
  Shopping Cart in header
  MSRP
*/

.fixcenter {
/*
*/
   width: 1024px;
   background: #ffffff;
   color: #000000;
   margin: auto;
   text-align: left;
}

.boxText {
/* Changes the font size of the text in all of the boxes.
   Set the padding in the stylesheet to have space on the left and right.
   If you set padding on the top and bottom it will leave that much space between the text lines in certain boxes and is not recommended for the top and bottom padding.
*/
   	color: #000000; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; font-weight: 400; }

hr {
/* Changes colour of the horizontal ruler The colour and background must be the same.
*/

  width: 90%;
  color: #CCCCCC;
  background-color: #CCCCCC;
  height: 1px;
}

.errorBox {
/* Color and text size of error boxes with the red triangle.
*/
   color: #ffffff; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; background: #f4200f; font-weight: bold; }

.stockWarning {
/* Style used for the stock level warning text shown on the shopping cart page when purchasing items.
*/
   font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; color: #c00; font-weight: bold; }

.productsNotifications {
/* Style used for the product notifications checkbox bar on the checkout success page.
   You can also put a colour in the text box and it will make the text change on just that bar.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
	color: #000000;
   background: #f2fff7;
}

.orderEdit {
/* Colour style of the edit links shown on the checkout confirmation page.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
	color: #000000;
   text-decoration: underline;
}

BODY {
/* Type colour is text colour in the left amd right column boxes and the text body that is not linked.
   Background colour is the page background colour. This acts as a base whereupon the header and columns are built.
   Set the border colour which sets the colour around the inside browser window including the scrollbar.
   Set the top border to 10 with the same colour and it will drop down the table and the scrollbars of the browser.
   background: #FFFFCC fixed 50% 50%;
*/
   padding : 0;
   text-align: center;
   background: #DDDDDD fixed 50% 50%;
   color: #000000;
   margin: 0px;
}

.cssbutton {
/*
*/
   background: #0066FF;
   color: #FFFFFF;
   width : 120px;
   height: 22px;
   vertical-align: middle;
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9pt;
   font-style: normal;
   font-weight: bold;
   cursor: pointer;
   text-align:center;
   border-right: 1px outset #000099;
   border-top: 1px outset #000099;
   border-left: 1px outset #000099;
   border-bottom: 1px outset #000099;
   border-style: outset;
   border-color: #000099;
   border-spacing: 1px;
}

.cssButton:active { color: #0066FF; border-style: inset; }

.cssbuttonsubmit{
/*
*/
   background: #0066FF;
   width : 120px;
   vertical-align: top;
   color: #FFFFFF;
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9pt;
   font-style: normal;
   font-weight: bold;
   cursor: pointer;
   text-align:center;
   border: 1px inset #000099;
   border-style: inset;
   border-color: #0066FF;
   border-spacing: 1px;
}

A {
/* The colour style for all link colours throughout the store.
*/
	color: #000000;
   text-decoration: none;
}

A:hover {
/* Colour style used for mouse over links throughout the store.
*/
	color: #9900FF;
   text-decoration: underline;
}

FORM {
/* Style used for forms.
   Changes the colour of this text, Use keywords to find the product you are looking for in the Quick Find box on the left.
*/
   display: inline;
}

TR.header {
/* (means table row.header and is a general setting for the whole table)
   The style used for the background colour of the header.
*/
   background: #FFFFFF;
}

TR.headerNavigation {
/* Styles used for the breadcrumb navigation path (background colour only of the top navigation bar)
*/
   background: #004080;
}

TD.headerNavigation {
/* Arrow colours that point forward and the vertical link separators in the breadcrumb navigation path.
   If you set a background colour here it will override the TR.headerNavigation color set.
   A coloured border on the bottom can be set for a separation between the header and the categories.
   A padding value can be set which will only pad the Navigation Bar.
   A background image for the navigation table can be set also.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 12px;
   background: #5588FF;
   color: #FFFFFF;
   font-weight : bold;
}

A.headerNavigation {
/* Sets the text link colours for the breadcrumb navigation path links (Top Catalog etc.)
*/
   color: #9C9C9C;
}

A.headerNavigation:hover {
/* Mouse over effects of the breadcrumb navigation path links ( top, catalog, my account, cart contents, etc.)
*/
   color: #9900FF;
}

TR.headerError {
/* Styles used for the error messages shown in the header. The default is a red background with white text.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 10px;
   background: #FF0000;
   color: #FFFFFF;
   font-weight : bold;
   text-align : center;
}

TD.headerError {
/* Styles used for the error messages shown in the header. The default is a red background with white text.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 10px;
   background: #FF0000;
   color: #FFFFFF;
   font-weight : bold;
   text-align : center;
}

TR.headerInfo {
/* Styles used for the information messages shown in the header. Changes the bg colour of the top box that appears when a new password is sent. ex: A New Password Has Been Sent To Your Email Address
*/
   font-family: MS Sans Serif, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; background:  #5588ff; }

TD.headerInfo {
/* Styles used for the information messages shown in the header. Changes the bg colour of the top box that appears when a new password is sent. ex: A New Password Has Been Sent To Your Email Address
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 10px;
   background: #5588FF;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

TR.footer {
/* Sets the colour of the footer row where the date and counter are.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   color: #ffffff; font-size: 8px; font-weight: bold; background: #5588ff; }

TD.footer {
/* This is the size and colour of the text in the footer row where the date and counter are. If you set a background colour on this TD.footer tag it will override the TR.footer tag.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 8px;
   background: #5588FF;
   color: #FFFFFF;
   font-weight: bold;
}

.infoBox {
/* Sets the background border colour around all the boxes and not the box headings except the my account, edit account, and add a new address boxes.
*/
   background: #b6b7cb;
}

.infoBoxContents {
/* Sets the colour of ALL the inside of the boxes and puts a colored border around the comments boxes.
   Setting a text colour here will colour the numbers text in the boxes like the catalog listings and the Best Sellers box numbers and the My Account, Edit Account, and Add Address headings.
*/
   	color: #000000; background: #f8f8f9; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

.infoBoxContentspink {
/* Sets the colour of ALL the inside of the boxes and puts a colored border around the comments boxes.
   Setting a text colour here will colour the numbers text in the boxes like the catalog listings and the Best Sellers box numbers and the My Account, Edit Account, and Add Address headings.
*/
   	color: #000000; background: #f8f8f9; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

.infoBoxContents10 {
/* Sets the colour of ALL the inside of the boxes and puts a colored border around the comments boxes.
   Setting a text colour here will colour the numbers text in the boxes like the catalog listings and the Best Sellers box numbers and the My Account, Edit Account, and Add Address headings.
*/
   	color: #000000; background: #f8f8f9; font-family: MS Sans Serif, Arial, sans-serif; font-size: 10px; }

.infoBoxContentspink10 {
/* Sets the colour of ALL the inside of the boxes and puts a colored border around the comments boxes.
   Setting a text colour here will colour the numbers text in the boxes like the catalog listings and the Best Sellers box numbers and the My Account, Edit Account, and Add Address headings.
*/
   	color: #000000; background: #f8f8f9; font-family: MS Sans Serif, Arial, sans-serif; font-size: 10px; }

.infoBoxNotice {
/* Style used for the outline of the box created at the top of the checkout_payment.php page when a customer inputs the wrong credit card number or expiration date.
*/
   color: #3915d7; background: #ff8e90; }

.infoBoxNoticeContents {
/* Style used for the body of the box created at the top of the checkout_payment.php page when a customer inputs the wrong credit card number or expiration date.
*/
   	color: #000000; background: #ffe6e6; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

TD.infoBoxHeading {
/* Sets the left and right column boxes and the new products box heading colour and text colour.
   The text size of the heading boxes can be changed. Anything above 10 you will need to enlarge the box graphics also (images/infobox)
   Padding can be added to these heading boxes.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
   background: #5588FF;
   color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
/*
*/
   	color: #000000; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
/* Sets the odd row colours on all box listings.
*/
   	color: #000000; 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 {
/* Sets the even row colours on all box listings.
*/
   	color: #000000; background: #ffffff; }

TABLE.productListing {
/* Sets a border around the products listing table that shows the listing of the products.
*/
   	color: #000000; border: solid 1px #b6b7cb; border-spacing: 0px; }

.productListing-heading {
/* Colour of the background of the product listing heading that has product name, price, etc. The text style and colour can also be set.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 10px;
   background: #5588FF;
   color: #FFFFFF;
   font-weight: bold;
}

A.productListing-heading {
/* Colour of the background of the product listing heading that has  product name ,  price , etc. The text style and colour can also be set.
*/
   color: #FFFFFF;
   font-weight: bold;
}

A.productListing-heading:hover {
/* Mouse over effects of the breadcrumb navigation path links ( top, catalog, my account, cart contents, etc.)
*/
   color: #FFFF00;
}

TD.productListing-data {
/* Set a different background colour for the product listing table and also set box padding, size, borders.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   	color: #000000;
}

A.pageResults {
/* Sets the link on catalog/includes/split_page_results.php and page results numbered link colours at the bottom of the product pages.
*/
   	color: #000000;
}

A.pageResults:hover {
/* Mouse over link colours on catalog/includes/split_page_results.php and page results numbered links mouse over colour at the bottom of the product pages.
*/
   	color: #000000;
   background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
/* Style used for page headings. Colour on the checkout_success.php page that says  Your Order Has Been Processed!  and also on all the product heading pages as What's New Here? Enjoy Your Shopping! Text on all the product pages.
   Change the size of the text here.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
   	color: #000000;
}

TR.subBar {
/* style used for the sub navigation bar.
*/
   color: #e9f4f1; background: #5588ff; }

TD.subBar {
/* Style used for the sub navigation bar.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   	color: #000000;
}

TD.main, P.main {
/* Size of the text can be set for all the main text area, the  My Account Info ,  Edit Account ,  Add Address ,  Order History , and  Notifications  page boxes. If you set the text colour it is the text colour on all these, not the column boxes.
   A padding can be also be set for all the body text in the store.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 11px;
   line-height: 1.5;
   	color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
/* Copyright text colour and size at the bottom of the page.
    Include Subcategories  Text on the advanced_search.php page.
   Page results text at the bottom of the product pages such as  Displaying 11 to 20 (of 32 products) Result Pages: 
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 8px;
   	color: #000000;
}

TD.accountCategory {
/* The style used for the account categories.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 14px;
   color: #aabbdd;
}

TD.fieldKey {
/* Text Sizes for the account parameter keys and values on the advanced_search.php page such as  Categories: Manufacturers: Price From: Price To: Date From: Date To:
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   font-weight: bold;
}

TD.fieldValue {
/* Text Sizes for the account parameter keys and values on the advanced_search.php page such as  Categories: Manufacturers: Price From: Price To: Date From: Date To:
*/
   color: #0000FF; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

TD.tableHeading {
/* Text styles, sizes on the table headings of address_book.php and product_reviews.php page such as  No. Name Location .
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   font-weight: bold;
}

SPAN.newItemInCart {
/* Style used for marking new products added to the shopping cart so these products show what's in the shopping cart.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   	color: #000000;
}

CHECKBOX, INPUT, RADIO, SELECT {
/* Style used for certain HTML form elements like the size of the text inside the drop down boxes like manufacturers.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
}

TEXTAREA {
/*
*/
   	color: #000000; width: 100%; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; }

SPAN.greetUser {
/* Style used for the user greeting  Welcome Guest!  on the first page.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
	color: #000000;
   font-weight: bold;
}

TABLE.formArea {
/* In  My Account Information ,  Edit Account , and  Add Address  this is the inside box colour.
   Set the border around the boxes in the border section.
*/
   background: #f1f9fe;
   border-color: #7b9ebd;
   border-style: solid;
   border-width: 1px;
}

TD.formAreaTitle {
/* In  My Account Information ,  Edit Account , and  Add Address  this is the size of the text headings.
   Changes the text color on top of the boxes on the  My Account Info  page.
   Leave the text colour box blank and the colour is black.
   A padding can also be set for space on the right and left sides.
*/
	color: #000000; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; font-weight: bold; }

SPAN.markProductOutOfStock {
/* Text colour used for marking products out of stock.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9px;
   color: #ff0000;
   font-weight: bold;
}

/*  MSRP */
/* SPAN.productSpecialPrice {  */
/* Style used on special product prices. */
/*   font-family: Arial, Helvetica, sans-serif; color: #ff0000; }  */

/*  MSRP */
.productSpecialPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
  font-size: 9pt;
  font-weight: bold;
}

TD.checkoutBar
/* Bottom text on the checkout page that says:
[ delivery address | payment method | confirmation | finished! ]
*/

SPAN.checkoutBarHighlighted
/* The highlight color of the text showing which page you are on:
[ delivery address | payment method | confirmation | finished! ]
*/

SPAN.errorText {
/* Style used for error text messages.
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   color: #827e7e;
}

.moduleRow {
/* Colour of the bar on the checkout_payment.php page on a mouse over when you choose your payment method.
*/
}

.moduleRowOver {
/* Colour of the bar on the checkout_payment.php page on a mouse over when you choose your payment method.
*/
   background-color: #D7E9F7; cursor: pointer; cursor: hand;
}

.moduleRowSelected {
/* Colour of the bar on the checkout_shipping.php showing the shipping charge and the selected payment method on th checkout_payment.php page.
*/
   background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
/* Colour and size of the text at the bottom of the checkout pages that shows what page you are NOT on such as  Delivery Information Payment Information Confirmation Finished! 
*/
   font-family: MS Sans Serif, Arial, sans-serif; font-size: 8px; 	color: #000000;
}

.checkoutBarCurrent {
/* colour and size of the text at the bottom of the checkout pages that shows what page you are on such as  Delivery Information Payment Information Confirmation Finished! 
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 8px;
	color: #000000; }

.messageBox {
/* style used for message boxes. The error background colours like trying to delete an address that is your primary address in the account section.
*/
	color: #000000; font-family: MS Sans Serif, Arial, sans-serif; font-size: 8px; }

.messageStackError, .messageStackWarning {
/* style used for message boxes. The error background colours like trying to delete an address that is your primary address in the account section.
*/
   color: #ffffff; font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; font-weight: bold; background-color: #f0070d; }
.messageStackSuccess {
/* style used for message boxes. The error background colours like trying to delete an address that is your primary address in the account section.
*/
   color: #fff; font-family: MS Sans Serif, Arial, sans-serif; font-size:8px; font-weight: bold; background-color: #75b562; }

.inputRequirement {
/* Style used for form input requirement fields. The color of the asterisk * and the words  Required Information  on the account.php pages.
*/
   font-family: MS Sans Serif, Arial, sans-serif; font-size: 9px; color: #ff0000; font-weight: 800; }

.messageStack
/* --------------------- */

/*change the menu hover color below*/
#thecategories a:hover {
	background-color: #eeeeee;
	color: #000000;
}

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

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

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

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

select {
/*
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 11px;
   line-height: 1.5;
	color: #000000;
}

text {
/* 
*/
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 11px;
   line-height: 1.5;
	color: #000000;
}

/* Begin Graphical_Borders */

/* Graphical Borders - boxes column_left_right - Start */
.mws_boxTop    { background: url('images/infobox/top.gif');

   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
	color: #9C9C9C;
   text-align : center;
   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: MS Sans Serif, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }

/* Graphical Borders - boxes column_left_right - End */

/* Graphical Borders - boxes main modules and file-pages - Start */
.mws_boxTop_main    { background: url('images/infobox_main/top.gif');
   font-family: MS Sans Serif, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 color: #9C9C9C;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft_main   { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #FFFFFF; }

/* Graphical Borders - boxes info_pages same as boxText except background */
.mws_info_pages { background: #FFFFFF;
   color: #9C9C9C; 
   font-family: 
   MS Sans Serif, Arial, sans-serif; 
   font-size: 9px; 
   font-weight: 400; }

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

/* Graphical Borders - boxes main modules and file-pages - End  */

/* osCommerce W3C Validation - http://forums.oscommerce.com/index.php?showtopic=296782  */

img
{
border: 0;
}

/* Social Bookmarks v1.5  */

div#bookmarks a span {display: none;}
div#bookmarks a:hover span {display: block; position: absolute;
   top: -14px; left:0px; width: 100%; text-align: center;
   z-index: 100; color: #ffffff; font: 10px Verdana, sans-serif; 
 text-decoration: none;
  }
div#bookmarks {position: relative; top: 0; left: 0; z-index: 100; width: 100%; text-align: center;
  }

/* sexy buttons with CSS_files */


.clear {
	OVERFLOW: hidden; WIDTH: 100%
}

A {
	COLOR: #9C9C9C;
}

A.cssbutton1 {
	PADDING-RIGHT: 18px;
	 DISPLAY: block;
	  BACKGROUND: url(images/cssbuttons/bg_button_a.gif) no-repeat right top;
	   FLOAT: left;
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 9pt;
   font-style: normal;
   font-weight: bold;
   cursor: pointer;
   text-align:center;
   COLOR: #0066FF;
	      MARGIN-RIGHT: 6px;
	       HEIGHT: 24px;
	        TEXT-DECORATION: none
}

A.cssbutton1 SPAN {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 18px; 
	BACKGROUND: url(images/cssbuttons/bg_button_span.gif) no-repeat;
	 PADDING-BOTTOM: 5px;
	  LINE-HEIGHT: 14px; 
	  PADDING-TOP: 5px
}

A.cssbutton1:active {
	BACKGROUND-POSITION: right bottom; 
	COLOR: #0066FF;
	 outline: none
}

A.cssbutton1:active SPAN {
	PADDING-RIGHT: 0px;
	 BACKGROUND-POSITION: left bottom;
	  PADDING-LEFT: 18px;
	   PADDING-BOTTOM: 4px;
	    PADDING-TOP: 6px
}

/* Print Order receipt */

invoiceprint {
/* Text on the print my invoice page. */
   font-family: MS Sans Serif, Arial, sans-serif;
   font-size: 12pt;
	color: #000000;
   font-weight : bold;
}

/* News Scroller Box - NO JAVA HTML Version - Start */

.ScrollerTitleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.ScrollerBodyBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.ScrollerTitleRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.ScrollerBodyRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}	
	
/* News Scroller Box - NO JAVA HTML Version - End  */

/* product_description v1.5 */
TD.productDesc {
  font-family: MS Sans Serif, Arial, sans-serif;
  font-size: 10px;
	color: #000000;
  padding: 1px 7px 1px 7px;
}

TD.productheadDesc {
 font-family: MS Sans Serif, Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 padding: 4px 0px 0px 10px;
}

/* Star product */
.star-product-title {
  font-family: Arial, Helvetica, sans-serif;
  text-align : center;
  font-size: 14px;
  font-weight: bold;
	color: #000000;
}
.star-product {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
	color: #000000;
}
.star-product-price{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
}

/* Begin Shopping Cart in header */

#header-basketDiv { 
    position: relative;
    width: 200px;
    height:60px;
    float:left;
}

#header-basketBox { 
    position: relative;
    width: 206px;
    height:60px;
    float:left;
}

/* Start - Link BASKETBOX */
A.header-basket:link {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:visited {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:active {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
A.header-basket:hover {
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
}
/* End - Link BASKETBOX */

#header-basketText { 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    margin: 3px 0px 0px 6px;
}

/* End Shopping Cart in header */

/* cssroundedbox */

.cssroundedbox h1 {
margin:0; 
font-size:14px;  
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.cssroundedbox p {
margin:0; 
padding:5px 10px; 
font-family: MS Sans Serif, Arial, sans-serif;
font-size:12px;
background: #f8f8f9;
}
.cssroundedbox {
background: transparent; 
width:100%; 
float:center; 
margin:0 3px;
}

.cssboxtop, .cssboxbottom {
display:block; 
background:transparent; 
font-family: MS Sans Serif, Arial, sans-serif;
font-size:10px;
}
.cssboxb1, .cssboxb2, .cssboxb3, .cssboxb4 {
display:block; 
overflow:hidden;
}
.cssboxb1, .cssboxb2, .cssboxb3 {
height:1px;
}
.cssboxb2, .cssboxb3, .cssboxb4 {
background:#f8f8f9;
border-left:1px solid #444;
border-right:1px solid #444;
}
.cssboxb1 {
margin:0 5px; 
background:#444;
}
.cssboxb2 {
margin:0 3px;
border-width:0 2px;
}
.cssboxb3 {
margin:0 2px;
}
.cssboxb4 {
height:2px; 
margin:0 1px;
}

.cssroundedboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
font-family: MS Sans Serif, Arial, sans-serif;
background: #f8f8f9;
}
* html .cssroundedboxcontent {
height:1px;
}

.cssboxcolor_a {
background:#c9ba65;
color:#fff;
}
.cssboxcolor_b {
background:#d4d8bd; 
color:#000;
}
.cssboxcolor_c {
background:#758279; 
color:#fff;
}
.cssboxcolor_d {

color:#0000FF;
font-family: MS Sans Serif, Arial, sans-serif;
font-size: 9px;
}
.small10bluebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background:#f8f8f9;
	color: #000000;
}
.navsmall10box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background:#f8f8f9;
	color: #000000;
}
.subtitlebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
  	background:#f8f8f9;
	color: #000000;

}

/* Festivals Box */

.small8FestivalsTitleRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

.small8FestivalsBodyRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
  	background-color: #FFFFFF;
	color: #000000;
}

/* Coopco html pages */

.title {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
	color: #000000;
}

.titlepink {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
	color: #000000;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.subtitlegreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.subtitlered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.subtitlepink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.subtitlepurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

.titlebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	background-color: #999999;
        color: #FFFFFF;
}

.small8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
  	background-color: #FFFFFF;
	color: #000000;
}

.small8red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small8redongrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

.small9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
  	background-color: #FFFFFF;
	color: #000000;
}

.small9pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10blueongrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #EEEEEE;
	color: #000000;
	font-weight: bold;
}

.small10green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10pinkongrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #EEEEEE;
	color: #000000;
	font-weight: bold;
}

.small10purple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #FFFFFF;
	color: #000000;
}

.small10redongrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  	background-color: #EAEAEA;
	color: #000000;
	font-weight: bold;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
        font-weight: bold;
	background-color: #FFFFFF;
        color: #6600FF;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFFFFF;
        color: #6600FF;
}

.navsmall9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #FFFFFF;
    color: #0000FF;
}

.navsmall10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
    color: #0000FF;
}

.navsmall10b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
    color: #0000FF;
}

.templatemoderndesign {
/* template for modern design in the header color: #CCCCCC; color: #000000;
*/
	font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
	font-weight: bold;
	color: #9C9C9C;
}

A.templatemoderndesign:hover {
/* Mouse over effects of the template for modern design in the header
*/
   color: #9900FF;
}

TD.smallText2, SPAN.smallText2, P.smallText2 {
/* Categories in header
*/
	font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
	color: #9C9C9C;
}

.footercoopcodesign {
/* footer coopco design 
*/
  font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
	font-weight: bold;
	color: #9C9C9C;
}

A.footercoopcodesign:hover {
/* Mouse over effects of the footer coopco design 
*/
   color: #9C9C9C;
}

.footercoopcolinks {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #ffffff;
  font-weight: bold;
}

A.footercoopcolinks:hover {
/* Mouse over effects of the footer coopco design 
*/
   color: #9900FF;
}

.coopco_title {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
	color: #3333FF;
}

.coopco_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
        color: #3333FF;
}

.coopco_header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
        color: #3333FF;
}

.coopco_header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #3333FF;
}

.coopco_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3333FF;
}

.coopco_main {
/* Used in the Coopco html pages
   A padding can be also be set for all the body text in the store.
*/
	font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   line-height: 1.5;
   	color: #3333FF;
}

.coopco_main_small {
/* Used in the Coopco html pages
   A padding can be also be set for all the body text in the store.
*/
	font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   	color: #3333FF;
}

/***** Begin Sitemap_SEO *****/ 
ul.sitemap {
color: #ff0000;
}
.sitemap {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapProducts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #f000ff;
  font-weight : normal;
}
A.sitemap { 
  color: #009900; 
}
A.sitemap:hover {
  color: #ff0000;
}

.sitemap_indvidual_hdg {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0000ff;
  font-weight : normal;
}
A.sitemap_indvidual_hdg { color: #009900; }
A.sitemap_indvidual_hdg:hover { color: #ff0000; }
.sitemap_indvidual { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #f000ff;
  font-weight : normal;
}
A.sitemap_indvidual { color: #009900; }
A.sitemap_indvidual:hover { color: #ff0000; }

h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}

/***** End Sitemap_SEO *****/ 

/* Start of the new product listing & product info pages */
.pagelisting {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #9C9C9C;
}

.price {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: red;
  font-weight: bold;
  line-height: 1.5;
}

.description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.productcoopcolinks {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
	color: #9C9C9C;
  font-weight: bold;
}

A.productcoopcolinks:hover {
/* Mouse over effects of the footer coopco design 
*/
   color: #9900FF;
}

TD.maintop {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  font-weight:bold;
}

TD.mains {
  font-family: MS Sans Serif, Arial, sans-serif;
  font-size: 9pt;
  line-height: 2;
  font-weight:bold;
}

TD.mainsred {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color:red;
  line-height: 2;
  font-weight:bold;
}

/* End of new product listing & product info pages */

/*  MSRP */
.PriceList  { font-family: Arial, Helvetica, sans-serif; color: #006600; font-size: 9pt; line-height: 2; font-weight: bold; }
.saving { font-family: Arial, Helvetica, sans-serif; color: #ff0000; font-size: 9pt; line-height: 2; font-weight: bold;  }
.pricenow { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 9pt; line-height: 2; font-weight: bold;  }
.SavingsPercent  { color: red; font-size: 9pt; line-height: 2; font-weight: bold }
.oldPrice { font-family: Arial, Helvetica, sans-serif; text-decoration: line-through; color: #ff0000; font-size: 9pt; line-height: 2; font-weight: bold}
.oldPriceBIG { font-family: Arial, Helvetica, sans-serif; text-decoration: line-through; color: #ff0000; font-size: 9pt; line-height: 2; font-weight: bold}
.PriceListBIG  { font-family: Arial, Helvetica, sans-serif; color: #006600; font-size: 9pt; line-height: 2; font-weight: bold; }
.pricenowBIG { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 9pt; line-height: 2; font-weight: bold;  }
.savingBIG { font-family: Arial, Helvetica, sans-serif; color: #ff0000; font-size: 9pt; line-height: 2; font-weight: bold;  }
.usualpriceBIG { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 9pt; line-height: 2; font-weight: bold; }