Merge pull request #924 from TMMeilleur/bootstrap

// Update default theme

themes/default-bootstrap/address.tpl

@@ -114,9 +114,11 @@ $(function(){ldelim}
             {/if}
             {if $field_name eq 'firstname'}
             <div class="required form-group">
+            
                 <label for="firstname">{l s='First name'} <sup>*</sup></label>
                 <input class="is_required validate form-control" data-validate="{$address_validation.$field_name.validate}" type="text" name="firstname" id="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{else}{if isset($address->firstname)}{$address->firstname|escape:'html'}{/if}{/if}" />
             </div>
+    
             {/if}
             {if $field_name eq 'lastname'}
             <div class="required form-group">

themes/default-bootstrap/authentication.tpl

@@ -211,9 +211,8 @@ $(document).ready(function() {
 					<label for="guest_email">{l s='Email address'} <sup>*</sup></label>
 					<input type="text" class="is_required validate form-control" data-validate="isEmail" id="guest_email" name="guest_email" value="{if isset($smarty.post.guest_email)}{$smarty.post.guest_email}{/if}" />
 				</div>
-                <div class="cleafix">
+                <div class="cleafix gender-line">
 					<label>{l s='Title'}</label>
-                    <br />
 					{foreach from=$genders key=k item=gender}
                     <div class="radio-inline">
                     	<label for="id_gender{$gender->id}" class="top">

themes/default-bootstrap/css/comparator.css

@@ -73,7 +73,7 @@ table#product_comparison .product_discount .reduced-price {
 table#product_comparison .product_desc {
   padding-bottom: 12px;
 }
-table#product_comparison .button-container a {
+table#product_comparison .button-container a, table#product_comparison .button-container > span {
   margin-bottom: 10px;
 }
 table#product_comparison .comparison_unit_price {

themes/default-bootstrap/css/global.css

@@ -888,22 +888,41 @@ table.table_block td {
 ***************************************************************************************************/
 #home-page-tabs {
   border: none;
-  margin: 0 0 0 -18px;
+}
-  padding: 10px 0;
+@media (min-width: 768px) {
+  #home-page-tabs {
+    padding: 10px 0;
+    margin: 0 0 0 -18px;
+  }
 }
 #home-page-tabs > li {
-  border-left: 1px solid #d6d4d4;
+  margin-bottom: 0;
-  margin: 0 0px 0 9px;
+}
-  padding: 0 0px 0 9px;
+@media (min-width: 768px) {
+  #home-page-tabs > li {
+    border-left: 1px solid #d6d4d4;
+    margin: 0 0px 0 9px;
+    padding: 0 0px 0 9px;
+  }
+}
+@media (max-width: 479px) {
+  #home-page-tabs > li {
+    width: 100%;
+  }
 }
 #home-page-tabs > li a {
   font: 600 21px/24px "Open Sans", sans-serif;
   color: #555454;
   text-transform: uppercase;
-  padding: 1px 10px;
   border: none;
   outline: none;
   margin: 0;
+  padding: 10px;
+}
+@media (min-width: 768px) {
+  #home-page-tabs > li a {
+    padding: 1px 10px;
+  }
 }
 #home-page-tabs > li:first-child {
   border: none;
@@ -911,9 +930,13 @@ table.table_block td {
 #home-page-tabs > li.active a, #home-page-tabs > li a:hover {
   background: #333333;
   color: #fff;
-  margin: -10px 0;
   padding: 10px;
 }
+@media (min-width: 768px) {
+  #home-page-tabs > li.active a, #home-page-tabs > li a:hover {
+    margin: -10px 0;
+  }
+}
 
 #index .tab-content {
   margin-top: 35px;
@@ -929,9 +952,14 @@ table.table_block td {
   background: #f6f6f6;
   border-top: 5px solid #333;
   text-transform: uppercase;
-  padding: 14px 0 17px 20px;
+  padding: 14px 5px 17px 20px;
   margin-bottom: 20px;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  .block .title_block, .block h4 {
+    font-size: 14px;
+  }
+}
 .block .title_block a, .block h4 a {
   color: #555454;
 }
@@ -989,6 +1017,14 @@ table.table_block td {
   border: 1px solid #d6d4d4;
   margin-right: 19px;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  .block .products-block li .products-block-image {
+    float: none;
+    display: inline-block;
+    margin: 0 auto 10px;
+    text-align: center;
+  }
+}
 .block .products-block li .product-content {
   overflow: hidden;
 }
@@ -1168,6 +1204,7 @@ ul.footer_links li + li {
 .content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
   padding: 3px 0 0 12px;
   display: inline-block;
+  float: left;
 }
 .content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
   float: left;
@@ -1226,8 +1263,6 @@ ul.footer_links li + li {
   float: right;
   width: 530px;
   text-align: center;
-  /* min 992px max 1199px */
-  /* max 991px */
 }
 @media (min-width: 992px) and (max-width: 1199px) {
   .top-pagination-content div.pagination, .bottom-pagination-content div.pagination {
@@ -1243,8 +1278,6 @@ ul.footer_links li + li {
 .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
   float: right;
   margin: 8px 53px 8px 14px;
-  /* min 992px max 1199px */
-  /* max 991px */
 }
 @media (min-width: 992px) and (max-width: 1199px) {
   .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
@@ -1264,6 +1297,11 @@ ul.footer_links li + li {
 .top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination {
   margin: 8px 0px 8px 0;
 }
+@media (max-width: 991px) {
+  .top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination {
+    float: left;
+  }
+}
 .top-pagination-content ul.pagination li, .bottom-pagination-content ul.pagination li {
   display: inline-block;
   float: left;
@@ -1315,7 +1353,6 @@ ul.footer_links li + li {
 }
 .top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
   float: right;
-  /* max 479px */
 }
 @media (max-width: 479px) {
   .top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
@@ -1329,7 +1366,6 @@ ul.footer_links li + li {
 .top-pagination-content .product-count, .bottom-pagination-content .product-count {
   padding: 11px 0 0 0;
   float: left;
-  /* max 991px */
 }
 @media (max-width: 991px) {
   .top-pagination-content .product-count, .bottom-pagination-content .product-count {
@@ -1345,7 +1381,6 @@ ul.footer_links li + li {
 ul.step {
   margin-bottom: 30px;
   overflow: hidden;
-  /*min 480px*/
 }
 @media (min-width: 480px) {
   ul.step {
@@ -1365,7 +1400,6 @@ ul.step li {
   border-bottom-color: #9a9a9a;
   border-right-color: #b7b7b7;
   border-left-width: 0px;
-  /* max 480px */
 }
 @media (max-width: 479px) {
   ul.step li {
@@ -1382,7 +1416,6 @@ ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_cur
   font-weight: bold;
   text-shadow: 1px 1px white;
   position: relative;
-  /* min 991px */
 }
 @media (min-width: 992px) {
   ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
@@ -1405,7 +1438,6 @@ ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, u
 ul.step li.first {
   border-left-width: 1px;
   border-left-color: #b7b7b7;
-  /*min 480px*/
 }
 @media (min-width: 480px) {
   ul.step li.first {
@@ -1420,7 +1452,6 @@ ul.step li.first {
 ul.step li.first span, ul.step li.first a {
   z-index: 5;
   padding-left: 13px !important;
-  /*min 480px*/
 }
 @media (min-width: 480px) {
   ul.step li.first span, ul.step li.first a {
@@ -1441,9 +1472,6 @@ ul.step li.third span, ul.step li.third a {
 ul.step li.four span, ul.step li.four a {
   z-index: 2;
 }
-ul.step li.last {
-  /*min 480px*/
-}
 ul.step li.last span {
   z-index: 1;
 }
@@ -1483,7 +1511,6 @@ ul.step li.step_current span {
   border: 1px solid;
   border-color: #73ca77 #74c776 #74c175 #74c776;
   position: relative;
-  /* min 991px */
 }
 @media (min-width: 992px) {
   ul.step li.step_current span {
@@ -1510,7 +1537,6 @@ ul.step li.step_todo span {
   border: 1px solid;
   border-color: #fff;
   position: relative;
-  /* min 991px */
 }
 @media (min-width: 992px) {
   ul.step li.step_todo span {
@@ -1536,7 +1562,6 @@ ul.step li.step_done a {
   background: -ms-linear-gradient(top, #727171 0%, #666666 100%);
   background: linear-gradient(to bottom, #727171 0%, #666666 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 );
-  /* min 991px */
 }
 @media (min-width: 992px) {
   ul.step li.step_done a {
@@ -1546,17 +1571,11 @@ ul.step li.step_done a {
     background: url(../img/order-step-done.png) right 0 no-repeat;
   }
 }
-ul.step li.step_done.step_done_last {
-  /* min 991px */
-}
 @media (min-width: 992px) {
   ul.step li.step_done.step_done_last a:after {
     background: url(../img/order-step-done-last.png) right 0 no-repeat;
   }
 }
-ul.step li#step_end span {
-  /* min 991px */
-}
 @media (min-width: 992px) {
   ul.step li#step_end span:after {
     display: none;
@@ -1564,7 +1583,6 @@ ul.step li#step_end span {
 }
 ul.step li em {
   font-style: normal;
-  /* min 480px max 767px */
 }
 @media (min-width: 480px) and (max-width: 767px) {
   ul.step li em {
@@ -1685,6 +1703,11 @@ div.star_hover a, div.star a:hover {
   display: block;
   padding: 5px 0 10px;
 }
+@media (max-width: 767px) {
+  #header .header-row .shop-phone {
+    display: none;
+  }
+}
 #header .header-row .shop-phone i {
   font-size: 21px;
   line-height: 21px;
@@ -1699,12 +1722,23 @@ div.star_hover a, div.star a:hover {
   border-left: 1px solid #515151;
   border-right: 1px solid #515151;
 }
+@media (max-width: 479px) {
+  #header .header-row #header_user_info {
+    width: 25%;
+    text-align: center;
+  }
+}
 #header .header-row #header_user_info a {
   color: #fff;
   font-weight: bold;
   display: block;
   padding: 8px 9px 11px 8px;
 }
+@media (max-width: 479px) {
+  #header .header-row #header_user_info a {
+    font-size: 11px;
+  }
+}
 #header .header-row-2 {
   position: relative;
   z-index: 1;
@@ -1715,6 +1749,27 @@ div.star_hover a, div.star a:hover {
   top: 27px;
   z-index: 1;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  #header #header_logo {
+    width: 250px;
+    top: 35px;
+  }
+}
+@media (min-width: 480px) and (max-width: 767px) {
+  #header #header_logo {
+    width: 174px;
+    left: 15px;
+    top: 48px;
+  }
+}
+@media (max-width: 479px) {
+  #header #header_logo {
+    width: 200px;
+    left: 50%;
+    margin-left: -100px;
+    top: 20px;
+  }
+}
 #header #header_right {
   position: relative;
 }
@@ -1723,6 +1778,11 @@ div.star_hover a, div.star a:hover {
   border-left: 1px solid #515151;
   position: relative;
 }
+@media (max-width: 479px) {
+  #header #currencies-block-top, #header #languages-block-top {
+    width: 25%;
+  }
+}
 #header #currencies-block-top span.firstWord, #header #languages-block-top span.firstWord {
   display: none;
 }
@@ -1732,6 +1792,13 @@ div.star_hover a, div.star a:hover {
   color: #fff;
   text-shadow: 1px 1px rgba(0, 0, 0, 0);
 }
+@media (max-width: 479px) {
+  #header #currencies-block-top div.current, #header #languages-block-top div.current {
+    text-align: center;
+    padding: 9px 5px 10px;
+    font-size: 11px;
+  }
+}
 #header #currencies-block-top div.current strong, #header #languages-block-top div.current strong {
   color: #777777;
 }
@@ -1744,6 +1811,19 @@ div.star_hover a, div.star a:hover {
   vertical-align: -2px;
   padding-left: 12px;
 }
+@media (max-width: 479px) {
+  #header #currencies-block-top div.current:after, #header #languages-block-top div.current:after {
+    padding-left: 2px;
+    font-size: 13px;
+    line-height: 13px;
+    vertical-align: 0;
+  }
+}
+@media (max-width: 479px) {
+  #header #currencies-block-top div.current .cur-label, #header #languages-block-top div.current .cur-label {
+    display: none;
+  }
+}
 #header #currencies-block-top ul, #header #languages-block-top ul {
   display: none;
   position: absolute;
@@ -1766,13 +1846,16 @@ div.star_hover a, div.star a:hover {
 #header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a {
   background: #484848;
 }
-#header #currencies-block-top ul:hover, #header #languages-block-top ul:hover {
-  display: block;
-}
 #header #contact-link {
   float: right;
   border-left: 1px solid #515151;
 }
+@media (max-width: 479px) {
+  #header #contact-link {
+    width: 25%;
+    text-align: center;
+  }
+}
 #header #contact-link a {
   display: block;
   color: #FFF;
@@ -1780,15 +1863,19 @@ div.star_hover a, div.star a:hover {
   padding: 8px 10px 11px 10px;
   text-shadow: 1px 1px rgba(0, 0, 0, 0);
 }
+@media (max-width: 479px) {
+  #header #contact-link a {
+    font-size: 11px;
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
 #header #contact-link a, #header .header-row #header_user_info a, #header #currencies-block-top div.current, #header #languages-block-top div.current {
   cursor: pointer;
 }
-#header #contact-link a:hover, #header .header-row #header_user_info a:hover, #header #currencies-block-top div.current:hover, #header #languages-block-top div.current:hover {
+#header #contact-link a:hover, #header #contact-link a.active, #header .header-row #header_user_info a:hover, #header .header-row #header_user_info a.active, #header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active {
   background: #2b2b2b;
 }
-#header #contact-link a:hover + ul, #header .header-row #header_user_info a:hover + ul, #header #currencies-block-top div.current:hover + ul, #header #languages-block-top div.current:hover + ul {
-  display: block;
-}
 
 /* ************************************************************************************************
 		BREADCRUMB
@@ -1874,7 +1961,11 @@ div.star_hover a, div.star a:hover {
 ************************************************************************************************ */
 .footer-container {
   padding: 0 0 100px 0;
-  background: url(../img/footer-bg.gif) repeat-x;
+}
+@media (min-width: 768px) {
+  .footer-container {
+    background: url(../img/footer-bg.gif) repeat-x;
+  }
 }
 .footer-container #footer {
   color: #777;
@@ -1907,9 +1998,19 @@ div.star_hover a, div.star a:hover {
 .footer-container #footer #block_contact_infos {
   border-left: 1px solid #515151;
 }
+@media (max-width: 767px) {
+  .footer-container #footer #block_contact_infos {
+    border: none;
+  }
+}
 .footer-container #footer #block_contact_infos > div {
   padding: 0 0 0 5px;
 }
+@media (max-width: 767px) {
+  .footer-container #footer #block_contact_infos > div {
+    padding-left: 0;
+  }
+}
 .footer-container #footer #block_contact_infos > div ul li {
   padding: 0 0 7px 4px;
   overflow: hidden;
@@ -1933,11 +2034,24 @@ div.star_hover a, div.star a:hover {
 .footer-container #footer #social_block {
   float: left;
   width: 50%;
-  padding: 23px 30px 0 0;
+  padding: 23px 30px 16px 0;
+  background: #3F3F3F;
+}
+@media (max-width: 767px) {
+  .footer-container #footer #social_block {
+    width: 100%;
+    float: left;
+    padding-top: 5px;
+  }
 }
 .footer-container #footer #social_block ul {
   float: right;
 }
+@media (max-width: 767px) {
+  .footer-container #footer #social_block ul {
+    float: none;
+  }
+}
 .footer-container #footer #social_block ul li {
   float: left;
   width: 40px;
@@ -1976,6 +2090,12 @@ div.star_hover a, div.star a:hover {
   text-transform: none;
   padding: 0 10px 0 0;
 }
+@media (max-width: 767px) {
+  .footer-container #footer #social_block h4 {
+    display: none;
+    text-align: center;
+  }
+}
 .footer-container #footer .bottom-footer {
   position: absolute;
   bottom: -55px;
@@ -2516,6 +2636,18 @@ p.cheque-indent {
     margin-bottom: 0;
   }
 }
+#address .gender-line, #identity .gender-line, #account-creation_form .gender-line, #new_account_form .gender-line, #opc_account_form .gender-line, #authentication .gender-line {
+  margin-bottom: 4px;
+  padding-top: 4px;
+}
+#address .gender-line > label, #identity .gender-line > label, #account-creation_form .gender-line > label, #new_account_form .gender-line > label, #opc_account_form .gender-line > label, #authentication .gender-line > label {
+  margin-right: 10px;
+  margin-bottom: 0;
+}
+#address .gender-line .radio-inline label, #identity .gender-line .radio-inline label, #account-creation_form .gender-line .radio-inline label, #new_account_form .gender-line .radio-inline label, #opc_account_form .gender-line .radio-inline label, #authentication .gender-line .radio-inline label {
+  font-weight: normal;
+  color: #777;
+}
 
 #identity #center_column form.std .row, #authentication #center_column form.std .row, #order-opc #center_column form.std .row {
   margin-left: -5px;
@@ -2708,16 +2840,6 @@ p.cheque-indent {
 }
 #manufacturer .bottom-pagination-content, #manufacturer .top-pagination-content, #supplier .bottom-pagination-content, #supplier .top-pagination-content {
   min-height: 69px;
-  /* < 480*/
-}
-#manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
-  /* 480 -> 1199 */
-}
-@media (min-width: 480px) and (max-width: 1199px) {
-  #manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
-    width: auto;
-    text-align: right;
-  }
 }
 #manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content #pagination .showall {
   margin-right: 0;
@@ -2728,23 +2850,8 @@ p.cheque-indent {
     margin-right: 201px;
   }
 }
-@media (max-width: 480px) {
-  #manufacturer .bottom-pagination-content .product-count, #manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content .product-count, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content .product-count, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content .product-count, #supplier .top-pagination-content #pagination {
-    width: 100%;
-    text-align: center;
-  }
-  #manufacturer .bottom-pagination-content .product-count .showall, #manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content .product-count .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content .product-count .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content .product-count .showall, #supplier .top-pagination-content #pagination .showall {
-    display: none;
-  }
-}
 #manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
   border-bottom: 1px solid #d6d4d4;
-  /* < 767 */
-}
-@media (max-width: 767px) {
-  #manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
-    border-top: 1px solid #d6d4d4;
-  }
 }
 
 /*****************************************************************************************************

themes/default-bootstrap/css/history.css

@@ -27,6 +27,9 @@
 .table td.history_detail a + a {
   margin-left: 14px;
 }
+.table td.step-by-step-date {
+  width: 105px;
+}
 .table tfoot strong {
   color: #333;
 }

themes/default-bootstrap/css/jquery/uniform.default.css

@@ -9,23 +9,28 @@ http://uniformjs.com/
 
 */
 /* General settings */
+/* line 178, ../../sass/jquery/_uniform._base.scss */
 div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
   background-image: url("../../../img/jquery/uniform/sprite.png");
   background-repeat: no-repeat;
   -webkit-font-smoothing: antialiased;
 }
+/* line 188, ../../sass/jquery/_uniform._base.scss */
 div.selector, div.checker, div.button, div.radio, div.uploader {
   vertical-align: middle;
   /* Keeping this as :focus to remove browser styles */
 }
+/* line 193, ../../sass/jquery/_uniform._base.scss */
 div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
   outline: 0;
 }
+/* line 203, ../../sass/jquery/_uniform._base.scss */
 div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
   margin: 0;
   padding: 0;
 }
 
+/* line 210, ../../sass/jquery/_uniform._base.scss */
 .highContrastDetect {
   background: url("../../../img/jquery/uniform/bg-input.png") repeat-x 0 0;
   width: 0px;
@@ -33,6 +38,7 @@ div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *
 }
 
 /* Input & Textarea */
+/* line 220, ../../sass/jquery/_uniform._base.scss */
 input.uniform-input,
 select.uniform-multiselect,
 textarea.uniform {
@@ -43,6 +49,7 @@ textarea.uniform {
 
 /* Remove default webkit and possible mozilla .search styles.
  * Keeping this as :active to remove browser styles */
+/* line 234, ../../sass/jquery/_uniform._base.scss */
 div.checker input,
 input[type="search"],
 input[type="search"]:active {
@@ -51,6 +58,7 @@ input[type="search"]:active {
 }
 
 /* Select */
+/* line 240, ../../sass/jquery/_uniform._base.scss */
 div.selector {
   background-position: 0 -54px;
   line-height: 27px;
@@ -59,6 +67,7 @@ div.selector {
   position: relative;
   overflow: hidden;
 }
+/* line 247, ../../sass/jquery/_uniform._base.scss */
 div.selector span {
   text-overflow: ellipsis;
   display: block;
@@ -72,12 +81,15 @@ div.selector span {
   width: 100%;
   display: block;
 }
+/* line 258, ../../sass/jquery/_uniform._base.scss */
 div.selector.fixedWidth {
   width: 190px;
 }
+/* line 260, ../../sass/jquery/_uniform._base.scss */
 div.selector.fixedWidth span {
   width: 150px;
 }
+/* line 265, ../../sass/jquery/_uniform._base.scss */
 div.selector select {
   opacity: 0;
   filter: alpha(opacity=0);
@@ -90,96 +102,124 @@ div.selector select {
   left: 0px;
   width: 100%;
 }
+/* line 275, ../../sass/jquery/_uniform._base.scss */
 div.selector.active span {
   background-position: right -27px;
 }
+/* line 281, ../../sass/jquery/_uniform._base.scss */
 div.selector.hover span, div.selector.focus span {
   background-position: right -27px;
 }
+/* line 286, ../../sass/jquery/_uniform._base.scss */
 div.selector.hover.active span, div.selector.focus.active span {
   background-position: right -27px;
 }
+/* line 294, ../../sass/jquery/_uniform._base.scss */
 div.selector.disabled span, div.selector.disabled.active span {
   background-position: right 0;
 }
 
 /* Select1 */
+/* line 302, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div {
   background-position: 0 -135px;
 }
+/* line 304, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div span {
   background-position: right -81px;
 }
+/* line 309, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div.active span {
   background-position: right -108px;
 }
+/* line 315, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div.hover span, div.selector1 > div.focus span {
   background-position: right -108px;
 }
+/* line 320, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div.hover.active span, div.selector1 > div.focus.active span {
   background-position: right -108px;
 }
+/* line 93, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div.disabled, div.selector1 > div.disabled.active {
   background-position: 0 -135px;
 }
+/* line 328, ../../sass/jquery/_uniform._base.scss */
 div.selector1 > div.disabled span, div.selector1 > div.disabled.active span {
   background-position: right -81px;
 }
 
 /* Select2 */
+/* line 338, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div {
   background-position: 0 -216px;
 }
+/* line 340, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div span {
   background-position: right -162px;
 }
+/* line 345, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div.active span {
   background-position: right -189px;
 }
+/* line 351, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div.hover span, div.selector2 > div.focus span {
   background-position: right -189px;
 }
+/* line 356, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div.hover.active span, div.selector2 > div.focus.active span {
   background-position: right -189px;
 }
+/* line 93, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div.disabled, div.selector2 > div.disabled.active {
   background-position: 0 -216px;
 }
+/* line 364, ../../sass/jquery/_uniform._base.scss */
 div.selector2 > div.disabled span, div.selector2 > div.disabled.active span {
   background-position: right -162px;
 }
 
 /* Select3 */
+/* line 373, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div {
   background-position: 0 -351px;
 }
+/* line 375, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div span {
   background-position: right -297px;
 }
+/* line 380, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div.active span {
   background-position: right -324px;
 }
+/* line 386, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div.hover span, div.selector3 > div.focus span {
   background-position: right -324px;
 }
+/* line 391, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div.hover.active span, div.selector3 > div.focus.active span {
   background-position: right -324px;
 }
+/* line 93, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div.disabled, div.selector3 > div.disabled.active {
   background-position: 0 -351px;
 }
+/* line 399, ../../sass/jquery/_uniform._base.scss */
 div.selector3 > div.disabled span, div.selector3 > div.disabled.active span {
   background-position: right -297px;
 }
 
 /* Checkbox */
+/* line 411, ../../sass/jquery/_uniform._base.scss */
 div.checker {
   position: relative;
 }
+/* line 414, ../../sass/jquery/_uniform._base.scss */
 div.checker, div.checker span, div.checker input {
   width: 15px;
   height: 15px;
 }
+/* line 419, ../../sass/jquery/_uniform._base.scss */
 div.checker span {
   display: -moz-inline-box;
   display: inline-block;
@@ -188,9 +228,11 @@ div.checker span {
   text-align: center;
   background-position: 0 -257px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.checker span.checked {
   background-position: -15px -257px;
 }
+/* line 428, ../../sass/jquery/_uniform._base.scss */
 div.checker input {
   opacity: 0;
   filter: alpha(opacity=0);
@@ -202,40 +244,51 @@ div.checker input {
   *display: inline;
   zoom: 1;
 }
+/* line 434, ../../sass/jquery/_uniform._base.scss */
 div.checker.active span {
   background-position: -15px -257px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.checker.active span.checked {
   background-position: -15px -257px;
 }
+/* line 444, ../../sass/jquery/_uniform._base.scss */
 div.checker.hover span, div.checker.focus span {
   background-position: -30px -257px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.checker.hover span.checked, div.checker.focus span.checked {
   background-position: -15px -257px;
 }
+/* line 453, ../../sass/jquery/_uniform._base.scss */
 div.checker.hover.active span, div.checker.focus.active span {
   background-position: -15px -257px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.checker.hover.active span.checked, div.checker.focus.active span.checked {
   background-position: -15px -257px;
 }
+/* line 93, ../../sass/jquery/_uniform._base.scss */
 div.checker.disabled, div.checker.disabled.active {
   background-position: 0 -257px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.checker.disabled span.checked, div.checker.disabled.active span.checked {
   background-position: 0 -257px;
 }
 
 /* Radio */
+/* line 477, ../../sass/jquery/_uniform._base.scss */
 div.radio {
   position: relative;
   display: inline;
 }
+/* line 480, ../../sass/jquery/_uniform._base.scss */
 div.radio, div.radio span, div.radio input {
   width: 13px;
   height: 13px;
 }
+/* line 484, ../../sass/jquery/_uniform._base.scss */
 div.radio span {
   display: -moz-inline-box;
   display: inline-block;
@@ -244,9 +297,11 @@ div.radio span {
   text-align: center;
   background-position: 0 -243px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.radio span.checked {
   background-position: -13px -243px;
 }
+/* line 494, ../../sass/jquery/_uniform._base.scss */
 div.radio input {
   opacity: 0;
   filter: alpha(opacity=0);
@@ -259,32 +314,41 @@ div.radio input {
   zoom: 1;
   text-align: center;
 }
+/* line 501, ../../sass/jquery/_uniform._base.scss */
 div.radio.active span {
   background-position: -13px -243px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.radio.active span.checked {
   background-position: -13px -243px;
 }
+/* line 511, ../../sass/jquery/_uniform._base.scss */
 div.radio.hover span, div.radio.focus span {
   background-position: -13px -36px -243px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.radio.hover span.checked, div.radio.focus span.checked {
   background-position: -13px -243px;
 }
+/* line 520, ../../sass/jquery/_uniform._base.scss */
 div.radio.hover.active span, div.radio.focus.active span {
   background-position: -13px -243px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.radio.hover.active span.checked, div.radio.focus.active span.checked {
   background-position: -13px -243px;
 }
+/* line 531, ../../sass/jquery/_uniform._base.scss */
 div.radio.disabled span, div.radio.disabled.active span {
   background-position: 0 -243px;
 }
+/* line 99, ../../sass/jquery/_uniform._base.scss */
 div.radio.disabled span.checked, div.radio.disabled.active span.checked {
   background-position: 0 -243px;
 }
 
 /* Uploader */
+/* line 543, ../../sass/jquery/_uniform._base.scss */
 div.uploader {
   background: none;
   height: 27px;
@@ -293,6 +357,7 @@ div.uploader {
   position: relative;
   overflow: hidden;
 }
+/* line 551, ../../sass/jquery/_uniform._base.scss */
 div.uploader span.action {
   background-position: 0 -378px;
   height: 27px;
@@ -304,6 +369,7 @@ div.uploader span.action {
   overflow: hidden;
   cursor: pointer;
 }
+/* line 563, ../../sass/jquery/_uniform._base.scss */
 div.uploader span.filename {
   text-overflow: ellipsis;
   display: block;
@@ -317,6 +383,7 @@ div.uploader span.filename {
   width: 172px;
   padding: 0 10px;
 }
+/* line 574, ../../sass/jquery/_uniform._base.scss */
 div.uploader input {
   opacity: 0;
   filter: alpha(opacity=0);
@@ -333,6 +400,7 @@ div.uploader input {
 }
 
 /* Buttons */
+/* line 588, ../../sass/jquery/_uniform._base.scss */
 div.button {
   background-position: 0 -634px;
   height: 30px;
@@ -340,6 +408,7 @@ div.button {
   position: relative;
   /* Keep buttons barely visible so they can get focus */
 }
+/* line 595, ../../sass/jquery/_uniform._base.scss */
 div.button a, div.button button, div.button input {
   opacity: 0.01;
   filter: alpha(opacity=1);
@@ -351,6 +420,7 @@ div.button a, div.button button, div.button input {
   bottom: 0;
   position: absolute;
 }
+/* line 605, ../../sass/jquery/_uniform._base.scss */
 div.button span {
   display: -moz-inline-box;
   display: inline-block;
@@ -363,22 +433,28 @@ div.button span {
   margin-left: 13px;
   padding: 0;
 }
+/* line 81, ../../sass/jquery/_uniform._base.scss */
 div.button.active {
   background-position: 0 -664px;
 }
+/* line 618, ../../sass/jquery/_uniform._base.scss */
 div.button.active span {
   background-position: right -544px;
   cursor: default;
 }
+/* line 87, ../../sass/jquery/_uniform._base.scss */
 div.button.hover, div.button.focus {
   background-position: 0 -694px;
 }
+/* line 627, ../../sass/jquery/_uniform._base.scss */
 div.button.hover span, div.button.focus span {
   background-position: right -574px;
 }
+/* line 93, ../../sass/jquery/_uniform._base.scss */
 div.button.disabled, div.button.disabled.active {
   background-position: 0 -724px;
 }
+/* line 635, ../../sass/jquery/_uniform._base.scss */
 div.button.disabled span, div.button.disabled.active span {
   background-position: right -604px;
   cursor: default;
@@ -388,6 +464,7 @@ div.button.disabled span, div.button.disabled.active span {
 /* ************************************************************************************************
 		uniform
 ************************************************************************************************ */
+/* line 24, ../../sass/jquery/uniform.default.scss */
 input.uniform-input,
 select.uniform-multiselect,
 textarea.uniform {
@@ -398,6 +475,7 @@ textarea.uniform {
   color: #777;
   border: solid 1px #d6d4d4;
 }
+/* line 87, ../../sass/jquery/_uniform._base.scss */
 input.uniform-input.hover, input.uniform-input.focus,
 select.uniform-multiselect.hover,
 select.uniform-multiselect.focus,
@@ -411,6 +489,7 @@ textarea.uniform.focus {
 
 /* PRESENTATION */
 /* Buttons */
+/* line 44, ../../sass/jquery/uniform.default.scss */
 div.button span {
   font-weight: bold;
   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
@@ -418,75 +497,92 @@ div.button span {
   letter-spacing: 1px;
   text-transform: uppercase;
 }
+/* line 53, ../../sass/jquery/uniform.default.scss */
 div.button.hover span, div.button.focus span {
   color: #555;
 }
+/* line 59, ../../sass/jquery/uniform.default.scss */
 div.button.disabled span, div.button.disabled.active span {
   color: #bbb;
 }
 
 /* Select */
+/* line 68, ../../sass/jquery/uniform.default.scss */
 #compare_shipping .form-group label {
   display: block;
 }
 
+/* line 69, ../../sass/jquery/uniform.default.scss */
 div.selector {
   font-size: 12px;
 }
+/* line 72, ../../sass/jquery/uniform.default.scss */
 div.selector span {
   color: #666;
   text-shadow: 0 1px 0 #fff;
 }
+/* line 78, ../../sass/jquery/uniform.default.scss */
 div.selector select {
   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-size: 12px;
 }
+/* line 84, ../../sass/jquery/uniform.default.scss */
 div.selector.disabled span, div.selector.disabled.active span {
   color: #bbb;
 }
 
+/* line 90, ../../sass/jquery/uniform.default.scss */
 .checker span input {
   margin: 0 !important;
 }
 
+/* line 92, ../../sass/jquery/uniform.default.scss */
 .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
   margin: 0 !important;
 }
 
+/* line 94, ../../sass/jquery/uniform.default.scss */
 .radio-inline, .checkbox-inline {
   cursor: default;
 }
 
 /* Checker */
+/* line 97, ../../sass/jquery/uniform.default.scss */
 div.checker {
   cursor: pointer;
   margin-right: 5px;
 }
+/* line 100, ../../sass/jquery/uniform.default.scss */
 div.checker span {
   position: relative;
   top: -2px;
 }
 
+/* line 103, ../../sass/jquery/uniform.default.scss */
 #layered_form div.checker {
   display: inline;
 }
 
 /* Radio */
+/* line 109, ../../sass/jquery/uniform.default.scss */
 div.radio {
   margin-right: 3px;
 }
+/* line 111, ../../sass/jquery/uniform.default.scss */
 div.radio span {
   position: relative;
   top: -2px;
 }
 
 /* Uploader */
+/* line 115, ../../sass/jquery/uniform.default.scss */
 div.uploader span.action {
   text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
   font-size: 13px;
   font-weight: bold;
   color: #fff;
 }
+/* line 122, ../../sass/jquery/uniform.default.scss */
 div.uploader span.filename {
   color: #777;
   border: solid 1px #d6d4d4;
@@ -494,14 +590,17 @@ div.uploader span.filename {
   background: #fbfbfb;
   margin-right: 2px;
 }
+/* line 131, ../../sass/jquery/uniform.default.scss */
 div.uploader.disabled span.action, div.uploader.disabled.active span.action {
   color: #aaa;
 }
+/* line 135, ../../sass/jquery/uniform.default.scss */
 div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
   border-color: #ddd;
   color: #aaa;
 }
 
+/* line 143, ../../sass/jquery/uniform.default.scss */
 input.uniform-input, input.uniform-input:focus {
   background-color: #fff;
 }

themes/default-bootstrap/css/modules/blockcart/blockcart.css

@@ -106,6 +106,18 @@
   background: #484848;
   color: #fff;
 }
+@media (min-width: 480px) and (max-width: 767px) {
+  #header #cart_block {
+    top: 69px;
+  }
+}
+@media (max-width: 479px) {
+  #header #cart_block {
+    top: 44px;
+    left: 50%;
+    margin-left: -135px;
+  }
+}
 #header #cart_block a {
   color: #fff;
 }

themes/default-bootstrap/css/modules/blockcontact/blockcontact.css

@@ -1,19 +1,24 @@
 /* block CONTACT ******************************************************************************* */
+/* line 4, ../../../sass/modules/blockcontact/blockcontact.scss */
 #contact_block .label {
   display: none;
 }
+/* line 6, ../../../sass/modules/blockcontact/blockcontact.scss */
 #contact_block .block_content {
   color: #888888;
   padding: 0 20px 20px;
 }
+/* line 11, ../../../sass/modules/blockcontact/blockcontact.scss */
 #contact_block p {
   margin-bottom: 4px;
 }
+/* line 13, ../../../sass/modules/blockcontact/blockcontact.scss */
 #contact_block p.tel {
   font: 400 17px/21px Arial, Helvetica, sans-serif;
   color: #fff;
   margin-bottom: 6px;
 }
+/* line 18, ../../../sass/modules/blockcontact/blockcontact.scss */
 #contact_block p.tel i {
   font-size: 25px;
   vertical-align: -2px;

themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css

@@ -85,6 +85,12 @@
 #layered_block_left .layered_filter_ul {
   padding: 0 20px 5px;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  #layered_block_left .layered_filter_ul {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
 #layered_block_left .layered_filter_ul li {
   padding-bottom: 7px;
 }

themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css

@@ -8,6 +8,12 @@
   display: inline-block;
   margin-right: 6px;
 }
+@media (min-width: 768px) and (max-width: 1199px) {
+  #columns #newsletter_block_left .form-group .form-control {
+    margin-bottom: 10px;
+    margin-right: 0;
+  }
+}
 #columns #newsletter_block_left .success_inline, #columns #newsletter_block_left .warning_inline {
   text-align: left;
   padding: 1px 0 0 0;
@@ -28,6 +34,12 @@
   padding: 13px 15px 7px 15px;
   margin-bottom: 0;
 }
+@media (max-width: 767px) {
+  #footer #newsletter_block_left {
+    background: #3F3F3F;
+    width: 100%;
+  }
+}
 #footer #newsletter_block_left h4 {
   background: none;
   float: left;

themes/default-bootstrap/css/modules/blocksearch/blocksearch.css

@@ -5,6 +5,30 @@
   right: 420px;
   top: 50px;
 }
+@media (min-width: 992px) and (max-width: 1199px) {
+  #search_block_top {
+    right: 295px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  #search_block_top {
+    right: 207px;
+  }
+}
+@media (min-width: 480px) and (max-width: 767px) {
+  #search_block_top {
+    right: 0;
+    top: 85px;
+  }
+}
+@media (max-width: 479px) {
+  #search_block_top {
+    top: 56px;
+    right: 50%;
+    width: 270px;
+    margin-right: -135px;
+  }
+}
 #search_block_top .btn.button-search {
   background: #333;
   float: left;
@@ -34,6 +58,21 @@
   float: left;
   margin-right: 1px;
 }
+@media (min-width: 768px) and (max-width: 991px) {
+  #search_block_top #search_query_top {
+    width: 180px;
+  }
+}
+@media (min-width: 480px) and (max-width: 767px) {
+  #search_block_top #search_query_top {
+    width: 212px;
+  }
+}
+@media (max-width: 479px) {
+  #search_block_top #search_query_top {
+    width: 212px;
+  }
+}
 
 .ac_results {
   background: #fff;

themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

@@ -17,6 +17,16 @@
   border-bottom: 3px solid #e9e9e9;
   background: #f6f6f6;
 }
+@media (min-width: 480px) and (max-width: 767px) {
+  .sf-menu {
+    margin-top: 80px;
+  }
+}
+@media (max-width: 479px) {
+  .sf-menu {
+    margin-top: 70px;
+  }
+}
 
 .sf-menu ul {
   position: absolute;
@@ -52,7 +62,7 @@
   padding: 17px 20px;
   border-bottom: 3px solid #e9e9e9;
 }
-.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce a {
+.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
   background: #333;
   border-bottom-color: #666666;
   color: #fff;
@@ -85,9 +95,9 @@
   z-index: 99;
   width: 220px;
   padding: 25px 30px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
-  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
+  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
+  box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
 }
 
 ul.sf-menu li:hover li ul,

themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css

@@ -1,18 +1,43 @@
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
 /* block top user information */
 #header_right #header_user {
   clear: both;
   float: right;
   margin-top: 50px;
 }
+@media (min-width: 480px) and (max-width: 767px) {
+  #header_right #header_user {
+    margin-top: 25px;
+  }
+}
+@media (max-width: 479px) {
+  #header_right #header_user {
+    float: none;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 95px;
+    width: 270px;
+  }
+}
 #header_right #header_user #shopping_cart a {
   padding: 7px 10px 14px 16px;
   background: #333333;
   min-width: 270px;
-  /* 200 */
   display: block;
   font-weight: bold;
   color: #777777;
-  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
+  text-shadow: 1px 1px rgba(0, 0, 0, 0);
+  overflow: hidden;
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  #header_right #header_user #shopping_cart a {
+    min-width: 190px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  #header_right #header_user #shopping_cart a span.ajax_cart_product_txt, #header_right #header_user #shopping_cart a span.ajax_cart_product_txt_s {
+    display: none !important;
+  }
 }
 #header_right #header_user #shopping_cart a b {
   color: #fff;

themes/default-bootstrap/css/modules/blockviewed/blockviewed.css

@@ -1,4 +1,5 @@
 /* Block Viewed Products */
+/* line 4, ../../../sass/modules/blockviewed/blockviewed.scss */
 #viewed-products_block_left li.last_item {
   padding-bottom: 0;
   margin-bottom: 0;

themes/default-bootstrap/css/modules/carriercompare/style.css

@@ -1,73 +1,92 @@
+/* line 3, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .form-group {
   line-height: normal;
   margin-bottom: 10px;
 }
+/* line 7, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .form-group label {
   margin-bottom: 6px;
 }
+/* line 9, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .form-group .form-control {
   width: 263px;
 }
+/* line 13, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .form-group.last {
   margin-bottom: 20px;
 }
+/* line 15, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .form-group.last input {
   margin-bottom: 3px;
 }
+/* line 19, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .table {
   background: #fff;
 }
+/* line 26, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .table thead tr th {
   background: #fff;
   padding: 4px 10px 3px 10px;
 }
+/* line 34, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .table tbody td {
   margin: 0;
 }
+/* line 37, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .table tbody td.carrier_action {
   width: 54px;
   padding-left: 0;
   padding-right: 0;
   text-align: center;
 }
+/* line 43, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping .table tbody td.carrier_action input {
   margin: 0;
 }
 
+/* line 53, ../../../sass/modules/carriercompare/style.scss */
 #availableCarriers .table {
   margin-bottom: 20px;
 }
 
+/* line 57, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping ul#carriercompare_errors_list {
   color: red;
 }
 
+/* line 60, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping_form {
   padding-bottom: 20px;
 }
 
+/* line 61, ../../../sass/modules/carriercompare/style.scss */
 #compare_shipping ul#carriercompare_errors_list li {
   margin-left: 30px;
   text-decoration: none;
   list-style: none;
 }
 
+/* line 68, ../../../sass/modules/carriercompare/style.scss */
 #SE_AjaxDisplay {
   text-align: center;
   display: none;
 }
 
+/* line 74, ../../../sass/modules/carriercompare/style.scss */
 #SE_AjaxDisplay img {
   width: 15px;
 }
 
+/* line 79, ../../../sass/modules/carriercompare/style.scss */
 .SE_SubmitRefreshCard button {
   float: left;
 }
+/* line 82, ../../../sass/modules/carriercompare/style.scss */
 .SE_SubmitRefreshCard button#carriercompare_submit {
   margin-right: 10px;
 }
 
+/* line 87, ../../../sass/modules/carriercompare/style.scss */
 #carriercompare_errors {
   display: none;
 }

themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css

@@ -1,3 +1,4 @@
+/* line 1, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 #favoriteproducts_block_account .favoriteproduct {
   position: relative;
   margin-bottom: 14px;
@@ -6,6 +7,7 @@
   border-radius: 3px 3px 3px 3px;
 }
 
+/* line 9, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 .favoriteproduct a.product_img_link {
   border: 1px solid #CCCCCC;
   display: block;
@@ -15,35 +17,41 @@
   position: relative;
 }
 
+/* line 17, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 .favoriteproduct p.product_desc {
   line-height: 16px;
   overflow: hidden;
   padding: 0;
 }
 
+/* line 23, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 .favoriteproduct .remove {
   position: absolute;
   top: 10px;
   right: 10px;
 }
 
+/* line 28, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 .favoriteproduct .remove .icon {
   cursor: pointer;
 }
 
 /* lnk fiche produit */
+/* line 33, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 #usefull_link_block li#favoriteproducts_block_extra_add {
   padding-left: 20px;
   background: url(img/add_favorite.gif) no-repeat 0 0;
   cursor: pointer;
 }
 
+/* line 39, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 #usefull_link_block li#favoriteproducts_block_extra_remove {
   padding-left: 20px;
   background: url(img/del_favorite.gif) no-repeat 0 0;
   cursor: pointer;
 }
 
+/* line 45, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 ul#usefull_link_block li#favoriteproducts_block_extra_added {
   padding-left: 20px;
   background: url(img/add_favorite.gif) no-repeat 0 0;
@@ -51,6 +59,7 @@ ul#usefull_link_block li#favoriteproducts_block_extra_added {
   display: none;
 }
 
+/* line 51, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
 ul#usefull_link_block li#favoriteproducts_block_extra_removed {
   padding-left: 20px;
   background: url(img/add_favorite.gif) no-repeat 0 0;

themes/default-bootstrap/css/modules/homeslider/bx_styles.css

@@ -12,6 +12,7 @@
 /******************************************************************************
 						Home Page Slider
 *******************************************************************************/
+/* line 18, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider {
   padding-left: 0;
   padding-right: 0;
@@ -21,6 +22,7 @@
   position: relative;
   z-index: 1;
 }
+/* line 27, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider #homeslider {
   margin: 0 auto;
   padding: 0;
@@ -31,6 +33,7 @@
 ********************************************************************************/
 /** RESET AND LAYOUT
 ===================================*/
+/* line 37, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider {
   /** THEME
   ===================================*/
@@ -41,27 +44,33 @@
   /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
   /* IMAGE CAPTIONS */
 }
+/* line 38, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper {
   position: relative;
   padding: 0;
   *zoom: 1;
 }
+/* line 43, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper a {
   display: block;
 }
+/* line 45, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper img {
   display: block;
   max-width: 100%;
 }
+/* line 55, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-viewport {
   width: 100%;
 }
+/* line 61, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-pager,
 #homepage-slider .bx-wrapper .bx-controls-auto {
   position: absolute;
   bottom: -30px;
   width: 100%;
 }
+/* line 69, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-loading {
   min-height: 50px;
   background: url(images/bx_loader.gif) center center no-repeat white;
@@ -72,6 +81,7 @@
   left: 0;
   z-index: 2000;
 }
+/* line 82, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
@@ -80,12 +90,14 @@
   color: #666;
   padding-top: 20px;
 }
+/* line 92, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   *zoom: 1;
   *display: inline;
 }
+/* line 98, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
@@ -98,22 +110,28 @@
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }
+/* line 112, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
 #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #000;
 }
+/* line 118, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-prev {
   right: 60px;
 }
+/* line 121, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-prev:after {
   content: "";
 }
+/* line 126, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-next {
   right: 10px;
 }
+/* line 129, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-next:after {
   content: "";
 }
+/* line 134, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-direction a {
   position: absolute;
   bottom: 10px;
@@ -124,6 +142,7 @@
   z-index: 9999;
   border: 2px solid #fff;
 }
+/* line 144, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
   height: 48px;
   width: 48px;
@@ -137,6 +156,7 @@
   top: 0;
   z-index: 1;
 }
+/* line 158, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-direction a:after {
   display: block;
   width: 48px;
@@ -152,16 +172,20 @@
   z-index: 2;
   padding: 16px 0 0 0;
 }
+/* line 176, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
   background: #333;
   opacity: 0.83;
 }
+/* line 183, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
   display: none;
 }
+/* line 189, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-auto {
   text-align: center;
 }
+/* line 193, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
@@ -171,10 +195,12 @@
   background: url(images/controls.png) -86px -11px no-repeat;
   margin: 0 3px;
 }
+/* line 204, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
   background-position: -86px 0;
 }
+/* line 208, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
@@ -184,18 +210,22 @@
   background: url(images/controls.png) -86px -44px no-repeat;
   margin: 0 3px;
 }
+/* line 219, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
 #homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
   background-position: -86px -33px;
 }
+/* line 225, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: left;
   width: 80%;
 }
+/* line 230, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   right: 0;
   width: 35px;
 }
+/* line 237, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
@@ -204,6 +234,7 @@
   background: rgba(80, 80, 80, 0.75);
   width: 100%;
 }
+/* line 246, ../../../sass/modules/homeslider/bx_styles.scss */
 #homepage-slider .bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;

themes/default-bootstrap/css/product_list.css

@@ -30,6 +30,12 @@ ul.product_list .color-list-container ul li a {
   height: 23px;
   margin: 1px;
 }
+ul.product_list .product-image-container {
+  text-align: center;
+}
+ul.product_list .product-image-container img {
+  margin: 0 auto;
+}
 ul.product_list .product-image-container .quick-view {
   font: 700 13px/16px Arial, Helvetica, sans-serif;
   color: #777676;
@@ -67,6 +73,7 @@ ul.product_list.grid > li {
 @media (min-width: 480px) and (max-width: 767px) {
   ul.product_list.grid > li {
     width: 50%;
+    float: left;
   }
 }
 ul.product_list.grid > li .product-container {
@@ -171,22 +178,22 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
     display: none;
   }
 }
-ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
+ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
   content: "";
   display: inline-block;
   font-family: 'FontAwesome';
 }
 @media (min-width: 992px) and (max-width: 1199px) {
-  ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
+  ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
     display: none;
   }
 }
 @media (min-width: 480px) and (max-width: 767px) {
-  ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
+  ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
     display: none;
   }
 }
-ul.product_list.grid > li .product-container .functional-buttons div.compare.compare.checked:before {
+ul.product_list.grid > li .product-container .functional-buttons div.compare label.checked:before {
   content: "";
 }
 @media (min-width: 1200px) {
@@ -324,6 +331,11 @@ ul.product_list.list > li .right-block .right-block-content .button-container .b
     clear: both;
   }
 }
+@media (min-width: 992px) {
+  ul.product_list.list > li .right-block .right-block-content .functional-buttons {
+    overflow: hidden;
+  }
+}
 @media (max-width: 991px) {
   ul.product_list.list > li .right-block .right-block-content .functional-buttons {
     clear: both;
@@ -388,7 +400,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
   -o-border-radius: 100px;
   border-radius: 100px;
   margin-right: 3px;
-  padding: 4px 0 0 0;
+  padding: 6px 0 0 0;
   color: #fff;
 }
 ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover {
@@ -397,6 +409,12 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
 ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before {
   background: #333333;
 }
+ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label.checked:before {
+  background: #fff;
+  border: 1px solid #929292;
+  color: #929292;
+  padding-top: 5px;
+}
 @media (min-width: 1200px) {
   ul.product_list.list > li:hover .product-image-container .quick-view {
     display: block;
@@ -412,14 +430,31 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
 			 Product list(Index page) Styles 
 ********************************************************/
 #index ul.product_list.tab-pane > li {
-  padding-bottom: 35px;
+  padding-bottom: 10px;
-  margin-bottom: 50px;
+  margin-bottom: 10px;
+}
+@media (min-width: 1200px) {
+  #index ul.product_list.tab-pane > li {
+    /* min 1200px */
+    padding-bottom: 35px;
+    margin-bottom: 50px;
+  }
 }
 #index ul.product_list.tab-pane > li .availability {
   display: none;
 }
-#index ul.product_list.tab-pane > li.last-line {
+@media (min-width: 1200px) {
-  border: none;
+  #index ul.product_list.tab-pane > li.last-line {
-  padding-bottom: 0;
+    border: none;
-  margin-bottom: 0;
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 480px) and (max-width: 767px) {
+  #index ul.product_list.tab-pane > li.first-item-of-tablet-line {
+    clear: none;
+  }
+  #index ul.product_list.tab-pane > li.first-item-of-mobile-line {
+    clear: left;
+  }
 }

themes/default-bootstrap/css/rtl.css

@@ -1,7 +1,9 @@
+/* line 1, ../sass/rtl.scss */
 * {
   direction: rtl !important;
 }
 
+/* line 2, ../sass/rtl.scss */
 #page {
   text-align: right !important;
 }

themes/default-bootstrap/css/scenes.css

@@ -1,4 +1,5 @@
 /*TMP*/
+/* line 3, ../sass/scenes.scss */
 #scenes .cluetip span {
   background: transparent url(../img/icon/cible.gif) no-repeat scroll center center;
   color: black;
@@ -12,6 +13,7 @@
 }
 
 /*TMP*/
+/* line 15, ../sass/scenes.scss */
 .thumbs_banner {
   margin: 10px auto;
   padding: 2px 0;
@@ -21,6 +23,7 @@
   border-bottom: 1px solid #ccc;
 }
 
+/* line 24, ../sass/scenes.scss */
 .thumbs_banner .space-keeper {
   width: 21px;
   float: left;
@@ -28,6 +31,7 @@
   height: 100%;
 }
 
+/* line 31, ../sass/scenes.scss */
 .thumbs_banner .space-keeper a.prev {
   display: none;
   width: 21px;
@@ -37,24 +41,29 @@
   background: url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eeeeee;
 }
 
+/* line 39, ../sass/scenes.scss */
 #scenes_list {
   overflow: hidden;
   float: left;
   width: 478px;
 }
 
+/* line 44, ../sass/scenes.scss */
 #scenes_list ul {
   list-style-type: none;
 }
 
+/* line 48, ../sass/scenes.scss */
 #scenes_list li {
   float: left;
 }
 
+/* line 52, ../sass/scenes.scss */
 #scenes_list a {
   display: block;
 }
 
+/* line 56, ../sass/scenes.scss */
 .thumbs_banner a.next {
   float: left;
   display: block;
@@ -66,16 +75,19 @@
 }
 
 /* Cluetip design ****************************************************************************** */
+/* line 67, ../sass/scenes.scss */
 #scenes .screen_scene {
   margin: 0 auto;
 }
 
+/* line 71, ../sass/scenes.scss */
 #scenes a.cluetip {
   display: block;
   position: absolute;
   text-decoration: none;
 }
 
+/* line 77, ../sass/scenes.scss */
 .cluetip-product_scene {
   padding: 10px;
   border: 7px solid #999;
@@ -87,17 +99,20 @@
   opacity: 0.95;
 }
 
+/* line 88, ../sass/scenes.scss */
 .cluetip-product_scene #cluetip-close {
   text-align: right;
   float: right;
 }
 
+/* line 93, ../sass/scenes.scss */
 .cluetip-product_scene img {
   float: left;
   margin-right: 10px;
   border: 1px solid #cccccc;
 }
 
+/* line 98, ../sass/scenes.scss */
 .cluetip-product_scene .title_block {
   display: inline-block;
   margin-bottom: 5px;
@@ -105,16 +120,19 @@
   font-size: 12px;
 }
 
+/* line 105, ../sass/scenes.scss */
 .cluetip-product_scene .clear {
   margin: 0;
   padding: 0;
 }
 
+/* line 106, ../sass/scenes.scss */
 .cluetip-product_scene .clear a {
   /*float:left;*/
   margin-top: 2px;
 }
 
+/* line 111, ../sass/scenes.scss */
 .cluetip-product_scene p.description {
   float: left;
   padding: 0;
@@ -122,6 +140,7 @@
   color: #666666;
 }
 
+/* line 118, ../sass/scenes.scss */
 .cluetip-product_scene div.prices {
   float: right;
   position: relative;
@@ -129,6 +148,7 @@
   text-align: right;
 }
 
+/* line 124, ../sass/scenes.scss */
 .cluetip-product_scene .new {
   position: absolute;
   top: 0;
@@ -142,6 +162,7 @@
   background: none repeat scroll 0 0 #9b0000;
 }
 
+/* line 136, ../sass/scenes.scss */
 .cluetip-product_scene .price {
   padding-top: 18px;
   font-weight: bold;
@@ -149,6 +170,7 @@
   color: #990000;
 }
 
+/* line 142, ../sass/scenes.scss */
 .cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
   display: block;
   font-weight: bold;

themes/default-bootstrap/guest-tracking.tpl

@@ -109,7 +109,7 @@
                         <i>{l s='For example: QIIXJXNUI or QIIXJXNUI#1'}</i>
                     </div>
                     <div class="text form-group">
-                        <label>{l s='Email'}</label>
+                        <label>{l s='Email:'}</label>
                         <input class="form-control" type="text" name="email" value="{if isset($smarty.get.email)}{$smarty.get.email|escape:'htmlall':'UTF-8'}{else}{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall':'UTF-8'}{/if}{/if}" />
                     </div>
 			<p>

themes/default-bootstrap/header.tpl

@@ -69,11 +69,16 @@
 	{/foreach}
 {/if}
 <script src="{$js_dir}/tools/bootstrap.min.js"></script>
+<!--[if IE 7]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}">
+	 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+<![endif]-->
 <script src="{$js_dir}/tools/jquery.total-storage.min.js"></script>
 <script src="{$js_dir}/jquery/jquery.uniform-modify.js"></script>
 <script src="{$js_dir}/jquery/highdpi.js"></script>
 <script src="{$js_dir}/jquery/jquery.bxslider.js"></script>
 <script src="{$js_dir}/jquery/footable.js"></script>
+<script src="{$js_dir}/jquery/resonsive_utilites.js"></script>
 		{$HOOK_HEADER}
 	</head>
 	
@@ -117,7 +122,7 @@
                                             </div>
                                         {/if}
                                     {/foreach}
-                                    <ul id="first-languages" class="countries_ul">
+                                    <ul id="first-languages" class="countries_ul toogle_content">
                                     {foreach from=$languages key=k item=language name="languages"}
                                         <li {if $language.iso_code == $lang_iso}class="selected"{/if}>
                                         {if $language.iso_code != $lang_iso}
@@ -159,12 +164,12 @@
                                         <div class="current">
                                             <input type="hidden" name="id_currency" id="id_currency" value=""/>
                                             <input type="hidden" name="SubmitCurrency" value="" />
-                                            {l s='Currency' mod='blockcurrencies'} :
+                                            <span class="cur-label">{l s='Currency' mod='blockcurrencies'} :</span>
                                             {foreach from=$currencies key=k item=f_currency}
                                                 {if $cookie->id_currency == $f_currency.id_currency}<strong>{$f_currency.iso_code}</strong>{/if}
                                             {/foreach}
                                         </div>
-                                        <ul id="first-currencies" class="currencies_ul">
+                                        <ul id="first-currencies" class="currencies_ul toogle_content">
                                             {foreach from=$currencies key=k item=f_currency}
                                                 <li {if $cookie->id_currency == $f_currency.id_currency}class="selected"{/if}>
                                                     <a href="javascript:setCurrency({$f_currency.id_currency});" title="{$f_currency.name}" rel="nofollow">{$f_currency.name}</a>
@@ -184,7 +189,7 @@
                     </div>
                 	<div class="container header-row-2">
                         <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
-                            <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
+                            <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
                         </a>
                         <div id="header_right">
                             {$HOOK_TOP}

themes/default-bootstrap/history.tpl

@@ -39,7 +39,7 @@
 				<th class="first_item">{l s='Order reference'}</th>
 				<th class="item">{l s='Date'}</th>
 				<th data-hide="phone" class="item">{l s='Total price'}</th>
-				<th data-hide="phone,tablet" class="item">{l s='Payment: '}</th>
+				<th data-hide="phone,tablet" class="item">{l s='Payment'}</th>
 				<th class="item">{l s='Status'}</th>
 				<th data-hide="phone,tablet" class="item">{l s='Invoice'}</th>
 				<th data-hide="phone,tablet" class="last_item">&nbsp;</th>
@@ -55,14 +55,14 @@
 				<td class="history_date bold">{dateFormat date=$order.date_add full=0}</td>
 				<td class="history_price"><span class="price">{displayPrice price=$order.total_paid currency=$order.id_currency no_utf8=false convert=false}</span></td>
 				<td class="history_method">{$order.payment|escape:'htmlall':'UTF-8'}</td>
-				<td class="history_state">{if isset($order.order_state)}{$order.order_state|escape:'htmlall':'UTF-8'}{/if}</td>
+				<td class="history_state">{if isset($order.order_state)}<span class="label{if $order.id_order_state == 1 || $order.id_order_state == 10 || $order.id_order_state == 11} label-info{elseif $order.id_order_state == 5 || $order.id_order_state == 2 || $order.id_order_state == 12} label-success{elseif $order.id_order_state == 6 || $order.id_order_state == 7 || $order.id_order_state == 8} label-danger{elseif $order.id_order_state == 3 || $order.id_order_state == 9 || $order.id_order_state == 4} label-warning{/if}">{$order.order_state|escape:'htmlall':'UTF-8'}</span>{/if}</td>
 				<td class="history_invoice">
 				{if (isset($order.invoice) && $order.invoice && isset($order.invoice_number) && $order.invoice_number) && isset($invoiceAllowed) && $invoiceAllowed == true}
 					<a class="link-button" href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}" title="{l s='Invoice'}" class="_blank"><i class="icon-file-text large"></i>{l s='PDF'}</a>
 				{else}-{/if}
 				</td>
 				<td class="history_detail">
-					<a class="btn btn-default button button-small" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');"><span>{l s='details'}<i class="icon-chevron-right right"></i></span></a>
+					<a class="btn btn-default button button-small" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');"><span>{l s='Details'}<i class="icon-chevron-right right"></i></span></a>
 					{if isset($opc) && $opc}
 						<a class="link-button" href="{$link->getPageLink('order-opc', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">
 					{else}

themes/default-bootstrap/js/jquery/resonsive_utilites.js

@@ -0,0 +1,45 @@
+/*********************************************************** TMMenuDropDown **********************************/
+function tmDropDown (elementType, elementClick, elementSlide, activeClass){
+	elementType = elementType;           // special if hidden element isn't next (like for cart block here)
+	elementClick = elementClick;         // element to click
+	elementSlide =  elementSlide;        // element to show/hide
+	activeClass = activeClass;			 // active class for "element to click"
+
+
+	//show/hide elements
+	$(elementClick).on('click touchstart', function(){
+		if (elementType != 'cart')
+			var subUl = $(this).next(elementSlide);
+		else
+			var subUl = $(this).parents('#header').find(elementSlide);
+		if(subUl.is(':hidden')) {
+			subUl.slideDown(),
+			$(this).addClass(activeClass)	
+		}
+		else {
+			subUl.slideUp(),
+			$(this).removeClass(activeClass)
+		}
+		$(elementClick).not(this).next(elementSlide).slideUp(),
+		$(elementClick).not(this).removeClass(activeClass);
+		return false
+	}),
+
+	//enable clicks on showed elements
+	$(elementSlide).on('click touchstart', function(e){
+		e.stopPropagation();
+	});
+
+	// hide showed elements on document click
+	$(document).on('click touchstart', function(){
+		if (elementType != 'cart')
+			var elementHide = $(elementClick).next(elementSlide);
+		else
+			var elementHide = $(elementClick).parents('#header').find(elementSlide);
+			$(elementHide).slideUp();
+	})
+};
+$(document).ready(function(){ 
+	tmDropDown ('', '#header .current', 'ul.toogle_content', 'active');							// all of this should be defined or left empty brackets
+	//tmDropDown ('cart', 'li#shopping_cart > a', '#cart_block', 'active');			// all of this should be defined or left empty brackets
+});

themes/default-bootstrap/js/order-opc.js

@@ -441,6 +441,7 @@ $(function() {
 				updateState();
 				updateNeedIDNumber();
 				updateZipCode();
+				$("select.form-control,input[type='checkbox'],input[type='radio']").uniform(); 
 			});
 			$('#opc_guestCheckout').click(function() {
 				$('.is_customer_param').hide();
@@ -452,6 +453,7 @@ $(function() {
 				updateState();
 				updateNeedIDNumber();
 				updateZipCode();
+				$("select.form-control,input[type='checkbox']").uniform(); 
 			});
 		}
 		else if (isGuest)
@@ -667,7 +669,7 @@ $(function() {
 			$('#submitAccount').show();
 		}
 	});
-	
+	$("select.form-control,input[type='checkbox']").uniform();  
 });
 
 function bindCheckbox()
@@ -683,6 +685,7 @@ function bindCheckbox()
 	}
 	else
 		$('#opc_invoice_address').slideUp('slow');
+	$("select.form-control,input[type='checkbox']").uniform();  
 }
 
 function bindInputs()
@@ -718,6 +721,7 @@ function bindInputs()
 				$('#opc_delivery_methods-overlay').fadeOut('slow');
 			}
 		});
+		$("select.form-control,input[type='checkbox']").uniform();  
 	});
 	
 	// Recyclable checkbox
@@ -736,6 +740,7 @@ function bindInputs()
 	
 	if ($('#gift').is(':checked'))
 		$('#gift_div').show();
+		
 	else
 		$('#gift_div').hide();
 
@@ -748,6 +753,7 @@ function bindInputs()
 	$('#cgv').click(function() {
 		updatePaymentMethodsDisplay();
 	});
+	$("select.form-control,input[type='checkbox']").uniform();
 }
 
 function multishippingMode(it)
@@ -854,6 +860,7 @@ function multishippingMode(it)
 			}
 		});
 	}
+	$("select.form-control,input[type='checkbox']").uniform();  
 }
 
 $(document).ready(function() {
@@ -867,4 +874,5 @@ $(document).ready(function() {
 	}
 	if (typeof(open_multishipping_fancybox) !== 'undefined' && open_multishipping_fancybox)
 		$('#link_multishipping_form').click();
+		$("select.form-control,input[type='checkbox']").uniform();  
 });

themes/default-bootstrap/js/products-comparison.js

@@ -23,14 +23,15 @@
 *  International Registered Trademark & Property of PrestaShop SA
 */
 
-$('document').ready(function(){
-	reloadProductComparison();
-});
-
 reloadProductComparison = function() {
+	$('input:checkbox.comparator').each(function() {
+        var checkedCheckbox = $(this);
+		if (checkedCheckbox.is(':checked'))
+			checkedCheckbox.parent().addClass('checked');
+    });
 	$('a.cmp_remove').click(function(){
 
-		var idProduct = $(this).attr('rel').replace('ajax_id_product_', '');
+		var idProduct = $(this).prop('rel').replace('ajax_id_product_', '');
 
 		$.ajax({
   			url: 'index.php?controller=products-comparison&ajax=1&action=remove&id_product=' + idProduct,
@@ -41,14 +42,12 @@ reloadProductComparison = function() {
 			}
 		});	
 	});
-
 	$('input:checkbox.comparator').click(function(){
-	
+		var totalValueNow = parseInt($('.bt_compare').next('.compare_product_count').val());
-		var idProduct = $(this).attr('value').replace('comparator_item_', '');
+		var idProduct = $(this).prop('value').replace('comparator_item_', '');
 		var checkbox = $(this);
-		
 		if(checkbox.is(':checked'))
-{
+		{
 			$.ajax({
 	  			url: 'index.php?controller=products-comparison&ajax=1&action=add&id_product=' + idProduct,
 	 			async: true,
@@ -56,12 +55,19 @@ reloadProductComparison = function() {
 	  			success: function(data){
 	  				if (data === '0')
 	  				{
-	  					checkbox.attr('checked', false);
+	  					checkbox.prop('checked', false);
 						alert(max_item);
 					}
+					else {
+							checkbox.prop('checked', true),
+							checkbox.parent().addClass('checked'),
+							totalVal = totalValueNow +1,
+							$('.bt_compare').next('.compare_product_count').val(totalVal),
+							totalValue(totalVal)
+					}
 	  			},
 	    		error: function(){
-	    			checkbox.attr('checked', false);
+	    			checkbox.prop('checked', false);
 	    		}
 			});	
 		}
@@ -73,12 +79,20 @@ reloadProductComparison = function() {
 	 			cache: false,
 	  			success: function(data){
 	  				if (data === '0')
-	  					checkbox.attr('checked', true);
+					
+	  					checkbox.prop('checked', true);
+						checkbox.parent().removeClass('checked');
+						totalVal = totalValueNow -1;
+						$('.bt_compare').next('.compare_product_count').val(totalVal),
+						totalValue(totalVal)
 	    		}, 
 	    		error: function(){
-	    			checkbox.attr('checked', true);
+	    			checkbox.prop('checked', true);
 	    		}
 			});	
 		}
 	});
 }
+function totalValue(value) {
+	$('.bt_compare').find('.total-compare-val').html(value);
+}

themes/default-bootstrap/js/tools/respond.min.js

@@ -0,0 +1,6 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
+
+/*! Respond.js v1.3.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
+(function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var b=m.shift();v(b.href,function(c){p(c,b.href,b.media),h[b.href]=!0,a.setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(b){var h="clientWidth",k=d[h],m="CSS1Compat"===c.compatMode&&k||c.body[h]||k,n={},o=l[l.length-1],p=(new Date).getTime();if(b&&q&&i>p-q)return a.clearTimeout(r),r=a.setTimeout(u,i),void 0;q=p;for(var v in e)if(e.hasOwnProperty(v)){var w=e[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?t||s():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?t||s():1)),w.hasquery&&(z&&A||!(z||m>=x)||!(A||y>=m))||(n[w.media]||(n[w.media]=[]),n[w.media].push(f[w.rules]))}for(var C in g)g.hasOwnProperty(C)&&g[C]&&g[C].parentNode===j&&j.removeChild(g[C]);for(var D in n)if(n.hasOwnProperty(D)){var E=c.createElement("style"),F=n[D].join("\n");E.type="text/css",E.media=D,j.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(c.createTextNode(F)),g.push(E)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this);

themes/default-bootstrap/lang/en.php

@@ -202,7 +202,7 @@ $_LANG['order-follow_8cf04a9734132302f96da8e113e80ce5'] = 'Home';
 $_LANG['order-opc-new-account_936ccdb97115e9f35a11d35e3d5b5cad'] = 'Click here';
 $_LANG['order-opc-new-account_b357b524e740bc85b9790a0712d84a30'] = 'Email address';
 $_LANG['order-opc-new-account_01a569ddc6cf67ddec2a683f0a5f5956'] = 'Forgot your password?';
-$_LANG['order-opc-new-account_99dea78007133396a7b8ed70578ac6ae'] = 'Login';
+$_LANG['order-opc-new-account_99dea78007133396a7b8ed70578ac6ae'] = 'Sign in';
 $_LANG['order-opc-new-account_766d4aaf3e045538be23f9a9e17a1593'] = 'Instant checkout';
 $_LANG['order-opc-new-account_ce8ae9da5b7cd6c3df2929543a9af92d'] = 'Email';
 $_LANG['order-opc-new-account_b78a3223503896721cca1303f776159b'] = 'Title';

themes/default-bootstrap/manufacturer-list.tpl

@@ -46,8 +46,8 @@
 
 	{if $nbManufacturers > 0}
     	<div class="content_sortPagiBar">
-        	<div class="sortPagiBar clearfix hidden-xs">
+        	<div class="sortPagiBar clearfix">
-            	<ul class="display">
+            	<ul class="display hidden-xs">
                     <li class="display-title">{l s='View:'}</li>
                     <li id="grid"><a onclick="display('grid');"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
                     <li id="list"><a onclick="display('list');"><i class="icon-th-list"></i>{l s='List'}</a></li>

themes/default-bootstrap/modules/blockcategories/blockcategories_footer.tpl

@@ -24,7 +24,7 @@
 *}
 
 <!-- Block categories module -->
-<section class="blockcategories_footer footer-block col-xs-12 col-md-2">
+<section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
 	<h4>{l s='Categories' mod='blockcategories'}</h4>
 <div class="category_footer">
 	<div class="list">

themes/default-bootstrap/modules/blockcms/blockcms.tpl

@@ -46,7 +46,7 @@
 	<!-- /Block CMS module -->
 {else}
 	<!-- MODULE Block footer -->
-	<section class="footer-block col-xs-12 col-md-2" id="block_various_links_footer">
+	<section class="footer-block col-xs-12 col-sm-2" id="block_various_links_footer">
 		<h4>{l s='Information' mod='blockcms'}</h4>
 		<ul>
 			{if !$PS_CATALOG_MODE}<li class="first_item"><a href="{$link->getPageLink('prices-drop')|escape:'html'}" title="{l s='Specials' mod='blockcms'}">{l s='Specials' mod='blockcms'}</a></li>{/if}

themes/default-bootstrap/modules/blockcontactinfos/blockcontactinfos.tpl

@@ -25,7 +25,7 @@
 *}
 
 <!-- MODULE Block contact infos -->
-<section id="block_contact_infos" class="footer-block col-xs-12 col-md-4">
+<section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
 	<div>
         <h4>{l s='Store Information' mod='blockcontactinfos'}</h4>
         <ul>

themes/default-bootstrap/modules/blockmyaccountfooter/blockmyaccountfooter.tpl

@@ -24,7 +24,7 @@
 *}
 
 <!-- Block myaccount module -->
-<section class="footer-block col-xs-12 col-md-4">
+<section class="footer-block col-xs-12 col-sm-4">
 	<h4><a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Manage my customer account' mod='blockmyaccountfooter'}" rel="nofollow">{l s='My account' mod='blockmyaccountfooter'}</a></h4>
 	<div class="block_content">
 		<ul class="bullet">

themes/default-bootstrap/modules/blocksearch/blocksearch-top.tpl

@@ -37,7 +37,6 @@
 <div id="search_block_top">
 	<form method="get" action="{$link->getPageLink('search')|escape:'html'}" id="searchbox">
 		<div>
-			<label for="search_query_top"><!-- image on background --></label>
 			<input type="hidden" name="controller" value="search" />
 			<input type="hidden" name="orderby" value="position" />
 			<input type="hidden" name="orderway" value="desc" />

themes/default-bootstrap/modules/blocksocial/blocksocial.tpl

@@ -32,3 +32,4 @@
 	</ul>
     <h4>{l s='Follow us:' mod='blocksocial'}</h4>
 </section>
+<div class="clearfix"></div>

themes/default-bootstrap/modules/productcomments/productcomments-extra.tpl

@@ -37,7 +37,7 @@ $(function(){
 
 {if ($logged == 1 || $nbComments != 0) && !$content_only}
 </div><!-- Close the OosHook -->
-<div id="product_comments_block_extra">
+<div id="product_comments_block_extra" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
 	{if $nbComments != 0}
 	<div class="comments_note clearfix">
 		<span>{l s='Rating' mod='productcomments'}&nbsp</span>
@@ -49,13 +49,14 @@ $(function(){
 				<div class="star star_on"></div>
 			{/if}
 		{/section}
+        <span class="hidden" itemprop="ratingValue">{$averageTotal}</span> 
 		</div>
 	</div>
 	{/if}
 
 	<ul class="comments_advices">
 		{if $nbComments != 0}
-		<li><a href="#idTab5" class="reviews">{l s='Read reviews' mod='productcomments'} ({$nbComments})</a></li>
+		<li><a href="#idTab5" class="reviews">{l s='Read reviews' mod='productcomments'} (<span itemprop="reviewCount">{$nbComments}</span>)</a></li>
 		{/if}
 		{if ($too_early == false AND ($logged OR $allow_guests))}
 		<li><a class="open-comment-form" href="#new_comment_form">{l s='Write a review' mod='productcomments'}</a></li>

themes/default-bootstrap/order-detail.tpl

@@ -64,8 +64,8 @@
 		<tbody>
 		{foreach from=$order_history item=state name="orderStates"}
 			<tr class="{if $smarty.foreach.orderStates.first}first_item{elseif $smarty.foreach.orderStates.last}last_item{/if} {if $smarty.foreach.orderStates.index % 2}alternate_item{else}item{/if}">
-				<td>{dateFormat date=$state.date_add full=1}</td>
+				<td class="step-by-step-date">{dateFormat date=$state.date_add full=0}</td>
-				<td>{$state.ostate_name|escape:'htmlall':'UTF-8'}</td>
+				<td><span class="label{if $state.id_order_state == 1 || $state.id_order_state == 10 || $state.id_order_state == 11} label-info{elseif $state.id_order_state == 5 || $state.id_order_state == 2 || $state.id_order_state == 12} label-success{elseif $state.id_order_state == 6 || $state.id_order_state == 7 || $state.id_order_state == 8} label-danger{elseif $state.id_order_state == 3 || $state.id_order_state == 9 || $state.id_order_state == 4} label-warning{/if}">{$state.ostate_name|escape:'htmlall':'UTF-8'}</span></td>
 			</tr>
 		{/foreach}
 		</tbody>
@@ -80,9 +80,23 @@
 
 <div class="adresses_bloc">
 	<div class="row">
+    	<div class="col-xs-12 col-sm-6">
+        	<ul class="address alternate_item box" {if $order->isVirtual()}style="display:none;"{/if}>
+            <li><h3 class="page-subheading">{l s='Delivery address'} ({$address_delivery->alias})</h3></li>
+            {foreach from=$dlv_adr_fields name=dlv_loop item=field_item}
+                {if $field_item eq "company" && isset($address_delivery->company)}<li class="address_company">{$address_delivery->company|escape:'htmlall':'UTF-8'}</li>
+                {elseif $field_item eq "address2" && $address_delivery->address2}<li class="address_address2">{$address_delivery->address2|escape:'htmlall':'UTF-8'}</li>
+                {elseif $field_item eq "phone_mobile" && $address_delivery->phone_mobile}<li class="address_phone_mobile">{$address_delivery->phone_mobile|escape:'htmlall':'UTF-8'}</li>
+                {else}
+                        {assign var=address_words value=" "|explode:$field_item} 
+                        <li>{foreach from=$address_words item=word_item name="word_loop"}{if !$smarty.foreach.word_loop.first} {/if}<span class="address_{$word_item|replace:',':''}">{$deliveryAddressFormatedValues[$word_item|replace:',':'']|escape:'htmlall':'UTF-8'}</span>{/foreach}</li>
+                {/if}
+            {/foreach}
+        </ul>
+        </div>
     	<div class="col-xs-12 col-sm-6">
         	<ul class="address item {if $order->isVirtual()}full_width{/if} box">
-            <li><h3 class="page-subheading">{l s='Billing'}</h3></li>
+            <li><h3 class="page-subheading">{l s='Invoice address'} ({$address_invoice->alias})</h3></li>
             {foreach from=$inv_adr_fields name=inv_loop item=field_item}
                 {if $field_item eq "company" && isset($address_invoice->company)}<li class="address_company">{$address_invoice->company|escape:'htmlall':'UTF-8'}</li>
                 {elseif $field_item eq "address2" && $address_invoice->address2}<li class="address_address2">{$address_invoice->address2|escape:'htmlall':'UTF-8'}</li>
@@ -95,20 +109,6 @@
             {/foreach}
         </ul>
         </div>
-        <div class="col-xs-12 col-sm-6">
-        	<ul class="address alternate_item box" {if $order->isVirtual()}style="display:none;"{/if}>
-            <li><h3 class="page-subheading">{l s='Delivery'}</h3></li>
-            {foreach from=$dlv_adr_fields name=dlv_loop item=field_item}
-                {if $field_item eq "company" && isset($address_delivery->company)}<li class="address_company">{$address_delivery->company|escape:'htmlall':'UTF-8'}</li>
-                {elseif $field_item eq "address2" && $address_delivery->address2}<li class="address_address2">{$address_delivery->address2|escape:'htmlall':'UTF-8'}</li>
-                {elseif $field_item eq "phone_mobile" && $address_delivery->phone_mobile}<li class="address_phone_mobile">{$address_delivery->phone_mobile|escape:'htmlall':'UTF-8'}</li>
-                {else}
-                        {assign var=address_words value=" "|explode:$field_item} 
-                        <li>{foreach from=$address_words item=word_item name="word_loop"}{if !$smarty.foreach.word_loop.first} {/if}<span class="address_{$word_item|replace:',':''}">{$deliveryAddressFormatedValues[$word_item|replace:',':'']|escape:'htmlall':'UTF-8'}</span>{/foreach}</li>
-                {/if}
-            {/foreach}
-        </ul>
-        </div>
     </div>
 </div>
 {$HOOK_ORDERDETAILDISPLAYED}
@@ -132,7 +132,7 @@
 			{if $priceDisplay && $use_tax}
 				<tr class="item">
 					<td colspan="{if $return_allowed}2{else}1{/if}">
-						<strong>{l s='Total products (tax excl.)'}</strong>
+						<strong>{l s='Items (tax excl.)'}</strong>
 					</td>
                     <td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
                     	<span class="price">{displayWtPriceWithCurrency price=$order->getTotalProductsWithoutTaxes() currency=$currency}</span>
@@ -141,7 +141,7 @@
 			{/if}
 			<tr class="item">
 				<td colspan="{if $return_allowed}2{else}1{/if}">
-					<strong>{l s='Total products'} {if $use_tax}{l s='(tax incl.)'}{/if}: </strong>
+					<strong>{l s='Items'} {if $use_tax}{l s='(tax incl.)'}{/if} </strong>
 				</td>
                 <td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
                 	<span class="price">{displayWtPriceWithCurrency price=$order->getTotalProductsWithTaxes() currency=$currency}</span>
@@ -150,7 +150,7 @@
 			{if $order->total_discounts > 0}
 			<tr class="item">
 				<td colspan="{if $return_allowed}2{else}1{/if}">
-					<strong>{l s='Total vouchers:'}</strong>
+					<strong>{l s='Total vouchers'}</strong>
 				</td>
                 <td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
                 	<span class="price-discount">{displayWtPriceWithCurrency price=$order->total_discounts currency=$currency convert=1}</span>
@@ -160,7 +160,7 @@
 			{if $order->total_wrapping > 0}
 			<tr class="item">
 				<td colspan="{if $return_allowed}2{else}1{/if}">
-					<strong>{l s='Total gift wrapping cost:'}</strong>
+					<strong>{l s='Total gift wrapping cost'}</strong>
 				</td>
                 <td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
                 	<span class="price-wrapping">{displayWtPriceWithCurrency price=$order->total_wrapping currency=$currency}</span>
@@ -169,7 +169,7 @@
 			{/if}
 			<tr class="item">
 				<td colspan="{if $return_allowed}2{else}1{/if}">
-					<strong>{l s='Total shipping'} {if $use_tax}{l s='(tax incl.)'}{/if}: </strong>
+					<strong>{l s='Shipping & handling'} {if $use_tax}{l s='(tax incl.)'}{/if} </strong>
 				</td>
                 <td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
                 	<span class="price-shipping">{displayWtPriceWithCurrency price=$order->total_shipping currency=$currency}</span>

themes/default-bootstrap/order-follow.tpl

@@ -71,7 +71,7 @@
 			<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{/if}">
 				<td class="bold"><a class="color-myaccount" href="javascript:showOrder(0, {$return.id_order_return|intval}, '{$link->getPageLink('order-return', true)|escape:'html'}');">{l s='#'}{$return.id_order_return|string_format:"%06d"}</a></td>
 				<td class="history_method"><a class="color-myaccount" href="javascript:showOrder(1, {$return.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">{l s='#'}{$return.id_order|string_format:"%06d"}</a></td>
-				<td class="history_method"><span class="bold">{$return.state_name|escape:'htmlall':'UTF-8'}</span></td>
+				<td class="history_method"><span class="label label-info">{$return.state_name|escape:'htmlall':'UTF-8'}</span></td>
 				<td class="bold">{dateFormat date=$return.date_add full=0}</td>
 				<td class="history_invoice">
 				{if $return.state == 2}

themes/default-bootstrap/order-opc-new-account.tpl

@@ -116,8 +116,8 @@
 					<input type="password" class="text form-control" name="passwd" id="passwd" />
 					<span class="form_info">{l s='(five characters min.)'}</span>
 				</div>
-				<div class="required clearfix">
+				<div class="required clearfix gender-line">
-					<label>{l s='Title'}</label><br />
+					<label>{l s='Title'}</label>
 					{foreach from=$genders key=k item=gender}	
                     	<div class="radio-inline">
                     	<label for="id_gender{$gender->id_gender}" class="top">

themes/default-bootstrap/order-payment.tpl

@@ -62,9 +62,9 @@
 			<tr>
 				<th class="cart_product first_item">{l s='Product'}</th>
 				<th class="cart_description item">{l s='Description'}</th>
-				<th class="cart_availability item">{l s='Ref.'}</th>
+				<th class="cart_availability item">{l s='Avail.'}</th>
 				<th class="cart_unit item">{l s='Unit price'}</th>
-				<th class="cart_quantity item">{l s='Qty'}</th>
+				<!--th class="cart_quantity item">{l s='Qty'}</th-->
 				<th class="cart_total last_item">{l s='Total'}</th>
 			</tr>
 		</thead>
@@ -72,23 +72,23 @@
 			{if $use_taxes}
 				{if $priceDisplay}
 					<tr class="cart_total_price">
-						<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total products (tax excl.)'}{else}{l s='Total products'}{/if}</td>
+						<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total products (tax excl.)'}{else}{l s='Total products'}{/if}</td>
 						<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products}</td>
 					</tr>
 				{else}
 					<tr class="cart_total_price">
-						<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total products (tax incl.)'}{else}{l s='Total products'}{/if}</td>
+						<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total products (tax incl.)'}{else}{l s='Total products'}{/if}</td>
 						<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products_wt}</td>
 					</tr>
 				{/if}
 			{else}
 				<tr class="cart_total_price">
-					<td colspan="4" class="text-right">{l s='Total products'}</td>
+					<td colspan="3" class="text-right">{l s='Total products'}</td>
 					<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products}</td>
 				</tr>
 			{/if}
 			<tr class="cart_total_voucher" {if $total_wrapping == 0}style="display:none"{/if}>
-				<td colspan="4" class="text-right">
+				<td colspan="3" class="text-right">
 				{if $use_taxes}
 					{if $priceDisplay}
 						{if $display_tax_label}{l s='Total gift wrapping (tax excl.):'}{else}{l s='Total gift wrapping cost:'}{/if}
@@ -113,31 +113,31 @@
 			</tr>
 			{if $total_shipping_tax_exc <= 0 && !isset($virtualCart)}
 				<tr class="cart_total_delivery">
-					<td colspan="4" class="text-right">{l s='Shipping:'}</td>
+					<td colspan="3" class="text-right">{l s='Shipping:'}</td>
 					<td colspan="2" class="price" id="total_shipping">{l s='Free Shipping!'}</td>
 				</tr>
 			{else}
 				{if $use_taxes && $total_shipping_tax_exc != $total_shipping}
 					{if $priceDisplay}
 						<tr class="cart_total_delivery" {if $shippingCost <= 0} style="display:none"{/if}>
-							<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total shipping (tax excl.)'}{else}{l s='Total shipping'}{/if}</td>
+							<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total shipping (tax excl.)'}{else}{l s='Total shipping'}{/if}</td>
 							<td colspan="2" class="price" id="total_shipping">{displayPrice price=$shippingCostTaxExc}</td>
 						</tr>
 					{else}
 						<tr class="cart_total_delivery"{if $shippingCost <= 0} style="display:none"{/if}>
-							<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total shipping (tax incl.)'}{else}{l s='Total shipping'}{/if}</td>
+							<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total shipping (tax incl.)'}{else}{l s='Total shipping'}{/if}</td>
 							<td colspan="2" class="price" id="total_shipping" >{displayPrice price=$shippingCost}</td>
 						</tr>
 					{/if}
 				{else}
 					<tr class="cart_total_delivery"{if $shippingCost <= 0} style="display:none"{/if}>
-						<td colspan="4" class="text-right">{l s='Total shipping'}</td>
+						<td colspan="3" class="text-right">{l s='Total shipping'}</td>
 						<td colspan="2" class="price" id="total_shipping" >{displayPrice price=$shippingCostTaxExc}</td>
 					</tr>
 				{/if}
 			{/if}
 			<tr class="cart_total_voucher" {if $total_discounts == 0}style="display:none"{/if}>
-				<td colspan="4" class="text-right">
+				<td colspan="3" class="text-right">
 				{if $use_taxes}
 					{if $priceDisplay}
 						{if $display_tax_label}{l s='Total vouchers (tax excl.)'}{else}{l s='Total vouchers'}{/if}
@@ -163,12 +163,12 @@
 			{if $use_taxes}
 				{if $priceDisplay && $total_tax != 0}
 					<tr class="cart_total_tax">
-						<td colspan="4" class="text-right">{l s='Total tax:'}</td>
+						<td colspan="3" class="text-right">{l s='Total tax:'}</td>
 						<td colspan="2" class="price" id="total_tax" >{displayPrice price=$total_tax}</td>
 					</tr>
 				{/if}
 			<tr class="cart_total_price">
-                <td colspan="4" class="total_price_container text-right"><span>{l s='Total'}</span></td>
+                <td colspan="3" class="total_price_container text-right"><span>{l s='Total'}</span></td>
 				<td colspan="2" class="price" id="total_price_container">
 					<span id="total_price">{displayPrice price=$total_price}</span>
 				</td>
@@ -206,10 +206,10 @@
 				</div>
 				</td>
 				{/if}
-                <td colspan="{if !$voucherAllowed}4{else}2{/if}" class="text-right total_price_container">
+                <td colspan="{if !$voucherAllowed}3{else}2{/if}" class="text-right total_price_container">
 					<span>{l s='Total'}</span>                
                 </td>	
-				<td colspan="2" class="price total_price_container" id="total_price_container">
+				<td colspan="1" class="price total_price_container" id="total_price_container">
 					<span id="total_price">{displayPrice price=$total_price_without_tax}</span>
 				</td>
 			</tr>
@@ -229,7 +229,7 @@
 			{if isset($customizedDatas.$productId.$productAttributeId)}
 				{foreach from=$customizedDatas.$productId.$productAttributeId[$product.id_address_delivery] key='id_customization' item='customization'}
 					<tr id="product_{$product.id_product}_{$product.id_product_attribute}_{$id_customization}" class="alternate_item cart_item">
-						<td colspan="4">
+						<td colspan="3">
 							{foreach from=$customization.datas key='type' item='datas'}
 								{if $type == $CUSTOMIZE_FILE}
 									<div class="customizationUploaded">

themes/default-bootstrap/pagination.tpl

@@ -55,7 +55,6 @@
 				{if isset($search_query) AND $search_query}<input type="hidden" name="search_query" value="{$search_query|escape:'htmlall':'UTF-8'}" />{/if}
 				{if isset($tag) AND $tag AND !is_array($tag)}<input type="hidden" name="tag" value="{$tag|escape:'htmlall':'UTF-8'}" />{/if}
                 <button type="submit" class="btn btn-default button exclusive-medium"><span>{l s='Show all'}</span></button>
-				<input name="n" id="nb_item" class="hidden" value="{$nb_products}" />
 				{if is_array($requestNb)}
 					{foreach from=$requestNb item=requestValue key=requestKey}
 						{if $requestKey != 'requestUrl'}
@@ -63,6 +62,7 @@
 						{/if}
 					{/foreach}
 				{/if}
+                <input name="n" id="nb_item" class="hidden" value="{$nb_products}" />
 			</div>
 		</form>
 	{/if}
@@ -113,7 +113,17 @@
 	{/if}
 	</div>
     <div class="product-count">
-    	Showing 1-12 of 1125 items
+    	{if ($n*$p) < $nb_products }
+    		{assign var='productShowing' value=$n*$p}
+        {else}
+        	{assign var='productShowing' value=($n*$p-$nb_products-$n*$p)*-1}
+        {/if}
+        {if $p==1}
+        	{assign var='productShowingStart' value=1}
+        {else}
+        	{assign var='productShowingStart' value=$n*$p-$n+1}
+        {/if}
+    	{l s='Showing'} {$productShowingStart} - {$productShowing} {l s='of'} {$nb_products}{if $nb_products > 1} {l s='items'}{else} {l s='item'}{/if}
     </div>
 	<!-- /Pagination -->
 {/if}

themes/default-bootstrap/product-compare.tpl

@@ -34,7 +34,8 @@
 {/if}
 	<form method="post" action="{$link->getPageLink('products-comparison')|escape:'html'}" onsubmit="true" class="compare-form">
 		<div>
-        <button type="submit" id="bt_compare{if isset($paginationId)}_{$paginationId}{/if}" class="btn btn-default button button-medium bt_compare"><span>{l s='Compare'} (0)<i class="icon-chevron-right right"></i></span></button>
+        <button type="submit" id="bt_compare{if isset($paginationId)}_{$paginationId}{/if}" class="btn btn-default button button-medium bt_compare"><span>{l s='Compare'} (<strong class="total-compare-val">{count($compared_products)}</strong>)<i class="icon-chevron-right right"></i></span></button>
+         <input type="hidden" name="compare_product_count" class="compare_product_count" value="{count($compared_products)}" />
 		<input type="hidden" name="compare_product_list" class="compare_product_list" value="" />
 		</div>
 	</form>

themes/default-bootstrap/product-list.tpl

@@ -31,11 +31,20 @@
     
 	{if $page_name !='index' && $page_name !='product'}
 		{assign var='nbItemsPerLine' value=3}
+        {assign var='nbItemsPerLineTablet' value=2}
+        {assign var='nbItemsPerLineMobile' value=3}
     {else}
+    	<script type="text/javascript">
+			$('document').ready(function(){
+				if (typeof reloadProductComparison != 'undefined')
+					reloadProductComparison()
+			});
+		</script>
     	{assign var='nbItemsPerLine' value=4}
+        {assign var='nbItemsPerLineTablet' value=3}
+        {assign var='nbItemsPerLineMobile' value=2}
     {/if}
     {*define numbers of product per line in other page for tablet*}
-    {assign var='nbItemsPerLineTablet' value=2}
     {assign var='nbLi' value=$products|@count}
     {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
     {math equation="nbLi/nbItemsPerLineTablet" nbLi=$nbLi nbItemsPerLineTablet=$nbItemsPerLineTablet assign=nbLinesTablet}
@@ -44,9 +53,11 @@
 	{foreach from=$products item=product name=products}
     	{math equation="(total%perLine)" total=$smarty.foreach.products.total perLine=$nbItemsPerLine assign=totModulo}
         {math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineTablet assign=totModuloTablet}
+        {math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineMobile assign=totModuloMobile}
         {if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}
         {if $totModuloTablet == 0}{assign var='totModuloTablet' value=$nbItemsPerLineTablet}{/if}
-		<li class="ajax_block_product col-xs-3 {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)}last-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0}last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1}first-item-of-tablet-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloTablet)}last-tablet-line{/if}">
+        {if $totModuloMobile == 0}{assign var='totModuloMobile' value=$nbItemsPerLineMobile}{/if}
+		<li class="ajax_block_product {if $page_name == 'index' || $page_name == 'product'}col-xs-12 col-sm-4 col-md-3{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)}last-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0}last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1}first-item-of-tablet-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0}last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1}first-item-of-mobile-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)}last-mobile-line{/if}">
         	<div class="product-container">
                 <div class="left-block">
                 	<div class="product-image-container">
@@ -117,7 +128,7 @@
                     {if isset($comparator_max_item) && $comparator_max_item}
                         <div class="compare">
                             <label for="comparator_item_{$product.id_product}">
-                            <input type="checkbox" class="comparator hidden" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} autocomplete="off"/> 
+                            <input type="checkbox" class="comparator hidden" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compared_products) && in_array($product.id_product, $compared_products)}checked="checked"{/if} autocomplete="off"/> 
                             {l s='Add to Compare'}</label>
                         </div>
                     {/if}
@@ -133,8 +144,8 @@
 	<script type="text/javascript"><!--
 		function display(view) {
 			if (view == 'list') {
-				$('ul.product_list').removeClass('grid row').addClass('list row');
+				$('ul.product_list').removeClass('grid').addClass('list row');
-				$('.product_list > li').removeClass('col-xs-12 col-xs-4 col-sm-6 col-md-4').addClass('col-xs-12');
+				$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-4').addClass('col-xs-12');
 				$('.product_list > li').each(function(index, element) {
 					html = '';
 					html = '<div class="product-container"><div class="row">';
@@ -170,8 +181,8 @@
 				if (typeof quick_view != 'undefined') 	// qick view button reload
 					quick_view();
 			} else {
-				$('ul.product_list').removeClass('list row').addClass('grid row');
+				$('ul.product_list').removeClass('list').addClass('grid row');
-				$('.product_list > li').removeClass('col-xs-12 col-xs-4').addClass('col-xs-12 col-sm-6 col-md-4');
+				$('.product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-6 col-md-4');
 				$('.product_list > li').each(function(index, element) {
 				html = '';
 				html += '<div class="product-container">';

themes/default-bootstrap/product.tpl

@@ -158,7 +158,8 @@ var isLoggedWishlist = {if $logged}true{else}false{/if};
 var contentOnly = {if $content_only}true{else}false{/if}
 //]]>
 </script>
-<div id="primary_block" class="row">
+<div id="primary_block" class="row" itemscope itemtype="http://schema.org/Product">
+
 
 {if !$content_only}<div class="container"><div class="top-hr"></div></div>{/if}
 
@@ -187,6 +188,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
         
 		<div id="image-block">
 
+                       
       	{if $product->on_sale}
 		<span class="sale-box"><span class="sale">{l s='Sale!'}</span></span>
 		{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutReduction > $productPrice}
@@ -195,12 +197,12 @@ var contentOnly = {if $content_only}true{else}false{/if}
         
 		{if $have_image}
 			<span id="view_full_size">
-				<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
+				<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
 				{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
 			</span>
 		{else}
 			<span id="view_full_size">
-				<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
+				<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
 				{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
 			</span>
 		{/if}
@@ -239,15 +241,15 @@ var contentOnly = {if $content_only}true{else}false{/if}
 			<p class="online_only">{l s='Online only'}</p>
 			{/if}
     
-		<h1>{$product->name|escape:'htmlall':'UTF-8'}</h1>
+		<h1 itemprop="name">{$product->name|escape:'htmlall':'UTF-8'}</h1>
 			<p id="product_reference" {if isset($groups) OR !$product->reference}style="display: none;"{/if}>
 				<label>{l s='Model'} </label>
-				<span class="editable">{$product->reference|escape:'htmlall':'UTF-8'}</span>
+				<span class="editable" itemprop="sku">{$product->reference|escape:'htmlall':'UTF-8'}</span>
 			</p>
 		{if $product->description_short OR $packItems|@count > 0}
 		<div id="short_description_block">
 			{if $product->description_short}
-				<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>
+				<div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>
 			{/if}
 			{if $product->description}
 			<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
@@ -349,9 +351,10 @@ var contentOnly = {if $content_only}true{else}false{/if}
             {if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}		
 
 			<div class="price">
-				<p class="our_price_display">
+				<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+                <link itemprop="availability" href="http://schema.org/InStock">
 				{if $priceDisplay >= 0 && $priceDisplay <= 2}
-					<span id="our_price_display">{convertPrice price=$productPrice}</span>
+					<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
 					<!--{if $tax_enabled  && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}
 						{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
 					{/if}-->

themes/default-bootstrap/products-comparison.tpl

@@ -28,6 +28,12 @@
 <h1 class="page-heading">{l s='Product Comparison'}</h1>
 
 {if $hasProduct}
+<script type="text/javascript">
+	$('document').ready(function(){
+		if (typeof reloadProductComparison != 'undefined')
+			reloadProductComparison()
+	});
+</script>
 <div class="products_block table-responsive">
 	<table id="product_comparison" class="table table-bordered">
     	<tr>
@@ -108,7 +114,7 @@
                                 {if ($product->quantity > 0 OR $product->allow_oosp)}
                                     <a class="button ajax_add_to_cart_button btn btn-default" rel="ajax_id_product_{$product->id}" href="{$link->getPageLink('cart', true, NULL, "qty=1&amp;id_product={$product->id}&amp;token={$static_token}&amp;add")|escape:'html'}" title="{l s='Add to cart'}"><span>{l s='Add to cart'}</span></a>
                                 {else}
-                                    <span class="exclusive btn btn-default disabled">{l s='Add to cart'}</span>
+                                    <span class="ajax_add_to_cart_button button btn btn-default disabled"><span>{l s='Add to cart'}</span></span>
                                 {/if}
                             {else}
                                 

themes/default-bootstrap/sass/bootstrap_lib/_labels.scss

@@ -48,6 +48,7 @@
 
 .label-info {
   @include label-variant($label-info-bg);
+   border:1px solid $label-info-border;
 }
 
 .label-warning {
@@ -57,4 +58,5 @@
 
 .label-danger {
   @include label-variant($label-danger-bg);
+  border:1px solid $label-danger-border;
 }

themes/default-bootstrap/sass/bootstrap_lib/_variables.scss

@@ -22,7 +22,7 @@ $brand-primary:         #428bca !default;
 $brand-success:         #46a74e !default;
 $brand-warning:         #f0ad4e !default;
 $brand-danger:          #d9534f !default;
-$brand-info:            #5bc0de !default;
+$brand-info:            #5192f3 !default;
 
 // Scaffolding
 // -------------------------
@@ -414,12 +414,14 @@ $label-primary-bg:            $brand-primary !default;
 $label-success-bg:            $state-success-bg !default;
 $label-info-bg:               $brand-info !default;
 $label-warning-bg:            $state-warning-bg !default;
-$label-danger-bg:             $brand-danger !default;
+$label-danger-bg:             $state-danger-bg !default;
 
 $label-color:                 #fff !default;
 $label-link-hover-color:      #fff !default;
 $label-success-border:        #36943e !default;
-$label-warning-border:            $state-warning-border !default;
+$label-warning-border:        $state-warning-border !default;
+$label-info-border:        	  $state-info-border !default;
+$label-danger-border:         $state-danger-border !default;
 
 // Modals
 // -------------------------

themes/default-bootstrap/sass/comparator.scss

@@ -90,7 +90,7 @@ table#product_comparison {
 	}
 	.button-container {
 		
-		a {
+		a, > span {
 			margin-bottom:10px;
 		}
 	}

themes/default-bootstrap/sass/global.scss

@@ -773,54 +773,79 @@ table.table_block  td {
 ***************************************************************************************************/
 #home-page-tabs {
 	border:none;
-	margin:0 0 0 -18px;
+																		@media (min-width: $screen-sm) { // min 768px
-	padding:10px 0;
+																			padding:10px 0;
+																			margin:0 0 0 -18px;	
+																		}
+	
 	> li {
-		border-left:1px solid $base-border-color;	
+		margin-bottom:0;
-		margin:0 0px 0 9px;
+																		@media (min-width: $screen-sm) { // min 768px
-		padding:0 0px 0 9px;
+																			border-left:1px solid $base-border-color;
-			a {
+																			margin:0 0px 0 9px;
-				font:600 21px/24px 'Open Sans', sans-serif;
+																			padding:0 0px 0 9px;
-				color:#555454;
+																		}
-				text-transform:uppercase;
+																		
-				padding:1px 10px;
+																		@media (max-width: $screen-xs - 1) { // max 479px
-				border:none;
+																			width:100%;
-				outline:none;
+																		}	
-				margin:0;	
+		a {
-			}
+			font:600 21px/24px 'Open Sans', sans-serif;
+			color:#555454;
+			text-transform:uppercase;
+			border:none;
+			outline:none;
+			margin:0;
+			padding:10px;
+																		@media (min-width: $screen-sm) { // min 768px
+																			padding:1px 10px;
+																		}												
+		}
+		
 		&:first-child {border:none;}
 	}
+	
 	> li.active a, >li a:hover {
 		background:#333333;
 		color:#fff;
-		margin:-10px 0;
 		padding:10px;
+																		@media (min-width: $screen-sm) { // min 768px
+																			margin:-10px 0;
+																		}
 	}
 }
 #index {
+	
 	.tab-content {
 		margin-top:35px;	
 	}
 }
 .block {margin-bottom:30px}
 .block { 
+
 	.title_block, h4 {
 		font:600 18px/22px 'Open Sans', sans-serif;
 		color:#555454;
 		background:#f6f6f6;
 		border-top:5px solid #333;
 		text-transform:uppercase;
-		padding:14px 0 17px 20px;
+		padding:14px 5px 17px 20px;
 		margin-bottom:20px;
-			a {
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
-				color:#555454;
+																			font-size:14px;
-					&:hover {
+																		}																	
-						color:#333;	
+		
-					}
+		a {
+			color:#555454;
+			
+			&:hover {
+				color:#333;	
 			}
+		}
 	}
 	&#contact_block {
 		background:#333;
+		
 		.title_block {
 			border-color:#e4e3e3;
 			background:#333;
@@ -831,11 +856,14 @@ table.table_block  td {
 	}
 	.list-block {
 		margin-top:-8px;
+		
 		li {
 			padding:5px 0 6px 20px;
 			border-top:1px solid $base-border-color;
+			
 			a {
 				i {display:none;}
+				
 				&:before {
 					content:"";
 					display:inline;
@@ -843,26 +871,39 @@ table.table_block  td {
 					color:#333;
 					padding-right:8px;
 				}
+				
 				&:hover {
 					color:#333333;
 					font-weight:bold;
 				}
 			}
+			
 			&:first-child {border-top:none;}
 		}
+		
 		.form-group { padding-top:20px; border-top:1px solid $base-border-color;}
+		
 		.btn {margin-top:12px;}
 	}
 	.products-block {
+		
 		li {
 			padding:0 0 20px 0;
 			margin-bottom:20px;
 			border-bottom:1px solid $base-border-color;
+			
 			.products-block-image {
 				float:left;
 				border:1px solid $base-border-color;
 				margin-right:19px;
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			float:none;
+																			display:inline-block;
+																			margin:0 auto 10px;
+																			text-align:center;
+																		}	
 			}
+			
 			.product-content {
 				overflow:hidden;
 				h5 {
@@ -870,8 +911,11 @@ table.table_block  td {
 				}
 			}
 		}
+		
 		.product-name {font-size:15px; line-height:18px;}
+		
 		.product-description {margin-bottom:14px;}
+		
 		.price-percent-reduction {
 			font:700 14px/17px Arial, Helvetica, sans-serif;
 			padding:1px 6px;
@@ -880,11 +924,14 @@ table.table_block  td {
 }
 /*************** Block CATEGORIES ***************/
 #categories_block_left {
+	
 	.block_content > ul {
 		border-top:1px solid $base-border-color;	
 	}
+	
 	li {
 		position:relative;
+		
 		a {
 			font-weight:bold;
 			color:#333333;
@@ -894,6 +941,7 @@ table.table_block  td {
 			padding:0 30px 0 19px;
 			border-bottom:1px solid $base-border-color;
 		}
+		
 		span.grower {
 			display:block;
 			background:#f6f6f6;
@@ -904,37 +952,43 @@ table.table_block  td {
 			text-align:center;
 			font-family:'FontAwesome';
 			font-size:14px;
-				&.OPEN, &.CLOSE {
+			
-					&:before {
+			&.OPEN, &.CLOSE {
-						content:"";
+				
-						display:block;
+				&:before {
-						vertical-align:middle;
+					content:"";
-						width:30px;
+					display:block;
-						height:30px;
+					vertical-align:middle;
-						color:#333;
+					width:30px;
-						line-height:30px;
+					height:30px;
-					}
+					color:#333;
-				}
+					line-height:30px;
-				&.CLOSE:before {
-					content:"";
-					color:#c0c0c0;
 				}
+			}
+			
+			&.CLOSE:before {
+				content:"";
+				color:#c0c0c0;
+			}
 		}
 		& span.grower:hover + a, a:hover, a.selected {
 			background:#f6f6f6;	
 		}
-			li {
+		
-				a {
+		li {
-					font-weight:normal;
+			
-					color:#777777;
+			a {
-					&:before {
+				font-weight:normal;
-						content:"";
+				color:#777777;
-						font-family:'FontAwesome';
+				
-						line-height:29px;
+				&:before {
-						padding-right:8px;
+					content:"";
-					}	
+					font-family:'FontAwesome';
+					line-height:29px;
+					padding-right:8px;
 				}	
 			}
+		}
 	}
 }
 /*************************************************************************************************/
@@ -952,12 +1006,13 @@ table.table_block  td {
 		float:right;
 		color:#333;
 		text-transform:none;
-		@media (max-width:$screen-xs) {
+																		@media (max-width:$screen-xs) {
-			float:none;
+																			float:none;
-			display:block;
+																			display:block;
-			padding-top:5px;	
+																			padding-top:5px;	
-		}
+																		}
 	}
+	
 	span.lighter {color:#9c9c9c}
 	
 	&.bottom-indent { margin-bottom:16px;}
@@ -1023,6 +1078,7 @@ ul.footer_links {
 			.clearfix > span {
 				padding:3px 0 0 12px;
 				display:inline-block;
+				float:left;
 			}
 			
 			#uniform-nb_item { float:left;}
@@ -1093,29 +1149,24 @@ ul.footer_links {
 		float:right;
 		width:530px;
 		text-align:center;
-		
+																		@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
-		/* min 992px max 1199px */
+																			width:380px;
-		@media (min-width: $screen-md) and (max-width: $screen-md-max) {
+																		}
-			width:380px;
+																		@media (max-width: $screen-sm-max) { // max 991px
-		}
+																			float:left;
-		/* max 991px */
+																			width:auto;
-		@media (max-width: $screen-sm-max) {
+																		}
-			float:left;
-			width:auto;
-		}
 		
 		.showall { 
 			float:right;
 			margin:8px 53px 8px 14px;
 			
-			/* min 992px max 1199px */
+																		@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
-			@media (min-width: $screen-md) and (max-width: $screen-md-max) {
+																			margin-right:11px;
-				margin-right:11px;
+																		}
-			}
+																		@media (max-width: $screen-sm-max) { // max 991px
-			/* max 991px */
+																			margin-right:0;
-			@media (max-width: $screen-sm-max) {
+																		}
-				margin-right:0;
-			}
 			
 			.btn {
 				
@@ -1129,72 +1180,84 @@ ul.footer_links {
 	}
 	ul.pagination {
 		margin:8px 0px 8px 0;
-			li {
+																		@media (max-width: $screen-sm-max) { // max 991px
-				display:inline-block;
+																			float:left;
-				float:left;
+																		}
-				> a, > span {
+		
-					margin:0 1px 0 0px;
+		li {
-					padding:0;
+			display:inline-block;
-					font-weight:bold;
+			float:left;
-					border:1px solid;
+			
-					border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
+			> a, > span {
+				margin:0 1px 0 0px;
+				padding:0;
+				font-weight:bold;
+				border:1px solid;
+				border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
+				display:block;
+				
+				span {
+					border:1px solid #fff;
+					padding:2px 8px;
 					display:block;
-						span {
+					background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; 
-							border:1px solid #fff;
-							padding:2px 8px;
-							display:block;
-							background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; 
-						}
-				}
-				> a:hover {
-					span {
-						background:#f6f6f6;
-					}
-				}
-				&.pagination_previous, &.pagination_next {
-					color:#777676;
-					font-weight:bold;
-						> a, > span {
-							border:none;
-							background:none;
-							display:block;
-							padding:4px 0;
-							span { border:none; padding:0; background:none;}
-						}
-				}
-				&.pagination_previous { margin-right:10px;}
-				&.pagination_next { margin-left:10px;}
-				&.active {
-					
-					> span {
-						
-						color:#333333;
-						border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
-							span {background:#f6f6f6;}
-					}
 				}
 			}
-	}
-	.compare-form { 
-		float:right;
 			
-		/* max 479px */
+			> a:hover {
-		@media (max-width: $screen-xs - 1) {
+				
-			float:left;
+				span {
-			width:100%;
+					background:#f6f6f6;
-			text-align:left;
+				}
-			padding-bottom:10px;
+			}
-			clear:both;
+			&.pagination_previous, &.pagination_next {
+				color:#777676;
+				font-weight:bold;
+				
+				> a, > span {
+					border:none;
+					background:none;
+					display:block;
+					padding:4px 0;
+					
+					span { border:none; padding:0; background:none;}
+				}
+			}
+			
+			&.pagination_previous { margin-right:10px;}
+			
+			&.pagination_next { margin-left:10px;}
+			
+			&.active {
+				
+				> span {
+					
+					color:#333333;
+					border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
+					
+					span {background:#f6f6f6;}
+				}
+			}
 		}
 	}
+	
+	.compare-form { 
+		float:right;
+																				@media (max-width: $screen-xs - 1) { 	// max 479px
+																					float:left;
+																					width:100%;
+																					text-align:left;
+																					padding-bottom:10px;
+																					clear:both;
+																				}
+	}
+	
 	.product-count {
 		padding:11px 0 0 0;
 		float:left;
-		
+																				@media (max-width: $screen-sm-max) { 	// max 991px
-		/* max 991px */
+																					clear:left;
-		@media (max-width: $screen-sm-max) {
+																				}
-			clear:left;
-		}
 	}
 }
 .bottom-pagination-content {border-top:1px solid $base-border-color;}
@@ -1202,11 +1265,9 @@ ul.footer_links {
 ul.step {
 	margin-bottom:30px;
 	overflow:hidden;
-	
+																				@media (min-width: $screen-xs) { //min 480px
-	/*min 480px*/
+																					@include border-radius(4px);
-	@media (min-width: $screen-xs) {
+																				}
-		@include border-radius(4px);
-	}
 		
 	li {
 		float:left;
@@ -1217,12 +1278,10 @@ ul.step {
 		border-bottom-color:#9a9a9a;
 		border-right-color:#b7b7b7;
 		border-left-width:0px;
-		
+																				@media (max-width: $screen-xs - 1) { // max 480px
-		/* max 480px */
+																					width:100%;
-		@media (max-width: $screen-xs - 1) {
+																					border-left-width:1px;
-			width:100%;
+																				}
-			border-left-width:1px;
-		}
 		
 		a, span, &.step_current span, &.step_current_end span {
 			display:block;
@@ -1234,21 +1293,20 @@ ul.step {
 			text-shadow:1px 1px rgba(255,255,255,1);
 			position:relative;
 																				
-			/* min 991px */
+																				@media (min-width: $screen-md) { // min 991px 
-			@media (min-width: $screen-md) {
+																					&:after {
-				&:after {
+																						content:".";
-					content:".";
+																						position:absolute;
-					position:absolute;
+																						top:0;
-					top:0;
+																						right:-31px;
-					right:-31px;
+																						z-index:0;
-					z-index:0;
+																						text-indent:-5000px;
-					text-indent:-5000px;
+																						display:block;
-					display:block;
+																						width:31px;
-					width:31px;
+																						height:52px;
-					height:52px;
+																						margin-top:-2px;
-					margin-top:-2px;
+																					}
-				}
+																				}
-			}
 			
 			&:focus {text-decoration:none; outline:none;}
 		}
@@ -1256,22 +1314,18 @@ ul.step {
 		&.first {
 			border-left-width:1px;
 			border-left-color:#b7b7b7;
-			
+																				@media (min-width: $screen-xs) { //min 480px
-			/*min 480px*/
+																					@include border-top-left-radius(4px);
-			@media (min-width: $screen-xs) {
+																					@include border-bottom-left-radius(4px);
-				@include border-top-left-radius(4px);
+																				}
-				@include border-bottom-left-radius(4px);
-			}
 			
 			span, a {
 				z-index:5;
 				padding-left:13px !important;
-				
+																				@media (min-width: $screen-xs) { //min 480px
-				/*min 480px*/
+																					@include border-top-left-radius(4px);
-				@media (min-width: $screen-xs) {
+																					@include border-bottom-left-radius(4px);
-					@include border-top-left-radius(4px);
+																				}
-					@include border-bottom-left-radius(4px);
-				}
 			}
 		}
 		&.second {
@@ -1287,17 +1341,15 @@ ul.step {
 			span {
 				z-index:1;	
 			}
+																					@media (min-width: $screen-xs) { //min 480px
+																						@include border-top-right-radius(4px);
+																						@include border-bottom-right-radius(4px);
 																						
-			/*min 480px*/
+																						span {
-			@media (min-width: $screen-xs) {
+																							@include border-top-right-radius(4px);
-				@include border-top-right-radius(4px);
+																							@include border-bottom-right-radius(4px);
-				@include border-bottom-right-radius(4px);
+																						}
-				
+																					}
-				span {
-					@include border-top-right-radius(4px);
-					@include border-bottom-right-radius(4px);
-				}
-			}
 		}
 		&.step_current {
 			font-weight:bold;
@@ -1317,15 +1369,13 @@ ul.step {
 				border:1px solid;
 				border-color:#73ca77 #74c776 #74c175 #74c776;
 				position:relative;
+																						@media (min-width: $screen-md) { //min 991px
+																							padding-left:38px;
 																															
-				/* min 991px */
+																							&:after {
-				@media (min-width: $screen-md) {
+																								background:url(../img/order-step-a.png) right 0 no-repeat;
-					padding-left:38px;
+																							}
-													
+																						}
-					&:after {
-						background:url(../img/order-step-a.png) right 0 no-repeat;
-					}
-				}
 			}
 		}
 		&.step_current_end {
@@ -1347,15 +1397,13 @@ ul.step {
 				border:1px solid;
 				border-color:#fff;
 				position:relative;
+																							@media (min-width: $screen-md) { 	// min 991px
+																								padding-left:38px;
 																								
-				/* min 991px */
+																								&:after {
-				@media (min-width: $screen-md) {
+																									background:url(../img/order-step-current.png) right 0 no-repeat;
-					padding-left:38px;
+																								}
-					
+																							}
-					&:after {
-						background:url(../img/order-step-current.png) right 0 no-repeat;
-					}
-				}
 			}	
 		}
 		&.step_done {
@@ -1375,44 +1423,39 @@ ul.step {
 				background: linear-gradient(to bottom,  rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
 				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
 
-				/* min 991px */
+																							@media (min-width: $screen-md) { // min 991px */
-				@media (min-width: $screen-md) {
+																								padding-left:38px;
-					padding-left:38px;
 																								
-					&:after {
+																								&:after {
-						background:url(../img/order-step-done.png) right 0 no-repeat;
+																									background:url(../img/order-step-done.png) right 0 no-repeat;
-					}
+																								}
-				}
+																							}
 			}
 		}
 		
 		&.step_done.step_done_last {
-			/* min 991px */
+																							@media (min-width: $screen-md) { // min 991px
-			@media (min-width: $screen-md) {
+																								a:after {
-				a:after {
+																									background:url(../img/order-step-done-last.png) right 0 no-repeat;	
-					background:url(../img/order-step-done-last.png) right 0 no-repeat;	
+																								}
-				}
+																							}
-			}
 		}
 		
 		&#step_end {
 			span {
-				/* min 991px */
+																							@media (min-width: $screen-md) { 	// min 991px
-				@media (min-width: $screen-md) {
+																								&:after {
-					&:after {
+																									display:none;	
-						display:none;	
+																								}
-					}
+																							}
-				}
 			}
 		}
 		
 		em {
 			font-style:normal;
-			
+																							@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
-			/* min 480px max 767px */
+																								display:none;
-			@media (min-width: $screen-xs) and (max-width: $screen-xs-max) {
+																							}
-				display:none;
-			}
 		}
 	}	
 }
@@ -1502,6 +1545,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 		.shop-phone {
 			display:block;
 			padding:5px 0 10px;
+																		@media (max-width: $screen-xs-max) { // max 767px
+																			display:none;
+																		}
 			
 			i {
 				font-size:21px;
@@ -1512,16 +1558,23 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 			
 			strong {color:#fff;}
 		}
+		
 		#header_user_info {
 			float:right;
 			border-left:1px solid #515151;
 			border-right:1px solid #515151;
-			
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			width:25%;
+																			text-align:center;
+																		}
 			a {
 				color:#fff;
 				font-weight:bold;
 				display:block;
 				padding:8px 9px 11px 8px;
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			font-size:11px;
+																		}
 			}
 		}
 	}
@@ -1531,6 +1584,21 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 		left:0;
 		top: 27px;
 		z-index: 1;
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			width:250px;
+																			top:35px;
+																		}
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			width:174px;
+																			left:15px;
+																			top:48px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			width:200px;
+																			left:50%;
+																			margin-left:-100px;
+																			top:20px;
+																		}
 	}
 	#header_right {
 		position:relative;
@@ -1540,6 +1608,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 		float:right;
 		border-left:1px solid #515151;
 		position:relative;
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			width:25%;
+																		}
 																		
 		span.firstWord {display:none;}
 		
@@ -1548,7 +1619,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 			padding:8px 10px 10px 10px;
 			color:#fff;
 			text-shadow:1px 1px rgba(0,0,0,0.2);
-			
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			text-align:center;
+																			padding:9px 5px 10px;
+																			font-size:11px;
+																		}
 			strong {
 				color:#777777;	
 			}
@@ -1561,6 +1636,17 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 				color:#686666;
 				vertical-align:-2px;
 				padding-left:12px;
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			padding-left:2px;
+																			font-size:13px;
+																			line-height:13px;
+																			vertical-align:0;
+																		}
+			}
+			.cur-label {
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			display:none;
+																		}
 			}	
 		}	
 		
@@ -1588,31 +1674,33 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 					background:#484848;
 				}
 			}
-			
-			&:hover {display:block;}
 		}
 	}
 	#contact-link {
 		float:right;
 		border-left:1px solid #515151;
-		
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			width:25%;
+																			text-align:center;
+																		}
 		a {
 			display:block;
 			color:#FFF;
 			font-weight:bold;
 			padding:8px 10px 11px 10px;
 			text-shadow:1px 1px rgba(0,0,0,0.2);
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			font-size:11px;
+																			padding-left:5px;
+																			padding-right:5px;
+																		}	
 		}
 	}
 	#contact-link a, .header-row #header_user_info a, #currencies-block-top div.current, #languages-block-top div.current {
 		cursor:pointer;
 		
-		&:hover {
+		&:hover, &.active {
 			background:#2b2b2b;
-			
-			+ ul {
-				display:block;	
-			}
 		}
 	}
 }
@@ -1690,7 +1778,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 ************************************************************************************************ */
 .footer-container {
 	padding:0 0 100px 0;
-	background:url(../img/footer-bg.gif) repeat-x;
+																		@media (min-width: $screen-sm) { // min 768px
+																			background:url(../img/footer-bg.gif) repeat-x;
+																		}
 	
 	#footer {
 		color:#777;
@@ -1727,8 +1817,14 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 		}
 		#block_contact_infos {
 			border-left:1px solid #515151;
+																		@media (max-width: $screen-xs-max) { // max 767px 
+																			border:none;
+																		}
 			> div {
 				padding:0 0 0 5px;
+																		@media (max-width: $screen-xs-max) { // max 767px 
+																			padding-left:0;
+																		}
 				
 				ul {
 					
@@ -1751,10 +1847,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 		#social_block {
 			float:left;
 			width:50%;
-			padding:23px 30px 0 0;
+			padding:23px 30px 16px 0;
-			
+			background:#3F3F3F;
+																		@media (max-width: $screen-xs-max) { // max 767px 
+																			width:100%;
+																			float:left;
+																			padding-top:5px;
+																		}
 			ul {
 				float:right;
+																		@media (max-width: $screen-xs-max) { // max 767px 
+																			float:none;
+																		}
 				
 				li {
 					float:left;
@@ -1804,6 +1908,10 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
 					line-height:25px;
 					text-transform:none;
 					padding:0 10px 0 0;
+																		@media (max-width: $screen-xs-max) { // max 767px 
+																			display:none;
+																			text-align:center;
+																		}
 				}
 		}
 		.bottom-footer {
@@ -2301,6 +2409,21 @@ p.cheque-indent {
 			}
 		}
 	}
+	.gender-line {
+		margin-bottom:4px;
+		padding-top:4px;
+		> label {
+			margin-right:10px;
+			margin-bottom:0;	
+		}
+		.radio-inline {
+			
+			  label {
+				  font-weight:normal;
+				  color:#777;
+			  }
+		  }
+	}	
 }
 #identity, #authentication, #order-opc {
 	#center_column {
@@ -2502,11 +2625,6 @@ p.cheque-indent {
 		
 		#pagination  {
 			
-			/* 480 -> 1199 */
-			@media (min-width: $screen-xs) and (max-width: $screen-md-max) {
-				width:auto;
-				text-align:right;
-			}
 			.showall {
 				margin-right:0;
 				
@@ -2516,26 +2634,10 @@ p.cheque-indent {
 				}
 			}
 		}
-		
-		/* < 480*/
-		@media (max-width:  $screen-xs) {
-			.product-count, #pagination {
-				width:100%;
-				text-align:center;
-				
-				.showall {
-					display:none;
-				}
-			}
-		}
 	}
 	
 	.top-pagination-content.bottom-line {
 		border-bottom:1px solid $base-border-color;
-		/* < 767 */
-		@media (max-width: $screen-xs-max) { 
-			border-top:1px solid $base-border-color;
-		}
 	}
 }
 /*****************************************************************************************************

themes/default-bootstrap/sass/history.scss

@@ -36,7 +36,9 @@
 			margin-left:14px;	
 		}
 	}
-	
+	td.step-by-step-date {
+		width:105px;	
+	}
 	tfoot {
 		
 		strong {

themes/default-bootstrap/sass/modules/blockcart/blockcart.scss

@@ -128,6 +128,14 @@
 		width: 270px;
 		background:#484848;
 		color:#fff;
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			top:69px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px 
+																			top:44px;
+																			left:50%;
+																			margin-left:270px/2*-1;
+																		}
 		
 		a {
 			color:#fff;

themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss

@@ -104,6 +104,10 @@
 	
 	.layered_filter_ul {
 		padding:0 20px 5px;
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			padding-left:0;
+																			padding-right:0;
+																		}
 		
 		li {
 			padding-bottom:7px;

themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss

@@ -9,6 +9,10 @@
 			max-width:222px;
 			display:inline-block;
 			margin-right:6px;
+																		@media (min-width: $screen-sm) and (max-width: $screen-md-max) { // min 768px max 1199px
+																			margin-bottom:10px;
+																			margin-right:0;
+																		}
 		}
 	}
 	
@@ -35,6 +39,10 @@
 		float:left;
 		padding:13px 15px 7px 15px;
 		margin-bottom:0;
+																		@media (max-width: $screen-xs-max) { // max 767px
+																			background:#3F3F3F;
+																			width:100%;
+																		}
 		
 		h4 {
 			background:none;

themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss

@@ -4,6 +4,22 @@
 	position:absolute;
 	right: 420px;
     top: 50px;														
+																		@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px 
+																			right:295px;
+																		}
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			right:207px;
+																		}
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			right:0;
+																			top:85px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			top:56px;
+																			right:50%;
+																			width:270px;
+																			margin-right:270px/2*-1;
+																		}
 	
 	.btn.button-search {
 		background:#333;
@@ -33,6 +49,15 @@
 		background:#fbfbfb;
 		float: left;
 		margin-right:1px;
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			width:180px;
+																		}
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			width:212px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			width:212px;
+																		}	
 	}
 }
 .ac_results  {

themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss

@@ -16,6 +16,12 @@
 	width:			100%;
 	border-bottom:	3px solid #e9e9e9;
 	background:		#f6f6f6;
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			margin-top:80px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px
+																			margin-top:70px;
+																		}
 }
 .sf-menu ul {
 	position:		absolute;
@@ -46,7 +52,7 @@
 		border-bottom:		3px solid #e9e9e9;
 	}
 	
-	&.sfHover > a, > a:hover, &.sfHoverForce a {
+	&.sfHover > a, > a:hover, &.sfHoverForce > a {
 		background:				#333;
 		border-bottom-color:	#666666;
 		color:					#fff;	

themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss

@@ -1,3 +1,4 @@
+@import '../../_theme_variables';
 /* block top user information */
 #header_right {
 	
@@ -6,17 +7,36 @@
 		clear:both;
 		float: right;
 		margin-top:50px;
+																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																			margin-top:25px;
+																		}
+																		@media (max-width: $screen-xs - 1) { // max 479px 
+																			float: none;
+																			margin-left: auto;
+																			margin-right: auto;
+																			margin-top: 95px;
+																			width: 270px;
+																		}
 		
 		#shopping_cart {
 			
 			a {
 				padding:7px 10px 14px 16px;
 				background:#333333;
-				min-width: 270px;/* 200 */
+				min-width: 270px;
 				display:block;
 				font-weight:bold;
 				color:#777777;
 				text-shadow:1px 1px rgba(0,0,0,0.2);
+				overflow:hidden;
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			min-width:190px;
+																		}
+				span.ajax_cart_product_txt, span.ajax_cart_product_txt_s {
+																		@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+																			display:none !important;
+																		}
+				}
 				
 				b {
 					color:#fff;

themes/default-bootstrap/sass/product_list.scss

@@ -45,6 +45,11 @@ ul.product_list {
 		}
 	}
 	.product-image-container {
+		text-align:center;
+		
+		img {
+			margin:0 auto;
+		}	
 		
 		.quick-view {
 			font:700 13px/16px Arial, Helvetica, sans-serif;
@@ -81,6 +86,7 @@ ul.product_list.grid {
 		
 																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
 																			width:50%;
+																			float:left;
 																		}
 		
 		.product-container {
@@ -175,24 +181,24 @@ ul.product_list.grid {
 					}
 					
 					&.compare {
-						
+						label	{
-						&:before {
-							content:"";
-							display:inline-block;
-							font-family:'FontAwesome';
-																		@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
-																			display:none;
-																		}
-							
-																		@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
-																			display:none;
-																		}
-						}
-						
-						&.compare.checked {
-							
 							&:before {
-								content:"";
+								content:"";
+								display:inline-block;
+								font-family:'FontAwesome';
+																			@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
+																				display:none;
+																			}
+								
+																			@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+																				display:none;
+																			}
+							}
+							&.checked {
+								
+								&:before {
+									content:"";
+								}
 							}	
 						}
 					}
@@ -329,6 +335,9 @@ ul.product_list.list {
 					}
 				}
 				.functional-buttons {
+																		@media (min-width: $screen-md) { // min 991px
+																			overflow:hidden;
+																		}
 																		@media (max-width: $screen-sm-max) { // max 991px
 																			clear:both;
 																			
@@ -389,7 +398,7 @@ ul.product_list.list {
 								background:#929292;
 								@include border-radius(100px);
 								margin-right:3px;
-								padding:4px 0 0 0;
+								padding:6px 0 0 0;
 								color:#fff;
 							}
 							
@@ -400,6 +409,14 @@ ul.product_list.list {
 									background:#333333;	
 								}
 							}
+							&.checked {
+								&:before {
+									background:#fff;
+									border:1px solid #929292;
+									color:#929292;
+									padding-top:5px;
+								}
+							}
 						}
 					}
 				}
@@ -432,15 +449,26 @@ ul.product_list.list {
 #index {
 	ul.product_list.tab-pane {
 		> li {
-			padding-bottom:35px;
+			padding-bottom:10px;
-			margin-bottom:50px;
+			margin-bottom:10px;
+																		@media (min-width: $screen-lg) { /* min 1200px */
+																			padding-bottom:35px;
+																			margin-bottom:50px;
+																		}
 			
 			.availability {display:none;}
 			
-			&.last-line {
+			@media (min-width: $screen-lg) { // min 1200px
-				border:none;
+				&.last-line {
-				padding-bottom:0;
+					border:none;
-				margin-bottom:0;	
+					padding-bottom:0;
+					margin-bottom:0;	
+				}
+			}
+			
+			@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
+				&.first-item-of-tablet-line {clear:none;}
+				&.first-item-of-mobile-line {clear:left;}
 			}
 		}
 	}

themes/default-bootstrap/shopping-cart-product-line.tpl

@@ -52,6 +52,7 @@
 			{/if}
 		</span>
 	</td>
+    {if !isset($cannotModify)}
 	<td class="cart_quantity {if isset($customizedDatas.$productId.$productAttributeId) AND $quantityDisplayed == 0} text-center{/if}">
 		{if isset($cannotModify) AND $cannotModify == 1}
 			<span>
@@ -83,6 +84,7 @@
 			{/if}
 		{/if}
 	</td>
+    {/if}
 	<td class="cart_total">
 		<span class="price" id="total_product_price_{$product.id_product}_{$product.id_product_attribute}{if $quantityDisplayed > 0}_nocustom{/if}_{$product.id_address_delivery|intval}{if !empty($product.gift)}_gift{/if}">
 			{if !empty($product.gift)}

themes/default-bootstrap/supplier-list.tpl

@@ -46,7 +46,7 @@
 {if $nbSuppliers > 0}
 	<div class="content_sortPagiBar">
         <div class="sortPagiBar clearfix">
-            <ul class="display">
+            <ul class="display hidden-xs">
                 <li class="display-title">{l s='View:'}</li>
                 <li id="grid"><a onclick="display('grid');"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
                 <li id="list"><a onclick="display('list');"><i class="icon-th-list"></i>{l s='List'}</a></li>