/*   
Theme Name: Cactus Sports
Theme URI: http://cactussports.com
Description: The design and theme for Cactus Sports storefront.
Author: Sumo Creaitons LLC
Author URI: http://sumocreations.com
Version: 1.0
.
This theme is for exclusive use at http://cactussports.com and 
may not be reused elsewhere without permission from Cactus Sports 
and Sumo Creations.
.
*/
/*  KEEP OUR CSS CLEAN
    Some guidelines to follow:
    1. Break code down into sections.
    2. Keep your rules alphabetically sorted.
    3. Only put one selector per line for a block of rules that apply to multiple selectors.
    4. Indent your rules, only one rule per line.
        
        example:
        
        element#id,
        element.class {
            rule1: value;
            rule2: value;
            top: value;
        }
*/

/* =BODY
   ------------------------------------------------------ */
   body {
      background: #fff;
      color: #000;
      font: normal normal normal 1em/1.5em Tahoma, Arial, sans-serif;
   }
   
   a {
      color: #33191F;
   }
   
   a.button {
      background: #000;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      padding: 4px 6px;
      
      -o-border-radius:5px;
      -icab-border-radius:5px;
      -khtml-border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
   }
   
   .sub_navigation {
      display: none;
   }

/* =PRIMARY_CONTENT
   ------------------------------------------------------ */
   #primary_content {
      margin: 0 auto;
      min-height: 200px;
      overflow: hidden;
      padding-top: 120px;
      position: relative;
      width: 960px;
   }
  
/* =ZINDEX_FIX
   ------------------------------------------------------ */
   #primary_search,
   #logo,
   #cart_status,
   #primary_navigation {
      z-index: 10;
   }

/* =CONTEXTUAL_NAVIGATION
   ------------------------------------------------------ */
   ul#contextual_navigation {
      background: #eee;
      color: #666;
      font-size: 0.7em;
      line-height: 1.5em;
      padding: 8px 4px;
      position: relative;
   }
   
   ul#contextual_navigation li#help {
      width: 960px;
      margin: 0 auto;
   }
   
   ul#contextual_navigation li#help a,
   ul#contextual_navigation li.login a {
      color: #33191F;
      font-weight: bold;
   }
   
   ul#contextual_navigation li#help span.phone {
      font-weight: bold;
   }
   
   ul#contextual_navigation #skip_content {
      bottom: -18px;
      right: 50%;
      margin-right: -460px;
      position: absolute;
   }
   
   ul#contextual_navigation #skip_content a {
      color: #ddd;
   }
   
   ul#contextual_navigation li.register,
   ul#contextual_navigation li.login {
      right: 50%;
      margin-right: -460px;
      position: absolute;
      top: 8px;
   }
   
   ul#contextual_navigation li.login {
      margin-right: -380px;
   }

/* =LOGO
   ------------------------------------------------------ */
   h1#logo {
      display: block;
      margin: 25px auto;
      position: relative;
      width: 960px;
   }
   
   h1#logo a,
   h1#logo a span {
      display: block;
      height: 94px;
      left: 0;
      position: absolute;
      top: 0;
      width: 171px;
      z-index: 1;
   }
   
   h1#logo a span {
      background: url(../images/cactus_sports_logo.png) no-repeat;
      z-index: 2;
   }

/* =COMPANY_SPECIFIC_CONTENT
   ------------------------------------------------------ */
   div#company_specific_content {
      background: #331A1F;
      color: #fff;
      padding: 20px 0;
   }
   
   div#company_specific_content a {
      color: #fff;
      font-weight: bold;
      text-decoration: underline;
   }
   
   div#company_specific_content h1,
   div#company_specific_content h2,
   div#company_specific_content h3,
   div#company_specific_content h4,
   div#company_specific_content h5,
   div#company_specific_content p,
   div#company_specific_content ul,
   div#company_specific_content ol,
   div#company_specific_content pre,
   div#company_specific_content blockquote {
      padding-right: 200px;
      margin: 5px auto;
      line-height: 1.5em;
      width: 760px;
   }
   
   div#company_specific_content h2 {
      font-size: 1.75em;
      font-weight: bold;
   }
   
   div#company_specific_content h3 {
      font-size: 1.25em;
      font-weight: bold;
   }
   
   div#company_specific_content p {
      font-size: 0.875em;
   }
   
   p.sorry {
      color: #900;
      font-weight: bold;
   }

/* =SEARCH_FORM
   ------------------------------------------------------ */
   form.search {
      border-radius:7px;
       -o-border-radius:7px;
       -icab-border-radius:7px;
       -khtml-border-radius:7px;
       -moz-border-radius:7px;
       -webkit-border-radius:7px;
       -moz-border-radius:7px;
      background: #FD9408;
      border: 3px solid #FD9408;
      display: block;
      height: 29px;
      width: 450px;
   }
   
   form.search label,
   form.search div {
      display: none;
   }
   
   form.search input[type="text"],
   form.search input[type="submit"] {
      display: block;
   }
   
   form.search input[type="text"] {
      background: #fff url(../images/search_icon.png) no-repeat 5px 5px;
      border: 0;
      border-radius: 5px;
       -o-border-radius:5px;
       -icab-border-radius:5px;
       -khtml-border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
      font-size: 0.875em;
      font-weight: bold;
      padding: 6px 6px 6px 25px;
      width: 390px;
   }
   
   form.search input[type="submit"] {
      background: #FEB95E;
      border: 0;
      border-radius-topright: 5px;  
       -o-border-radius-topright: 5px;
       -icab-border-radius-topright: 5px;
       -khtml-border-radius-topright: 5px;
       -moz-border-radius-topright: 5px;
       -webkit-border-top-right-radius: 5px;
      border-radius-bottomright: 5px;  
       -o-border-radius-bottomright: 5px;
       -icab-border-radius-bottomright: 5px;
       -khtml-border-radius-bottomright: 5px;
       -moz-border-radius-bottomright: 5px;
       -webkit-border-bottom-right-radius: 5px;
      font-size: 0.875em;
      font-weight: bold;
      height: 29px;
      padding-bottom: 3px;
      text-align: center;
      width: 86px;
   }
   
   
   /* Form Positioning */
   form#primary_search.search,
   form#secondary_search.search {
      left: 50%;
      margin-left: -290px;
      padding: 0;
      position: absolute;
      top: 58px;
   }
   
   form#secondary_search.search {
      margin-left: 180px;
      top: 40px;
      width: 274px;
   }
   
   form#secondary_search.search input[type="text"] {
      width: 160px;
   }
   
   form.search input[type="text"],
   form.search input[type="submit"] {
      position: absolute;
      right: 0;
      top: 0;
   }
   
   form.search input[type="text"] {
      left: 0;
      right: auto;
      top: 0;
   }
   
   #follow_up,
   #give_us_a_call,
   #phone_number {
      position: absolute;
      top: 15px;
      left: 50%;
      margin-left: 180px;
   }
   
   #give_us_a_call {
      top: 90px;
   }
   
   #phone_number {
      top: 110px;
   }
   
   /* Strange webkit bug. I'm targeting it in a roundabout sort of way with modernizr */
   .csstransitions.cssreflections.cssanimations form.search input[type="text"] {
      top: -2px;
   }
   /* Strange input offset in browsers that don't implement border radius. Very odd. */
   .no-borderradius form.search input[type="text"] {
      height: 17px;
   }

/* =CART_STATUS
   ------------------------------------------------------ */
   #cart_status {
      background: url(../images/shopping_cart_icon.png) no-repeat;
      position: absolute;
      top: 58px;
      left: 50%;
      margin-left: 240px;
      min-height: 40px;
      width: 220px;
   }
   
   #cart_status span,
   #cart_status a {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
   }
   
   #cart_status span span,
   #cart_status a span {
      z-index: 10;
   }
   
   #cart_status span.count {
      color: #999;
      font-size: 2.25em;
      font-weight: bold;
      line-height: 1em;
      right: 110px;
      text-align: center;
      top: -2px;
      width: 50px;
   }
   
   #cart_status span.description {
      color: #999;
      font-size: 0.75em;
      line-height: 1em;
      text-align: center;
      right: -2px;
      width: 106px;
   }
   
   #cart_status span.description span {
      background: url(../images/items_in_your_cart.png) no-repeat 0 0;
      height: 20px;
      width: 106px;
   }
   
   #cart_status a.checkout_button {
      text-decoration: none;
      top: 15px;
   }
     
   #cart_status a.checkout_button,
   #cart_status a.checkout_button span {
      background: url(../images/button_checkout.png) no-repeat;
      height: 20px;
      overflow: hidden;
      width: 106px;
   }
   
   #cart_status a.checkout_button:hover span {
      background-position: 0 -20px;
   }
   
   #cart_status a.checkout_button:active span {
      background-position: 0 -40px;
   }

/* =PRIMARY_NAVIGATION
   ------------------------------------------------------ */
   #primary_navigation {
      position: absolute;
      left: 50%;
      margin-left: -300px;
      top: 110px;
      width: 760px;
   }
   
   #primary_navigation > li {
      float: left;
      padding: 10px 0 5px 10px;
      margin-right: 10px;
      position: relative;
   }
   
   #primary_navigation > li > span.border {
      border: 1px solid #FFF;
      border-radius-topright: 7px;  
        -o-border-radius-topright: 7px;
        -icab-border-radius-topright: 7px;
        -khtml-border-radius-topright: 7px;
        -moz-border-radius-topright: 7px;
        -webkit-border-top-right-radius: 7px;
      border-radius-topleft: 7px;  
        -o-border-radius-topleft: 7px;
        -icab-border-radius-topleft: 7px;
        -khtml-border-radius-topleft: 7px;
        -moz-border-radius-topleft: 7px;
        -webkit-border-top-left-radius: 7px;
      height: 34px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2;
   }
   
   #primary_navigation > li > a,
   #primary_navigation > li > a > span {
      background: url(../images/nav_guys.png) no-repeat;
      color: #000;
      display: block;
      font-weight: bold;
      height: 21px;
      margin-right: 10px;
      overflow: hidden;
      position: relative;
      text-decoration: none;
      width: 71px;
   }
   
   #primary_navigation > li.girls > a,
   #primary_navigation > li.girls > a > span {
      background: #fff url(../images/nav_girls.png) no-repeat;
      width: 68px;
   }
   
   #primary_navigation > li.pets > a,
   #primary_navigation > li.pets > a > span {
      background: #fff url(../images/nav_pets.png) no-repeat;
      width: 65px;
   }
   
   #primary_navigation > li.kids > a,
   #primary_navigation > li.kids > a > span {
      background: #fff url(../images/nav_kids.png) no-repeat;
      width: 68px;
   }
   
   #primary_navigation > li.gifts > a,
   #primary_navigation > li.gifts > a > span {
      background: #fff url(../images/nav_gifts.png) no-repeat;
      width: 68px;
   }
   
   #primary_navigation > li.brands > a,
   #primary_navigation > li.brands > a > span {
      background: #fff url(../images/nav_brands.png) no-repeat;
      width: 89px;
   }
   
   #primary_navigation > li.on_sale > a,
   #primary_navigation > li.on_sale > a > span {
      background: #fff url(../images/nav_sale.png) no-repeat;
      width: 106px;
   }
   
   #primary_navigation > li > a > span {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 4;
   }
   
   #primary_navigation ul.sub_navigation {
      background: #fff;
      border: 1px solid #FEB95E;
      border-radius-topright: 7px;  
        -o-border-radius-topright: 7px;
        -icab-border-radius-topright: 7px;
        -khtml-border-radius-topright: 7px;
        -moz-border-radius-topright: 7px;
        -webkit-border-top-right-radius: 7px;
      border-radius-bottomright: 7px;  
        -o-border-radius-bottomright: 7px;
        -icab-border-radius-bottomright: 7px;
        -khtml-border-radius-bottomright: 7px;
        -moz-border-radius-bottomright: 7px;
        -webkit-border-bottom-right-radius: 7px;
      border-radius-bottomleft: 7px;  
        -o-border-radius-bottomleft: 7px;
        -icab-border-radius-bottomleft: 7px;
        -khtml-border-radius-bottomleft: 7px;
        -moz-border-radius-bottomleft: 7px;
        -webkit-border-bottom-left-radius: 7px;
      font-size: 0.875em;
      left: 0;
      line-height: 1.25em;
      min-width: 150px;
      padding: 6px 10px;
      position: absolute;
      top: 38px;
   }
   
   #primary_navigation ul.sub_navigation li {
      padding: 2px 0;
   }
   
   #primary_navigation > li.active > span.border {
      border-top: 1px solid #FEB95E;
      border-right: 1px solid #FEB95E;
      border-left: 1px solid #FEB95E;
      height: 37px;
      z-index: 3;
   }
   
   #primary_navigation > li.brands.active > span.border {
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      border-left: 1px solid #000;
   }
   
   #primary_navigation > li.brands.active .sub_navigation {
      border-color: #000;
   }
   
   #primary_navigation > li.on_sale.active > span.border {
      border-top: 1px solid #B33A04;
      border-right: 1px solid #B33A04;
      border-left: 1px solid #B33A04;
   }
   
   #primary_navigation > li.on_sale.active .sub_navigation {
      border-color: #B33A04;
   }

/* =SECONDARY_NAVIGATION
   ------------------------------------------------------ */
   #secondary_navigation {
      background: #ccc;
      border-radius:10px;
        -o-border-radius:10px;
        -icab-border-radius:10px;
        -khtml-border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
      float: right;
      margin: 20px 20px 0 0;
      width: 160px;
   }
   
   #secondary_navigation li.section {
      padding: 4px;
      position: relative;
   }
   
   a.current_section,
   #secondary_navigation li.section .sub_navigation {
      background: #d9d9d9;
      border-radius:6px;
        -o-border-radius:6px;
        -icab-border-radius:6px;
        -khtml-border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
      display: block;
      font-size: 1.05em;
      font-weight: bold;
      line-height: 1.5em;
      padding: 0 6px;
      position: relative;
      text-decoration: none;
   }
   
   #secondary_navigation li.section .sub_navigation {
      background: #b0b0b0;
      border-radius:6px;
        -o-border-radius:6px;
        -icab-border-radius:6px;
        -khtml-border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
      display: none;
      padding: 2px 5px;
      position: absolute;
      top: 100%;
      width: 142px;
   }
   
   ul.section_nav.pets li.pets,
   ul.section_nav.kids li.kids,
   ul.section_nav.gifts li.gifts,
   ul.section_nav.girls li.girls,
   ul.section_nav.sales li.sales,
   ul.section_nav.guys li.guys {
      display: none;
   }
   
   #secondary_navigation li.section .sub_navigation li a {
      background: #ccc;
      border-radius:3px;
        -o-border-radius:3px;
        -icab-border-radius:3px;
        -khtml-border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
      display: block;
      margin: 3px 0;
      padding: 0 3px;
      text-align: right;
   }
   
   #secondary_navigation li.section .sub_navigation li a:hover {
      background: #ddd;
   }
   
   #secondary_navigation li.section .sub_navigation li a:active {
      background: #fff;
   }
   
   #secondary_navigation li.section .sub_navigation li a {
      text-decoration: none;
   }
   
   .active a.current_section {
      background: #b0b0b0;
   }
   
   span.leading_text {
      font-size: 0.7em;
      font-weight: normal;
   }
   
   span.drop_arrow {
      background: #E6E6E6 url(../images/arrow_drop.png) no-repeat 5px 6px;
      border-radius:5px;
        -o-border-radius:5px;
        -icab-border-radius:5px;
        -khtml-border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
      height: 11px;
      padding: 4px;
      position: absolute;
      right: 4px;
      top: 4px;
      width: 14px;
   }
   
   ul.categories_nav {
      font-size: 0.9em;
      line-height: 1.5em;
      padding: 5px 0 10px 0;
   }
   
   ul.categories_nav > li {
      padding: 1px 10px;
   }
   
   ul.categories_nav > li.current {
      background: #FD9408 url(../images/arrow_orange_indicator.png) no-repeat left top;
      height: 31px;
      margin-left: -35px;
      overflow: hidden;
      padding: 3px 5px 3px 25px;
      width: 165px;
   }
   
   ul.categories_nav > li.current a {
      color: #fff;
      font-size: 1.25em;
      font-weight: bold;
      line-height: 1.5em;
   }

/* =SHOPPING_CART
   ------------------------------------------------------ */
   #cart h2 {
      font-size: 1.5em;
      line-height: 1.25em;
      margin: 10px 0;
   }
   
   #cart h2 a,
   #cart a.primary_action {
      background: #FD9408;
      border-radius:5px;
        -o-border-radius:5px;
        -icab-border-radius:5px;
        -khtml-border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
      color: #000;
      display: inline-block;
      font-size: 0.875em;
      font-weight: bold;
      line-height: 1.5em;
      padding: 2px 6px 6px 6px;
      text-decoration: none;
   }
   
   #cart a.secondary_action {
      color: #999;
      font-size: 0.875em;
      font-style: italic;
      font-weight: normal;
      line-height: 1.5em;
   }
   
   #cart ol {
      padding-right: 20px;
   }
   
   #cart ol > li {
      border-top: 1px dotted #ddd;
   }
   
   #cart ol > li.footer {
      border-top: 2px solid #ccc;
      font-weight: bold;
      margin: 20px 0 40px 0;
   }
   
   #cart ul.action_list {
      overflow: hidden;
   }
   
   #cart ul.action_list li {
      float: right;
   }
   
   #cart ol > li > ul {
      overflow: hidden;
   }
   
   #cart ol > li > ul > li {
      display: block;
      float: left;
      margin-right: 20px;
      padding: 20px 0;
      position: relative;
      width: 100px;
   }
   
   #cart ol > li > ul > li.photo {
      margin-right: 0;
      padding: 10px 0;
      width: 60px;
   }
   
   #cart ol > li > ul > li.size {
      width: 60px;
   }
   
   #cart ol > li > ul > li.photo img {
      display: block;
   }
   
   #cart ol > li > ul > li.name {
      width: 200px;
   }
   
   #cart ol > li > ul > li.remove {
      margin-right: 0;
      width: 90px;
   }
   
   #cart ol > li > ul > li.color .preview {
      border: 1px solid #000;
      display: block;
      position: absolute;
      left: -30px;
      height: 23px;
      width: 23px;
      top: 20px;
   }
   
   #cart ol > li.title_bar > ul.line_item > li {
      font-weight: bold;
      padding: 5px 0;
   }

/* =BREADCRUMB
   ------------------------------------------------------ */
   ol#breadcrumb {
      border: 1px solid #ccc;
      border-left: none;
      border-right: none;
      margin-right: 20px;
      overflow: hidden;
      padding: 5px 0 6px 0;
   }
   
   ol#breadcrumb li {
      background: url(../images/arrow_right.png) no-repeat right center;
      font-size: 0.875em;
      float: left;
      line-height: 1.5em;
      padding: 0 20px 0 14px;
   }
   
   ol#breadcrumb li:first-child {
      padding-left: 0;
   }
   
   ol#breadcrumb li:last-child {
      background: none;
      padding-right: 0;
   }
   
   ol#breadcrumb li a {
      font-weight: bold;
   }
   
   ol#breadcrumb li:last-child a {
      color: #999;
      font-weight: normal;
      text-decoration: none;
   }

/* =PRODUCT_GALLERY
   ------------------------------------------------------ */
   .product_gallery {
      margin: 20px 0;
      position: absolute;
      top: 160px;
      left: 0;
      width: 365px;
   }
   
   .product_gallery img {
      display: block;
   }
   
   .product_gallery li {
      border: 2px solid #ddd;
      overflow: hidden;
   }
   
   .product_gallery li.selected {
      border-color: #FD9408;
   }
   
   .product_gallery .main {
      width: 336px;
   }
   
   .product_gallery .thumbnail {
      display: block;
      float: left;
      margin: 20px 20px 0 0;
      width: 96px;
   }

/* =PRODUCT_DETAILS
   ------------------------------------------------------ */
   #product_details {
      float: right;
      min-height: 600px;
      margin: 20px 80px 0 20px;
      width:340px;
   }
   
   #product_details h2,
   #product_details h3 {
      color: #33191F;
      font-size: 1.5em;
      line-height: 1.5em;
   }
   
   #product_details h3.old_price {
      color: #999;
      float: left;
      margin-right: 10px;
      text-decoration: line-through;
   }
   
   #product_details h3.sale_price {
      color: #900;
      margin-bottom: 10px;
   }
   
   #product_details h3 span.savings {
      color: #666;
      display: block;
      font-size: 0.575em;
      font-style: italic;
      line-height: 1.25em;
      text-transform: lowercase;
   }
   
   #product_details h3 {
      color: #FD9408;
      font-weight: normal;
   }
   
   .product_description {
      font-size: 0.875em;
      line-height: 1.5em;
   }
   
   .product_description p {
      margin: 1.5em 0;
   }
   
   .product_description blockquote,
   .product_description pre,
   .product_description ul,
   .product_description ol {
      color: #444;
      font-size: 0.9em;
      line-height: 1.5em;
      margin: 1.5em;
   }
   
   .product_description ul,
   .product_description ol {
      list-style: square outside;
   }
   
   .product_description ol {
      list-style: decimal outside;
   }

/* =FORMS
   ------------------------------------------------------ */
   ul.form li {
      background: #FD9408;
      border-radius:7px;
        -o-border-radius:7px;
        -icab-border-radius:7px;
        -khtml-border-radius:7px;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        -moz-border-radius:7px;
      padding: 2px;
      position: relative;
      margin-left: 100px;
   }
   
   ul.form li {
      margin-bottom: 10px;
   }
   
   ul.form li label {
      font-size: 0.75em;
      font-weight: bold;
      line-height: 1.5em;
      position: absolute;
      left: -100px;
      top: 7px;
   }
   
   ul.form li select,
   ul.form li input[type="text"],
   ul.form li input[type="submit"] {
      background: #fff;
      border: none;
      border-radius:5px;
        -o-border-radius:5px;
        -icab-border-radius:5px;
        -khtml-border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
      display: block;
      font-size: 1em;
      line-height: 1.5em;
      padding: 6px;
      width: 100%;
   }
   
   ul.form li .fieldWithErrors input {
      background: #fcc;
      color: #f00;
   }
   
   ul.form li input[type="submit"] {
      background: #593731;
      color: #fff;
      font-weight: bold;
      text-align: center;
   }
   
   ul.form li input[type="submit"].add_to_cart {
      background: #593731 url(../images/cart_on_maroon.jpg) no-repeat 6px 8px;
      padding: 10px 4px;
      font-size: 1.05em;
   }
   
   /* Strange webkit bug. I'm targeting it in a roundabout sort of way with modernizr */
   .csstransitions.cssreflections.cssanimations ul.form li {
      padding: 1px 3px;
   }
   
   div.errorExplanation {
      color: #900;
      padding: 10px;
   }

/* =CHECKOUT_FORM
   ------------------------------------------------------ */
   form.checkout {
      display: block;
      margin: 20px 0;
      width: 460px;
   }
   
   fieldset {
      border-bottom: 1px dotted #ddd;
      margin-bottom: 10px;
      padding: 20px 0 10px 0;
      position: relative;
   }
   
   legend {
      display: block;
      font-weight: bold;
      position: absolute;
      top: 0px;
   }
   
   form.checkout ul.form li {
      margin-left: 0;
      margin-bottom: 0;
      margin-top: 22px;
   }
   
   
   
   form.checkout ul.form label {
      top: -20px;
      left: 4px;
   }
   
   form.checkout ul.form li input,
   form.checkout ul.form li select {
      font-size: 0.675em;
      padding: 4px;
   }
   
   form.checkout ul.form li input {
      width: 458px;
   }
   
   form.checkout ul.form li.unidentified {
      margin-top: 2px;
   }
   
   form.checkout ul.form li.unidentified label {
      display: none;
   }
   
   form.checkout ul.form li.medium {
      width: 220px;
   }
   
   form.checkout ul.form li.medium input {
      width: 212px;
   }
   
   form.checkout ul.form li.short {
      width: 100px;
   }
   
   form.checkout ul.form li.short input {
      width: 92px;
   }
   
   form.checkout ul.form li.date select {
      display: inline-block;
      width: 60px;
   }
   
   form.checkout ul.form li.date {
      width: 108px;
   }
   
   form.checkout ul.form li.date select#order_expiration_month {
      width: 40px;
   }
   
   div.toggle {
      position: absolute;
      top: -23px;
      right: 0;
   }

/* =CHECKOUT_CART
   ------------------------------------------------------ */
   div#checkout_cart {
      position: absolute;
      top: 174px;
      right: 20px;
      width: 300px;
   }
   
   div#checkout_cart ul.line_item {
      border-top: 1px solid #ddd;
      padding: 2px 0;
      overflow: hidden;
   }
   
   div#checkout_cart ol {
      padding: 10px 0;
   }
   
   div#checkout_cart ul.line_item li {
      font-size: 0.75em;
      display: block;
      float: left;
      line-height: 1.5em;
      padding: 2px 4px;
   }
   
   div#checkout_cart ul.line_item li.total_price {
      float: right;
      width: 100px;
   }
   
   div#checkout_cart ul.line_item li.name {
      width: 155px;
   } 
   
   div#checkout_cart li.footer ul.line_item {
      font-weight: bold;
   }

/* =ORDER_ADDRESSES
   ------------------------------------------------------ */
   div#order_addresses {
      font-size: 0.875em;
      line-height: 1.5em;
      margin-top: 155px0px;
   }
   
   div#order_addresses h3 {
      margin-top: 10px;
   }
   
   div#order_addresses ul.address_list {
      overflow: hidden;
   }
   
   div#order_addresses ul.address_list li#email_address.address {
      width: 240px;
   }
   
   div#order_addresses ul.address_list li.address {
      display: block;
      float: left;
      width: 180px;
   }
   
/* =RELATED_ITEMS
   ------------------------------------------------------ */
   #related_items {
      border: 1px solid #ccc;
      border-left: 0;
      border-right: 0;
      margin: 10px 0;
      padding: 10px 0;
      clear: both;
   }
   
   #related_items h2 {
      padding: 0 0 10px 0;
   }

/* =SHOWCASE
   ------------------------------------------------------ */
   ol.product_showcase {
      overflow: hidden;
      width: 960px;
   }
   
   ol#brand_showcase,
   ol#category_showcase {
      margin-top: 20px;
      width: 760px;
   }
   
   ol.product_showcase > li {
      float: left;
      margin: 0 20px 60px 0;
      position: relative;
   }
   
   ol.product_showcase li.product_photo,
   ol.product_showcase li.product_price a,
   ol.product_showcase li.product_photo img {
      display: block;
   }
   
   ol.product_showcase li.product_price,
   ol.product_showcase li.product_sale {
      background: #FD9408;
      bottom: 0;
      color: #000;
      font-size: 1.25em;
      font-weight: bold;
      left: 0;
      padding: 5px;
      position: absolute;
      text-align: center;
   } 
   
   ol.product_showcase .on_sale li.product_price,
   ol.product_showcase li.product_sale {
      background: #900;
      color: #fff;
   }
   
   ol.product_showcase li.product_sale {
      bottom: auto;
      left: auto;
      font-size: 0.875em;
      line-height: 1.25em;
      right: 0;
      text-transform: uppercase;
      top: 0;
   }
   
   ol.product_showcase li.product_name {
      bottom: -62px;
      font-size: 0.75em;
      font-weight: bold;
      line-height: 1.5em;
      height: 60px;
      position: absolute;
      overflow: hidden;
      width: 100%;
   }
   
   ol.pagination {
      clear: both;
      padding: 40px 0;
   }

/* =NEWSLETTER_SIGNUP
   ------------------------------------------------------ */
   #newsletter_signup {
      margin: 20px auto;
      position: relative;
      width: 960px;
   }
   
   #newsletter_signup #tag_items_on_sale {
      position: absolute;
      right: 20px;
      top: 0;
   }
   
   #newsletter_signup form#mc-embedded-subscribe-form {
      background: #B33A04;
      border-color: #B33A04;
      position: absolute;
      top: 12px;
      left: 250px;
      width: 515px;
   }
   
   #newsletter_signup form#mc-embedded-subscribe-form label {
      color: #B33A04;
      display: block;
      font-size: 0.875em;
      font-weight: bold;
      position: absolute;
      text-transform: lowercase;
      top: -26px;
      left: 0;
   }
   
   #newsletter_signup form#mc-embedded-subscribe-form input[type="text"] {
      background: #fff;
      padding: 6px;
   }
   
   #newsletter_signup form#mc-embedded-subscribe-form input[type="submit"] {
      background: #810101;
      color: #fff;
      width: 150px;
   }
   
   #newsletter_signup div.mce_inline_error {
      font-size:1.25em;
      font-weight:bold;
      line-height:1.25em;
      position:absolute;
      top:35px;
   }
   
   #newsletter_signup div#mce-success-response {
      background: #fff;
      left: -5px;
      padding: 0 5px;
      position: absolute;
      top: -20px;
      z-index: 100;
   }
   
   ul.form li input[type="submit"].confirmation {
      background: #FD9408;
      color: #000;
      font-size: 1.15em;
      line-height: 1.5em;
   }
   
/* =EXTERNAL_PAGE_CONTENT
   ------------------------------------------------------ */
   div#external_page_content {
      background: #eee;
      position: relative;
   }
   
   ul#inline_sitemap {
      margin: 0 auto;
      min-height: 140px;
      overflow: auto;
      padding: 20px 0;
      width: 960px;
   }
   
   ul#inline_sitemap > li {
      display: block;
      padding-right: 20px;
      float: left;
      font-size: 0.7em;
      line-height: 1.5em;
      width: 90px;
   }
   
   ul#inline_sitemap > li a {
      color: #000;
   }
   
   ul#inline_sitemap > li.sale a {
      color: #B33A04;
   }
   
   ul#footnotes {
      border-top: 1px solid #ccc;
      clear: both;
      color: #999;
      font-size: 0.7em;
      line-height: 1.25em;
      margin: 10px auto 0 auto;
      padding: 20px 0;
      position: relative;
      width: 960px; 
   }
   
   li#copyright {
      position: absolute;
      right: 0;
      top: 20px;
   }