/* CSS Document */

body { 
  background: url(images/background-stripes.gif);
  background-position: center top;
  background-repeat: repeat;
  background-attachment:fixed;
} 

a {
  color:#002a7c;
  text-decoration:none;
}

a:hover {
  color:#bb3a1b;
  text-decoration:none;
}

img {
  border: none;
}

div.login {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:11px;
}

.login a {
  text-decoration:underline;
  color:#FFFFFF;
}

.login input.labelHighlight {
  color: #999;
}

#frame {
  width:950px; margin:0px;
  clear:both;
}

#leftshadow {
  background-image:url(images/l-fade.png);
  background-repeat:repeat-y;
}

#rightshadow {
  background-image:url(images/r-fade.png);
  background-repeat:repeat-y;
  background-position:right;
}

#leftsidebar {
  background-image:url(images/product-menu-fade.jpg);
  background-repeat:repeat-y;
}

#productmenu {
  background-image:url(images/product-menu-fade.jpg);
  background-repeat:repeat-y;
  line-height:110%;
  text-align:left;
  font-size:12px;
}

div.menulinkbold {
  font-weight:bold;
}

div.productmenuon {
  background-image:url(images/product-menu-fadeOn.jpg);
  background-repeat:repeat-y;
  line-height:100%;
  text-align:left;
  padding-top:17px;
  padding-bottom:17px;
}

.productmenuon a {
  color:#B5861A;
}

.productmenuon a:hover {
  color:#bb3a1b;
}

div.productmenuon2 {
  background-image:url(images/product-menu-fadeOn.jpg);
  background-repeat:repeat-y;
  line-height:100%;
  text-align:left;
  padding-top:11px;
  padding-bottom:11px;
}

.productmenuon2 a {
  color:#B5861A;
}

.productmenuon2 a:hover {
  color:#bb3a1b;
}

div.menu {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#FFFFFF;
  line-height:130%;
  background-image:url(images/top-menu-background.gif);
  height:25px;
  padding-top:10px;
  width:933px;
}

.menu a {
  text-decoration:none;
  color:#FFFFFF;
}

.menu a:hover {
  text-decoration:none;
  color:#fdde0b;
}

a.menuon {
  text-decoration:none;
  color:#fdde0b;
}

a.menuon:hover {
  text-decoration:none;
  color:#fdde0b;
}

div.contentframe {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666666;
  line-height:130%;
  background:#FFFFFF;
  width:933px;
  position:relative;
  left:7px;
}

div.content {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#58626e;
  line-height:160%;
  margin-left:15px;
  margin-right:20px;
  padding-top:25px;
  text-align:left;
}

.content h1 {
  font-size:14px;
  color:#495e36;
  font-weight:bold;
  line-height:220%;
}

.content a {
  text-decoration:underline;
}

.content h2 {
  font-size:12px;
  color:#58626e
  font-weight:bold;
  line-height:120%;
}

.content h3 {
  font-size: 12px;
  color: #000;
  font-weight:bold;
  line-height:120%;
}

.more_info table {
  width: 100%;
  border-top: 7px solid #000;
  border-collapse: collapse;
}

.more_info table th {
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.more_info table td {
  border-bottom: 1px solid #000;
}

div.box {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#032684;
  line-height:220%;
  margin-left:22px;
  margin-right:20px;
  padding-top:10px;
  text-align:left;
}

div.cart {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
  line-height:140%;
  margin-left:22px;
  margin-right:20px;
  padding: 10px 0;
  text-align:left;
}

div.cart table {
  margin-bottom: 1em;
}

div.cart td {
  vertical-align: top;
}

td.ra {
  text-align: right;
}

.warning p  {
  font-size:10px;
}

.box ul li {
  list-style-type: disc;
  list-style-image: url(images/bullet.gif);
  margin-left:-25px;
  text-indent:2px;
}

div.sidebox {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#032684;
  line-height:120%;
  margin-left:10px;
  margin-right:10px;
  padding-top:10px;
  text-align:left;
  padding-bottom:12px;
}

div.bottommenu {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFFFFF;
  line-height:130%;
  background-image:url(images/bottom-menu-background.gif);
  height:38px;
  padding-top:16px;
  width:933px;
}

.bottommenu a {
  color:#FFFFFF;
  text-decoration:none;
}

.bottommenu a:hover {
  color:#fdde0b;
  text-decoration:underline;
}

div.footer {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  line-height:130%;
}

.footer a {
  text-decoration:underline;
  color:#572B0F;
}

.footer a:hover {
  text-decoration:underline;
  color:#572B0F;
}

p.warning {
  font-size:10px;
}

/* Flashes */
div.flash {
  margin: 1em 53px;
  padding: 1em;
  font-size: 13px;
  border: 1px solid #ccc;
}

div.flash.notice {
  color: #080;
}

div.flash.errors {
  color: #800;
}

span.price {
  font-weight: bold;
}

/* Shopping cart */
#cart_header {
  margin-left: 66px;
  color: #4b5d35;
  margin: 2em 66px 1em;
}

#updatecart {
  margin: 0 66px;
}

#updatecart #cart {
  border-collapse: collapse;
}

#updatecart #cart thead tr {
  background-color: #284996;
  color: #fff;
}

#updatecart #cart thead tr th {
  padding: 0.5em 0;
}

#subtotal {
  text-align: right;
  margin-bottom: 1em;
  padding-bottom: 1em;
  overflow: hidden;
}

.links {
  text-align: right;
}

#subtotal h3 {
  background-color: #c8c8c8;
  color: #666;
  padding: 0.5em 0;
}

#subtotal .links a {
  display: block;
  float: right;
  height: 24px;
  margin-left: .5em;
  padding: .25em 1em .25em .25em;
  overflow: hidden;
  background-color: #f8f8fa;
  border: 1px solid #669;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0px 0px 4px rgba(0,0,0,.45);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.45);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.45);
}

#subtotal .links a:hover {
  background-color: #284996;
  color: #fff;
}

#subtotal .links a img {
  vertical-align: middle;
  padding-right: 0.5em;
}

/* Customers */
div#new-customer {
  margin: 20px 53px;
}

/* Users */
div#user_view,
div.pages,
div#existing-customer {
  margin: 20px 53px;
}

/* Error feedback */
div#errorExplanation {
  border: 1px solid #900;
  margin-bottom: 1em;
  padding: 1em;
}

div#errorExplanation h2 {
  color: #900;
}

/* Checkout */
div#checkout {
  width: 550px;
  margin: 20px 53px;
  float: left;
}
  div#checkout div#registration div.error, div#checkout div#shipping_method div.error {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 815px; }
  div#checkout div#billing input, div#checkout div#shipping input, div#checkout div#payment input, div#checkout div#registration_input input {
    border: 1px solid #bbbbbb; }
  div#checkout select.error, div#checkout input.error {
    padding: 0px;
    background: white;
    border: 1px solid #EAE8E3; }
  div#checkout p {
    clear: both;
    margin-bottom: 15px; }
    div#checkout p label {
      float: left;
      width: 150px;
      position: relative;
      top: 5px; }
    div#checkout p span.req {
      color: red;
      margin-left: 2px;
      position: relative;
      top: -3px; }
    div#checkout p input, div#checkout p select {
      margin-left: 150px;
      width: 200px;
      margin: 0px; }
    div#checkout p label.error {
      color: red;
      clear: both;
      margin: 0px 0px 5px 150px;
      top: 0px;
      font-size: 11px;
      border: none;
      padding: 0px;
      background: white; }
  div#checkout label.radio {
    display: inline; }
  div#checkout div#methods p, div#checkout div#registration_choice p {
    margin-bottom: 7px; }
    div#checkout div#methods p input, div#checkout div#methods p label, div#checkout div#registration_choice p input, div#checkout div#registration_choice p label {
      display: inline;
      float: none; }
    div#checkout div#methods p label, div#checkout div#registration_choice p label {
      margin: 0px 0px 0px 5px;
      top: -1px;
      width: 300px; }
    div#checkout div#methods p input, div#checkout div#registration_choice p input {
      width: 15px; }
  div#checkout #registration {
    background: transparent url('/images/steps/1.png') top right no-repeat; }
    div#checkout #registration.completed, div#checkout #registration.disabled {
      background-image: none; }
      div#checkout #registration.completed h2, div#checkout #registration.disabled h2 {
        background: transparent url('/images/steps/1_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #registration div.inner {
      display: none;
      padding: 10px 2px; }
    div#checkout #registration div#registration_choice {
      /*float: left;*/
      block: none;
      margin-bottom: 1em; }
    div#checkout #registration div#registration_input {
      float: left;
      margin-left: 100px; }
      div#checkout #registration div#registration_input p {
        width: 365px; }
    div#checkout #registration div#guest_user, div#checkout #registration div#existing_user, div#checkout #registration div#already_logged_in {
      display: none; }
  div#checkout #billing {
    background: transparent url('/images/steps/2.png') top right no-repeat; }
    div#checkout #billing.completed, div#checkout #billing.disabled {
      background-image: none; }
      div#checkout #billing.completed h2, div#checkout #billing.disabled h2 {
        background: transparent url('/images/steps/2_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #billing div.inner {
      display: none;
      padding: 10px 2px; }
  div#checkout #shipping {
    background: transparent url('/images/steps/3.png') top right no-repeat; }
    div#checkout #shipping.completed, div#checkout #shipping.disabled {
      background-image: none; }
      div#checkout #shipping.completed h2, div#checkout #shipping.disabled h2 {
        background: transparent url('/images/steps/3_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #shipping div.inner {
      display: none;
      padding: 10px 2px; }
    div#checkout #shipping span#clear_same_address {
      clear: both;
      display: block; }
    div#checkout #shipping span#checkout_same_address {
      float: left;
      display: block;
      border: 1px solid #bbbbbb;
      width: 20px;
      height: 20px; }
      div#checkout #shipping span#checkout_same_address:hover {
        cursor: pointer; }
      div#checkout #shipping span#checkout_same_address.is_checked {
        background: transparent url(../../images/checkmark.png) top right no-repeat; }
    div#checkout #shipping.completed h2, div#checkout #shipping.disabled h2 {
      padding-left: 32px; }
  div#checkout #shipping_method {
    background: transparent url('/images/steps/4.png') top right no-repeat; }
    div#checkout #shipping_method.completed, div#checkout #shipping_method.disabled {
      background-image: none; }
      div#checkout #shipping_method.completed h2, div#checkout #shipping_method.disabled h2 {
        background: transparent url('/images/steps/4_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #shipping_method div.inner {
      display: none;
      padding: 10px 2px; }
    div#checkout #shipping_method div.inner {
      padding-top: 0px; }
    div#checkout #shipping_method div.error {
      display: none; }
  div#checkout #payment {
    background: transparent url('/images/steps/5.png') top right no-repeat; }
    div#checkout #payment.completed, div#checkout #payment.disabled {
      background-image: none; }
      div#checkout #payment.completed h2, div#checkout #payment.disabled h2 {
        background: transparent url('/images/steps/5_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #payment div.inner {
      display: none;
      padding: 10px 2px; }
    div#checkout #payment p select {
      width: 75px; }
  div#checkout #confirmation {
    background: transparent url('/images/steps/6.png') top right no-repeat; }
    div#checkout #confirmation.completed, div#checkout #confirmation.disabled {
      background-image: none; }
      div#checkout #confirmation.completed h2, div#checkout #confirmation.disabled h2 {
        background: transparent url('/images/steps/6_small.png') top left no-repeat;
        margin-bottom: 0.25em; }
    div#checkout #confirmation div.inner {
      display: none;
      padding: 10px 2px; }
    div#checkout #confirmation table.order-summary .price, div#checkout #confirmation table.order-summary .qty {
      width: 165px; }
    div#checkout #confirmation table.order-summary .total_display {
      text-align: right;
      width: 300px; }
      div#checkout #confirmation table.order-summary .total_display span {
        display: block;
        text-align: right;
        padding-right: 150px; }
    div#checkout #confirmation div#bdisplay, div#checkout #confirmation div#sdisplay {
      float: left;
      width: 300px;
      clear: right; }
  div#checkout .checkout.disabled h2, div#checkout .checkout.completed h2 {
    padding-left: 32px;
    color: #AFAFAF;
    font-size: 1.4em;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD; }
  div#checkout .checkout.disabled:last-child h2, div#checkout .checkout.completed:last-child h2 {
    border-bottom: none; }
  div#checkout .checkout.completed h2 {
    color: #111;
    border-color: #999; }
  div#checkout input#continue_billing, div#checkout input#continue_shipping {
    display: block;
    clear: both;
    margin-top: 10px; }
  div#checkout input#continue_billing, div#checkout input#continue_shipping, div#checkout p input#continue_registration, div#checkout p input#continue_shipping_method, div#checkout p input#continue_payment, div#checkout #confirm_order .inner input {
    cursor: pointer;
    width: 100px; }
  div#checkout input#checkout_same_address {
    margin-top: 8px;
    width: 15px; }

div#checkout-summary {
  float: right;
  width: 180px;
  background-color: #C3C9DF;
  padding: 20px;
  margin: 40px 53px 0 0; }
  div#checkout-summary th, div#checkout-summary td, div#checkout-summary caption {
    padding: 0px;
    text-align: right; }