/* ===[ Polarthemes stylesheet logic ]=== */

/* normalize.css   - Normalizes CSS-styles across browsers.
                    Also adds box-sizing: border-box; to all elements
                    (ref. http://paulirish.com/2012/box-sizing-border-box-ftw/ and http://necolas.github.com/normalize.css/)
  static.css      - Contains everything needed to make the design static.
                    Basically you need to load this file instead of responsive.css.
                    See app/design/frontend/polar/default/layout/polarcore.xml for details.
  responsive.css  - Contains all media queries etc. needed for a responsive design. See static.css above for more details.
  grid.css        - Adds a basic grid layout you can use. See grid.css for details.         
  typography.css  - All font declarations, basic header and paragraph styling etc.
  form.css        - Forms and input fields.
  styles.css      - General styling and things that can't be categorized in the other stylesheets. Contains none of the above. (This file.)
  [theme-name].css- Theme specific styling, needs to be added to the themes local.xml
  print.css       - Print specific styles
  widgets.css     - Widgets specific styles
  
  See polarthemes.com/blog for more info
 */

html {
  float: left;
  width: 100%;
  padding-bottom: 44px;
  -webkit-font-smoothing: subpixel-antialiased; /* subpixel-antialiased for a thick rendering, only antialiased for less anti-aliasing. */
}

body {
  color: #555;
}

/* ===[ Loading the Icon-font FontAwesome from Twitter Bootstrap: http://fortawesome.github.com/Font-Awesome/ ]=== */

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ===[ Nicolas Gallagher's micro clearfix ]=== */

p:before,
p:after,
.clearer:before,
.clearer:after,
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

p:after,
.clearer:after,
.row:after,
.clearfix:after {
  clear: both
}

.row,
.clearfix,
.clearer {
  zoom: 1
}
/* ===[ Mozilla based browsers ]=== */

::-moz-selection {
  color: #fff;
  background-color: #666;
}

/* ===[ Works in Safari ]=== */

::selection {
  color: #fff;
  background-color: #666;
}

/* ===[ General styles for headers, links, images etc. ]=== */
a:visited,
a {
  text-decoration: none;
}
dd,
menu,
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ul li {
  clear: both
}

.std p:last-child {
  margin-bottom: 0
}
blockquote {

}

blockquote:after,
blockquote:before {
  content: '"';
  margin-left: -1em;
}

blockquote:after {
  margin-right: -1em;
  margin-left: 0;
}

.std blockquote p:last-child {
  margin: 1em 0 1em
}

p {

}

p.demo-notice {
  border-bottom: 1px solid #000;
  text-align: center;
  color: #fff;
  background-color: #666;
}

p.required {
  float: right;
  font-size: 0.8em;
  color: #cecece;
}

.required em {
  display: none
}

.required:after {
  content: " *";
  color: red;
}

img {
  width: auto;
  max-width: 100%;
}

.lt-ie9 img {
  width: auto
}

form {
  clear: both
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.ingress {
  font-weight: bold
}

.product-view .product-image {
  width: 100%;
  margin-bottom: 20px;
}

.lt-ie8 img {
  -ms-interpolation-mode: bicubic
}

.video embed,
.video object,
.video iframe {
  width: 100%;
  height: auto;
}

table.cart-table,
table.data-table {
  width: 100%;
  margin: 1em 0;
}

table.cart-table {
  margin-bottom: 0
}

    table.cart-table td,
    table.cart-table th,
    table.data-table td,
    table.data-table th {
      padding: 15px;
      border-bottom: 1px solid #cecece;
      vertical-align: middle;
    }

    table.cart-table th,
    table.data-table th {
      font-weight: 600
    }

    table.cart-table th:last-child,
    table.data-table th:last-child {

    }

table .even {
  background-color: #f9f9f9
}

ul.ul {
  margin-bottom: 1em;
  padding-left: 25px;
  list-style: disc;
}

.buttons-set {
  float: left;
  clear: none;
  width: auto;
  margin: 1em 0 0.5em;
}

    .buttons-set a {
      float: left
    }

    .buttons-set button {
      float: right
    }

    .buttons-set .back-link {
      float: left;
      width: auto;
    }

    .buttons-set .required {
      display: none
    }

.btn-remove {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: 9999px;
}

#product_comparison .btn-remove {
  text-indent: 0;
  width: auto;
  height: auto;
  text-align: left;
}

.btn-edit:before,
.btn-remove:before {
  text-align: left;
  content: "\f057";
  font-family: "FontAwesome";
  text-indent: 0;
  display: block;
  font-size: 14px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  padding-right: 0;
  float: left;
}

.btn-edit:before {
  content: "\f040"
}

.btn-edit:hover:before {
  color: #666
}

.btn-remove:hover:before {
  color: red
}

.a-center {
  text-align: center
}

.a-right {
  text-align: right
}

.v-middle {
  vertical-align: middle
}

.f-left {
  float: left
}

img.f-left {
  margin: 0 1em 1em 0
}

.f-right {
  float: right
}

img.f-right {
  margin: 0 0 1em 1em
}
.hidden {
  display: none;
}
.nobr {
  white-space: nowrap
}

/* ===[ Notice/error/success messages ]=== */

.messages li {
  float: left;
  clear: both;
  width: 100%;
}

    .messages li a {
      text-decoration: underline;
      color: #fff;
    }

    .messages li a:active,
    .messages li a:hover {
      text-decoration: none
    }

    .note-msg,
    .messages li li {
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 20px;
      padding: 10px;
      padding-left: 44px;
      border-radius: 3px;
      color: #fff;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.8);
      box-shadow: inset 0 0 10px -3px rgb(0,0,0);
    }

.messages li.success-msg li {
  background: rgb(0,160,0) url(../images/snowsprite.png)13px -326px no-repeat
}

.messages li.error-msg li {
  background: rgb(193,0,0) url(../images/snowsprite.png)13px 11px no-repeat
}

.note-msg,
.messages li.notice-msg li {
  background: rgb(100,100,100) url(../images/snowsprite.png)13px -157px no-repeat
}

/* ===[ Layout ]=== */

.top-line {
  float: left
}

.top-line-content {
  padding: 0 20px
}

.wrapper {
  margin: 0 auto
}

.header-container {
  padding: 20px 20px 0
}

.main-container {
  padding: 0 20px 20px
}

.footer-container {
  width: 100%
}

/* ===[ Every main container has one main block inside it. Here the width is defined to 100% and floated left to make sure they behave. ]=== */

    .footer-container .footer,
    .nav-container #nav,
    .header-container .header,
    .main-container .main {
      float: left;
      width: 100%;
    }

.page {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

.page-print {
  padding: 20px;
  text-align: left;
  background: #fff;
}

.page-empty {
  padding: 20px;
  text-align: left;
  background: #fff;
}

.page-popup {
  padding: 20px;
  text-align: left;
}

.main-container {
  clear: both;
  width: 100%;
}

.main {
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

/* 1 Column Layout
   ================================================== */

.col1-layout .col-main {
  float: none;
  clear: both;
  width: 100%;
}

/* ===[ Content Columns ]=== */

.col2-set {
  float: left;
  clear: both;
  width: 100%;
}

    .buttons-set,
    .col2-set .buttons-set {
      width: 100%
    }

        .col2-set .buttons-set button {
          float: right
        }

    .col2-set h2 {
      font-size: 1.3em
    }

    .col2-set .col-1 {
      float: left;
      width: 49%;
    }

    .col2-set .col-2 {
      float: right;
      width: 49%;
    }

    .col2-set .col-narrow {
      width: 33%
    }

    .col2-set .col-wide {
      width: 65%
    }

.col3-set .col-1 {
  float: left;
  width: 32%;
}

.col3-set .col-2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.col3-set .col-3 {
  float: right;
  width: 32%;
}

.col4-set .col-1 {
  float: left;
  width: 23.5%;
}

.col4-set .col-2 {
  float: left;
  width: 23.5%;
  margin: 0 2%;
}

.col4-set .col-3 {
  float: left;
  width: 23.5%;
}

.col4-set .col-4 {
  float: right;
  width: 23.5%;
}

/* * Sidebar content *
   ================================================== */

.sidebar .block {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 1em;
}

.block .block-title {
  margin: 0 0 1em;
  font-size: 1.2em;
}

.sidebar .block:first-child .block-title {
  padding-top: 0
}

.block .block-subtitle {
  margin: 1em 0 0
}

/* ===[ Layered nav ]=== */

.block-layered-nav .block-content > .block-subtitle {
  display: none
}

.block-layered-nav dt {
  margin-bottom: 0
}

.block-layered-nav .currently ol li {
  position: relative;
  padding-left: 18px;
}

.block-layered-nav .currently span.label {
  font-weight: bold
}

.block-layered-nav .currently ol li .btn-remove {
  position: absolute;
  left: 0;
  top: 1px;
}

/* ===[ Newsletter - sidebar ]=== */

.block-subscribe .form-subscribe-header {
  display: none
}

/* ===[ Recently viewed products ]=== */

#recently-viewed-items p {
  margin: 0;
  margin-bottom: 5px;
}

/* ===[ Compare items - sidebar ]=== */

.sidebar #compare-items li.item {
  float: left;
  clear: both;
}

    .sidebar #compare-items li.item a {
      z-index: 1;
      position: relative;
    }

.sidebar #compare-items p.product-name {
  z-index: 0;
  position: relative;
  margin: 0;
  float: left;
}

/* ===[ Navigation - Vertical (left) ]=== */

.vertnav .block-title {
  display: none
}

#vertnav a {
  display: block
}

#vertnav > li.active.parent > a {
  border-bottom: 0
}

#vertnav li.active > a {
  font-weight: bold
}

#vertnav li ul {
  display: none
}

#vertnav li.active > ul {
  display: block;
  margin-left: 15px;
}

/* ===[ Block cart reorder - sidebar (left) ]=== */

.block-reorder.block li.item input[type=checkbox] {
  float: left;
  margin-top: 0;
  margin-right: 10px;
}

.block-reorder.block ol {
  float: left;
  clear: both;
  width: 100%;
  margin: 0.5em 0;
}

    .block-reorder.block ol p {
      margin: 0
    }

/* ===[ Top line ]=== */

.top-line ul,
.top-line li {
  float: left
}

.top-line li {
  margin-right: 2em
}

.top-line a {
  line-height: 2em
}

/* ===[ Header ]=== */

.header-container {
  padding-top: 3em
}

.header {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 0 10px;
}

    .header ul.links {
      float: right
    }

        .header ul.links a {
          display: block;
          font-size: 1em;
        }

    .header ul li {
      float: left;
      margin-right: 10px;
    }

.header-container #search_mini_form {
  clear: none
}

.header-container .form-search {
  float: right;
  width: auto;
  margin-top: 10px;
}

/* ===[ Search ]=== */

.form-search {
  float: left;
  margin: 0;
}

    .form-search input[type=text] {
      width: 224px
    }

    .form-search label {
      display: none
    }

    .form-search .search-autocomplete {
      z-index: 999;
      top: 22px;
      left: 40px;
      padding: 10px;
      border: 1px solid #cecece;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #fff;
      box-shadow: 0 0 16px -3px #000;
      cursor: pointer;
    }

        .form-search .search-autocomplete ul {

        }

        .form-search .search-autocomplete li {
          float: left;
          width: 100%;
          padding: 2px 8px 1px 8px;
          text-align: left;
          cursor: pointer;
        }

            .form-search .search-autocomplete li a {
              display: block;
              float: left;
              width: 100%;
            }

            .form-search .search-autocomplete li span {
              float: right
            }

        .form-search .search-autocomplete li:hover {
          color: #fff;
          background-color: #a11c24;
        }

        .form-search .search-autocomplete li .amount {
          float: right;
          font-weight: bold;
        }

        .form-search .search-autocomplete li.odd {

        }

        .form-search .search-autocomplete li.selected {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          color: #fff;
          background-color: #666;
          -o-border-radius: 5px;
        }

/* ===[ Logo ]=== */

.logo {
  height: 100%
}

h1.logo {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
}

a.logo {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 2em;
  line-height: 1em;
}

/* ===[ Language chooser ]=== */

.form-language {
  float: right;
  margin-bottom: 1em;
  line-height: 1em;
}

/* ===[ Top cart ]=== */

.top-cart {
  float: right;
  clear: right;
  text-align: left;
}

    .top-cart .top-content {

    }

    .top-cart p {
      margin-bottom: 0
    }

    .top-cart .cart-link,
    .top-cart .btn-checkout,
    .top-cart .actions {
      float: left;
    }

    .top-cart #mini-cart-wrapper {
      position: absolute;
      z-index: 110;
      top: 2em;
      right: 20px;
      padding: 10px;
      min-width: 320px;
    }
    .top-cart #mini-cart-wrapper a {
      line-height: 1em;
    }
    .top-cart #mini-cart-wrapper .close-btn {
      position: absolute;
      right: 10px;
      top: 10px;
      cursor: pointer;
    }
    .top-cart .actions {
      width: 100%;
    }
    .top-cart .actions button {
      float: left;
    }
    .top-cart .actions button:first-child {
      margin-right: 10px;
    }
    .top-cart #mini-cart-wrapper ol.mini-products-list li.last,
    .top-cart #mini-cart-wrapper ol.mini-products-list {
      margin-bottom: 0;
    }

/* ===[ Navigation ]=== */

.nav-container {
  padding: 0 20px
}

#nav {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

    #nav li {
      float: left;
      position: relative;
    }

        #nav li > a {
          display: block;
          padding: 8px 20px;
        }

/* ===[ Nav - Level 2 ]=== */

    #nav ul {
      position: absolute;
      left: -9999px;
    }

        #nav ul li {
          float: none
        }

        #nav ul li.parent > a:after {
          content: "\f054";
          font-family: "FontAwesome";
          vertical-align: middle;
          float: right;
          display: block;
          padding-left: 1em;
        }

    #nav li ul.shown-sub,
    #nav li div.shown-sub {
      z-index: 999;
      left: 0;
    }

/* ===[ Nav - Level 3+ ]=== */

    #nav ul ul {
      top: 0;
      margin-top: 0;
      margin-left: 100%;
    }

/* ===[ Tags ]=== */

.tags-list {

}

    .tags-list li {
      float: left;
      padding: 3px;
    }

#my_recent_tags li .details,
#my_recent_tags li .number {
  float: left
}

#my_recent_tags li .number {
  display: block;
  padding: 10px 10px 0 0;
  font-weight: bold;
}

#my_recent_tags li .number:after {
  content: ":"
}

/* ===[ My recent reviews ]=== */

#my_recent_reviews li .details,
#my_recent_reviews li .number {
  float: left
}

#my_recent_reviews li .number {
  display: block;
  padding: 10px 10px 0 0;
  font-weight: bold;
}

#my_recent_reviews li .number:after {
  content: ":"
}

.block-content .actions {
  float: left;
  clear: both;
  width: 100%;
  margin: 1em auto;
}

    .block-content .actions button {
      float: right
    }

/* ===[ Poll ]=== */

#poll-answers {
  margin: 1em 0
}

    #poll-answers li {
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 0.2em;
    }

        #poll-answers li input {
          margin-right: 5px
        }

    #poll-answers span.votes {
      display: block;
      float: right;
      width: 50%;
      text-align: right;
      font-weight: bold;
    }

    #poll-answers span.answer {
      float: left;
      width: 50%;
      margin-bottom: 10px;
    }

/* ===[ Breadcrumbs ]=== */

.breadcrumbs ul {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 10px;
}

    .breadcrumbs ul li {
      float: left;
      padding-right: 3px;
    }

/* ===[ General product styles ]=== */

.price-box {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5em;
}

    .price-box p {
      margin: 0
    }

    .price-box .old-price {
      text-decoration: line-through;
      font-size: 0.7em;
      font-weight: 400;
      color: rgb(150,150,150);
    }

    .price-box .regular-price {
      float: left;
      clear: both;
      width: 100%;
    }

/* * Products list *
   ================================================== */

.products-list li.item {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #cecece;
}

.products-list .product-image {
  float: left;
  width: 25%;
  margin: 0 5% 1em 0;
}

.products-list .product-name {
  margin-top: 0
}

.products-list .product-shop {
  float: right;
  width: 70%;
}

.products-list .link-learn {
  display: inline
}

.products-list .desc {
  float: left;
  clear: both;
  width: 100%;
}

.link-learn:after {
  content: " »"
}

.products-list .price-box,
.products-list .btn-cart {
  display: block
}

.products-list .btn-cart {
  float: right;
  clear: right;
  margin-bottom: 10px;
}

.products-list .price-box {
  float: right;
  clear: left;
  margin-top: 0.5em;
  text-align: right;
  font-size: 1.2em;
  font-weight: 400;
}

    .products-list .price-box > span {
      display: block
    }

.products-list .add-to-links {
  float: left
}

/* * Products grid and widgets grid*
   ================================================== */

.widget-products .products-grid,
.products-grid {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 1em;
  margin-left: 0;
}

    .products-grid li.item {
      float: left;
      position: relative;
      margin-top: 20px;
      padding-bottom: 120px;
      text-align: center;
      list-style-type: none;
    }

.products-grid.columns-1 li.item {
  width: 100%;
  margin-right: 0;
}

.products-grid.columns-2 li.item {
  width: 48%;
  margin-right: 0;
}

.products-grid.columns-3 li.item {
  width: 31%;
  margin-right: 3.5%;
}

.products-grid.columns-4 li.item {
  width: 23%;
  margin-right: 2.6%;
}

.products-grid.columns-5 li.item {
  width: 18%;
  margin-right: 2.5%;
}

.products-grid li.item:last-of-type {
  margin-right: 0;
}

.products-grid li.item .product-name {
  clear: both;
  min-height: 4em;
  font-size: 1.2em;
  line-height: 1.2em;
}

.products-grid .actions {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.products-grid .price-box {
  position: absolute;
  bottom: 30px;
  width: 100%;
  font-size: 1.2em;
  font-weight: 400;
}

.products-grid .ratings {
  position: absolute;
  bottom: 90px;
  width: 100%;
}

.products-grid .price-box .minimal-price-link {
  display: block
}

.products-grid li.item .add-to-links {
  margin-top: 10px;
  font-size: 0.8em;
}

.products-grid li.item .actions {
  position: absolute;
  bottom: 0;
}

.add-to-links li {
  display: inline
}

/* ===[ Toolbar ]=== */

.toolbar p {
  clear: none;
  width: auto;
  margin: 0;
}

.pages {
  float: left;
  width: 100%;
  clear: both;
}

    .pages ol,
    .pages strong,
    .pages li {
      float: left;
      padding-right: 0.3em;
    }

.toolbar .sorter,
.toolbar .pager {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #cecece;
  font-size: 0.8em;
}

    .toolbar .pager .amount {
      float: left;
      padding-right: 1em;
    }

    .toolbar .pager .limiter {
      float: right
    }

    .toolbar .pager .pages {
      float: none
    }

    .toolbar .sorter .view-mode {
      float: left
    }

    .toolbar .sorter .sort-by {
      float: right
    }

/* * Product page *
   ================================================== */

.category-title h1,
.page-title h1 {
  margin-top: 0
}

.page-title button {
  float: right
}

.product-view h2 {

}

.product-view .product-name-mobile {
  display: none
}

.product-view .product-shop {
  float: right;
  width: 50%;
}

    .product-view .product-shop p {
      margin-top: 0;
      margin-bottom: 0.2em;
    }

    .product-view .product-shop .availability-only:before {
      content: "\f06a";
      float: left;
      margin-right: 10px;
      font-family: "FontAwesome";
      font-size: 1.33em;
      vertical-align: middle;
    }

    .product-view .product-shop .tier-prices {
      float: left;
      clear: both;
      width: 100%;
      margin: 0 0 1em;
    }

    .product-view .product-shop .add-to-box {
      float: left;
      clear: both;
      width: 100%;
      margin: 0 0 1em;
    }

        .product-view .product-shop .add-to-box .add-to-cart {
          float: left
        }

        .product-view .product-shop .add-to-box .or {
          display: none;
          margin: 0 0 0 5px;
          text-transform: lowercase;
        }
    .product-view .product-shop .link-stock-alert,
    .product-view .product-shop .email-friend,
    .product-view .product-shop .no-rating {
      float: left;
      clear: both;
    }

.send-friend .buttons-set p {
  float: left;
  width: auto;
}

.product-view .product-shop .buttons-set {
  float: left;
  clear: both;
  width: 100%;
}

.product-view .product-shop .no-rating,
.product-view .product-shop .ratings {
  float: left;
  width: 100%;
  clear: both;
}
    .product-view .product-shop .link-stock-alert a:first-child:before,
    .product-view .product-shop .email-friend a:first-child:before,
    .product-view .product-shop .no-rating a:first-child:before,
    .product-view .product-shop .rating-links a:first-child:before {
      content: "\f086";
      padding-right: 10px;
      font-family: "FontAwesome";
      font-size: 1.33em;
      vertical-align: middle;
    }

.product-view .product-shop .email-friend a:first-child:before {
  content: "\f0e0"
}
.product-view .product-shop .link-stock-alert a:first-child:before {
  content: "\f0a2";
}
.product-view .product-shop .availability {
  float: left;
  clear: both;
  width: 100%;
  margin: 0.5em 0;
  font-weight: 700;
}

    .product-view .product-shop .availability span {
      font-weight: 400
    }

.product-view .product-shop .price-box {
  float: left;
  width: 100%;
}

.product-view .product-shop .add-to-cart {
  float: left
}

.product-view .product-shop .add-to-links {
  float: left;
  clear: both;
  line-height: 3em;
}

    .product-view .product-shop .add-to-links li {
      float: left;
      margin-right: 5px;
    }

.product-view .product-img-box {
  float: left;
  width: 48%;
}

.product-view .more-views li {
  float: left;
  margin: 10px 2% 0 0;
}

.product-view .more-views img {
  width: 100%; /* To fix bug in IE and Firefox where the images are shown full size/width */
}

.product-view .more-views li:last-child {
  margin-right: 0
}

.product-view .more-views h2 {
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cecece;
  font-size: 1em;
}

.product-view .short-description {
  clear: both
}

.product-view .product-collateral {
  clear: both;
  padding-top: 10px;
}

.product-view .box-collateral {
  margin: 20px 0;
  float: left;
  width: 100%;
  clear: both;
}

.product-view .box-tags p.note {
  font-size: 0.8em
}

.product-view .box-tags ul li {
  float: left;
  padding: 4px;
}

.product-view .box-tags .form-add {
  margin-top: 1em
}

.product-view .box-tags p.note,
.product-view .box-tags .form-add {
  float: left;
  clear: both;
  width: 100%;
}

/* ===[ Product view - With options (bundle, configurable etc.) ]=== */

.product-view .product-options {
  overflow: auto; /* Clearfix */
  margin-bottom: 1em;
}

    .product-view .product-options dt {
      margin: 1em 0 0.5em
    }

    .product-view .product-options dd {
      float: left;
      clear: both;
      margin: 0;
    }

    .product-view .product-options dd {
      clear: right
    }
    .product-view .product-options p.required {
      display: none;
    }

.product-view .product-options-bottom {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px;
}

.product-view .options-list li {
  margin: 0.3em 0
}

/* STD (admin created content)
   ================================================== */

.std dt {
  margin: 1em 0 0.5em;
  font-weight: bold;
}

.std dd {
  margin: 0 0 0.5em
}

.cms-page-view .std ol,
.cms-page-view .std ul,
.std ol.list,
.std ul.list {
  margin-left: 1.5em;
  margin-bottom: 1em;
  float: left;
  width: 100%;
  clear: both;
}

.cms-page-view .std ul,
.std ul.list {
  list-style-type: disc
}

.cms-page-view .std ol,
.std ol.list {
  list-style-type: decimal
}

/* ===[ Reviews ]=== */

.box-reviews dt {
  margin: 10px 0 0 0;
  padding: 10px 0;
  border-bottom: 1px solid #cecece;
  text-align: right;
}

    .box-reviews dt a {
      display: block;
      float: left;
      font-size: 1.2em;
    }

.box-reviews dd {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f0f0f0;
}

.box-reviews .pager {
  float: left;
  clear: both;
  width: 100%;
  font-size: 0.8em;
}

    .box-reviews .pager .amount {
      float: left
    }

    .box-reviews .pager .limiter {
      float: right
    }

.box-reviews .form-add h2 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cecece;
}

.box-reviews .form-add h3 span {
  font-weight: bold
}

.box-reviews .form-list {
  margin: 20px 0
}

    .box-reviews .form-list textarea {
      width: 100%
    }

    .box-reviews .form-list .input-box {
      float: left;
      clear: both;
      width: 100%;
    }

.no-rating {
  margin: 0
}

.ratings {
  margin: 7px 0;
  line-height: 1.25;
}

    .ratings strong {
      float: left;
      margin: 1px 3px 0 0;
    }

    .ratings .rating-links .separator {
      margin: 0 2px
    }

    .ratings dt {

    }

    .ratings dd {

    }

.rating-box {
  width: 69px;
  height: 13px;
  overflow: hidden;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  background: url(../images/bkg_rating.gif) 0 0 repeat-x;
}

    .rating-box .rating {
      float: left;
      height: 13px;
      background: url(../images/bkg_rating.gif) 0 100% repeat-x;
    }

.ratings .amount {

}

.ratings .rating-links,
.ratings .rating-box {
  float: left;
  clear: none;
}

.ratings .rating-links {
  width: auto;
  float: left;
  margin-left: 1em;
}

.ratings-table {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 1em;
}

    .ratings-table th,
    .ratings-table td {
      padding: 3px 0;
      font-size: 11px;
      line-height: 1.15;
    }

    .ratings-table th {
      padding-right: 8px;
      font-weight: bold;
    }

.box-up-sell li.item {
  width: 22%;
  margin-right: 2%;
}

.box-up-sell .products-grid .ratings {
  bottom: 70px
}

/** Mini product list
 *   Related products - sidebar
 *   My Wishlist - sidebar
 */

.block-related .block-subtitle {
  display: none
}

.mini-products-list {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 10px;
}

    .mini-products-list li.item {
      position: relative;
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px solid #cecece;
    }

        .mini-products-list li.item input {
          display: block;
          float: left;
          margin: 17px 10px 0 5px;
        }
    .mini-products-list li.item:last-child {}
    .mini-products-list .product-name {
      padding-right: 30px;
      line-height: 1em;
    }

    .mini-products-list .product-image {
      width: auto;
      padding-right: 5%;
      position: absolute;
      left: 0;
      top: 0;
      padding: 5px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #fff;
      -o-border-radius: 3px;
    }

    .mini-products-list .product-image,
    .mini-products-list .product-details {
      float: left
    }

    .mini-products-list .product-details {
      float: left;
      width: 100%;
      padding-left: 75px;
      padding-top: 5px;
      min-height: 65px;
    }

    .mini-products-list p {
      margin: 0;
    }

    .mini-products-list .price-box {
      float: left;
      clear: both;
      width: 100%;
      margin: 0;
      font-size: 1em;
    }
    .mini-products-list .product-details {
      position: relative;
    }
    .mini-products-list .product-details .btn-edit,
    .mini-products-list .product-details .btn-remove {
      position: absolute;
      top: 5px;
      right: 0;
      float: left;
      clear: none;
      width: 16px;
      height: 2em;
      display: block;
      padding-left: 0;
      text-indent: -9999px;
      line-height: 16px;
    }
    .mini-products-list .product-details .btn-edit {
      right: 16px;
    }
    .mini-products-list .link-wishlist {
      font-size: 0.8em
    }

input.qty {
  width: 3em;
  text-align: center;
}

/* ===[ Shopping cart ]=== */

.cart .fieldset,
.cart fieldset {
  float: left;
  clear: both;
  width: 100%;
}

.cart .page-title {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
}

    .cart .page-title h1 {
      float: left;
      width: auto;
      margin: 0;
    }

    .cart .page-title ul.checkout-types {
      float: right
    }

.cart .checkout-types {
  text-align: right
}

.totals .checkout-types li {
  margin-bottom: 10px
}

.cart fieldset {
  float: left;
  clear: both;
  width: 100%;
}

.cart .cart-table tfoot td {
  padding: 12px 0;
  border-bottom: 0;
}

.cart .cart-table .product-name {
  margin: 0;
  font-size: 1.3em;
}

.cart .cart-table dl {
  margin-top: 10px
}

.cart .cart-table dd {
  margin-bottom: 0
}

.cart .product-image {
  display: block;
  height: auto;
  margin: 0 auto;
  min-width: 75px;
}

.cart .btn-remove {
  margin: 0 16px
}

.cart .coupon-link {
  display: inline-block;
  margin-bottom: 10px;
  line-height: 1em;
}

.cart .discount {
  float: right;
  margin-bottom: 1em;
}

    .cart .discount label {
      display: none
    }

    .cart .discount .input-box,
    .cart .discount .buttons-set {
      float: left;
      clear: none;
      width: auto;
      margin: 0;
      margin-right: 5px;
    }

    .cart .discount .buttons-set {
      float: right;
      margin-right: 0;
    }

.cart .cart-collaterals {
  float: left;
  width: 100%;
}

table.cart-table .item-options dd,
table.cart-table .item-options dt {
  display: inline-block;
  float: left;
}

table.cart-table .item-options dt {
  clear: left;
  width: auto;
  margin: 0;
  padding-right: 5px;
}

table.cart-table .item-options dt:after {
  content: ":"
}

.cart .cart-collaterals .col2-set {
  float: left
}

.cart .totals {
  float: right
}

.cart #shopping-cart-totals-table {
  width: 100%;
  margin-bottom: 15px;
}

    .cart #shopping-cart-totals-table td {
      padding: 5px 0 5px 20px
    }

    .cart #shopping-cart-totals-table tfoot td {
      padding: 10px 0 10px 20px
    }

    .cart #shopping-cart-totals-table tfoot tr:last-child {
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece;
      font-size: 1.3em;
      color: #328223;
    }

.cart .shipping {
  display: none;
  float: left;
  text-align: left;
}

.cart .crosssell {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 1em;
}

    .cart .crosssell li.item {
      float: left;
      width: 23%;
      margin: 1em 2% 1em 0;
      text-align: left;
    }

        .cart .crosssell li.item .product-details {
          float: right;
          position: relative;
          width: 55%;
          height: 120px;
        }

        .cart .crosssell li.item .btn-cart {

        }

        .cart .crosssell li.item .product-name {
          margin-top: 0;
          font-weight: 400;
          line-height: 1.2em;
        }

        .cart .crosssell li.item .price-box {
          font-size: 1em;
          font-weight: 400;
        }

        .cart .crosssell li.item .product-image {
          float: left;
          width: 30%;
          margin-right: 2%;
        }

        .cart .crosssell li.item .add-to-links {
          margin: 1em 0
        }

/* ===[ Checkout ]=== */

.checkout-onepage-index .header-container,
.checkout-onepage-index .main-container {
  max-width: 640px
}

.checkout-onepage-index .header-container {
  margin-top: 0
}

ol.opc {
  margin-bottom: 40px
}

.opc dd {
  clear: both
}

.opc .col2-set .col-2,
.opc .col2-set .col-1 {

}

.opc select {
  max-width: 300px
}

.opc .fields select {
  max-width: 140px
}

.opc li .step-title {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 10px;
  background: #cecece;
}

.opc li.allow .step-title {
  background: #d0eed3;
  color: rgba(0,0,0,0.6);
  cursor: pointer;
}

.opc li.allow.active .step-title {
  cursor: default
}

.opc li.allow .step-title:hover {
  background: #cecece
}

.opc li.allow.active .step-title:hover {
  background: #000
}

.opc li.allow .step-title a {
  color: rgba(0,0,0,0.6);
  text-decoration: underline;
}

.opc li.allow .step-title a:hover {
  text-decoration: none
}

.opc li.active .step-title {
  color: #fff;
  background: #666;
}

.opc li .step-title h2 {
  float: left;
  font-size: 1.5em;
}

.opc li.allow.active .step-title a,
.opc li .step-title a {
  float: right;
  line-height: 2.8em;
  color: #fff;
  display: none;
}

.opc li.allow .step-title a {
  display: inline-block
}

.opc li .step-title .number {
  float: left;
  margin-right: 15px;
  padding: 5px;
  font-size: 1.5em;
  line-height: 1.5em;
}

.opc .buttons-set {
  width: auto;
  min-height: 32px;
}

    .opc .buttons-set .please-wait,
    .opc .button-set button,
    /* Bug in Magento not adding the correct classes? */
.opc .buttons-set button {
      float: right;
      margin-left: 10px;
    }

.opc .buttons-set.disabled p.f-left,
.opc .buttons-set.disabled .back-link,
.opc .buttons-set.disabled button {
  display: none
}

.opc .buttons-set {
  float: right
}

    .opc .buttons-set .back-link {
      display: none;
      float: left;
      margin-top: 8px;
      line-height: 1em;
    }

    .opc .buttons-set button:after {
      content: "\f054";
      font-family: "FontAwesome";
      line-height: 1.33em;
      vertical-align: middle;
      padding-left: 10px;
    }

    .opc .buttons-set p.required {
      float: left;
      clear: both;
      width: 100%;
    }

.opc #review-please-wait {
  display: block;
  float: right;
  clear: both;
  line-height: 3em;
}

.opc #checkout-review-submit p.f-left {
  width: auto;
  margin-top: 12px;
}

/* ===[ Multishipping ]=== */

/* ===[ Account login page ]=== */

.customer-account-login .col2-set .buttons-set {
  text-align: right
}

/* ===[ Account - fix padding above title on some pages ]=== */

.col-main .my-account {
  padding-top: 1em
}

/* ===[ Account default styles ]=== */

.fieldset {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 1em;
  padding: 15px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fefefe;
  -o-border-radius: 5px;
}

    .fieldset h2 {
      margin-top: 0;
      margin-bottom: 0.5em;
      padding: 0 0 0.5em;
      border-bottom: 1px solid #eee;
    }

    .fieldset .legend {
      font-size: 1em
    }

.validation-advice,
.form-list .validation-advice {
  color: rgb(193,0,0)
}

.form-list li {
  clear: both
}

.form-list .field {
  float: left;
  width: 48%;
}

.form-list input[type=text] {
  width: 100%
}

.form-list .field:last-child {
  float: right
}

.form-list .field:first-child {
  float: left
}

.form-list li > div {
  display: block;
  margin-bottom: 10px;
}

.form-list li label {
  display: block;
  padding-bottom: 0.5em;
}

.form-list li.control input,
.form-list li.control div {
  float: left;
  margin-right: 0.5em;
}

.form-list li.control input {
  margin-top: 0.4em
}

.form-list li.control label {
  width: auto
}

.form-list textarea {

}

.form-list .additional-row p {
  float: right;
  width: 5%;
  margin-top: 30px;
  text-align: center;
}

    .form-list .additional-row p a {
      float: right
    }

.form-list .additional-row .field:last-child {
  width: 43%
}

.my-account .page-title {
  margin: 0 0 0.5em;
  overflow: auto; /* Clear fix */
}

.my-account .page-title.title-buttons {
  text-align: right
}

    .my-account .page-title.title-buttons h1 {
      text-align: left
    }

.my-account .page-title h1 {
  float: left;
  clear: none;
}

.box-account .box-head h2,
.box-account .box-title h3 {
  font-size: 1.4em
}

.box-account .box-head h2 {
  font-weight: bold
}

.my-account .data-table {
  background-color: #fefefe
}

    .my-account .data-table td.last {
      white-space: nowrap
    }

.my-account .buttons-set {
  float: left;
  clear: both;
  width: 100%;
}

    .my-account .buttons-set button {
      margin-left: 10px
    }

    .my-account .buttons-set .back-link {
      float: left;
      width: auto;
      margin: 0;
      padding: 6px 0;
      padding: 0;
    }

/* ===[ Account navigation ]=== */

.block-account {
  margin-top: 1em;
  padding: 15px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fefefe;
  -o-border-radius: 5px;
}

    .block-account .block-title {
      padding: 0 0 0.5em;
      font-weight: normal;
    }

        .block-account .block-title strong {
          text-transform: uppercase;
          font-weight: normal;
        }

    .block-account ul li {
      padding: 0.2em 0;
      border-bottom: 1px solid #eee;
    }

    .block-account ul li:last-child {
      border-bottom: 0
    }

/* ===[ Account - my orders (left menu) ]=== */

#cart-sidebar-reorder li.item input {
  float: left;
  width: auto;
  margin-top: 2px;
  margin-right: 5px;
}

#cart-sidebar-reorder li.item {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

    #cart-sidebar-reorder li.item p {
      float: left;
      clear: right;
      width: 80%;
    }

/* ===[ Account - dashboard ]=== */

.dashboard p.hello {
  margin: 0
}

.box-account {
  float: left;
  clear: both;
  width: 100%;
}

.box-account.box-reviews li.item {
  border-bottom: 1px solid #eee
}

    .box-account.box-reviews li.item .number {
      float: left;
      padding: 0 10px;
      line-height: 1.1em;
    }

.box-account .box-head {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.box-account .box-title {
  float: left;
  clear: both;
  width: 100%;
}

    .box-account .box-title h3 {
      float: left
    }

    .box-account .box-head a,
    .box-account .box-head a:visited,
    .box-account .box-title a:visited,
    .box-account .box-title a {
      float: right;
      margin-right: 1em;
      padding-left: 1em;
      font-size: 0.8em;
      line-height: 4em;
      color: #666;
    }

    .box-account .box-head a:before,
    .box-account .box-title a:before {
      content: " « "
    }

    .box-account .box-head a:focus,
    .box-account .box-head a:hover,
    .box-account .box-title a:focus,
    .box-account .box-title a:hover {
      color: #000
    }

.box-account .col2-set {
  float: left;
  width: 100%;
  padding: 0 0 10px;
  border-bottom: 1px solid #eee;
}

    .box-account .col2-set > .box .box-title {
      margin-bottom: 1em;
      border-bottom: 1px solid #eee;
    }

    .box-account .col2-set p {
      clear: both
    }

.box-account .box-head h2 {
  float: left
}

/* ===[ Account - address book ]=== */

.customer-address-form .fieldset {

}

.addresses-list ol li.item {
  margin-bottom: 1em;
  padding: 15px;
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fefefe;
  -o-border-radius: 5px;
}

    .addresses-list ol li.item p {
      float: none;
      margin: 0;
    }

    .addresses-list ol li.item h3 {
      margin-top: 0
    }

/* ===[ Account - order details ]=== */

.order-info-box.col2-set {
  margin-bottom: 1em
}

    .order-info-box.col2-set .col-1,
    .order-info-box.col2-set .col-2 {
      padding: 15px;
      border: 1px solid #eee;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-color: #fefefe;
      -o-border-radius: 5px;
    }

/* ===[ Wishlist ]=== */

#wishlist-table textarea {
  width: 100%;
  min-height: 10em;
}

#wishlist-table button,
#wishlist-table p {
  float: left;
  margin-top: 1em;
  clear: both;
}

#wishlist-table .inner {
  margin-bottom: 10px
}

#wishlist-table tbody td {
  padding: 8px;
  white-space: nowrap;
}

#wishlist-table tbody td:first-child {
  white-space: normal
}

#wishlist-table tbody td div.description {
  white-space: normal
}

#wishlist-table .price-box {
  float: left;
  margin-bottom: 10px;
}

#wishlist-table .add-to-cart-alt {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

#wishlist-table .qty {
  display: block;
  float: left;
  margin-right: 10px;
}

#wishlist-table tbody .cart-cell {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: 0.5em;
  min-width: 200px;
}

    #wishlist-table tbody .cart-cell a {
      text-decoration: underline
    }

    #wishlist-table tbody .cart-cell a:hover,
    #wishlist-table tbody .cart-cell a:active {
      text-decoration: none
    }

    #wishlist-table tbody .cart-cell .item-options dl {
      float: left;
      clear: both;
      width: 100%;
    }

        #wishlist-table tbody .cart-cell .item-options dl dt,
        #wishlist-table tbody .cart-cell .item-options dl dd {
          float: left;
          width: auto;
        }

        #wishlist-table tbody .cart-cell .item-options dl dt {
          margin-right: 10px
        }

        #wishlist-table tbody .cart-cell .item-options dl dt:after {
          content: ":"
        }

    #wishlist-table tbody .cart-cell .details {
      float: left;
      clear: both;
      width: 100%;
    }

#wishlist-table tbody .btn-remove {

}

/* * Footer **
   ================================================== */

.footer-container {
  padding: 20px 20px
}

    .footer-container .footer {
      float: left;
      margin: 30px 0;
    }

    .footer-container p {
      display: block;
      margin-bottom: 0;
    }

    .footer-container ul.links {

    }

    .footer-container .footer ul li {
      display: block;
      margin-right: 10px;
    }

.footer .block-subscribe {
  float: left;
  width: 100%;
  margin: 0 auto;
}

    .footer .block-subscribe .block-title {
      padding: 0;
      padding-bottom: 0.5em;
    }

        .footer .block-subscribe .block-title strong {
          font-weight: 400
        }

    .footer .block-subscribe label,
    .footer .block-subscribe .form-subscribe-header {
      display: none
    }

    .footer .block-subscribe .block-title {
      float: left
    }

    .footer .block-subscribe .block-title,
    .footer .block-subscribe .input-box,
    .footer .block-subscribe .actions {
      float: left;
      clear: none;
      width: auto;
      margin-right: 1em;
    }

    .footer .block-subscribe .actions {
      margin: 0
    }

        .footer .block-subscribe .actions button {

        }

.footer .copyright {
  margin-top: 1em
}

/* --------------------
  Temporary plugin-specific fixes
-----------------
   ================================================== */

/* ===[ OneStepCheckout ]=== */

.onestepcheckout-threecolumns {
  float: left;
  clear: both;
  width: 100%;
}

/* ===[ Gomage Advanced Navigation - Price Slider fix, and "Reset all" fix ]=== */

.gan-attribute {
  clear: both
}

.block-layered-nav #narrow-by-list,
.gan-list-checkbox,
#price-track {
  float: left;
  clear: both;
  width: 100%;
}

/* ===[ Klarna payment module fixes ]=== */

.klarna_box {
  float: left;
  padding: 10px;
}

#klarna_box_invoice .klarna_box_bottom_contents {
  float: left;
  margin-top: -41px;
}

.klarna_box #payment_form_klarna_invoice.form-list {
  width: 100%
}

.klarna_box_bottom_content {

}

.form-list .klarna_box_container img {
  max-width: none;
  width: auto;
}

.form-list .klarna_box_container div {
  margin-bottom: 0
}

.form-list .klarna_box_container div.klarna_box_top_flag_list {
  display: none
}

.form-list .klarna_box_container div label,
.form-list .klarna_box_container div input[type=radio] {
  margin-right: 10px
}

.klarna_box_bottom .input_row_two > div {
  width: 48%;
  float: left;
}

.klarna_box_bottom .input_row_two > div:last-child {
  float: right
}

.klarna_box_bottom .input_row {
  clear: none
}

.klarna_box .klarna_box_bottom .klarna_box_bottom_right {
  float: left
}

.klarna_box .klarna_box_bottom_left .klarna_box_bottom_content {
  margin: 0
}

.klarna_box .klarna_box_top_agreement {

}