/*
  $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
*/
body {
    background-image:url(grfx/background.jpg);
    color: #4d4b4a;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    background-color: #e5e2db;
    background-repeat: repeat-x;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
    margin: 0px auto;
    text-align: left;
    width: 780px;
}
 
#logo{
    background-color: #b6ad9b;
    background-image: url(grfx/bg_header.jpg);
    background-repeat: repeat-x;
    height: 69px;
    width: 774px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#logo a{
    margin: 0px auto;
}
#header {
    margin: 0px 0px 0px 0px;
    width: 774px;
    height:258px;
    background-image: url(grfx/shop_header.jpg);
    background-repeat: no-repeat;
    position:relative;    
}
#header ul{
    list-style-type: none;
    display:inline;
    position:absolute;
    top:233px;
    left:125px;
}
#header li{
    float:left;
        
}
.lastchild{
    border-right: 0px none #4d4b4a !important;
}
#header ul a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4d4b4a;
    text-decoration: none;
    padding: 0px 7px 0px 7px;
    border-right: 2px solid #4d4b4a;
}
#header ul a:hover{
    color:#ff9900;
}

.lastchild{
    border-right: 0px none #4d4b4a !important;
}

#content {
    background-color: #7b6b5c;
    width:774px;
    display:block;
    
}
#content h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #FFFFFF;
    margin: 0px 23px 6px 28px;
    padding: 20px 0px 0px 0px;
    border-bottom: 1px solid #bbb6a0;
}

#left {
    background-color: #ddd8c6;
    border: 1px solid #c2bdaa;
    width:510px;
    margin: 0px 0px 10px 28px;
    padding: 0px 0px 15px 0px;
    float:left;
    display:inline;
}
.text{
    float:left;
    width:500px;
    padding-left: 10px;
    padding-right: 10px;
}
#left h2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    color: #4d4b4a;
    text-decoration: underline;
    margin: 20px 0px 10px 23px;
}
#left p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:lighter;
    color: #4d4b4a;
    margin: 6px 0px 0px 23px;
}
#left a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    ;
    color: #003399;
}
#left a:hover{
    color:#ff9900;
    text-decoration:underline
}
#left li{
        list-style-type: disc;
        vertical-align: top;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight:lighter;
        color: #4d4b4a;
        /*margin: 6px 0px 0px 0px;*/
        margin-left: 23px;

}
#left ul{
        margin-left: 10px;

}
TABLE.product {
        margin-left: 10px;
         margin-right: 5px;
}
.photos{float:right;}
.photos img{display:block;}
/********************** Content - right ***************************/
#right {
    float:right;
    width:195px;
    background-color:#dad9cf;
    margin: 0px 23px 10px 0px;
    padding: 0px 0px 6px 0px;
    display:inline;
    border: 1px solid #c2bdaa;
}
#right h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #2c2c2c;
    text-decoration: none;
    text-transform: uppercase;
    background-color:#c2bdaa;
    width:195px;
    text-align:center;
    padding: 3px 0px 3px 0px;
}
#right p{
    padding: 10px 9px 0px 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4d4b4a;
}

#right a{
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4d4b4a;
    
}
#right a:hover{
    color:#ff9900;
}
#right span a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    color: #605c4c;
    text-decoration: none;
    text-transform: uppercase;
    background-color:#c2bdaa;
    /*width:206px;*/
    text-align:left;
    padding: 3px 0px 3px 5px;
    margin: 15px 6px 0px 6px;
}

#right ul {
    /*width:200px;*/
}

/********************** footer ***************************/
#footer, #footer a {
    background-color: #bbb6a0;
    width: 774px;
    height:22px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #4d4b4a;
}
#footer a:hover{
    color:#000000;
}

td {
    color: #4d4b4a;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    LINE-HEIGHT: 18px;
}

img.br {
    border-color:#D3D1D1;
    border-width:1px;
    border-style:solid;
}

SPAN.show_price {
        font-family:  Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        text-align: right;
        font-weight: bold;
        color: green;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; 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 : 12px; color: #70d250; text-decoration: underline; }

LI {
    COLOR: #000000; 
FONT-FAMILY: Arial, 
Helvetica, sans-serif; 
FONT-SIZE: 12px; 
LINE-HEIGHT: 18px;
}
DIV {
    PADDING-BOTTOM: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
PADDING-TOP: 0px
}
P {
    MARGIN: 0px;  
FONT-SIZE: 12px;
}

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

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

FORM {
    display: inline;
}

TR.header {
  
}

TR.headerNavigation {

}

TD.headerNavigation {
  font: italic 10pt/22pt georgia;
  font-color: #f8f8f9;
  font-size: 12px;
  font-weight : bold;
}

A.headerNavigation { 
  color: #f8f8f9;
}

A.headerNavigation:hover {
  color: #ff9900;
}

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 {

}

TD.footer {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
}

.infoBox {
  
}

.infoBoxContents {
  
  font-family:  italic 10pt/22pt georgia;
  font-size: 12px;
  

}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font: italic 10pt/22pt georgia;
  text-decoration : none;
  font-size: 14px;
  color: #f8f8f9;
  /*background: #f8f8f9;*/
}

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

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;*/
  border-bottom: solid 1px Black;
}

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: #dad9cf;*/
  border-bottom: solid 1px Black;
}

TABLE.productListing {
  margin-left: 20px;
  margin-right: 20px;
  width: 460px;
  /*border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;*/
}

.productListing-heading {
  font-family:  Verdana, Arial, sans-serif;
  font-size: 11px;
  /*font-weight: bold;*/
  /*color: #003399;*/
}

TD.productListing-data {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family:  Verdana, Arial, sans-serif;
  font-size: 11px;
  vertical-align: top;
}

A.pageResults {
  color: #FFFFFF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding-left : 15px;
  color: #003399;
  BACKGROUND-COLOR: #cccccc;
  BORDER-BOTTOM: #ff9900 1px solid; BORDER-LEFT: #ff9900 10px solid; BORDER-RIGHT-COLOR: #ff9900; BORDER-TOP-COLOR: #ff9900;
  }
.teaser {
    FLOAT: left; PADDING-LEFT: 3px; PADDING-TOP: 3px; TOP: 0px; WIDTH : 610px
}
  
.teaser H3 {
  BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: #ff9900 1px solid; BORDER-LEFT: #ff9900 10px solid; BORDER-RIGHT-COLOR: #ff9900; BORDER-TOP-COLOR: #ff9900; COLOR: #000080; FONT-SIZE: 1em; HEIGHT: 1.3em; MARGIN-RIGHT: 5px; TEXT-INDENT: 0.5em; VERTICAL-ALIGN: middle; WIDTH: 100%
}

TR.subBar {
  background: #f4f7fd;
}

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

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

P.main {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  /*line-height: 1.5;*/
}



TD.accountCategory {
  font-family:  Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

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

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

TD.formAreaTitle {
  font-family: Tahoma,  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

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

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

/* message box */

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

/* input requirement */

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

#subnav {
    COLOR: #ffffff; PADDING-TOP: 1px; TEXT-ALIGN: right; VERTICAL-ALIGN: middle
}

#subnav A:link {
    COLOR: #ffffff; TEXT-DECORATION: none
}
#subnav a {
    color: #FFFFFF;
}
#subnav A:hover {
    COLOR: #ff9900; TEXT-DECORATION: underline
}