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

/**************************************************************************************
 GENERIC HTML ELEMENTS
 **************************************************************************************/

body {
 float: none;
 position: relative;
 border: 0px solid #0073B9;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: left;
 color: #0073B9;
 background-color: white;
}

#wrapper {
 float: none;
 position: relative;
 z-index: 1;
 width: 880px;
 height: auto;
 overflow: hidden;
 border: 0px solid #0073B9;
 margin: 5px auto 5px auto;
 padding: 0px 0px 5px 0px;
 color: #0073B9;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: left;
 background-color: white;
 background-image: url();
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}

h1, h2, h3, h4, h5 { color: navy; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }

ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 12px; text-align: left; font-size:10px; }
li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 12px; text-align: left; font-size:10px; }

a {
 color: #0000AA;
 text-decoration: none;
}

a:hover {
 color: #990099;
 text-decoration: underline;
}

form {
 display: inline;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
}

img {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8px;
 border: 0px solid #DDDDDD;
 margin: 0px 2px 0px 2px;
 padding: 0px 0px 0px 0px;
}

table {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

tr {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

checkbox, input, radio, select {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

textarea {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


/**************************************************************************************
 OSCOMMERCE HTML STYLE CLASSES
 **************************************************************************************/

tr.header {
 background: white;
}

/*..........headerNavigation..........*/

tr.headerNavigation {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #AAAAAA;
 background-color: transparent;
}

td.headerNavigation {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #AAAAAA;
 background-color: transparent;
}

a.headerNavigation {
 color: #AAAAAA;
 background-color: transparent;
 text-decoration: none;
}

a.headerNavigation:hover {
 color: #7777777;
 text-decoration: none;
}

/*..........headerError..........*/

tr.headerError {
 background: red;
}

td.headerError {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

/*..........headerInfo..........*/

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

/*..........footer..........*/

TR.footer {
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
}

TD.footer {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #0073B9;
 background: #DDDDDD;
 border: 0px solid #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 0px;
}

/*..........infoBox..........*/

.infoBox {
 background: White;
}

.infoBoxContents {
 background: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
}

.infoBoxNotice {
 background: #FF8E90;
}

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

TD.infoBoxHeading {
 height: 19px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 background: #0073B9;
 color: white;
}

TD.infoBoxHeading a, TD.infoBoxHeading a:link, TD.infoBoxHeading a:visited, TD.infoBoxHeading a:active {
 text-align: center;
 text-decoration: none;
 vertical-align:middle;
 color: white;
}

TD.infoBoxHeading a:hover {
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 background: #EEEEEE;
 color: #0073B9;
}

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

/*..........Other..........*/

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 color: white;
 background: #DDDDDD;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 color: white;
 background: #DDDDDD;
}

/*..........productListing..........*/

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #FFFFFF;
}

.productListing-heading {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background: #DDDDDD;
 color: #0073B9;
 font-weight: bold;
}

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

/*..........pageResults..........*/

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: white;
 background: #DDDDDD;
}

/*..........pageHeading..........*/

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background-color: #0073B9;
 color: white;
}

/*..........subBar..........*/

TR.subBar {
 background: #f4f7fd;
}

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

/*..........main..........*/

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

/*..........smallText..........*/

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

TD.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 9px;
 padding: 0px 0px 10px 0px;
}

/*..........accountCategory..........*/

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #778899;
}

/*..........fieldKey/fieldValue..........*/

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

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

/*..........tableHeading..........*/

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

/*..........newItemInCart..........*/

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

/*..........greetUser..........*/

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

/*..........formArea..........*/

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

/*..........markProductOutOfStock..........*/

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

/*..........productPrice..........*/

SPAN.productPrice {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

/*..........productSpecialPrice..........*/

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

/*..........errorText..........*/

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

/*..........moduleRow..........*/

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }

/*..........messageBox/messageStack..........*/

.messageBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }

/*..........inputRequirement..........*/

.inputRequirement { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff0000; }

/* BEGIN Fancier Invoice and Packingslip */
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.order_infobox_data { color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
/* END Fancier Invoice and Packingslip */


.boxText { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; }
.errorBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


/*************************************************************
 CoolMenus 4 - default styles - do not edit 
**************************************************************/

/***** General menu *****/

.clGenCMAbs { position: relative; visibility: hidden; left: 0; top: 0; }
 
/*Style for the background-bar*/
.clGenBar { background-color: #000000; position: relative; height: 19px; visibility: hidden; }

/*Styles for level 0*/
.clGenLevel0,.clGenLevel0over { font-weight: normal; font-size: 12px; text-align:center; vertical-align:middle; letter-spacing:1px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px 0px; padding: 2px 0px 0px 0px; position: relative; }
.clGenLevel0 { color: #EEEEEE; background-color: #0073B9; }
.clGenLevel0over { color: #0073B9; background-color: #EEEEEE; cursor: hand; }
.clGenLevel0border { background-color: #0073B9; position: absolute; visibility: hidden; }

/*Styles for level 1*/
.clGenLevel1, .clGenLevel1over { font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; position: absolute; }
.clGenLevel1 { color: #EEEEEE; background-color: #0073B9; }
.clGenLevel1over { color: #0073B9; background-color: #EEEEEE; cursor: hand; }
.clGenLevel1border { background-color: #0073B9; position: absolute; visibility: hidden; }

/*Styles for level 2*/
.clGenLevel2, .clGenLevel2over { font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; position: absolute; }
.clGenLevel2 { color: #EEEEEE; background-color: #0073B9; }
.clGenLevel2over { color: #0073B9; background-color: #EEEEEE; cursor: hand; }
.clGenLevel2border { background-color: #0073B9; position: absolute; visibility: hidden; }

/******Catalog menu*******/

.clCatCMAbs { position: inherit; visibility: hidden; }
 
/*Style for the background-bar*/
.clCatBar { background-color: #000000; position: inherit; height: 24px; visibility: hidden; }

/*Styles for level 0*/
.clCatLevel0,.clCatLevel0over { position: inherit; font-weight: bold; font-size: 10px; text-align:center; vertical-align:middle; letter-spacing:0px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px 0px; padding: 4px 0px 0px 0px; }
.clCatLevel0 { color: #000000; background-color: transparent; }
.clCatLevel0over { color: #0099FF; background-color: #FFFFFF; cursor: hand; }
.clCatLevel0border { background-color: transparent; position: absolute; visibility: hidden; }

/**************************************************************************************
 CUSTOM / ADDITIONAL STYLE CLASSES
 **************************************************************************************/
#content {
 padding: 0px 10px 10px 0px;
 margin: 0px 0px 0px 5px;
 text-align: left;
 border: 1px solid #EEEEEE;
 width: 700px;
}

#right {
 padding: 0px 0px 0px 0px;
 text-align: left;
 border: 1px solid #EEEEEE;
}
