/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.0 2005/01/01 00:00:00 HHGAG Exp $

   H.H.G. group Ltd. - Media Agency for coding, design, hosting & eCommerce
   http://www.hhg-group.com

   Copyright (c) 2005 H.H.G. group Ltd.
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003    nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
   (c) 2004    XT-Commerce

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

.boxText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
.boxTextBG {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background-color: #f1f1f1;
}
.boxTextBGII {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background-color: #FFCC99;
}
.boxTextPrice {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #FF0000;
}
.errorBox {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight: bold;
    background-color: #ffb3b5;
}
.gvBox {
    font-family : Verdana, Arial, sans-serif;
    font-size : 14px;
    font-weight: bold;
    border-color: #FFFFFF;
    border: 1px solid;
    background-color: #ffb3b5;
}
.stockWarning {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color: #cc0033;
}
.productsNotifications {
    background-color: #f2fff7;
}
.orderEdit {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color: #70d250;
    text-decoration: underline;
}
BODY {
    color: #000000;
    margin: 0px;
    background-color: #989898;
}
img{
    border:0;
}
A {
    color: #000000;
    text-decoration: none;
}
A:hover {
    color: #168FC8;
    text-decoration: underline;
}
FORM {
    display: inline;
}
TR.header {
    background-color: #ffffff;
}
TR.headerNavigation {
}
TD.headerNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight : bold;
    border-bottom: 1px solid;
    border-color: #b6b7cb;
    background-color: #F6F6F6;
}
A.headerNavigation {
    color: #FFFFFF;
}
A.headerNavigation:hover {
    color: #000000;
}
TD.conditions {
    background-color: #FFCCCC;
}
A.confirmationEdit {
    color: #009933;
    font-style: italic;
}
A.confirmationEdit:hover {
    color: #009933;
    font-style: italic;
    text-decoration: underline;
}
TR.headerError {
    background-color: #ff0000;
}
TR.headerMessage {
    background-color: #00CC33;
}
.moduleHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: small;
    font-weight: bold;
    padding-bottom: 10px;
}
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 {
}
TD.footer {
    background-image: url(img/footer.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 550px;
}                              

TD.footer_right {
    background-image: url(img/footer_right.gif);
    background-repeat: no-repeat;
}

TD.footer_left {
    background-image: url(img/footer_left.gif);
    background-repeat: no-repeat;
}

.infoBox {
}
.infoBoxContents {
    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;
    color: #FFFFFF;
    text-transform: uppercase;
}
TD.infoBoxHeading_right {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
TD.infoBox, SPAN.infoBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
TD.infoBox_right, SPAN.infoBox_right {
    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: #FFFFFF;
    font-weight: bold;
}
TD.productListing-data {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
A.pageResults {
    color: #168FC8;
    text-decoration: underline;
}
A.pageResults:hover {
    color: #FFFFFF;
    background: #168FC8;
}
TD.pageHeading, DIV.pageHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
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;
}
TD.smallText, SPAN.smallText, P.smallText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
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;
}
SPAN.greetUser {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #f0a480;
    font-weight: bold;
}
SPAN.underline {
    text-decoration: underline;
}
TABLE.formArea {
    background: #f1f1f1;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
}
TD.formAreaTitle {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
TD.copyright {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    text-align:center;
}
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.productOldPrice {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
    text-decoration: line-through;
}
SPAN.errorText {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
}
SPAN.productDiscountPrice {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
    font-weight: bold;
}
.smallHeading {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #000000;
}
.moduleRow {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}
.moduleRowOver {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}
.moduleRowSelected {
}
.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;
}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}
.heading2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
.heading3 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
}
.heading4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
}
.heading5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
}

/* Sitemap Tables */
.sitemap_heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #666666;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sitemap_heading a {
    color:#FFFFFF;
}
.sitemap_heading a:hover {
    color:#CCCCCC;
    text-decoration:none;
}
.sitemap_sub {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    background-color: #E6E6E6;
    padding: 2px 2px;
}
.sitemap_sub a {
    color:#000000;
}
.sitemap_sub a:hover {
    color:#999999;
    text-decoration:none;
}

/* 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;
}

.tableShop {
    background-color: #989898;
    margin-left: auto;
    margin-right: auto;
}
.navLeft {
    background-image: url(img/bg_navLeft.gif);
    background-repeat: repeat-y;
    width: 138px;
}
.navRight {
    background-image: url(img/bg_navRight.gif);
    background-repeat: repeat-y;
    width: 138px;
}
.contentsTopics {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.tableListingI {
    background-color: #F1F1F1;
}
.tableListingII {
    background-color: #FFFFFF;
}
.tableBody {
    padding: 5px;
}
.poweredby {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
}
.onepxwidth {
    width: 1px;
}
.bg_border_left {
    background-image: url(img/bg_border_left.gif);
    background-repeat: repeat-y;
    width: 21px;
}
.bg_border_right {
    background-image: url(img/bg_border_right.gif);
    background-repeat: repeat-y;
    width: 21px;
}
.bg_header_left {
    background-image: url(img/bg_header_left.gif);
    background-repeat: no-repeat;
    height: 92px;
    width: 310px;
}
.bg_header_middle {
    background-image: url(img/bg_header_middle.gif);
    background-repeat: no-repeat;
    height: 92px;
    width: 310px;
}
.bg_header_right {
    background-image: url(img/bg_header_right.gif);
    background-repeat: no-repeat;
    height: 92px;
    width: 310px;
}
.bg_chrome_left {
    background-image: url(img/bg_chrome_left.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 190px;
}
.bg_chrome_middle {
    background-image: url(img/bg_chrome_middle.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 550px;
}
.bg_chrome_right {
    background-image: url(img/bg_chrome_right.gif);
    background-repeat: no-repeat;
    height: 24px;
    width: 190px;
}
.bg_shadow_left {
    background-image: url(img/bg_shadow_left.gif);
    background-repeat: no-repeat;
    height: 9px;
    width: 190px;
}
.bg_shadow_middle {
    background-color: #989898;
}
.bg_shadow_right {
    background-image: url(img/bg_shadow_right.gif);
    background-repeat: no-repeat;
    height: 9px;
    width: 190px;
}
.banner_index1 {
    background-image: url(img/banner_index.jpg);
    background-repeat: no-repeat;
    height: 156px;
    width: 645px;
}
.banner_index2 {
    background-image: url(img/banner_index1.jpg);
    background-repeat: no-repeat;
    height: 156px;
    width: 645px;
}
.banner_index3 {
    background-image: url(img/banner_index2.jpg);
    background-repeat: no-repeat;
    height: 156px;
    width: 645px;
}
.bg_box_top_left {
    background-image: url(img/bg_box_top_left.gif);
    background-repeat: no-repeat;
    height: 19px;
    width: 138px;
}
.bg_box_middle_left {
    background-image: url(img/bg_box_middle_left.gif);
    background-repeat: repeat-y;
    width: 138px;
}
.bg_box_bottom_left {
    background-image: url(img/bg_box_bottom_left.gif);
    background-repeat: no-repeat;
    height: 2px;
    width: 138px;
}
.bg_box_top_right {
    background-image: url(img/bg_box_top_right.gif);
    background-repeat: no-repeat;
    height: 19px;
    width: 138px;
}
.bg_box_middle_right {
    background-image: url(img/bg_box_middle_right.gif);
    background-repeat: repeat-y;
    width: 138px;
}
.bg_box_bottom_right {
    background-image: url(img/bg_box_bottom_right.gif);
    background-repeat: no-repeat;
    height: 2px;
    width: 138px;
}
.bg_box_topics {
    background-image: url(img/bg_box_topics.gif);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    width: 138px;
    height: 20px;
}
.new_top_left {
    background-image:url(img/new_top_left.gif);
    background-repeat:no-repeat;
    height:19px;
    width: 2px;
}
.new_top {
    background-image:url(img/new_top.gif);
    background-repeat:repeat-x;
    height:2px;
}
.new_top_right {
    background-image:url(img/new_top_right.gif);
    background-repeat:no-repeat;
    height:19px;
    width: 2px;
}
.new_left {
    background-image:url(img/new_left.gif);
    background-repeat:repeat-y;
    width: 2px;
}
.new {
    background-color: #EAEAEA;
}
.new_right {
    background-image:url(img/new_right.gif);
    background-repeat:repeat-y;
    width: 2px;
}
.new_bottom_left {
    background-image:url(img/new_bottom_left.gif);
    background-repeat:no-repeat;
    height:2px;
    width: 2px;
}
.new_bottom {
    background-image:url(img/new_bottom.gif);
    background-repeat:repeat-x;
    height:2px;
}
.new_bottom_right {
    background-image:url(img/new_bottom_right.gif);
    background-repeat:no-repeat;
    height:2px;
    width: 2px;
}
.imgborder{
    border: 1px;
    border-color: #000000;
    border-style: solid;
}
.bg_cart{
    background-image:url(img/bg_cart.gif);
    background-repeat:no-repeat;
    height:60px;
    width: 138px;
}  

td.sectiontableheader {

   padding: 5px;

   background-color: #005BAB;

   color: #FFFFFF;

   font-weight: bold;

   font-size: 12px;

   font-style: oblique;

   }



tr.sectiontableentry1 {

   background-color: #ccc;

   color: #000000;

   font-family: Arial, Helvetica, Sans Serif;

   font-size: 12px;

   padding: 5px;}



tr.sectiontableentry2 {

   background-color: #d5d5d5;

   color: #000000;

   font-family: Arial, Helvetica, Sans Serif;

   font-size: 12px;

   padding: 5px;}  

