/*$Id: modern.css,v 1.00 2009/12/13 14:30:00 jwalker Exp $ */

/**
 * United States Sports Academy (v3)
 * Joshua Walker, Director of Web Development
 */

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * table of contents
 *  1. application
 *  2. products
 *     a. pagination
 *     b. taxonomy
 *     c. product details
 *  3. orders
 *     a. checkout
 *  4. account
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
 
/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * #0A0A0A - 100% | #222222 -  90% | #3B3B3B -  80% | #535353 -  70% | #6C6C6C -  60% | #848484 -  50% | #9D9D9D -  40%
 * #B5B5B5 -  30% | #CECECE -  20% | #E6E6E6 -  10% | #F3F3F3 -   5%
 * ---------------------------------------------------------------------------------------------------------------------------------
 */

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * let's import all the stylesheets we need to build our layout
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
@import url('https://s3.amazonaws.com/assets.ussa.edu/stylesheets/reset.css');
@import url('https://s3.amazonaws.com/assets.ussa.edu/stylesheets/grid.css');
@import url('https://s3.amazonaws.com/assets.ussa.edu/stylesheets/typography.css');
@import url('https://s3.amazonaws.com/assets.ussa.edu/stylesheets/common.css');

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 1. application
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.banner {
  position: relative; top: 4px; left: 71px;
  margin-bottom: 14px;
  width: 820px; height: 170px;
}
  .bg1.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg1.jpg') no-repeat;
  }
  .bg2.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg2.jpg') no-repeat;
  }
  .bg3.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg3.jpg') no-repeat;
  }
  .bg4.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg4.jpg') no-repeat;
  }
  .bg5.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg5.jpg') no-repeat;
  }
  .bg6.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg6.jpg') no-repeat;
  }
  .bg7.banner {
    background: url('https://s3.amazonaws.com/assets.ussa.edu/images/banners/bookstore-bg6.jpg') no-repeat;
  }
  .banner a {
    border: none;
  }
#notification {
  margin-left: 71px;
}
.oneColumn #contentContainer {
  background: #FFFFFF;
}
.twoColumn #contentContainer {
  background: url('https://s3.amazonaws.com/assets.ussa.edu/images/theme/r1/bg-bookstore.png') repeat-y;
}
#loginBar {
  float: left;
}
#miniCart {
  margin: 15px;
}
  #minicart hr {
    color: #222222;
    border: none; border-bottom: 1px dotted #222222;
  }
  #miniCart img {
    vertical-align: middle;
    margin-right: 5px;
  }
  #miniCart .small {
    font-size: 0.92em;
  }
    #miniCart strong {
      font-family: Verdana, Arial, Helvetica, sans-serif;
    }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. products
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.productListing {
  margin: 1px 0px 0px -20px;
  list-style-image: none;
}
  .productListing li:hover {
    border: 1px solid #FFD324;
  }
    .productListing li:hover a.info {
      background: #FFF6BF;
      color: #514721;
    }
  .productListing li {
    float: left; position: relative;
    margin: 0px 0px 20px 20px; padding: 10px;
    width: 108px; height: 200px;
    border: 1px solid #CECECE;
    text-align: center;
  }
    .productListing li a {
      color: #3B3B3B;
      border: none;
    }
      .productListing li a.info {
        position: absolute; left: 0px; bottom: 0px;
        padding: 5px;
        width: 118px; height: 70px;
        background: url('https://s3.amazonaws.com/assets.ussa.edu/images/theme/r1/bg-bookstore-products.png') repeat-x;
      }
        .productListing li a.info span {
          display: block;
          margin-top: 0.25em;
          font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.33em;
          line-height: 1.13em;
          color: #336699;
        }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. products
 *    a. pagination
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.pagination {
  margin: 10px 0px;
  text-align: right;
}
  .pagination a:hover {
    background: #F3F3F3;
    border: 1px solid #9D9D9D;
  }
  .pagination a {
    margin: 1px; padding: 2px 5px;
    color: #535353;
    border: 1px solid #CECECE;
  }
    .pagination a.next_page {
      margin-right: 0px;
    }
  .pagination span.current {
    margin: 2px; padding: 2px 5px;
    background: #E6E6E6;
    border: 1px solid #9D9D9D;
  }
  .pagination span.disabled {
    margin: 2px; padding: 2px 5px;
    color: #B5B5B5;
    border: 1px solid #CECECE;
  }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. products
 *    b. taxonomy
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
.taxonomy h3 {
  margin: 10px 0px 20px;
}
  .taxonomy h3 a:focus, 
  .taxonomy h3 a:hover {
    color: #0A0A0A;
  }
  .taxonomy h3 a {
    color: #3B3B3B;
    border-bottom: 1px dotted #3B3B3B;
  }
.breadcrumbs ul {
  margin: 0px 0px 10px;
  list-style-image: none;
}
  .breadcrumbs ul li {
    display: inline;
  }
#secondaryLinks ul {
  margin: 10px 0px;
}
  #secondaryLinks ul li.root {
  margin: 0.5em 0px;
  font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif; font-size: 1.67em; font-weight: normal; font-variant: normal;
	line-height: 1em;
	}
	  #secondaryLinks ul li.root a {
	    border: none;
	  }

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 2. products
 *    c. product details
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#product-images #main-image {
  position: relative;
  height: 280px;
}
  #product-images #main-image img {
    position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
    margin: auto;
  }
#product-images #thumbnails ul {
  margin: 0px;
  list-style-image: none;
}
  #product-images #thumbnails li {
    float: left; position: relative;
    margin-right: 10px; padding: 5px;
    width: 50px; min-height: 50px;
    border: 1px solid #FFFFFF;
  }
    #product-images #thumbnails li a {
      border: none;
    }
    #product-images #thumbnails li img {
      position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
      margin: auto;
    }
    #product-images #thumbnails li:hover {
      border: 1px solid #E6E6E6;
    }
    #product-images #thumbnails li.selected {
      border: 1px solid #CECECE;
    }
#cart-form {
  margin-top: 40px;
}
  #cart-form .prices {
    margin-bottom: 0.25em;
    font-family: Palatino,'Palatino Linotype',Georgia,Times,'Times New Roman',serif; font-size: 1.5em;
    line-height: 1.5em;
  }
    #cart-form .prices span {
      font-size: 2em;
      color: #336699;
    }
  #cart-form input.title {
    width: 40px;
  }
  #cart-form button.large {
    padding: 3px;
    font-size: 1.5em;
  }
  #cart-form #product-variants {
    margin-top: 20px;
  }
    #cart-form #product-variants ul {
      margin-left: 0px;
      list-style-image: none;
    }
#product-description dl dd {
  border: none;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. orders
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#shoppingCart tbody td {
  padding: 0.83em 0.42em;
  vertical-align: middle;
}
  #shoppingCart tbody tr.empty td {
    border: none;
  }
#subtotal {
  text-align: right;
}
  #subtotal h3 {
    font-size: 2em;
  }
.linksRight {
  text-align: right;
}
.linksLeft .button, 
.linksRight .button {
  display: inline-block;
  margin: 0.5em 0px 0.5em 5px; padding: 6px;
  font-size: 1.5em;
  background-color: #E6E6E6;
  color: #3B3B3B;
  border: 1px solid #B5B5B5;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 3. orders
 *    a. checkout
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#checkout .inner .form-buttons {
  margin: 10px 0px;
}
#checkout #registration, 
#checkout #billing, 
#checkout #shipping, 
#checkout #shipping_method, 
#checkout #payment, 
#checkout #confirmation {
  border-bottom: 1px dotted #CECECE;
}
  #checkout #registration.disabled h3, 
  #checkout #billing.disabled h3, 
  #checkout #shipping.disabled h3, 
  #checkout #shipping_method.disabled h3, 
  #checkout #payment.disabled h3, 
  #checkout #confirmation.disabled h3 {
    color: #CECECE;
}
#checkout span.req {
  padding-left: 5px;
  font-size: 1.2em;
  color: #990000;
}
#checkout label.error {
  margin-left: 5px;
}
#checkout #registration #guest_user, 
#checkout #registration #existing_user, 
#checkout #registration #already_logged_in {
  display: none;
}

/**
 * ---------------------------------------------------------------------------------------------------------------------------------
 * 4. account
 * ---------------------------------------------------------------------------------------------------------------------------------
 */
#new-customer, 
#existing-customer {
  margin-bottom: 1.5em;
}
#bdisplay, 
#sdisplay {
  margin-bottom: 2em;
}