@charset "UTF-8";
/**
 * MOBILE
**

- Base
- Header
- Notification
- Content
- Footer
*/
body{ width: 320px; min-width: 320px;  }	
.innerwrap{ width: 280px; }

/** 
 * #header 
**/
#header .innerwrap{ padding-top: 110px; }
#header .logo img{ height: auto; width: 196px; } 
#header-extra{ top: 8px; }
#header-links li.home{ display: none; }
#header-links li.contact{ display: none; }
#header-social{ display: none; }
#header-user .child-level-0{ left: -26px; }
#header-user .child-level-0 .container:before { left: 46px; }
#header #module-cart h3 .select { background-position: right 9px; height: 25px; overflow: hidden; width: 25px; }
#header #module-cart h3 .select a:before { background-position: -92.5px -32px; }


#nav{ display: none;  }
#nav-mobile h3{ bottom: 0; margin: 0; position: absolute; right: 10px; }
#nav-mobile h3 a{ color: transparent; display: block; font-family: 'oswald', arial, verdana, sans-serif; font-size: 1.5000000000em; font-weight: 300; line-height: 30px; margin: 0; padding-bottom: 10px; padding-right: 65px; position: relative; text-decoration: none; text-transform: uppercase; top: 0; vertical-align: bottom; }
#nav-mobile h3 a:after{ background: url(../images/sprites.png) no-repeat -300px 0; content: ""; cursor: pointer; display: block; height: 30px; overflow: hidden; position: absolute; right: 0; text-indent: -9999em; top: 0;  width: 55px;  }
#nav-mobile:hover h3 a:after{ background-position: -300px -60px; }
#nav-mobile .menu{ background: #fff; display: none; position: absolute; right: 0; top: 110px; width: 320px; }
#nav-mobile .menu{
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
#nav-mobile:hover .menu{ display: block; }
#nav-mobile .menu:before { content:""; display: block; position: absolute; right: 20px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }

#nav-mobile .menu ul{ margin: 0; padding: 0; }
#nav-mobile .menu ul li{ list-style: none; margin: 0; padding: 0; }
#nav-mobile .menu ul li a{ display: block; padding-right: 30px; position: relative; text-decoration: none; }
#nav-mobile .menu ul li a:focus,
#nav-mobile .menu ul li a:hover{ text-decoration: underline; }
#nav-mobile .menu .root{ padding: 20px; }
#nav-mobile .menu .root > li{ border-bottom: 1px solid #dedede; }
#nav-mobile .menu .root > li:last-child{ border: 0; }
#nav-mobile .menu .root > li > a{ color: #8e7c67; font-family: 'oswald', arial, verdana, sans-serif; font-size: 1.1250000000em; font-weight: 300; line-height: 1.125em; padding: 20px 0; text-transform: uppercase; }
#nav-mobile .menu .root > li > .child > ul > li > a{ padding: 15px 0; }
#nav-mobile .menu .root .is-parent > .child > ul > li > a{ color: #000; font-size: 0.9375000000em; padding: 12px; }
#nav-mobile .menu .root .is-parent > .child > ul > li:nth-child(even)> a{ background-color: #f5f5f5; }
#nav-mobile .menu .root > .is-ancestor > .child > ul > li > a{ background: none; color: #8e7c67; font-family: 'oswald', arial, verdana, sans-serif;font-size: 0.9375000000em; font-weight: 300; line-height: 1.125em; padding-left: 0; text-transform: uppercase; }
#nav-mobile .menu .root > .is-ancestor > .child > ul > li:nth-child(even) > a{ background: none; }
#nav-mobile .menu .root > .is-ancestor > a:after,
#nav-mobile .menu .root > .is-parent > a:after{ background: url(../images/sprites.png) no-repeat -240px 0; content: ""; display: block; height: 20px; margin-top: -10px; position: absolute; right: 0; top: 50%; width: 20px; }
#nav-mobile .menu .root > .is-ancestor.is-active > a:after,
#nav-mobile .menu .root > .is-parent.is-active > a:after{ background-position: -270px -0; }
.has-script #nav-mobile .menu .root > .is-ancestor > .child,
.has-script #nav-mobile .menu .root > .is-parent > .child{ display: none; }



/**
 * #content 
**/
#content .innerwrap{ background-image: url(../images/structure/box-shadow@320.jpg); width: 320px; }
#content.layout #content-middle{ padding: 20px; }
#content.layout-left #column-left{ display: none; }
#content.layout-left #column-center{ float: none; margin-right: 0; width: auto; }
#content.layout-left #content-middle{ padding: 20px; }
#content.layout-right #column-right{ display: none; }
#content.layout-right #column-center{ float: none; margin-right: 0; width: auto; }
#content.layout-right #content-middle{ padding: 20px; }

/** 
 * #footer 
**/
#footer .innerwrap{ width: 280px; }
#footer .section{ display: none; }
#footer .aside{ float: none; width: auto;  }
#footer .aside .facebook{ border: 0; margin: 0; padding: 0; width: 280px; }
#footer .aside .facebook iframe{ width: 280px !important; }
#footer .aside .credits{ text-align: left; }

/**/

/**
 * COMMONS
**/
#content .buttons { padding: 1em 0 ; }
#content .buttons .left{ float: none; margin: 0 0 1em 0; }
#content .buttons .right{ float: none; margin: 0; }

.product-filter .display{ float: none; }
.product-list{}
.product-item{ margin: 0; padding: 20px 40px 20px 0; position: relative; }
.product-item .image{ left: 0; position: absolute; top: 20px; }
.product-item .image .img{ height: 86px; width: 130px; }
.product-item .image .img img{ height: auto; width: 130px; }
.product-item .cart a{ background: url(../images/sprites.png); display: block; height: 28px; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; width: 80px; }
html[lang=en] .product-item .cart a{ background-position: -120px -120px; }
html[lang=en] .product-item .cart a:focus,
html[lang=en] .product-item .cart a:hover{ background-position: -120px -150px; }
html[lang=fr] .product-item .cart a{ background-position: 0 -120px; }
html[lang=fr] .product-item .cart a:focus,
html[lang=fr] .product-item .cart a:hover{ background-position: 0 -150px; }

.display-list .product-list{}
.display-list .product-list .product-item{ min-height: 86px; padding: 20px 0 20px 145px; width:auto; }
.display-list .product-list .product-item .image .img{ height: 86px; width: 130px; }
.display-list  .product-list.product-item .image .img img{ width: 130px; }
.display-list .product-list .product-item .image .banner{ height: 86px; width: 130px; }
.display-list .product-list .product-item .rating{ left: 168px; top: 156px; }

.display-grid .product-list .product-item{ float: left; padding: 120px 0 20px 0; width: 130px; }
.display-grid .product-list .product-item .image .img{ height: 86px; width: 130px; }
.display-grid .product-list .product-item .image .img img{ width: 130px; }
.display-grid .product-list .product-item .image .banner{ height: 86px; width: 130px; }
.display-grid .product-list .product-item .rating{ left: 138px; top: 106px; }
.display-grid .product-list .count-0,
.display-grid .product-list .count-2,
.display-grid .product-list .count-4,
.display-grid .product-list .count-6,
.display-grid .product-list .count-8,
.display-grid .product-list .count-10{ clear: left; }
.display-grid .product-list .count-1,
.display-grid .product-list .count-3,
.display-grid .product-list .count-5,
.display-grid .product-list .count-7,
.display-grid .product-list .count-9,
.display-grid .product-list .count-11{ margin-left: 20px; }

/**
 * MODULES
**/
.module{ background-image: url(../images/structure/box-shadow@320.jpg); }
.module-product{ padding-left: 10px; padding-right: 10px; }
.module-product .heading{ padding-left: 10px; }

/* Box Products */
.box-products{}
.box-product-item{ padding: 120px 10px 40px 10px; width: 130px; }
.box-products .last-child{ padding-right: 10px; }
.box-product-item .image{ left: 10px;  }
.box-product-item .image .img{ height: 86px; width: 130px;  }
.box-product-item .image .img img{ width: 130px;  }
.box-product-item .image .banner{ height: 86px; width: 130px; }
.box-product-item .name a{ display: block; height: 1.125em; overflow: hidden; text-overflow: ellipsis; }
.box-product-item .description{ font-size: 0.9375000000em; height: 1.125em; margin-bottom: 1em; overflow: hidden; }
.box-product-item .cart a{ background: url(../images/sprites.png); display: block; height: 28px; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; width: 80px; }
html[lang=en] .box-product-item .cart a{ background-position: -120px -120px; }
html[lang=en] .box-product-item .cart a:focus,
html[lang=en] .box-product-item .cart a:hover{ background-position: -120px -150px; }
html[lang=fr] .box-product-item .cart a{ background-position: 0 -120px; }
html[lang=fr] .box-product-item .cart a:focus,
html[lang=fr] .box-product-item .cart a:hover{ background-position: 0 -150px; }
.is-hide-price .module-product{ background-position: center 19.1250000000em; }
.is-hide-price .module-product .box-products.swiper-container{ height: 14.7500000000em; }
.is-show-price .module-product{ background-position: center 23.3750000000em; }
.is-show-price .module-product .box-products.swiper-container{ height: 19.0000000000em; }
.is-show-price .module-product .box-products.swiper-container .box-product-item{ height: 8.2500000000em; }

/* #module-login */
#module-login .left{ float: none; margin-bottom: 1em; width: auto; }
#module-login .right{ float: none; width: auto; }

/* #module-manufacturer */
#module-manufacturer h2 span { display: block; line-height: 1.25em; margin: 0 1.75em; }
#module-manufacturer .wrapper{ width: 320px !important; }
#module-manufacturer .slide{ float: none !important; }
#module-manufacturer .slide a{ margin: 0; }
#module-manufacturer .slide a img{ height: auto; width: 150px; }

/* #module-slideshow */
#module-slideshow{ background-position: center 290px; height: 290px; width: 320px; }
#module-slideshow .swiper-container{ height: 290px; }
#module-slideshow .swiper-slide{ height: 290px; overflow: hidden; width: 320px; }
#module-slideshow .swiper-slide img{ height: 290px; width: auto; max-width: auto; }
#module-slideshow .swiper-iframe iframe{ height: 290px; width: 320px; }
#module-slideshow .swiper-pagination{ top: 250px; }

/**
 * PAGES
**/

/* #account-order */
#account-order table .image{ display: none; }
#account-order table .stock{ display: none; }

/* #account-wishlist */
#account-wishlist table .image{ display: none; }
#account-wishlist table .stock{ display: none; }

/* #checkout-cart */
#checkout-cart .cart-info table thead{ display: none; }
#checkout-cart .cart-info table tbody{ display: block; }
#checkout-cart .cart-info table tbody tr{ display: block; position: relative; }
#checkout-cart .cart-info table tbody tr td{ border: 0; display: block; }
#checkout-cart .cart-info table .image{ left: 10px; padding: 0; position: absolute; top: 8px; }
#checkout-cart .cart-info table .name{ padding: 8px 100px 20px 80px; }
#checkout-cart .cart-info table .quantity{ padding: 0; position: absolute; right: 10px; top: 8px;  }
#checkout-cart .cart-info table .price{ bottom: 8px; left: 80px; padding: 0; position: absolute;  }
#checkout-cart .cart-info table .price:before{ content: "@"; }
#checkout-cart .cart-info table .price:after{ content: " = "; }
#checkout-cart .cart-info table .total{ font-weight: bold; }
#checkout-cart .cart-info table .stock{ display: none; }

/* #checkout-checkout */
#checkout-checkout .columns .left{ float: none; margin-bottom: 1em; width: auto; }
#checkout-checkout .columns .right{ float: none; width: auto; }
#checkout-checkout .checkout-heading{ font-size: 1em; }
#checkout-checkout .checkout-content .buttons { padding-bottom: 3em; }
#checkout-checkout .cart-info table thead{ display: none; }
#checkout-checkout .cart-info table tbody{ display: block; }
#checkout-checkout .cart-info table tbody tr{ display: block; position: relative; }
#checkout-checkout .cart-info table tbody tr td{ border: 0; display: block; }
#checkout-checkout .cart-info table .image{ left: 10px; padding: 0; position: absolute; top: 8px; }
#checkout-checkout .cart-info table .name{ padding: 8px 100px 8px 10px; }
#checkout-checkout .cart-info table .model{ display: none; }
#checkout-checkout .cart-info table .quantity{ bottom: 8px; left: 10px; padding: 0; position: absolute;  }
#checkout-checkout .cart-info table .price{ bottom: 8px; left: 40px; padding: 0; position: absolute;  }
#checkout-checkout .cart-info table .price:before{ content: "@"; }
#checkout-checkout .cart-info table .price:after{ content: " = "; }
#checkout-checkout .cart-info table .total{ font-weight: bold; }
#checkout-checkout .cart-info table .stock{ display: none; }
#checkout-checkout .cart-total table{ font-size: 0.875em; }

/* #common-home */
#common-home #content.layout #content-middle{ background-image: url(../images/structure/box-shadow@320.jpg); padding: 20px 20px 80px 20px; }
#common-home #content-middle .section{ float: none; padding-left: 0; padding-right: 0; padding-bottom: 20px; width: auto; }
#common-home #content-middle .aside{ border: 0; border-top: 1px solid #ccc; float: none; padding-top: 20px; padding-left: 0; padding-right: 0;  width: auto; }
#common-home #content-middle .aside .player iframe{ height: 158px; width: 280px; }
#common-home #content-middle .aside .youtube{ padding-right: 80px; position: relative; }
#common-home #content-middle .aside .youtube a{ position: static; }
#common-home #content-middle .aside .youtube a .yt{ right: 0; }
#common-home #module-manufacturer{ padding-bottom: 40px; }


/* #product-category */
#product-category h1{ position: static; top: 0; }

/* #product-product */
#product-product #content-middle{ background-image: url(../images/structure/box-shadow@320.jpg); padding: 20px 10px 80px 10px !important; }
#product-product #content-middle .left { float: none; width: auto; }
#product-product #content-middle .right { float: none; width: auto; }
#product-product #content-middle .swiper-container{ height: 185px; width: 300px; }
#product-product #content-middle .swiper-slide img{ height: auto; width: 300px; }
#product-product #content-middle #button-cart{ background: url(../images/sprites.png); display: block; height: 28px; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; width: 80px; }
html#product-product[lang=en] #content-middle #button-cart{ background-position: -120px -120px; }
html#product-product[lang=en] #content-middle #button-cart:focus,
html#product-product[lang=en] #content-middle #button-cart:hover{ background-position: -120px -150px; }
html#product-product[lang=fr] #content-middle #button-cart{ background-position: 0 -120px; }
html#product-product[lang=fr] #content-middle #button-cart:focus,
html#product-product[lang=fr] #content-middle #button-cart:hover{ background-position: 0 -150px; }
#product-product #module-related{ margin-top: -20px; }