/**
 * JustKampers Shop (Magento) specific Styles
 * @author Mark Fullbrook
 */
/*-------------------------------*/
/* Table of Contents             */
/*-------------------------------*/
/* 1. Shop Nav Accordion         */
/*-------------------------------*/
.shop-navigation h2 a:link, .shop-navigation h2 a:visited { color: white; }
.shop-navigation h2 a:hover, .shop-navigation h2 a:active { color: #306085; }
#shop-nav-accordion .collapsed h2 { border-bottom: none; }
#shop-nav-accordion .collapsed ul { display: none; }
#shop-nav-accordion ul li { padding: 5px 8px; }
#shop-nav-accordion ul li.active a { font-weight:bold; }
ul.filters li {
  width: 96px;
  float: left;
  clear: none;
  padding: 8px;
  color: #666;
}

/*-------------------------------*/
/* 2. Product View               */
/*-------------------------------*/
ul.notes { margin: 10px 0; list-style:none; }
ul.notes li {
  padding: 5px 0 5px 20px;
  background-repeat: no-repeat;
  background-position: 1px 4px;
  clear: none;
}

#shop-product-view h1 {
  background: none;
  color: #000;
  font-size: 16px;
}

ul.notes .mainland-uk-only { background-image: url(/images/icons/world.png); }
ul.notes .additional-carriage { background-image: url(/images/icons/lorry_error.png); }
ul.notes .deposit-required { background-image: url(/images/icons/money.png); }

#product-details { padding-left:235px; }
#product-details .price { color: #F7941E; font-size: 12px; font-weight: bold; }
#product-details .price em { font-size: 12px; font-weight: normal; }
#product-details .product-pricing { font-size: 12px; font-weight: normal; padding:0 0 0.8em }
#product-details .price-excluding-tax { font-size: 12px; font-weight: normal; padding:0 0 0.8em }
/* Product Images (from magento) */
.product-img-box { float:left; width:210px; padding:0 0 0 10px; }
.product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; }
.product-img-box .more-views ul { list-style:none; margin:0; }
.product-img-box .more-views ul li { float:left; clear:none; margin-right:4px; }
.product-img-box .more-views ul li.last { margin-right:0; }
.product-img-box .more-views ul li img { border:1px solid #ddd; }

.MagicZoomBigImageCont { background:#fff !important; border:2px solid #C1C68C !important; z-index:1000 !important; }
.MagicZoomHeader { background:#C1C68C !important; }

div.subcats {
  padding-bottom: 5px;
  padding-top: 5px;
  overflow: hidden;
}

div.searchStore {
  padding-bottom: 10px;
  text-align:right;
}

div.searchStore span {
  color:white;
  font-size: 12px;
}

div.subcats ul {
  padding-left: 0px;
  list-style-type: none;
}

div.subcats ul li {
  width: 190px;
  float: left;
  clear: none;
  padding: 2px;
  
  padding-left: 20px;
  background-image: url('/images/icons/folder_go.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  margin: 4px auto;
}

ul.also_fits {
  list-style-type: none;
  padding-left: 0px;
}

ul.also_fits li {
  padding: 2px;  
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 center;
}

ul.also_fits li.also_fits_store {
  background-image: url('/images/icons/car.png');
}

ul.also_fits li.also_fits_fuel {
  background-image: url('/images/icons/bullet_orange.png');
}

ul.also_fits li.also_fits_year {
  background-image: url('/images/icons/bullet_green.png');
}

ul.also_fits li.also_fits_engine {
  background-image: url('/images/icons/bullet_yellow.png');
}

div.detailed-desc {
  padding-bottom: 10px;
}
/*----------------------------------*/
/* 3. Shoping Basket/Checkout View  */
/*----------------------------------*/

.shopping-basket-table th { font-weight:bold; }
.shopping-basket-table td, .shopping-basket-table th { padding:7px 4px; }

.shopping-basket-table .error { background:none; }

dl.shipment-methods { width:300px; margin:1em 0; overflow:hidden; }
dl.shipment-methods dt { clear:left; width:150px; padding:0; margin:0; }
dl.shipment-methods dd { float:left; width:150px; padding:0; margin:0; border:0; }

.shopping-cart-collaterals { border-top:1px solid #e5e5e5; margin-bottom:-8px; }
.shopping-cart-collaterals .col { float:left; width:336px; }
.col2-set { padding:10px; overflow:hidden; }
.col2-set .col { float:left; width:50%; margin-bottom:10px; }

.one-page-checkout li .head { position:relative; }
.one-page-checkout li .head a { position:absolute; right:0px; top:0px; }

.one-page-checkout-progress ol li { position:relative; padding-bottom:1em; }
.one-page-checkout-progress ol li a.edit { position:absolute; right:0px; top:0px; }
.one-page-checkout-progress .content { font-size:90%; }

.section { overflow:hidden; }
.inner-box { float:left; clear:left; }

#checkout-step-payment { position:relative; }
#payment-tool-tip { position:absolute; right:7px; top:-18px; padding:5px; background:#fff; border:3px solid #d5d5d5; }

/*-----------------------------*/
/* 4. Pagination               */
/*-----------------------------*/

.pager { background:#fff; color:#666; }
.pager td { padding:7px 6px; vertical-align:middle; }
.pager .pages { text-align:center; }
.pager .pages ul { list-style:none; display:inline; margin:0; }
.pager .pages ul li { display:inline; }


/*-----------------------------*/
/* 99. Misc                    */
/*-----------------------------*/

.block .highlight label span 
{
  display:inline;
  background:none;
  _background:none;
}

.nobr { white-space:nowrap; }

.validation-advice { padding:0 0 0 0px; }

.address-lists li { margin-bottom:10px; }

/*-----------------------------*/
/* 99. Checkout indicator      */
/*-----------------------------*/
.checkout-indicator {
  width:674px;
  height:70px;  
  list-style-type:none;
  padding:0;
  margin:0;
  background-image: url('/images/frontend/v2.0/checkout-indicator-off.gif');    
}
.checkout-indicator li {
  float:left;
  height:70px;  
}
.checkout-indicator li span {
  display:none;
}
.checkout-indicator li.active {
  background-image: url('/images/frontend/v2.0/checkout-indicator-on.gif') !important;
}
.checkout-indicator .step1 {
  width:113px;
}
.checkout-indicator .step2 {
  width:114px;
  background-position: -113px 0px;
}
.checkout-indicator .step3 {
  width:110px;
  background-position: -227px 0px;
}
.checkout-indicator .step4 {
  width:115px;
  background-position: -337px 0px;
}
.checkout-indicator .step5 {
  width:95px;
  background-position: -452px 0px;
}
.checkout-indicator .step6 {
  width:127px;
  background-position: -547px 0px;
}

/**
  Page Layout
*/

#shop-product-view {
  padding:10px 8px 7px;
}

#shop-product-view h2 {
  padding:5px 10px;
  margin:0 0 10px;
  color:#888888;
  background:url(/images/frontend/bg_headerfade.gif) left bottom repeat-x;
}

#shop-product-view .note {
  color:#888888;
}

/**
  Product Media
*/

#product-media {
  border:1px solid #CCCCCC;
  width: 340px;
  float: left;
}

.product-img-box {
  width: 238px;
  float: left;
  background-color: #F3F3F3;
  padding-left: 0px;
  height: 196px;
  border-right:1px solid #CCCCCC;
}

.product-media-controller {
  float: left;
  width: 101px;
  height: 196px;
  background-color: #f3f3f3;
}
  .product-media-controller ul {
    list-style-type:none;
    font-weight:bold;
    margin:0px;
    text-align:center;
  }
    .product-media-controller ul li {
      border-bottom:1px solid #CCCCCC;
    }
      .product-media-controller ul li a {
        display:block;
        width:91px;
        padding:9px 4px;
        border:1px solid #dfdfdf;
        border-color:#fcfcfc #dfdfdf #dfdfdf #fcfcfc;
      }
      .product-media-controller ul li a:hover {
        background:#f8f8f8;
      }

/**
* Zoom Box
*/

#zoom_info {
  position: absolute; 
  top: 65px; 
  left: 63px; 
  width:110px; 
  text-align: center; 
  background-color: #FBFBFB; 
  border: solid 2px #CCCCCC;
}

#zoom_help_link { 
  position: absolute; 
  top: 175px; 
  left: 8px; 
  width:200px;
}

#zoom_help {
  position: absolute; 
  top: 4px; 
  left: 4px; 
  width:230px; 
  height: 188px; 
  background-color: #FBFBFB; 
  padding: 2px;
}

/**
  Product Summary
*/

#shop-product-details {
  position:relative;
  float:right;
  width:302px; height:164px;
  padding:8px 10px 24px;
  border:1px dashed #CCCCCC;
}
  #shop-product-details #product-price {
    float:left;
    width:200px;
  }
    #shop-product-details #product-price .price-including-tax {
      font-size:20px;
      font-weight:bold;
      color:#f7941e;
    }
      #shop-product-details #product-price .price-including-tax span.label { font-size:12px; }
      #shop-product-details #product-price .price-including-tax span.label em { font-style:normal; }
    
    #shop-product-details #product-price .price-excluding-tax {
      font-size:12px;
      font-weight:bold;
      color:#ccc;
    }
      #shop-product-details #product-price .price-excluding-tax span.label em { font-style:normal; color:#ccc; }
  
  #shop-product-details .rating-box {
    float:right;
  }
  
  #shop-product-details #reviewsratings,
  #shop-product-details #questionsanswers {
    float:left; clear:left;
    width:126px;
    padding:11px 0 0 22px;
  }
    #shop-product-details #reviewsratings img,
    #shop-product-details #questionsanswers img {
      margin:-1px 3px 0 -22px;
    }
    #shop-product-details #reviewsratings span,
    #shop-product-details #questionsanswers span {
      font-size:11px;
      color:#ccc;
    }
      #reviewsratings span a, #reviewsratings span a:link, #reviewsratings span a:visited,
      #questionsanswers span a, #questionsanswers span a:link, #questionsanswers span a:visited {
        color:#ccc;
      }
  
  #shop-product-details #reviewsratings {
    
  }
  
  #shop-product-details #questionsanswers {
    padding-top:9px;
  }
  
  #shop-product-details #product-stock {
    position:absolute;
    left:10px; bottom:27px;
    width:210px; height:2.5em; line-height:1.2em;
  }
  
  #shop-product-details #product-options {
    position:absolute;
    right:10px; top:26px;
    width:132px;
    text-align:right;
  }
    #shop-product-details #product-options dl {
      margin: 0px;
    }
      #shop-product-details #product-options dl dt {
        float:none;
        width:auto;
        padding:4px 0 0;
        margin:0;
        font-size:10px;
        color:#888;
      }
      #shop-product-details #product-options dl dd {
        padding:0;
        margin:0;
        border:none;
      }
      #shop-product-details #product-options dl dd .input-text {
        width:88px;
      }
      #shop-product-details #product-options dl dd .select {
        width:94px;
      }
      #shop-product-details #product-options dl dd .options-list li { display:inline; }
      #shop-product-details #product-options dl dd .options-list .label { display:inline; }
      #shop-product-details #product-options dl dd .options-list .form-radio { margin:0 2px 0 5px; vertical-align:middle; }
  
  #shop-product-details #part-number {
    position:absolute;
    left:10px; bottom:7px;
    color:#666;
  }
  
  #shop-product-details #to-wishlist {
    position:absolute;
    left:112px; bottom:7px;
  }
  
  #shop-product-details #to-basket {
    position:absolute;
    right:10px; bottom:6px;
    width:96px;
    text-align:right;
  }
    #shop-product-details #to-basket .quantity {}
      #shop-product-details #to-basket .quantity input { text-align:center; }
    #shop-product-details #to-basket .add-to-basket { margin:5px 0 0; }
    #shop-product-details #to-basket fieldset { padding:0; margin:0; }


#shop-product-attributes-container ul {
  list-style:none; 
  margin-left: 0px;
  margin-top: 7px;
}

#shop-product-attributes-container li {
  padding: 5px 0 5px 20px;
  background-repeat: no-repeat;
  background-position: 1px 4px;
  clear: right;
  float: left;
  margin-right: 10px;
}

#shop-product-attributes-container .mainland-uk-only {
  background-image: url(/images/icons/world.png);
}

#shop-product-attributes-container .additional-carriage { 
  background-image: url(/images/icons/lorry_error.png); 
}

#shop-product-attributes-container .deposit-required { 
  background-image: url(/images/icons/money.png); 
}

#shop-product-attributes-container .gift-wrappable { 
  background-image: url(/images/gift.png); 
}

.bundle_product_image {
  width: 60px;
  height: 60px;
  float: left;
  padding: 4px;
  background-color: #F3F3F3;
  border-right:1px solid #CCCCCC;
}

.bundle_product_info {
  width: 580px;
  float: left;
  margin-left: 5px;
  margin-top: 0px;
}

.bundle_item {
  margin-bottom: 5px;
}

.product-links {
  padding: 0px !important;
}

.detailed-desc ul {
  margin: 0px 0px 0px 15px;
}

.detailed-desc ul li {
  margin-bottom: 2px !important;
}

/* ############################################################################################################## */




#shop-product-tab-container {
  float:left; clear:both;
  width:676px;
  margin:10px 0 0;
}
  
  #shop-product-tab-container .tabs {
    position:relative; z-index:2;
    float:left;
    width:100%;
    margin:0 0 -1px;
    font-weight:bold;
  }
    #shop-product-tab-container .tabs li {
      float:left;
      margin:0 -1px 0 0;
      background:#f3f3f3;
      border:1px solid #ccc;
      border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;
    }
    #shop-product-tab-container .tabs li.active {
      background:#fff;
      border-bottom-color:#fff;
    }
      #shop-product-tab-container .tabs li a, #shop-product-tab-container .tabs li a:link, #shop-product-tab-container .tabs li a:visited {
        display:block;
        padding:6px 12px 5px 10px;
        text-decoration:none;
      }
        #shop-product-tab-container .tabs li a img {
          margin:-2px 0 0;
          vertical-align:middle;
        }
  
  #shop-product-tab-container .tab-views {
    float:left;
    width:676px;
    border:1px solid #ccc;
  }
    #shop-product-tab-container .tab-view {
      display:none;
      padding:10px;
    }
    #shop-product-tab-container .tab-views .active {
      display:block;
    }
      
      #shop-product-tab-container .tab-view p {
        padding:0;
        margin:1em 0;
      }
  
  #shop-product-tab-container .tab-view .col1 {
    float:left;
    width:311px;
  }
  #shop-product-tab-container #ask-a-question .col1 {
    float:left;
    width:320px;
  }
  #shop-product-tab-container .tab-view .col2 {
    float:right;
    width:335px;
    padding-left:10px;
  }
  #shop-product-tab-container #ask-a-question .col2 {
    float:right;
    width:320px;
    padding-left:0;
  }
  
  .also_fits_default {
    float:left;
    height:48px;
    margin-right:25px; display:inline;
    width:76px;
  }
  
  .rater {
    float:left;
    width:70px;
    padding:0 0 5px !important;
    margin:0 !important;
  }
    .rater a {
      float:left;
      width:14px; height:13px;
      background:url(/images/frontend/product_rating_blank_star.gif) left top no-repeat;
    }
    .rater a.star-on {
      background:url(/images/frontend/product_rating_full_star.gif) left top no-repeat;
    }
  
  #upsellProducts {
    position:relative;
    clear:both;
    padding:10px 0;
  }
    
    #upsellProducts .scroller {
      width:678px; height:200px;
      overflow:hidden;
    }
      #upsellProducts .scroller .content {
        width:10000px;
        padding:0;
      }
        #upsellProducts .scroller .section {
          float:left;
          width:668px;
          padding:0 0 10px 10px;
          overflow:hidden;
        }
          #upsellProducts .upsell-product {
            clear:none;
            padding:0;
          }
            #upsellProducts .upsell-product .image {
              float:none;
              padding-right:0;
              width:212px;
            }
              #upsellProducts .upsell-product .image img {
                padding:4px;
                background:#f3f3f3;
                border:1px solid #ccc;
              }
            #upsellProducts .upsell-product .details {
              padding:6px 0 0;
              width:212px;
              font-weight:bold;
            }
              #upsellProducts .upsell-product .details .pricing {
                width:190px;
                padding:7px 9px 7px 9px;
                background:#fbfbfb;
                border:1px dashed #ccc;
              }
                #upsellProducts .upsell-product .details .pricing a {
                  float:left;
                }
                #upsellProducts .upsell-product .details .pricing .price {
                  float:right;
                  width:auto;
                  text-align:right;
                }
    
    #upsellProducts .nextUpsell a {
      position:absolute;
      right:-8px; top:112px;
      float:none;
      display:block;
      width:18px; height:62px;
      cursor:pointer;
      background:url(/images/frontend/scroller_right.gif) right top no-repeat;
      padding:0;
    }
    #upsellProducts .nextUpsell a:hover {
      background-position:right bottom;
    }
    #upsellProducts .prevUpsell a {
      position:absolute;
      left:-8px; top:112px;
      float:none;
      display:block;
      width:17px; height:62px;
      cursor:pointer;
      background:url(/images/frontend/scroller_left.gif) left top no-repeat;
      padding:0;
    }
    #upsellProducts .prevUpsell a:hover {
      background-position:left bottom; 
    }
    
    .social_bookmarks {
      padding:10px 0 0;
    }
      .social_bookmarks .links {
        padding:0 0 0 48px;
        font-weight:bold;
      }
        .social_bookmarks .links a, .social_bookmarks .links a:link, .social_bookmarks .links a:visited {
          float:left;
          padding:0 50px 0 0;
          text-decoration:none;
        }
          .social_bookmarks .links a img {
            vertical-align:middle;
          }

#sb-content {
  background:#fff;
  color:#666;
}
  .add_to_contents {
    padding:10px;
  }
    .add_to_contents h2 {
      margin:0 0 10px;
      color:#666;
      font-weight:normal;
    }
    .add_to_contents p {
      margin:0 0 10px;
    }
    .add_to_contents img.main-image {
      float:left;
      padding:4px;
      margin:0 10px 10px 0;
      background:#f3f3f3;
      border:1px solid #ccc;
    }
    .add_to_contents #upsellProductsHolder {
      clear:both;
    }
    .add_to_contents #shadowbox_close {
      float:right;
      margin:15px 0 0;
    }