/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  https://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
div#contain {
    width: 933px;
    height: 700px;
    margin: 15px auto auto;
    background-image: url(/images/site/background.jpg);
    padding: 0;
    overflow: hidden;
    text-align: left
    }
div.accountIcon {
    width: 60px;
    float: left;
    margin: 0 20px
    }
.accountOptions {
    height: 60px
    }
div.prodImage {
    float: right;
    text-align: center;
    padding: 0 0 10px 10px
    }
div.filter {
    text-align: center
    }
div.searchField {
    position: relative;
    text-align: left;
    margin-bottom: 10px
    }
div.searchField #searchButton {
    position: absolute;
    right: -15px
    }
div.prodPages {
    padding: 1px 2px
    }
div.prodPages span {
    float: right
    }
table.subcategories {
    width: 100%;
    margin: 10px 0
    }
div.banner {
    text-align: center;
    margin: 10px 0
    }
div.banner a img {
    max-height: 50px;
    max-width: 468px
    }
div#mainColumn {
    vertical-align: top;
    width: auto;
    position: relative;
    background-color: #FFF;
    margin: 0 10px 15px
    }
div#mainColumn div.content {
    padding: 0 5px;
    overflow: auto;
    height: 530px
    }
div#tl {
    background-position: left top;
    top: -12px;
    left: 0
    }
div#tr {
    background-position: right top;
    top: -12px;
    right: 0
    }
div#bl {
    background-position: left bottom;
    bottom: -12px;
    left: 0
    }
div#br {
    background-position: right bottom;
    bottom: -12px;
    right: 0
    }
div.roundCorner {
    background: transparent url(/images/site/corners.png) no-repeat;
    width: 50%;
    height: 12px;
    position: absolute
    }
td.siteColumn {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-width: 0
    }
table.siteBody {
    width: 100%;
    padding: 0;
    margin: 0;
    border-width: 0
    }
.fullWidth {
    width: 929px
    }
div.infoDiv {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background: #FFF;
    margin-bottom: 10px;
    padding: 3px 16px 7px 7px;
    text-align: left
    }
div.infoDivHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: url(images/box_cap.png) no-repeat right top;
    color: #0E4747;
    width: 163px;
    height: 26px;
    padding-top: 13px;
    padding-left: 5px;
    text-align: left;
    text-transform: uppercase
    }
.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: #c03
    }
.productsNotifications {
    background: #f2fff7
    }
.orderEdit {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #70d250;
    text-decoration: underline
    }
body {
    padding: 0;
    margin: 0;
    background: #000;
    color: #000;
    text-align: center
    }
A {
    color: #000;
    text-decoration: none
    }
A:hover {
    color: #016;
    text-decoration: underline
    }
FORM {
    display: inline
    }
div.header {
    text-align: left;
    position: relative
    }
div.header .headerSearch {
    position: absolute;
    right: 262px;
    top: 56px
    }
div.header .headerSearch img, div.header .headerSearch input {
    vertical-align: middle
    }
div.header .headerSearch .headerField {
    border: 1px solid #AAA
    }
div.header div.buttons {
    position: absolute;
    right: 42px;
    top: 51px
    }
div.header div.buttons a img {
    margin: 5px
    }
div.headerNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    text-align: left;
    top: 96px;
    left: 360px;
    width: 505px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap
    }
div.headerNavigation div.headerNavigationRight {
    float: right
    }
a.headerNavigation {
    color: #0E4747
    }
a.headerNavigation:hover {
    color: #016
    }
div.headerError {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    background: #c00;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: -12px
    }
div.headerInfo {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    background: #0c0;
    color: #fff;
    font-weight: bold;
    text-align: center
    }
div.footer {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #222;
    font-weight: bold;
    text-align: left;
    width: 933px;
    margin: 10px auto
    }
div.footer span {
    float: right
    }
.infoBox {
    background: #b6b7cb
    }
.infoBoxContents {
    background: #fff url(images/content_shoe.jpg) no-repeat center bottom;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    padding: 5px 5px 20px
    }
.infoBoxNotice {
    background: #FF8E90
    }
.infoBoxNoticeContents {
    background: #FFE6E6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px
    }
div.infoBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #e6e6e6 url(images/box_cap.jpg) no-repeat;
    color: #fff;
    width: 168px;
    height: 23px
    }
div.infoBox, SPAN.infoBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px
    }
div.contentBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0E4747;
    height: 23px;
    padding: 3px 20px;
    text-align: center
    }
div.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: #FFF;
    font-weight: bold
    }
TD.productListing-data {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px
    }
A.pageResults {
    color: #00F
    }
A.pageResults:hover {
    color: #016;
    background: #FF3
    }
.titleHeading {
    margin: auto
    }
.pageHeading, .pageHeading tr td {
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #0E4747;
    vertical-align: middle;
    width: 100%;
    padding: 0
    }
.pageHeading img, .pageHeading div {
    float: right;
    max-width: 100px
    }
TR.subBar {
    background: #f4f7fd
    }
TD.subBar {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000
    }
div.main, TD.main, P.main {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5
    }
.main a {
    color: #2E387A
    }
div.greeting {
    padding-top: 10px;
    padding-bottom: 10px
    }
.smallText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px
    }
.credits, .credits a {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #666
    }
TD.accountCategory {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #abd
    }
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: #f00
    }
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: #D2232A;
    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: #f00
    }
SPAN.errorText {
    font-family: Verdana, Arial, sans-serif;
    color: #f00
    }
.moduleRowOver {
    background-color: #D7E9F7;
    cursor: pointer
    }
.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: #000
    }
/* 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: #9f0
    }
/* input requirement */
.inputRequirement {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #f00
    }
div.spacer {
    height: 10px
    }
div.topSpace {
    margin-top: 10px
    }
div.inputSpacing {
    padding-left: 150px;
    position: relative;
    margin: 2px
    }
div.inputSpacing span.label {
    position: absolute;
    top: 3px;
    left: 5px
    }
div.bestSeller {
    padding-left: 25px;
    position: relative;
    margin: 2px;
    text-align: left
    }
div.bestSeller span {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold
    }
div.rightBox {
    width: 200px;
    margin: 10px;
    float: right;
    border: 1px solid #888;
    background-color: #BBB;
    padding: 5px
    }
div.rightBox div {
    font-weight: bold;
    text-align: center;
    margin: 0 0 5px
    }