.dummy {
 // 
}

BODY {
  margin:        44px;
  background-color: #1e0d00;  /* chocolatey */
  font-family:   Arial, Helvetica, sans-serif;
  font-size:     13px;
}

DIV, TR, TD {
  font-family:   Arial, Helvetica, sans-serif;
  font-size:     13px;
  line-height:   18px;
  color:         #332211;
  margin:        0px;
  padding:       0px;
}

.coord {
  position: relative;
}

#page {
  width:         1000px;
  margin-left:   auto;
  margin-right:  auto;
  border-right:  2px solid #000306; /* blue-black */
  border-bottom: 4px solid #000306; /* blue-black */
  overflow:      hidden;
}

#header{
  width:    1000px;
  height:   143px;
  overflow: hidden;
}

#headertext {
  font-size:       9px;
  font-weight:     normal;
  color:           #1f0e01; /* chocolatey */
}

  #headertext H3 {
    font-size:       9px;
  }

  #headertext A {
    font-size:       9px;
    color:           #1f0e01; /* chocolatey */
    text-decoration: none;
  }

#wet_wild_and_fast_logo {
  position: absolute;
  top:0px;  left:0px;
}

#menu_bg {
  float:    left;
  width:    349px;
  height:   544px;
  overflow: hidden;
  background-image:  url(/images/w2F_custom_skimboards_menu_bg.jpg);
  background-repeat: no-repeat;
}

#main_menu {
  position:    absolute;
  top:25px;    left:40px;
  text-align:  right;
  width:       160px;
  line-height: 20px;
}

  #main_menu A {
    font-size:   16px;
    font-weight: bold;
    color:       #662200;  /* chocolatey */  
    text-decoration: none;
  }

  #main_menu A:hover {
    color: #66DDFF;  /* bright cyan */
    text-decoration: underline;
  }

  #main_menu A.emphasis {
    padding:          1px 3px 1px 3px;
    font-size:        13px;
    font-weight:      bold;
    color:            #662200;  /* chocolatey */
    background-color: #FF7700;  /* orange */
    border-top:       1px solid #DD9933;
    border-left:      1px solid #DD9933;
    border-right:     1px solid #552288;
    border-bottom:    1px solid #552288;
    text-decoration:  none;
  }

  #main_menu A.emphasis:hover {
    background-color: #66DDFF;  /* bright cyan */
    border-top:       1px solid #FFFFFF;
    border-left:      1px solid #FFFFFF;
    border-right:     1px solid #337788;
    border-bottom:    1px solid #337788;
    text-decoration:  none;
    color:            #662200;  /* chocolatey */
  }

#content_scrolling {
  float:            left;
  width:            623px;
  height:           544px;
  overflow:         auto;
  background-color: #FFFFFF; /* pure white */
}

#content_padding {
  padding:      30px;
  padding-left: 0px;
  width:        577px;
}

#right_border {
  float:    left;
  width:    28px;
  height:   544px;
  background-image:  url(/images/w2F_custom_skimboards_r-border.jpg);
  background-repeat: no-repeat;
  // margin-right: -2px;
}

#footer {
  width:    1000px;
  height:   63px;
  background-image:  url(/images/w2F_custom_skimboards_footer.jpg);
  background-repeat: no-repeat;
}

#bottom_left {
  float:       left;
  padding:     33px 0px 0px 25px;
  font-size:   12px;
  color:       #FFFFFF;
}

#bottom_right {
  float:       right;
  padding:     33px 25px 0px 0px;
  font-size:   12px;
  color:       #FFFFFF;
}

  #bottom_right A {
    font-size:       12px;
    font-weight:     bold;
    letter-spacing:  1px;
    color:           #FFFFFF;  /* chocolatey */  
    text-decoration: none;
  }

  #bottom_right A:hover {
    color: #66DDFF;  /* bright cyan */
    text-decoration: underline;
  }

/* --- osCommerce styles follow --- */

.normal {
  font-family:    Trebuchet MS, Tahoma, Sans serif;
  font-size:      13pt;
  color:          #000000;
}

.product {
  float:  right;
  margin-top:    10px;
  margin-left:   20px;
  margin-bottom: 10px;
}

#layout {
  width: 80%;
  background-color: #99CC99;
  margin-bottom: 50px;
}

#logocell {
  width:            156px;
  height:           780px;
  background-color: #99CC99;
  background-image: url('/shoppe/images/logo_side.gif');
  background-position: top center;
  background-repeat:   repeat-y;
}

#menu {
  position: relative;
  top:      30px;
  left:     0px;
  font-family:    Trebuchet MS, Tahoma, Sans serif;
  font-size:      13px;
  font-weight:    bold;
  text-align:     center;
  color:          #000000;
}
    #menu A {
      text-decoration: none;
      color:      #000000;
    }

    #menu A:hover {
      text-decoration: underline;
    }

#content {
  padding:   50px;
  padding-bottom:   30px;
  text-align:     center;
}

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

/* my styles */

    A {
      color: #009933; /* orig */
      color: #0095D8; /* blue */
      text-decoration: none;
    }
    A:hover {
      color: #00CC66; /* orig */
      color: #00ABEF; /* blue */
      text-decoration: underline;
    }
    .hdr {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size:   16pt;
      color: #888888;
      line-height: 28px;
    }
    .ftr {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size:   9pt;
      text-align:  center;
      color: #888888;
      line-height: 19px;
    }
    .top_menu {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size:   12px;
      line-height: 29px;
    }
    .side_menu {
      font-family: Tahoma, Arial, sans-serif;
      font-size:   12px;
      line-height: 16px;
      letter-spacing: 1px;
    }
    .categ {
      padding-left: 39px; 
      padding-right: 7px; 
      width: 101px;
      // width: 147px;
      // margin-top: -4px;
      background-image:url(/shoppe/images/category_panel.gif); 
      background-image:url(/shoppe/images/category_panel-blue.gif); */
    }
    .prc {
      font-size: 16px;
      font-weight: bold;
    }
    .content {
      height: 100%;
    }
    .copy A {
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      font-size:   12px;
      text-align:  center;
      color: #888888;
      line-height: 19px;
      text-decoration: none;
    }
    .copy A:hover {
      text-decoration: underline;
    }

/* my styles end */

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #009933; /* orig */
  color: #0095D8; /* blue */
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #00CC66; /* orig */
  color: #00ABEF; /* blue */
  text-decoration: underline;
}

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; /* orig */
  background: #00ABEF; /* blue */
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00; /* orig */
  background: #00ABEF; /* blue */
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #f6ffd0; /* orig */
  background: #B8E0F1; /* blue */
}

.infoBoxContents {
  background: #fbf0e3; /* manila */
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #f6ffd0; /* orig */
  background: #B8E0F1; /* blue */
  color: #888888;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, 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;
}

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: #f6ffd0; /* orig */
  border-color: #B8E0F1; /* blue */
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #f6ffd0; /* orig */
  background: #B8E0F1; /* blue */
  color: #888888;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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: 12px;
  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;
}

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 {
  color: #ff0000;
}

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

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

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

/* message box */

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

/* input requirement */

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