/*
  screen.css
  Armor Lux
  ------------------------------------------------------ 
  Author: Powell May <powell@humanswritecode.com>
  ------------------------------------------------------ 
  Outline
  ------------------------------------------------------ 
  01  Web Fonts
  02  Typography
      - Anchors
      - Breaks
      - Headers
      - Formating
  03  Global
      - Body / Wrappers
      - Header
      - Page
      - Slideshow
      - Footer
  04  Home
  05  Shop
      - Bread Crumbs
      - Sorter
      - Listing
      - Item
  06  Checkout
      - Cart
      - Register
      - Checkout
      - Thank You
  07  About
  08  Contact
  09  Secondary Pages 
  10  Hacks
      - Clearfix
      - Explorer
  ------------------------------------------------------ 
  Colors
  ------------------------------------------------------ 
  Armorlux BLue   #005AAB
  Light Gray      #D7D8D9
  Dark Gray       #666
  ------------------------------------------------------ 
*/

/*  =Webfonts
  ------------------------------------------------------ */
  @font-face {
      font-family: 'InterstateRegular';
      src: url('../font/interstate-regular/interstate-webfont.eot');
      src: url('../font/interstate-regular/interstate-webfont.eot?#iefix') format('embedded-opentype'),
           url('../font/interstate-regular/interstate-webfont.woff') format('woff'),
           url('../font/interstate-regular/interstate-webfont.ttf') format('truetype'),
           url('../font/interstate-regular/interstate-webfont.svg#InterstateRegular') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  
/*  =Typography
  ------------------------------------------------------ */
  body {
    color: #666;
    font-size: 12px;
    line-height: 20px;
  }
  /* Anchors */
  a {
    text-decoration: none;
  }
  a:hover {
    
  }
  /* Breaks */
  p, ul, ol, dl {
    margin-bottom: 20px;
  }

  /* Headers */
  h1, h2, h3, h4, h5, h5 {
    color: #333;
    font-weight: normal;
  }
  h1 {
    
  }
  h2 {
    
  }
  h3 {
    font-size: 18px;
    line-height: 22px;
  }
  h4 {
    
  }
  h5 {
    
  }
  h6 {
    
  }
  .block_header {
    color: #FFF;
    font-size: 14px;
    padding: 5px 0;
    text-indent: 10px;
  }
  /* Formatting */
  em {
    font-style: italic;
  }
  strong {
    font-style: bold;
  }

/*  =Global
  ------------------------------------------------------ */
  /* Body / Wrappers */
  .content_wrapper {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 940px;
  }
  
  /* Header */
  #global_header {
    height: 135px;
    margin-bottom: 20px;
  }

  #logo {
    float: left;
    margin-top: 50px;
  }
  #logo a {  
    display: block;
    height: 75px;
    text-indent: -9999px;
    width: 345px;
  }
  #tagline {
    font-size: 13px;
    font-style: italic;
    position: absolute;
    right: 20px;
    top: 85px;
  }
  #super_nav {
    float: right;
    margin-top: 28px;
  }
  #super_nav .social {
    float: left;
  }
  #super_nav .social li {
    float: left;
    margin-right: 8px;
  }
  #super_nav .social a {
    background: url(../img/social.png) no-repeat 0 0;
    display: block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
  }
  #super_nav .social .fb {
    background-position: 0 0;
  }
  #super_nav .social .tw {
    background-position: 100% 0;
  }
  #mini_cart {
    height: 15px;
    float: left;
    line-height: 15px;
    text-transform: uppercase;
  }
  #mini_cart a {
     color: #666;
  }
  #primary_nav {
    position: absolute;
    right: 20px;
    top: 114px;
  }
  #primary_nav li {
    float: left;
    margin-right: 20px;
  }
  #primary_nav li:last-child,
  #primary_nav li.end {
    margin-right: 0;
  }
  #primary_nav a {
    color: #666;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
  }
  #primary_nav a.current {
    border-bottom: 4px solid;
  }
  /* Page */
  #page .content_wrapper {
    background:#FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  #regional_header {
    margin-bottom: 30px;
  }
  #regional_nav {
    border-bottom: 1px solid #EEE;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-transform: uppercase;
  }
  #regional_nav h5 {
     color: #666;
     float: left;
     font-size: 12px;
  }
  #regional_nav ul {
  
    float: left;
    margin: 0;
    padding-left: 4px;
  }
  #regional_nav li {
    background: url(../img/forward_slash.png) no-repeat 100% 50%;
    float: left;
    padding-right: 12px;
    margin-right: 6px;
  }
  #regional_nav li:last-child,
  #regional_nav li.end {
    background: transparent;
    margin-right: 0;
    padding-right: 0;
  }
  #regional_nav a {
    color: #666;
  } 
  #regional_nav a:hover {
    color: #333;
  }

  /* Grid List*/
  .grid_list {
    margin-bottom: 0px;
  }
  .grid_list li {
    float: left;
    margin: 0 20px 20px 0;
    overflow: hidden;
    position: relative;
  }
  .grid_list li:last-child {
    margin-right: 0;
  }
  .grid_list li.end {
    margin-right: 0;
  }
  .grid_list img {
    display: block;
  }
  .grid_list a {
    color: #333;
  }
  .grid_list p {
    line-height: 15px;
    margin-bottom: 5px;
  }
  .thumb .info {
    background: url(../img/white_trans.png) repeat 0 0;
    display: block;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    z-index: 2;
  }
  .thumb.over .info {
    visibility: visible;
  }
  .thumb img {
    position: relative;
    z-index: 1;
  }
  .thumb h3 {
    margin-bottom: 5px;
  }
  .thumb span.price {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .thumb .more {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

  /* Footer */
  #global_footer {
    margin: 0 20px 20px -20px;
    padding: 40px 20px 30px 20px;
    width: 940px;
  }
  #sub_nav {
    float: left; 
  }
  #sub_nav li {
    border-right: 1px solid #999;
    float: left;
    height: 13px;
    line-height: 13px;
    margin-right: 6px;
    padding-right: 6px;
  }
  #sub_nav li:last-child,
  #sub_nav li.end {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  #sub_nav a {
    color: #666;
  }

  #newsletter_signup {
    float: right;
    margin-top: -5px;
  }
  #newsletter_signup p {
    margin-bottom: 0;
  }
  input {
    border: none;
    color: #666;
    font-size: 12px;
    padding: 5px;
  }
  #newsletter_email {
    background: #EEE;
    width: 210px;
  }
  #newsletter_submit {
    color: #FFF;
    cursor: pointer;
  }
  #copyright {
    font-size: 10px;
    text-align: center;
  }

/*  =Home
  ------------------------------------------------------ */
  #banner {
    height: 470px;
    margin: 0 0 0 -20px;
    overflow: hidden;
    position: relative;
    width: 980px;
  } 
  #banner img {
    position: relative;
    z-index: 1;
  }
  #banner .slide:not(.selected){
    display:none;
  }
  #banner .slide_info {
    color: #FFF; 
    display: none;
    height: 470px;
    left: 0; 
    padding-top: 100px;                
    position: absolute;
    top: 0;
    width: 980px; 
    z-index: 2;
    opacity:.5;
  } 
  #banner .slide_info .text { 
    margin: 0 auto 0 auto; 
    text-align: center;
    width: 400px;
  }
  #banner .slide_info h2 {
     background: url(../img/white_dotted_rule.png) no-repeat 50% 100%; 
     color: #FFF;
     font-size: 38px;
     line-height: 38px;
     margin-bottom: 10px;
     padding-bottom: 10px;
  } 
  #banner .slide_info p {
    margin-bottom: 10px;
  }  
  #banner .slide_info a.more {
    color: #FFF;       
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #products {
    padding: 35px 0 15px 0;
  }
  #products .info {
    width: 200px;
  }        
  

/*  =Shop
  ------------------------------------------------------ */
  /* Bread Crumbs */
  #crumbs {
    border-bottom: 1px solid #EEE;
    clear: both;
    font-size: 10px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
  }
  #crumbs ul {
    margin: 0;
  }
  #crumbs li {
    background: url(../img/carrot.png) no-repeat 100% 50%;
    float: left;
    margin-right: 7px;
    padding-right: 10px;
  }
  #crumbs li.end {
    background: transparent;
    margin: 0;
    padding: 0;
  }
  #crumbs a {
    color: #666;
  }
  #crumbs a:hover {
    color: #333;
  }

  /* Sorter */
  #regional_nav #filters {
    float: right;
  }
  #regional_nav #filters li {
    background: url(../img/carrot.png) no-repeat 100% 50%;
    float: left;
    margin-right: 7px;
    padding-right: 10px;
  }
  #regional_nav #filters li.end {
    background: transparent;
    margin: 0;
    padding: 0;
  }
  #color_sort {
    background: #FFF;
    border-bottom: 1px solid #EEE;
    display: none;
    font-size: 10px;
    height: 50px;
    left: 20px;
    line-height: 50px;
    text-align: right;
    text-transform: uppercase;
    top: 51px;
  }
  #color_sort ul {
    float: right;
    margin: 0;
  }
  #color_sort li {
    cursor: pointer;
    float: left;
    height: 40px;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
  }
  #color_sort li.end {
    margin-right: 0;
  }
  #color_sort a {
    display: block;
    color: #666;
  }
  #color_sort .checked label {
    border-bottom: 2px solid #CCC;
    height: 38px;
    display: block;
  }
  #color_sort input.checkbox {
    left: -1px;
    position: absolute;
    top: 18px;
    z-index: 1;
  }
  #color_sort .color_cube {
    display: inline-block;
    height: 15px;
    margin: -2px 5px 0 0;
    position: relative;
    vertical-align: middle;
    width: 15px;
    z-index: 2;
  }
  #material_sort {
    background: #FFF;
    display: none;
    margin-left: -20px;
    padding: 20px;
    position: absolute;
    top: 51px;
    width: 940px;
    z-index: 4000;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  #material_sort a.close {
    background: url(../img/close.png) no-repeat 50% 50%;
    display: block;
    height: 20px;
    position: absolute;
    right: 20px;
    text-indent: -9999px;
    top: 20px;
    width: 20px;
  }
  .material_type {
    float: left;
    margin-right: 20px;
    width: 300px;
    text-align: center;
  }
  .material_type.end {
    margin-right: 0;
  }
  .material_type h2 {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
  }
  .material_thumb {
    display: inline-block;
    margin: 0 auto 5px auto;
  }
  .material_thumb img {
    display: block;
  }
  .material_type .desc {
    text-align: center;
  }
  .material_type ul {
    text-align: left;
  }
  .material_type ul li {
    clear: both;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    width: 300px;
  }
  .material_type ul img {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .material_type ul h3 {
    font-size: 12px;
    float: left;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
  }
  #overlay {
    background: url(../img/white_trans.png) repeat 0 0;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
  /* Listing */
  #product_listing {
    padding-bottom: 10px;
    min-height: 400px;
  }
  #product_listing .thumb .info {
    width: 120px;
  }
  #product_listing .grid_list a {
    color: #666;
  }
  #product_listing .grid_list h3 {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
  }
  #product_listing .grid_list .price {
    font-size: 12px;
  }
  /* Item */
  #product_detail {
    padding-bottom: 10px;
  }
  #product_images, #product_info {
    float: left;
    margin-right: 20px;
    width: 380px;
  }
  #product_images .slides {
    height: 380px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 380px;
  }
  #product_images img {
    display: block;
  }
  #product_images .thumbs li {
    float: left;
    margin: 0 20px 20px 0;
  }
  #product_images .thumbs li.end {
    margin-right: 0;
  }
  #product_images .thumbs a {
    border: 1px solid #FFF;
    display: block;
    height: 58px;
    overflow: hidden;
    width: 58px;
  }
  #product_images .thumbs a:hover {
    border-color: #CCC;
  }
  #product_info h1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  
  #product_info p {    
    /* font-style: italic; */
    margin-bottom: 10px;
  }
  #product_options {
    margin-bottom: 10px;
  }
  #product_options .option {
    float: left;
    width: 150px;
  }
  #product_options select {
    display: block;
    margin-bottom: 5px;
  }
  #product_options a {
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
  }
  #product_info label {
    color: #333;
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    text-transform: uppercase;
  }
  #product_options .error {
    color: red;
    display: none;
    line-height: 15px;
  }
  #qty {
    background: #EEE;
    border: none;
    color: #666;
    font-size: 12px;
    padding: 5px;
    text-indent: 0;
    width: 40px;
  }
  span.price {
    font-size: 18px;
    font-style: normal;
  }

  #related_products {
    float: left;
    width: 140px;
  }
  #related_products h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  #related_products li {
    margin-bottom: 10px;
  }
  .option_details {
    background: #FFF;
    display: none;
    padding: 10px;
    left: 20px;
    position: absolute;
    top: 80px;
    width: 360px;
    z-index: 3000;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  
  .option_details img {
    display: block;
  }
  .option_details .close {
    background: url(../img/close.png) no-repeat 50% 50%;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: -20px;
    width: 20px;
  }
  .sizing_table {
    border-right: 1px solid;
    width: 100%;
  }
  .sizing_table th, td {
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
    width: 50%;
  }
  .sizing_table th {
    border-bottom: 2px solid;
  }
  .sizing_table td {
    border-bottom: 1px solid;
  }
/*  =Checkout
  ------------------------------------------------------ */ 
  .checkout .legend {
   border-bottom: 1px dotted #CCC;
   font-size: 12px;
   margin-bottom: 20px;
   padding-bottom: 5px;  
   position: relative;
   text-transform: uppercase;
  }
  .checkout input.text,
  .checkout textarea {
    background: #EEE; 
    height: 20px;
    line-height: 20px;
    width: 430px;
  }
  
  .checkout .cart_table input.text {
    width: 25px;
  }
  .checkout #regional_nav li {
    background: url(../img/carrot.png) no-repeat 100% 50%;
    margin-right: 7px;
    padding-right: 10px;
  }
  .checkout #regional_nav li.end {
    background: transparent;
  }
  .cart_buttons {    
    float: right;
  }
  .cart_buttons li {
    float: left;
    margin-right: 20px;
  }  
  .cart_buttons li.end {
    margin-right: 0;
  }  
  .cart_buttons a,
  a.button, input.button { 
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 140px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;  
    color: white;
  }
  
  input.button:hover{
    cursor: pointer;
  }
  input.button.cart_modify{
    line-height: 20px;
  }
    .cart_buttons a.cart_return,.cart_buttons a.shop_return {
    background:#ccc;
  }
  
  .cart_buttons a.checkout {
    background: url(../img/checkout_bu.png);
  } 

  .cart_modify a.cart_modify,
  a.button.cart_modify {
    background:#ccc;
  }
  a.button.cart_modify, input.cart_modify {
    display: inline-block;
    margin-bottom: 7px;
  }
  #checkout_nav { 
    padding: 20px 0;
  } 
  
  /* Cart */ 
  .cart_table {  
    font-size: 12px;
    line-height: 20px;
    text-transform: none;
    width: 100%;
  } 
  .cart_table td,
  .cart_table th {  
    border: none;
    text-transform: none;
    text-align: left;
  }
  .cart_table thead th {
    border-bottom: 1px dotted #CCC;
    font-size: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
  }
  .cart_table .remove {
    width: 160px;
  }
  .cart_table .item {
    width: 450px;
  }
  .cart_table .qty {
    width: 160px;
  }
  .cart_table .price { 
    text-align: right;
    width: 160px;
  }
  .cart_table tbody td { 
    border: none;
    padding: 20px 0;
  }
  .cart_table tbody td.remove {
    vertical-align: middle;
  }

  .cart_table tbody td.item img {
    display: block;
    float: left; 
    margin-right: 20px;
  } 
  .cart_table tbody td.item h4 {
    font-size: 14px; 
    line-height: 22px;
  }
  .cart_table tbody td.item a {
    color: #666;
  }
  .cart_table tbody td.item .item_info {
    padding-right: 20px;
  } 
  .cart_table tbody td.item .opts {
    text-transform: none;
  } 
  .cart_table tbody td.item ul {
    margin: 0;
  }
  .cart_table tbody input.text, {
    background: #EEE;
    border: none;
    color: #666;
    font-size: 12px;
    padding: 5px;
    text-indent: 0;
    width: 40px;
  } 
  .cart_table tfoot td {
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
    padding: 10px 0 3px 0; 
    vertical-align: middle;
  }
  .cart_table tfoot td input {
    display: inline; 
    padding: 0;
    margin: 0;
  }
  .cart_table tfoot .totals {
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    width: 400px;
  } 
  .cart_table tfoot .totals .total {
    display: block;
    float: right;      font-size: 16px;
    font-weight: normal;
  }
  /* Register */
  #register_form {
    padding-bottom: 40px;
  }
  #register_form p {
    position: relative;
    margin-bottom: 20px;
  }
  #register_form label {
    display: block;          
    font-size: 10px;
    text-transform: uppercase;
  } 
  #register_form select {
    width: 210px;
  }
  #register_form .small {
    float: left;
  }
  #register_form .small.end {
    float: right;
  }
  #register_form .small input.text {
    width: 200px;
  }
  #register_form fieldset {
    width: 440px;
  }
  #register_form .legend #same_as {
    bottom: 5px;                   
    color: #666;
    position: absolute;
    right: 0;
    text-transform: none;
  }
  #register_form #billing_info {
    float: left;
  }
  #register_form #shipping_info {
    float: right;
  }
  #register_form #register_submit {
    border-top: 1px dotted #CCC;
    float: right;
    padding-top: 20px; 
    width: 440px;
  } 
  #register_form #register_submit p {
    float: right;
  } 
  #register_form #register_submit input {
    margin: 0;
    padding: 0;
  }
  
  /* Checkout */ 
  #cart_form {
    margin-bottom: 20px;
  }
  #coupon_form  {
    border-bottom: 1px dotted #CCC;
    clear: both;
    padding-bottom: 20px;
  }

  #coupon_form label,
  #coupon_form input {
    display: inline-block;
  }  
  #coupon_form .text {
    width: 130px;
  } 
  #coupon_form input {
    display: inline-block;
  } 
  #coupon_form input.submit {
    color: #FFF;            
    height: 30px;            
    padding: 0 10px;
    text-transform: uppercase;
  }
  #checkout_form{
    padding-top: 20px;
  }
  #checkout_form .col {
    float: left;
    margin-right: 20px;
    width: 300px;
  }
  #checkout_form .col .content_block {
    clear: both;
    margin-bottom: 20px;
  }
  #checkout_form .col.end {
    float: left;
    margin-right: 0;
  }
  #checkout_form .col .legend { 
    margin-bottom: 5px;
    width: 300px;
  }
  #checkout_form .edit {
    bottom: 5px; 
    color: #666;
    font-size: 10px;
    position: absolute;
    right: 0;
  } 
  #checkout_form label {
    display: block;
    margin-bottom: 5px;
  }
  #checkout_form p {
    margin-bottom: 10px;
  }
  #checkout_form select {
    width: 160px;
  }
  #checkout_form select.exp { 
    display: inline-block;
    margin-right: 10px;
    width: 140px;
  }
  #checkout_form select.exp.end {
    margin-right: 0;
  }
  #checkout_form input.text {
    width: 150px;
  }
  #checkout_form input.text.small {
    width: 40px;
  } 

  #checkout_form .totals dt, dd {
    border-bottom: 1px dotted #CCC; 
    float: left;
    padding: 5px 0;
    width: 150px;
  }
  #checkout_form .totals dt.end, dd.end {
    border: none;            
    text-transform: uppercase;
  }
  #checkout_form .totals dt {
    clear: left;
  } 
  #checkout_form .totals dd {
    text-align: right;
  } 
  #checkout_form textarea {
    border: none;
    height: 60px;
    margin-top: 5px;
    padding: 5px;
    width: 290px;
  }
  #checkout_form #checkout_nav {
    border-top: 1px dotted #CCC;
    clear: both;
  }
  
  /* Thank You */
  .prod_desc {
    margin: 10px 0;
  }
  .prod_desc h4 {
    color: #666;
    font-size: 14px;
  }  
  .prod_desc a {
    color: #666;
  }
  .prod_desc img {
    float: left;
    margin-right: 10px;
  }
  
/*  =About
  ------------------------------------------------------ */ 
  .alt #regional_header { 
    margin: 0 0 5px 0;
    padding-top: 20px;
    text-align: center;
  }     
  .alt #regional_header h1,
  .alt #periods h2 { 
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
  }  
  .alt #regional_nav { 
    border: none;
    height: auto;
    line-height: 20px;
    margin: 0;
  } 
  .alt #regional_nav ul {
    display: inline-block;  
    float: none;
    margin: 0 auto;
    text-align: center;  
  } 
  .alt #periods article { 
    margin-bottom: 60px; 
    text-align: center;
  }  
  .alt #periods article#intro {

     padding-bottom: 5px;
  } 
  .alt #periods .slider,
  .alt #periods .slider .inner {
    background: transparent;
    height: 470px;
    margin: 0 0 20px -20px;
    overflow: hidden;
    position: relative;
    width: 980px;
  }       
  .alt #periods .slider .inner {
    margin: 0;
  }
  .alt #periods .slider img {
    display: block;
    float: left;
  }
  .alt #periods .local_body {  
    margin: 0 auto;
    width: 800px;
  }

  
/*  =Contact
  ------------------------------------------------------ */
  #store_info, #contact_info {
    float: left;
    width: 220px;
    margin-right: 20px;
  }       
  #store_info p {
    margin-bottom: 10px;
  }
  #store_picture  {
    float: left;
    margin: 0 20px 40px 0;   
    width: 460px;
  } 
  #store_picture img {
    display: block;
  }    
  #contact_info {
    margin-right: 0;
  }  
  #contact_info h3 {
    margin-bottom: 10px;
  }
  .secondary_page .content_block p,
  .secondary_page .content_block dt { 
    font-size: 11px;
    text-transform: uppercase;
  }    
  .secondary_page .content_block dl {
    line-height: 15px;
  }
  .secondary_page .content_block dt {
    clear: both;
  }
  .secondary_page .content_block dd {
    margin-bottom: 15px;
    clear: both;
  }
  .secondary_page .content_block a { 
     font-style: italic;
  }  
  .secondary_page .content_block a:hover {
    text-decoration: underline;
  }
  
/*  =Secondary Pages
  ------------------------------------------------------ */
  .secondary_page #regional_header {
    border-bottom: 1px solid #EEE;
    height: 50px;
    line-height: 50px;
  }
  .secondary_page #regional_header h1 {
    color: #666;
     float: left;
     font-size: 12px;
     text-transform: uppercase;
  }
  .secondary_page #regional_nav {
    border: none;
    background: red;
    padding: 0;
    height: auto;
    line-height: 30px;
    text-transform: uppercase;
    width: 220px;
  }
 .secondary_page #regional_nav li {
   background: transparent;
   float: none;
   padding: 0;
   margin: 0;
 }
 .secondary_page #primary_content {
   float: right;
   width: 700px;
 }
 .secondary_page #page_body {
   padding-bottom: 30px;
 }
 .secondary_page #page_body h3 {
    font-size: 14px;
  }
 #primary_content .sizing_table {
   margin-bottom: 20px;
 }
 #primary_content .sizing_table th,
 #primary_content .sizing_table td {
   width: 25%;
 }
 #primary_content .sizing_table td.table_wrap {
   padding: 0;
 }
 #primary_content .sizing_table.horz {
   width: 100%;
 }
 #primary_content .sizing_table.horz th {
   border-right: 1px solid;
   text-align: left;
   text-indent: 10px;
 }                                             
 #primary_content .sizing_table.horz .bottom th,  
 #primary_content .sizing_table.horz .bottom td {
   border-bottom: 1px solid;       
 } 
 
 /*
  * CSS Styles that are needed by jScrollPane for it to operate correctly.
  *
  * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
  * may not operate correctly without them.
  */

 .jspContainer
 {
 	overflow: hidden;
 	position: relative;
 }

 .jspPane
 {
 	position: absolute;
 }

 .jspVerticalBar
 {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 16px;
 	height: 100%;
 	background: red;
 }

 .jspHorizontalBar
 {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 10px;
 	background: red;
 }

 .jspVerticalBar *,
 .jspHorizontalBar *
 {
 	margin: 0;
 	padding: 0;
 }

 .jspCap
 {
 	display: none;
 }

 .jspHorizontalBar .jspCap
 {
 	float: left;
 }

 .jspTrack
 {
 	background: #eee;
 	position: relative;
 }

 .jspDrag
 {
 	position: relative;
 	top: 0;
 	left: 0;
 	cursor: pointer;
 	background-color: #999;
 }

 .jspHorizontalBar .jspTrack,
 .jspHorizontalBar .jspDrag
 {
 	float: left;
 	height: 100%;
 }

 .jspArrow
 {
 	background: #50506d;
 	text-indent: -20000px;
 	display: block;
 	cursor: pointer;
 }

 .jspArrow.jspDisabled
 {
 	cursor: default;
 	background: #80808d;
 }

 .jspVerticalBar .jspArrow
 {
 	height: 16px;
 }

 .jspHorizontalBar .jspArrow
 {
 	width: 16px;
 	float: left;
 	height: 100%;
 }

 .jspVerticalBar .jspArrow:focus
 {
 	outline: none;
 }

 .jspCorner
 {
 	background: #eeeef4;
 	float: left;
 	height: 100%;
 }

 /* Yuk! CSS Hack for IE6 3 pixel bug :( */
 * html .jspCorner
 {
 	margin: 0 -3px 0 0;
 }
  
/*  =Hacks
  ------------------------------------------------------ */
  /* Clearfix */
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

  .clearfix {
    display: inline-block; }

  html[lang] .clearfix {
    display: block; }

  * html .clearfix {
    height: 1%; 
  }
  
  /* Explorer */
  
/* -------------------- SteveCSS ---------------------*/  
.related_colors ul{display:inline;}
.related_colors li{width:40px;height: 40px;float:left;margin-right:5px;margin-bottom: 5px;border: 1px solid #CCC;}
.err{color: #f00;}

#splash{width:307px;height:400px;margin: 100px auto; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -154px;}

.related_colors a{display: block;}
.coming_soon{text-align:center;}
.coming_soon.empty{height: 300px;}
#foot_banner{width:100%; top:0;margin-bottom: 25px;}
#foot_banner div{margin-bottom: 1px;}

.custom_button{
  border: none;
  cursor: pointer;
  height: 39px;
  text-transform: uppercase;
  color: white; 
  font-size: 17.5px;
  letter-spacing: 1px;
  width: 160px;
}