html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0; padding: 0; }
html { height: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
abbr, acronym { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a, a:link, a:visited, a:hover, a:active { outline: none; text-decoration: none; }
:focus { outline: 0; }
*[onclick], *[onClick] { cursor:pointer; }

/* helper classes */
.clear { clear: both; }
.center { text-align: center; }
.middle { vertical-align: middle }

body { font: 12px/1.5 'Gotham-Book', sans-serif; color: hsl(0, 0%, 51%); }/*opensans-regular*/

/* generic link */
a { color:#666; text-decoration: none;}
a:hover { color:#000; }

a.path {   color: #66; display: block; padding-top: 2px; }
/* messages */
.OKMessage { color: #00CC00; text-align: left; }
.KOMessage { color: #FF0000; text-align: left; }

/* define common styles */
.price{white-space:nowrap, font-size: 13px;}
img.saleImage, img.highlightImage{}
div.saleAndHighlight div.saleImage{background:url(https://d2ahu83lc7r3h6.cloudfront.net/160/tags/sale.png) no-repeat; color:#000; float:left; clear:both;}
div.saleAndHighlight div.highlightImage{background:url(https://d2ahu83lc7r3h6.cloudfront.net/160/tags/highlight.png) no-repeat; color:#fff; float:left; clear:both; margin-top: 3px;}
img.categoryProductSaleImage { top: 0; position: absolute; left: 0;}
.longDescription { margin:0px 10px; }
.centralContainer{ margin:0 auto 20px;position:relative; }

/*div.centralContainerIndex{ background:url(../ecommerce/images/bghomeBanners.png) center no-repeat;height:169px;
width:762px; float:right;margin-top:350px;}*/

/* common modules */
input.moduleButton{ height:20px; width:56px; }

/* categoriesList home*/
div#categoriesList li{background: url("../ecommerce/images/nav-empty.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
/* layout */
#header { color: #777676; overflow: hidden; height: 65px;}
#footer { background: #fff; text-align: center; border-top:none; border-bottom:none; border-left: none; border-right: none; margin:auto; padding: 0px 5%; padding-bottom:10px; }
div.availableLanguages .languageSpacer { display: inline; margin: 0 5px;}
img.backgroundImage{ border:medium none; top:0; height:auto; left:0; min-height:100%; min-width:1024px; position:fixed; width:100%; }

#footer > div#pages2 { height: 25px; line-height: 24px; color: #c4c4c4; }
div#footer .languagesModule { background-color: #fff;  padding: 10px 0;}
div#footer .availableLanguages { width:100%; margin:auto;text-align: center;}
div.availableLanguages select{ width:100%; display:block; padding:5px;border: 1px solid hsl(0, 0%, 80%); 	font-family:'Gotham-Book', sans-serif;  }
a.languageLink { font-size: 13px;}
a.languageLink.languageLinkSelected {  }
.availableLanguages,.productOptionValue.productOptionSelectValue {
   width:100px;
   overflow: hidden;
   background: #fff;
   border: 1px solid #DDDDDD;
   height: 30px;
   border-radius:2px;
 }
 .availableLanguages{border:none;}
 .productOptionValue.productOptionSelectValue{width:200px;}
.availableLanguages select,.productOptionValue.productOptionSelectValue select{
  width: 100%;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  background: transparent url("../ecommerce/images/arrowdownmenu.png") no-repeat scroll 99% 12px;
  @media (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) {
      background: transparent url("../ecommerce/images/arrowdownmenu.png") no-repeat scroll 99% 12px;
      background-size: 16px 144px;
    }
}

span.productextrainformation {display: block; /*padding-top: 10px;*/ clear:both;}
div.productOptionValue select{border:none; background:none;}
#pageContainer img{max-width: 100%;}
div.subpage{ display: list-item; list-style: disc; margin: 0 20px; min-height: 30px;}
div.subpage a:hover{color:#7CB20A;}
/* header */
div.acorddionMenu { float: left; height: 85px;  width: 25%;}
div.acorddionMenu > img {  display: block; margin: 25px 0 0 20px; cursor: pointer;}
.acorddionSearch > img { cursor: pointer;}
div#logoContainer {  float: left; padding-top: 5px;  width: 48%; height: 75px; text-align: center;}
div#logoContainer span{ bottom: 5px;  white-space: nowrap;color: hsl(353, 75%, 64%);font-family: "vaground","Arial",sans-serif;font-size: 16px;margin-top: 0;padding-top: 0;position: relative;}
img#logo { opacity: 1; display:block;  max-height: 45px;   margin: 0 auto;}
div#header > div#miniBasketSearch { float: left;   width: 27%;  height: 85px;}
  @media all and (max-width: 410px){div#logoContainer span{font-size: 12px; font-family: 'Gotham-Book'; font-weight: bold;}}
  @media all and (max-width: 319px){div#logoContainer span{font-size: 10px;}div.acorddionMenu{width: 18%;}div#logoContainer{width: 55%;}}
  @media all and (max-width: 283px){div.acorddionMenu{width: 18%;}div#logoContainer{width: 55%;}}
   @media all and (max-width: 232px){div#logoContainer span{ font-size:9px; font-weight:normal;}}
/*.miniBasketLayer */
div#miniBasket{font-size: 90%; /*width: 100%;*/ margin-right: 5px;  margin-top: 15px;  position: relative;  text-align: right;}
a.miniBasket { display: block; color:#999; text-align: right; }
span.miniBasketItems {  color: hsl(188, 58%, 54%); display: block; font-size: 1em;  font-weight: normal;  position: absolute;  right: 10px;   text-align: center;  top: 35px; }
#miniBasketSearch > div#miniBasketLayer { }
div.acorddionSearch {    float: right;  margin: 33px 15px 0 0; }
/*banners*/
#homepage > .clear{ margin-bottom: 5px;}
div#banners1>*{width: 100%;}
div#banners1 img{width: 100%; margin-bottom:10px; }
div#banners1 img.bannerLast{margin-bottom:0px; }
div#banners9 img{max-width: 100%; margin-top:0.3em; min-height:16px; }
div#banners9>*{width:100%;}
div#banners2>*{width: 33.33%; float: left;}
div#banners2>.bannerLast{margin-left: 0.5%;}
div#banners2>.bannerFirst{margin-right: 0.5%;} 
div#banners2 a img{width: 100%;}
div#banners12>*{width: 100%; position: absolute;}
div#banners10{ display: inline-block;}
div#banners12 img{width: 100%;}
div#banners12{ overflow: hidden;}
div#banners9{width: 100%;}
img.bannerLinkeding{ width:39px; height:37px;}
div#banners10 > a{ display:inline-block;width:39px;}
div#banners10 > a img,img.bannerLinkeding{ max-height:35px;max-width: 35px;}
a.bannerLinkeding{ margin-left:1px; margin-right:3px;}
div#banners20 img{ max-width: 50%;}
div#banners20{ margin-bottom:15px;}

div#banners5 { margin: 15px auto; text-align:center;}


div#banners13>*{width: 100%; position: absolute;}
div#banners13 a img{max-width: 100%;}
div#banners13{ overflow: hidden;}
div#banners14>*{width: 100%; position: absolute;}
div#banners14 a img{max-width: 100%;}
div#banners14{ overflow: hidden;}

div#banners13{min-height: auto !important;float:left;width:65%;position:relative;/*height: 366px;*/}
div#banners14{min-height: auto !important;float:left;width:35%;position:relative;/*height: 366px;*/}
div#homepage div#banners13>img, div#homepage div#banners14>img{max-height:100%;max-width: 100%;min-width: 100%;}
/* path */
div.pathContainer {  -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;   -moz-border-top-colors: none; background: none repeat scroll 0 0 #EFEFEF;  border-color: #cccccc -moz-use-text-color -moz-use-text-color;  border-image: none; border-style: solid none none; border-width: 0 medium medium;  min-height: 30px; overflow: hidden;  position: relative;}
.categoriesHome .categoryPathContainer { border: none; }
.categoriesHome .categoryPathLast { float: none; text-align: center; width: 100%;}

a.path {   color: #666; display: block; padding-top: 2px; }
	/* PAGES 10 */
	
	div.pages10Container { display: inline-block; overflow:  hidden; border-bottom: 1px solid #ccc;}
	div.page10 {color: #2c4977;float: left; overflow: hidden; font-family: "Gotham-Bold";font-size: 12.5px;text-transform: uppercase; padding:0px; width:25%;}
	@media all and (max-width: 595px) {div.page10{ width: 50%;}}
  .page10.last { padding-right: 0;}
	.page10Image { display: table-cell; height: 44px;  vertical-align: middle; padding-right: 0px; max-width: 50%}
	 .page10Image img{ max-width: 100%}
  .page10Title {  display: table-cell; line-height: 15px; margin-top: 7px; vertical-align: middle;max-width: 50%}
div.page10 >*{}
div.pathFirst{ text-transform: none; background-color: #EFEFEF; border: none; font-size: 14px;}
div.pathFirst a{ padding:0px 20px; background-color:transparent;}
div.pathFirst{ background-position: 2% 52%;}
div.pathLast{font-weight: normal; text-transform: none; font-size: 14px;}
/* messages */
/*** forms ****/
div.formTitle,h1.pageTitle { font-size: 16px; font-family: "Gotham-Ultra";margin: 10px 0px 20px;text-transform: uppercase;display: list-item; list-style:inside none disc;color: #FD9F01;border-bottom: 2px dashed #FD9F01;}
div.formTitle.languageTitle{display:block;}
h1.pageTitle {margin: 10px 10px 20px;}
div.formText { font-size: 14px; line-height:normal;}
div.formField { clear:both; margin:1px 0px;	padding:3px 0px 3px 0px;}
a.userTypeLink.userTypeLinkSelected{ font-weight: bold;}
.formField input[type=text],.formField input[type=password] { font-size: 14px; padding:4px; width: 96% }
.formField select { font-size: 1.2em; padding: 1px 2px; width: 97%; height: 26px; }
.formField textarea { padding: 2px 4px; width: 98%; }

/* validation fields */
.validate-integer, .validate-numeric{text-align:right}
input.validation-failed, select.validation-failed, textarea.validation-failed{border-color:#FF0000;}
input[type=checkbox].validation-failed{background-color:#f00;}

div.validation-advice{color:#FF0000; font-size:11px; float:left; margin-left:4px; margin-top:2px;}
div.legalTextLinks div.validation-advice{float:none; }

#addsuccess {  color: #777676; font-size:14px; font-weight: bold; }
#addfail { color: #FF0000; font-size:14px; }

.formCheckboxField.userCheckboxField, .validate-required-check {  }
select.subcountrySelector {
    margin: 5px 0;
}

/*** search form ***/

div#smallSearch { background:url("../ecommerce/images/backgroundMenu.png") no-repeat scroll center center / 106% 100% hsla(0, 0%, 0%, 0);margin-top: 0;overflow: hidden;padding: 0.9em 15px;position: relative;}
div#smallSearchCriteriaContainer{background: url("../ecommerce/images/lupa.png") no-repeat scroll 5px 50% #fff;border: 1px solid #aaa;border-radius: 9px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;color: #333333;padding: 1px 5px 1px 25px;position: relative; bottom: 3px;}
input#smallSearchCriteriaField {background: none repeat scroll 0 0 transparent;border: 0 none;color: #999;display: block;margin: 0;outline: 0 none !important;padding: 0.4em 0;width: 98%;}
input#smallSearchCriteriaField:focus{ }
div#smallSearchCriteriaContainer label { }
div#smallSearchSubmitContainer {  height: 33px; position: absolute; right: 0;  top: 1px;}
div#smallSearchSubmitContainer input {visibility: hidden;height: 0px;  max-height: none; width: 0px; margin:0;  box-shadow: none;}
div#smallSearchSubmitContainer input:hover{}
div.smallSearchAdvanced { }
div.smallSearchAdvanced a { }
div.smallSearchAdvanced a:hover { }
form#smallSearchForm{  }

div#acorddionMenuContent { background: none repeat scroll 0 0 #fff;  top: 65px;  width: 100%; z-index: 99; }
div#menuCloser {   bottom: 0;  height: 100%;  left: 0;  opacity: 0;    position: fixed;  top: 0;  width: 100%;  z-index: 99 !important; }
div#dynamicMenu {border-top:12px solid #44BBCE; background: none repeat scroll 0 0 #fff;  height: 100%;   position: absolute; left: -100%;  top: -200%; width: 100%;  z-index: 101;}
div#pages2 div.page.pageLast{ border-bottom: 0px;}
div#userAccountContainer{ border-radius: 0px;  padding-left:5%;border-top:12px solid #44BBCE; padding: 0px;  margin-top: 0px; }
a.userAccount {line-height: 30px; text-transform: uppercase;}
div#categoriesTreeTop a.userAccount{background: #fff;padding:0.5em 5%;}
div#categoriesTreeTop div.categoryTree1 { background: url("../ecommerce/images/nav-empty.png") no-repeat scroll right center rgba(0, 0, 0, 0);   border-bottom: 1px solid #f0f0f0;  padding: 1em 5%;}
div#categoriesTreeTop div.categoryTree1.categoriesTreeEmptyElement{padding: 0px;}
div#categoriesTreeTop div.categoryTree1.categoriesTreeEmptyElement a{display: block; padding: 1em 5%;}
div#categoriesTreeTop div.categoriesTreeTogglerElement.accordionMenuSelected { background: url("../ecommerce/images/nav-less.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
div#categoriesTreeTop div.categoryTree2 {  background: url("../ecommerce/images/nav-empty.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
div#categoriesTreeTop div.categoryTree2  a{display:block;padding: 1em 5%; margin-right:30px;}
div#categoriesTreeTop div.categoriesTreeTogglerElement {   background: url("../ecommerce/images/nav-plus.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
div#categoriesTreeTop div.categoryTree3 {  background: url("../ecommerce/images/nav-empty.png") no-repeat scroll right center rgba(0, 0, 0, 0);   padding: 0;}
div#categoriesTreeTop a { text-transform: uppercase;}
div#categoriesTreeTop a.categoryTree2, div#categoriesTreeTop a.categoryTree3 { text-transform: capitalize;}
div#categoriesTreeTop div.categoryTree3 a{display:block;padding: 1em 5%; margin-right:30px;}
div#categoriesTreeTop a.categoryTree { color: #777676; font-family: "Gotham-Book"; font-size: 14px;}
.subCategoriesTree { background-color: #f0f0f0;  background-position: center top, center bottom;  background-repeat: repeat-x, repeat-x;}
div.categoriesTreeContainer2 .subCategoriesTree { background: none repeat scroll 0 0 #c4c4c4;}
.productInfoName  a{color: #fff; font-weight: bold; font-size: 14px;}
.mbgrid-a, .mbgrid-b, .mbgrid-c, .mbgrid-d{ overflow: visible;}
div.categoryProductNameSku .productInfoName  a{color: #fff; font-weight: normal; font-size: 13px;  text-transform: none;}
/* concrete forms */
#userFormFieldsContainer { }
#userFormFieldsContainer .formField input[type=text], #userFormFieldsContainer .formField input[type=password] { width: 96%; color: #777676;}

.userLogin { margin-left: 0px; }
.userLogin label.formField {padding-top: 5px; text-transform: none;font-weight: normal;text-align:left;display: block; }
#popupBasketUserLogin input[type=text], #popupBasketUserLogin input[type=password] { width: 90% !important; } 
#userLoginSubmitContainer { padding: 0;  margin-bottom: 5px;}
a.formLink.userLoginLink{padding: 5px 0px; display: inline-block; margin-top: 5px;}


#minibasketpopup #addToBasketSuccess {  font-size: 14px; text-transform: uppercase;}
#minibasketpopup #addToBasketFailure { font-size: 14px; color: #990000; }

#minibasketpopup .basketButtons { margin-top: 20px; /*margin-bottom: -15px;*/ }
#minibasketpopup .basketButtons a { margin: 15px 0; padding-top: 0.9em; padding-bottom: 0.9em;}
#minibasketpopup .mbbuttons { display: block; }

#userLoginForm {padding-bottom: 10px; }

#popupBasketUserLogin { border-top: 1px solid #e7e7e7; overflow: hidden; margin-top: 15px; padding-top: 10px; margin-bottom: -15px; }
#popupBasketUserLoginFailure { color:#FF0000; }

#popupBasketLoginButtons { text-align:center; margin-top: 15px; padding-top: 5px; }
#popupBasketLoginButtons .mbbutton { display: block; }

div#banners7{ }
div#banners7 img{width:100%;}
div#banners7 >*{position:absolute;}
#popupBasketLoginButtons { position: relative; }
#popupBasketLoginButtons .lside, #popupBasketLoginButtons .rside { width: 50%; }
#popupBasketLoginButtons .lside { float: left; }
#popupBasketLoginButtons .rside { float: right; }
#popupBasketLoginButtons ..mbutton { display: block; white-space: nowrap; }
#popupBasketLoginButtons .lside .mbutton { padding-right: 10px; }
#popupBasketLoginButtons .rside .mbutton { padding-left: 10px;  }

.checkout #userLoginForm label { color: #777676; }

#lostPasswordForm { padding: 10px; } 

#userFieldUserTypeContainer { border-bottom: 1px solid #e7e7e7; }
.userFormFieldsContainer label.formField { display:block; }
.formFieldRadioValue { overflow: hidden; clear: both; float: none; }
input.formRadioField { display:block; float: left; margin-right: 10px;}

/*
#userForm .basketButtons { text-align: right; }
#userForm .basketButtons input { display: inline-block; }
*/

#signInFormFieldsContainer { }
#signInFormFieldsContainer label.formField { float:left; }

#userFieldSubscribedContainer,#userFieldSignInContainer { position: relative;  padding: 5px 0px;  overflow: hidden; }
#userFieldSubscribedContainer label,#userFieldSignInContainer label { float: left; margin-left: 15px; }
#userFieldSubscribedContainer input,#userFieldSignInContainer input { position: absolute; top: 0; left: 0; margin: 8px 0; }

div#userFieldUseShippingAddressContainer { position: relative;}
div#userFieldUseShippingAddressContainer label { padding-left: 15px;}
input#useShippingAddress {  position: absolute; top: 6px; left: 0px;}

div.legalTextLinks { position: relative; clear: both;}
div.legalTextLinks input { position: absolute;left: 0px; top: 12px;}
div.legalTextLinks > span { display: block; padding: 10px 0px; padding-left: 20px; }
div.errorMessage{
background: #FFF1F1 url("../ecommerce/images/warning_basket.png") no-repeat 10px 7px;  padding: 10px 20px 10px 40px;  border-top: 1px solid #ffc9c9;  border-bottom: 1px solid #ffc9c9;  color: #cc0000; margin: 10px 0px;  clear: both;  text-align: left;  line-height: 120%;  text-shadow: 0 1px rgba(255, 255, 255, 0.5);  width: 95%;}

select.userField{text-transform:capitalize; color: #777676;}
div.citiesSelector{border:1px solid #e5e5e5; z-index: 3; position:absolute; background-color:#FFF; max-height:200px; overflow:hidden; overflow-y:auto;}

div.subcountrySearch{}
div.subcountrySearchField{}
div.citiesSelector{}

table.citiesSelector{}
div.countriesSelector{}
div.countrySelectorContainer{}
td.selectableCity{padding:3px; padding-right:20px; white-space:nowrap; border-bottom:1px solid #e5e5e5; text-transform:lowercase;}
td.selectableCityZip{}
td.selectableCityName{text-transform:capitalize;}

.legalTextLinks { text-align: left; }

a.legalPopup{ font-weight: bold; color: #000;}
label.formField { font-size: 13px;text-transform: none; font-weight: normal; color: hsl(0, 0%, 32%); }
span.required { color: #000;}

/*** products grid ***/
/* BC 09/12/2016 Jordi Cañizares - TLG-0055927 - Quan fas cerques al buscador intern... - Added #productsSearchResults.. */
#products .productsGrid .product,#products .productview1InfoContent, .relatedSectionProducts .productsGrid .product,.relatedSectionProducts .productview1InfoContent, #productsSearchResults .productsGrid .product{background: #fff; color:#fff;}
#products .productsGrid .product, .relatedSectionProducts .productsGrid .product, #productsSearchResults .productsGrid .product{border: 2px solid hsl(37, 100%, 49%);}
.productsGrid .product { text-align: center; margin: 5px; margin-bottom: 25px; border-radius: 5px; border: 1px solid #000; position: relative; background: hsl(0, 0%, 13%);}
#products .productview1InfoContent,.relatedSectionProducts .productview1InfoContent, #productsSearchResults .productsGrid .product .productview1InfoContent{ overflow: hidden;background:hsl(37, 100%, 49%); color:#fff; }
/* EC 09/12/2016 Jordi Cañizares - TLG-0055927 - Quan fas cerques al buscador intern... - Added #productsSearchResults.. */

/*.productsGrid .product:hover .productview1InfoContent{ position: relative;transition-delay: 0s; padding-top: 30%;    transition-duration: 0.3s;    transition-property: all; top: 0px;left: 0px; margin-top: -83%; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5);}
.productsGrid .product:hover .productview1InfoContent a, .productsGrid .product:hover .productview1InfoContent span{color: #fff; font-size: 18px;}
*/.productsGrid .product .categoryProductImage { text-align: center; padding-top:10px;position: relative; display: inline-block; width: 90%; }
.productsGrid .product .categoryProductImage img { max-width: 100%;max-height: 240px; }
.productsGrid .product .categoryProductImage a{ bottom: 0;display: inline-block;left: 0;max-width: 100%;position: absolute;text-align: center;width: 100%;}
.productsGrid .product .categoryProductImage img.categoryProductSaleImage { position: absolute; top: 0px; left: 0px;width: auto;  }
.productsGrid .product .categoryProductImage img.categoryProductHighlightImage { position: absolute; bottom: 0px; right: 0px; width: auto; }
 div.categoryImage{padding-top: 10px;}
div.productsPagination { text-align: right; border:none; overflow:hidden; }
/*categoryTitle*/
h1.categoryTitle{font-weight: bold; padding-left: 10px; padding-top: 10px}
.categoryProductInfo .subcategoryName{color: #fff;}
div.productview1InfoContent.categoryProductInfo{ background: #212121;}

/*category products*/
div.categoryProductName { padding-left:15px; padding-right:5px; text-align:left; }
div.categoryProductsPricesContainer{ position:relative; }
span.productInfoPrice {font-size:16px; font-weight: bold; text-align:left; color: hsl(54, 100%, 79%);}
span.productInfoBasePrice{   color: #666;  font-size: 14px;  margin-right: 10px;  text-align: left;  text-decoration: line-through;}
span.productInfoPrice2{ padding-left:5px; float:left; font-size:14px; font-weight:bold;}
span.textSale{ padding-left:15px; font-size:14px; color:#AF3729; text-transform:uppercase; float:left; }
div.lineSalePriceCategory{ padding-left:25px; background:url("../ecommerce/images/lineSale.png") no-repeat scroll center center transparent;height:17px;left:0px;position:absolute;top:-2px;width:35px;}
div.categoryProductsPrices{ float:left; width:100%; text-align: center; }
span.productInfoName{ float:left; width:100%; text-align: center; }
span.productInfoPrice span.price { }
.saleAndHighlight {position: absolute;    right: 0;    top: -25px; z-index: 9;    width: 100%;}
div.saleAndHighlight div.saleProduct, div.saleAndHighlight div.highlightProduct { background-image: url("https://d2ahu83lc7r3h6.cloudfront.net/160/tags/sale.png");
    background-position: 49% center;background-repeat: no-repeat; color: hsl(0, 0%, 100%);
    font-family: "Gotham-Ultra";font-size: 20px;font-weight: normal;height: 51px;line-height: 35px;
    text-align: center;text-transform: uppercase;width: 100%;}
div.saleAndHighlight div.highlightProduct { background-image: url("https://d2ahu83lc7r3h6.cloudfront.net/160/tags/highlight.png");}
/*** product detail ****/
 div.linkSeeLongDesescription{ margin: 5px 0px;
  display: inline-block;
  border: solid 1px #000;
  padding:0px 15px 5px 15px;
	}
   div.linkSeeLongDesescription:hover {
  background-color: #666666;
  color: #fff;
}
div.linkSeeLongDesescription:before{content:"+"; display: inline-block; position:relative; top: 3px;font-weight: bold;  height: 20px; width: 15px; font-size: 20px}
div.linkSeeLongDesescription.activeLongDescription:before{content:"-";}
div.productDetailImage .mbcontent{ padding: 15px 25px;}
div.productImagesContainer{ position:relative; text-align:center; /*width:250px;*/ }
div.productDetailInfo, div.productDetailData, div.productOptionsContent { overflow: hidden; float: none; clear: both; }



div.productDetailInfo { position: relative; }
div.productAvailability { position: absolute; top: 0; right: 0; padding: 10px; }

div#subcategories{border-bottom:1px solid #EFEFEF;}

.addProductButtonContainer { position:relative; }
.addProductButtonContainer2 { position: absolute; left: 0; top: 0; z-index: 10; }
.addProductButtonContainer .mb-button { position: absolute; left: 0; top: 0; z-index: 10; }
.addProductButtonContainer .addProductButtonEspera { position: absolute; left: 0; top: 0; }

div.shippingText{ clear:both;color:#FFFFFF;float:right;font-size:14px;font-weight:normal;padding:1px 3px; background:#9c9c9c; margin-top:5px;}
div.shippingTextDescription{ width:100%; font-size:16px;}
div.salePercentDifferenceText{ padding-left:10px; clear:both; margin-top:5px; color:#9c9c9c; font-size:14px; float:left;white-space:nowrap;  }

div.ProductGuideSize{ padding-top:10px; float:left; width:250px;}
input.productGuideSize{ border:none; color:#AF3729; font-size:11px; text-align:left; width:250px;}
input.productGuideSize:hover{color:#000}
a.productGuideSize{ border:none; color:#AF3729; font-size:16px; font-weight:bold; text-align:left; width:250px;}
a.productGuideSize:hover{color:#000}


div#additionalsContainer { overflow: hidden; text-align: center;  width: 100%;}
div.productAdditionalImages{ padding-top:15px;}
div.productAdditionalImage{ display: inline-block; text-align: center; width: 90px; }
div.productAdditionalImage img{  border: medium none; max-height: 70px;    max-width: 90px;}
div.productAdditionalImage a{ border:none; }
input.productDetailRecommendButton ,input.productDetailRecommendButton:hover{ background:url(../ecommerce/images/buttons/recommendButton.png) bottom no-repeat; width:27px; height:21px; float:left;margin-left:3px;}
input.productDetailContactButton ,input.productDetailContactButton:hover{background:url(../ecommerce/images/buttons/contactButton.png) bottom no-repeat; width:26px; height:21px; float:left;}
input.wishlistButton,input.wishlistButton:hover{background:url(../ecommerce/images/buttons/wishlistButton.png) bottom no-repeat; width:26px; height:21px; float:left;}
input.wishlistButtonAdded{ background:none; width:120px; color:#888	;}
div#addthisProductInfo{ float:left; width:55px;}

div.productAvailability{ clear:both;display:block; margin:5px 0px;  color: #777676;font-size:11px;float:right;font-weight:bold; }
div.productAvailability span{ white-space:nowrap;}
div.productAvailability a{ font-style:italic; color:#777676;}
div.productAvailability a:hover{ color:#AF3729;}

input.productDetailRecommendButton ,input.productDetailRecommendButton:hover{ background:url(../ecommerce/images/buttons/recommendButton.png) bottom no-repeat; width:27px; height:21px; float:left;margin-left:3px;}
input.productDetailContactButton ,input.productDetailContactButton:hover{background:url(../ecommerce/images/buttons/contactButton.png) bottom no-repeat; width:26px; height:21px; float:left;}
input.wishlistButton,input.wishlistButton:hover{background:url(../ecommerce/images/buttons/wishlistButton.png) bottom no-repeat; width:26px; height:21px; float:left;}
input.wishlistButtonAdded{ background:none; width:120px; color:#888	;}
div#addthisProductInfo{ float:left; width:55px;}
div.productDetailQuantityContent{ margin: 5px 0px; overflow: hidden;}
div.productDetailPrice, div.productDetailBasePrice { display: inline-block; }
span.productDetailBasePrice { color: #c4c4c4;  font-size: 12px;  margin-left: 10px; text-decoration: line-through;}
div.productDetailPrice { font-size: 13px;}

span.productTitleRightColumn{  font-size: 14px;  display: block;  margin: 20px 0;}
/*-----------customTG4Advice--------------*/
div.customTG4Advice{clear: both;}
/*-----------productExtra info----------*/

/*------------------------------------------*/	
span.productCustomTagValue { display: block;  font-size: 13px; }
.productCustomTagsValues, .productPrice.productDetailPrice { display: table-cell; vertical-align: middle;}
div.productDetailPrice{font-size: 22px; color: #000; position: relative;    top: 9px;}
div.productDetailBasePrice{  color: #666;  text-decoration: line-through;  font-size: 22px;}
div.productDetailBasePrice span.productDetailBasePrice{font-size: 22px;}
h1.productInfoNameContainer {text-transform: uppercase; color: hsl(37, 100%, 53%);float: left; padding-left: 0px; font-size: 26px; font-family: pratersansone-regular,sans-serif;}
h2.productInfoNameContainer{float: right; color: #1a1a1a;  font-size: 22px;}
div.productInfoSkuContainer {   font-size: 13px;}
div.customtagsandbrands >*{ float: left;}
div.productDetailPrices span.price { }
.productColor { border: 2px solid #f0f0f0; display: block;  float: left;  height: 15px; margin: 0 15px 0 0;    overflow: hidden;
    width: 15px;}
.productColor.selectedColor { border: 2px solid #7f7f7f;}
.shortDescription.productInfoShortDescriptionContainer { margin-top: 5px;}
span.productInfoShortDescriptionContainerText {display:block; font-size: 12px;}
div.productDetailInfo {border-bottom: none; border-top:none; }
/*related products*/
div.relatedItemsContent{clear:both; }
div#relatedItemsContent div.categoryProductInfo {border-bottom:none;}
span.relatedSectionTitle{border-top:2px solid #C0C1C2;/*display:inline;*/height:25px; }
h2.relatedSectionTitle{  color: #1a1a1a;    font-size: 22px;    font-weight: normal;    margin: 20px 0;}
div.relatedItemsContainer{ margin-bottom:20px;padding-top:3px;}

/*options*/
table.productOptions{width:100%; margin:10px 0px 0px 0px;clear:both;}
div.productOptionPrompt{padding:5px 10px 5px 0;text-align:left;white-space:nowrap;width:100%; font-size:14px;}
td.productOptionValues{ padding:5px 0px 5px 5px; }
div.productOptionValue{float:left;}
div.productOptionValues{ border-left:1px solid #666666}
div.productOptionRadioValue {  float: left;  border-width: 1px 1px 1px 1px;  border-style: solid;  border-color: #666666;  text-align: center;  width: 37px;  font-size: 12px;  color: #666666;  height: 25px;  line-height: 25px;  overflow: hidden;  margin-left: -1px;}
div#sizeGuide img{position: relative;top: 7px;}
div#sizeGuide a{  margin: 15px 0px;display: inline-block;border: solid 1px #000;  padding: 5px 15px; padding-top: 0px;}
div#sizeGuide img{position: relative;top: 7px;}
div#sizeGuide a:hover{background-color:#666666; color: #fff;}
div.productOptionSelectValue select{background-color:#eee; text-align:center; padding: 3px 0px; border:1px solid hsl(0, 0%, 80%)}
div.productOptionRadioValue.productOptionSelected, div.productOptionRadioValue:hover {  cursor: pointer;   color: white;  background-color: #666;}
div.productOptionRadioValue label{ cursor: pointer;}
div.productOptionRadioValue input{ visibility: hidden; position: absolute;}
textarea.optionTextareaValue{width:130px; height:50px;}
input.productOptionTextValue{width:130px;}
#productInfoLongDescriptionContainerText{display: none;}
/*productDetail*/
table.productDetail{width:100%;}
div.productDetailInfoContent{ width:230px;}
div.productDetail{ }
td.productDetailImage{width:245px; padding:0px 10px 0px 0px;vertical-align:middle;}
td.productDetailInfo{ width:230px;}
div.productDetailButtons{margin-top:10px; clear:both; width:140px; float:right;}
div.productDetailBuyButton{ float:right; width:130px; }

input.productDetailQuantity{text-align:center;width:20px; float:left; height: 20px; font-size:14px; background: #eee; border: none; padding:5px;}
span.productDetailQuantity{float:left;padding:5px 10px 0px 0px ;text-align:left;white-space:nowrap; font-size:14px;}
select.productOptionSelectValue{font-size:16px; width:240px;}
span.select{ background:url(../ecommerce/images/select.gif) no-repeat; color:#fff; font-size:11px; height:17px; line-height:15px; overflow:hidden; padding-left:1px; padding-right:15px; position:absolute; text-align:center; width:113px;}
.productMediumImage.productDetailImage { width: 100%;}
div.productImagesContainer a{color:rgba(255,255,255,0);}
div#customTGCE{ float: right;}
/*custom tags*/
div.productInfoCustomTags{ float:left; padding-top:15px; width:100%}
table.customTags{font-size:15px; color:#777676;}
td.customTagName{color:#000; font-weight:bold;}
td.customTagValue{padding-left:5px;}
td.customTagValue a{color:#777676; font-size:15px;}
td.customTagValue a:hover{ color:#AF3729}
div.productInfoCustomTagsImage{ position:relative;}
div.productInfoCustomTagsImage div.productCustomTag{ position:absolute; right:0px; top:-46px;}
div.productInfoCustomTagsImage div.customTagName { display:none;}
div.productSkuBrandContainer{ clear: both;}
div.productSkuBrandContainer >div{float: left;}
div.productSkuBrandContainer span.brandTitle,div.productSkuBrandContainer span.skuTitle{font-weight: bold;}
.productCustomTag0 .customTagName.productCustomTagName{ color: #000;}
div#customTagProductInfo1{ padding-top: 25px;}
/*** checkout steps ***/
div.checkout{color: #000;}
#basketSteps { margin: 1px 0; overflow:hidden;  background: none repeat scroll 0 0 #fff; }
div.basketStep { float:left; width: 50%; text-transform: uppercase;}
span.basketStep {  display: block;  margin: 1px; padding: 2px 5px; font-size: 14px; color: hsl(330, 2%, 80%); border: 1px solid #ddd;font-family:'Gotham-Black'; background: none; }
div.basketStepSelected { color:#000; font-weight: bold; }
div.basketStepSelected span{color:hsl(37, 100%, 50%); }
#orderCommentsField{ width: 98%; background-color: #fff;border: 1px solid #ededed;font-family:'Gotham-Book', sans-serif; padding:1%; font-size:13px; margin-bottom:20px; }
label.orderCommentsField{ font-size: 14px;font-weight: 700;margin: 10px 0 10px;text-transform: uppercase; border-bottom:1px solid #ccc; display:inline-block; }
a.basketDeleteProduct{ padding: 5% 0px;}
span.basketStep1{background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep1Selected{  background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep2{  background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep2Selected{  background-position:center left; background-repeat:no-repeat; display:block;}

span.basketStep3{ background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep3Selected{ background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep4{  background-position:center left; background-repeat:no-repeat; display:block;}
span.basketStep4Selected{ background-position:center left; background-repeat:no-repeat; display:block;}


/*** basket ckeckout ****/
table.basket, table.basketDisclosure { margin-bottom:10px; width:100%; }
.basketEmpty{ padding:50px 0px; text-align:center;}
.basket td, .basketDisclosure td { padding: 2px 5px; vertical-align: middle; }
tr.basketProduct td.basketProduct { border-bottom:1px solid #e7e7e7; }
tr.basketProduct td.basketQuantity{ border-bottom:1px solid #e7e7e7; }
tr.basketProduct td.basketProductTotal{ border-bottom:1px solid #e7e7e7; }

td.basketTitle{ padding: 5px; font-size: 12px; font-family:'Gotham-Book', sans-serif; font-weight: bold; text-align: left; background-color: hsl(37, 90%, 56%); color: #fff; text-transform: uppercase; }
div.freeShippingLabel {float: left;margin: 20px;}
.basketDisclosure td { padding-left: 30px; }
.basketDisclosure td.basket { border:1px solid #e7e7e7; border-bottom:none; border-right:none; border-left: none;}
.basketDisclosure td.basketTitle{ text-align: right; }
span.basketProductName{ font-weight: bold; color: #000}
td.basketProduct { text-align: left; width: 100%; }
td.basketDisclosureBaseTitle { text-align: left; width: 100%; }

.basket td.basketTitle{ border-bottom: 1px solid #e7e7e7; }
td.basketTitle.basketPriceTitle{width: 0px; overflow: hidden;font-size: 0px; color: #000; border: none;padding: 0px; margin: 0px;}
td.basketSubtotalTitle, td.basketDisclosureTotalTitle { text-align: right; }
td.basketPriceTitle { font-size: 1px; color: #fff; width: 1px; padding: 0; }

.basketProductImage { float: left; width: 55px; }
.basketProductData { margin-left: 60px; }

img.basketProductImage { display:block; float:left; margin-right:5px; width: 48px; max-height: none; }

.basketDeleteProduct { float:right; margin: 2px 0 0; }

td.basketQuantity  { border-left: none; text-align:right; width: 1em; }
input.basketQuantity { border: 1px solid #efefef; width: 20px; text-align: center; font-size: 1em; background-color:#fff;   color: #000; padding:5px; }

td.basketPrice { text-align:right; width: 2em; padding-left: 10px; }
td.basketPrice span.price, .basketDisclosureTaxRate { white-space: nowrap; }

/* Hide column basketProductPrice but maintains the column in place due colspan issues in the table footer */
td.basketProductPrice { width: 1px; border-right: none; padding: 0; }
div.checkout td.basketProductPrice span.price { display: none; }


td.basketFooter { border: none; background-image: none; text-align: right;}
div#footer .mbcontent{border-bottom: 1px solid #ccc; padding-top: 5px;}
table.basketDisclosure { width:100%; margin: 15px 0px 15px 0px; margin-bottom: 10px; clear: both; }
table.basketDisclosure td.basket{ }

#basketEndOrder, #customerBasketContinue, #paymentAndShippingBasketContinue { 	display: inline-block;	width: 100%;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline; overflow: visible; vertical-align: baseline;	padding: 11px 0px;	outline: none;	cursor: pointer;
	text-align: center;	text-decoration: none;	letter-spacing: normal;	margin-top: 10px;	margin-bottom: 2px;	color: #FFF;	text-shadow: none;	background: #88CB36; border: solid 1px #88CB36;text-transform: uppercase;
	font-weight: normal;}
#basketEndOrder:hover, #customerBasketContinue:hover, #paymentAndShippingBasketContinue:hover{ } 

/*newsletter*/

div#smallNewsletter{ width:190px; margin:0 auto;  float:left;}
div#smallNewsletterHeader {font-weight:bold; padding-top:18px; }
div#smallNewsletterContent{ position:relative; overflow:visible; }
div#smallNewsletterEmailContainer{ float:left; }
div#smallNewsletterEmailContainer label { text-align:left;  color: #777676; font-weight:bold; }
div#smallNewsletterEmailContainer input { width:150px; height:12px; }
div.smallNewsletter div.legalTextLinks{ text-align:left; text-indent:18px; clear:both; font-size:9px; position:relative; padding-top:5px;  color: #777676; height:27px;}
div.smallNewsletter div.legalTextLinks a { font-weight:bold;}
div.smallNewsletter div.legalTextLinks a:hover { font-weight:bold;}
div.smallNewsletter div.legalTextLinks input { position:absolute; left:0px; top:3px; margin:0px; }
div#smallNewsletterSubmitContainer{ width:auto; position:absolute; top:-1px; right:14px; }
input#smallNewsletterSubmit{ float:right; background-image:url(../ecommerce/images/buttonSearch.png); background-repeat:no-repeat; width:20px; padding:0px; position:relative;}

div.smallNewsletter{ position:relative; }
/* Categories Alphabetical Order Page */
div#brandsContainer{overflow:hidden; text-align:center;}
div#alphabetBrandsContainer{display:inline-block; text-align:left;}
div.alphabetBrandsColumn { float: left; width: 30%; margin-right: 3%;}
div.alphabetBrandsLetterName { float: left; width: 100%; font-size: 30px; border-bottom: 1px solid;}

div#smallNewsletterResponse{ left:190px; bottom:3px; white-space:nowrap; }

div.deleteAccountText{ padding:20px; }

/*common modules*/
div.module{ }
div.moduleHeader{ }
div.moduleContent{ overflow:hidden; }
div.moduleFooter{ }

div.moduleField{ }
label.moduleField{min-width:60px; display:block; float:left; text-align:right; padding-right:3px; height:18px; line-height:18px; }
input.moduleField{width:90px;}
/*input.moduleButton{ background:url(../ecommerce/images/Button.png) no-repeat center transparent; height:20px; width:56px; color:#FFFFFF;}*/

div.moduleResponse{ padding:0px 5px; }

/* code discount */
#discountCodeField{ width:56%; font-size: 14px; float:left;padding: 7px 4px; clear: both; background-color:#fff; border: 1px solid #ededed;}
label.discountCodeField{float: left;}
#discountCodeButton{margin:0px; width: 40%; float: right;}
#discountCodeFieldContainer{width: 100%; clear: both;margin-bottom: 30px;overflow: hidden;}

/* Titles */
.basketSelectorsTitle , .shippingSelectorsTitle,.discountCodeField,label.orderCommentsField{ 
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 10px; font-family: "Gotham-Ultra";
  text-transform: uppercase;
  display: inline-block; color: #F3A629;
  border-bottom: 1px dashed #F3A629;}
div.basketSelector{padding: 10px 0px; margin: 5px 0px; border-radius: 5px; border:1px solid #ccc; padding-left: 10px; }
div.basketSelector.basketSelectorSelected{ background-color: #f9f9f9;border:1px solid hsl(79, 89%, 37%);}
label.basketSelectorName,label.basketSelectorPrice{color: hsl(79, 89%, 37%); font-weight: bold;} 

div#emailContainer { }
div#emailContainer label { }
div#emailContainer input { width: 250px; }
input#emailField { margin-left: 10px; }

div.lostPasswordFormFields {  }

div#lostPasswordSubmitContainer { }

div#lostPasswordKo {margin-top: 20px; text-indent: 10px;}
div#lostPasswordOk { text-indent: 10px; margin-top: 20px;}

#lostPasswordForm { padding: 10px; }
#lostPasswordSubmitContainer { }

form#contactForm { margin-right: 20px;}
form#contactForm label { float: left; }
form#contactForm input { float: left; clear: left; width: 100%; }
form#contactForm input[type="checkbox"] { clear: none; width: auto; margin-top: 2px; margin-left: 2px;}
form#contactForm textarea { float: left; clear: left; width: 100%; }
form#contactForm select { float: left; clear: left; width: 100%; }
div#cookiesBannerContainer {z-index: 999999; left: 0; width: 100%; background: #f0f0f0; font-size: 10px; min-height: 50px; box-shadow: 0 -3px 3px 0 rgba(50, 50, 50, 0.2); border-bottom: none; }
div#cookiesBannerText {color: #999; margin: 0 auto;min-height: 20px;padding: 10px;width: 90%;}
div#cookiesBannerText a{ color:#000;}
div#cookiesBannerButton { float: right; width: 18px; height: 18px; line-height: 18px; margin-left: 15px;
color: #FFF; font-size: 0px;  background-image: url("../ecommerce/images/closeBannerCookies.png"); background-repeat: no-repeat; background-color: transparent;}
div#cookiesBannerButton:hover { background-image: url("../ecommerce/images/closeBannerCookiesHover.png");background-color: transparent; cursor: pointer;}
div.mbcontent .pageText img {  /*height: 100%;*/ /* width: 100%;*/}
div.mbcontent .pageText *{ max-width: 100%;}
div#pages1 div.page, div#pages2 div.page { -moz-border-bottom-colors: none; -moz-border-left-colors: none;   -moz-border-right-colors: none;  -moz-border-top-colors: none;  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: -moz-use-text-color -moz-use-text-color #f0f0f0; border-image: none; border-radius: 0;  border-style: none none solid; border-width: medium medium 1px; padding:0px; margin:0; text-transform: uppercase;}

div#pages1 div.page a.page, div#pages2 div.page a.page {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #666;padding: 1em 5%; display:block;}

/*div#menuPages div.page{ width:95%; margin:10px auto; }*/
#categoriesTreeTop > div#menuPages {  border-bottom: 10px solid #44BBCE;}
div#menuPages div.page a{ color:#777676; background: url('../ecommerce/images/nav-empty.png') no-repeat scroll 100% 50%; }

div.categoryImage > img { /*height: 100%;*/ max-width: 100%;}
div.infoContainer.categoryinfoContainer {  font-size: 13px; padding: 20px 10px;}
div#alertBasketContainer{background:#FFF1F1 url("../ecommerce/images/warning_basket.png") no-repeat 10px 15px; padding:10px 20px 10px 40px; border-top:1px solid #ffc9c9; border-bottom:1px solid #ffc9c9; color:#cc0000; margin:10px 0px; clear:both; text-align:left;line-height:120%; text-shadow:0 1px rgba(255, 255, 255, 0.5);}
div.basketInvalidMessage, div.basketWarningMessage{ font-size:12px; text-align:left; }
div.basketInvalidIcon{ }
div.alertProduct{ font-weight:bold;}
#mobileRedirect{text-align: center; margin: 25px 0px;}
.mobileRedirectLink{  padding: 5px; font-size:14px; text-transform:uppercase; color: #fff; display:block;margin:auto;}
a#banner20 img{ /*width:39px; height:38px;*/}
div#mobileRedirect, div#mobileRedirect:hover{color:#fff;background: hsl(37, 89%, 56%); border:1px solid hsl(37, 89%, 56%); }
.mobileRedirectLink:hover{color: #fff;}
.button, .button:visited, input[type="submit"], input[type="button"]{background: #F4A92C;	font-family:'Gotham-Book', sans-serif; border: 1px solid#F4A92C;color: #fff;line-height: 28px;    padding: 0 15px;
    text-transform: uppercase;    transition-duration: 0.1s;    transition-property: all; border-radius:0px;}
div.noProducts{margin: 30px auto;text-align: center;}
.button:hover, .button:visited:hover, input[type="submit"]:hover, input[type="button"]:hover , .basketButtons a:hover ,
a.confirmOrderLink:hover{background: #F4A92C; color: #fff;}
form div.formField input[type=text],form div.formField input[type=password] , form div.formField textarea, form div.formField select, form div.formFields input, form div.formFields textarea, form div.formFields select,form div.smallNewsletterModuleField input, form div.smallNewsletterModuleField textarea, form div.smallNewsletterModuleField select{background-color: #fff;color: #000;border: 1px solid hsl(0, 0%, 87%);}
#userLoginSubmit{width: 96.5%;}
div.legalTextLinks a {color: hsl(0, 0%, 67%);}
#userLoginSubmit,#saveUserButton,#contactSubmit{ background: #49BE36; color: #fff; border: 1px solid #49BE36;}
input.productDetailButton:hover,#userLoginSubmit:hover,#saveUserButton:hover{background: #49BE36; color: #fff;}
input.productDetailButton[disabled]:hover,input.productDetailButton[disabled]{border-color:#ccc;color:#000;cursor: default; background: #ccc;}
/*userControlPanel*/
div#userControlPanel{clear: both;overflow: hidden; margin: 15px;}
div.userPanelLink{ text-align: left; padding-left: 20px; background-color:#76A809; border: 1px solid #eee; margin-bottom: 10px;}
div.userPanelLink a{text-transform: uppercase; padding: 10px 0px; padding-left: 30px;color: #fff; display: inline-block; background-size: 20px; background-position: 3px center; background-repeat: no-repeat;}
div.userPanelLink.userPanelEditDataLink a{background-image: url(../ecommerce/images/icon_myacount.png);}
div.userPanelLink.userPanelChangePasswordLink a{background-image: url(../ecommerce/images/icon_changepassword.png);}
div.userPanelLink.userPanelOrdersLink a{background-image: url(../ecommerce/images/icon_orders.png);}
div.userPanelLink.userPanelLogoutLink a{background-image: url(../ecommerce/images/icon_colseacount.png);}
div.userPanelLink.userPanelEPointsOrdersLink a{background-image: url(../ecommerce/images/icon_epoints.png);}

div.userPanelBlock{float: left;  width: 49.5%;  text-align: left;}
div.userPanelOrdersBlock{ margin-left:1% }

@media all and (max-width: 335px) {div.userPanelLink.userPanelLogoutLink a{height: 33px; line-height: 33px;}}
div.pathContainer.userPathContainer{padding: 0px 5px;}
/*notFoundContainer*/
#notFoundContainer{text-align: center; padding: 30px;}
#notFoundContainer .longDescription{ margin-top: 15px;}
#notFoundContainer img{ max-width: 100%;}
a.buttonIndexNotFound{border: 1px solid #333;background-color: #333;display: inline-block;  padding: 5px; margin-top: 20px; color: #fff;}
a.buttonIndexNotFound:hover{background-color: #fff; color:#333;}

input.productDetailButton{	display: inline-block;	zoom: 1; 
	*display: inline;	overflow: visible;	vertical-align: baseline;	padding: 11px 0px!important;
	outline: none;	cursor: pointer;	text-align: center;	text-decoration: none;	letter-spacing: normal;
	/*font: 15px/100% 'Gotham-Book', sans-serif;	*/margin-top: 10px;	margin-bottom: 2px;	color: #FFF;
	text-shadow: none;
	background: #7AC737;
	border: solid 1px #7AC737; font-weight: bold;
  color: #fff;	text-transform: uppercase;
	
}

input.productDetailButton:HOVER {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	overflow: visible;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	letter-spacing: normal;
	/*font: 15px/100% 'Gotham-Book', sans-serif;*/
	color: #fff;
	text-shadow: none;
	border: solid 1px #7AC737;
  background: #7AC737;

}


/**/
input.required.validation-failed{border:solid 1px red!important;}
/*orders*/
tr.grid.userOrder{border-bottom: 1px solid #eeeeee;}
td.grid { padding:5px;}
/*epoints payment and Shipping*/
tr.selectableEPointsItem td.selectableEPointsItemImage{display: none;}
td.selectableEPointsItemName{text-align: left;}
div.userEpointsContainer {text-align: center;}
div.confirmOrderContent >span{display: block; text-align: center; font-size: 14px;}
div.confirmOrderContent{background-image: url("../ecommerce/images/icon_confirmorder.png");background-position: center top;
    background-repeat: no-repeat;padding-top: 90px;text-align: center;width: auto;}
div.deniedOrderButtons{ margin:50px 0px 20px;}		
div.confirmOrderContent >span.confirmOrderText{}
div#deniedOrderContainer div.deniedOrderContent{background-image: url("../ecommerce/images/icon_deniedOrder.png");background-position: center top;
    background-repeat: no-repeat;margin: 0 auto;padding-top: 90px;text-align: center;width: auto; font-size:14px;}
div#emptyProductsSearchResults{ text-align:center; margin:50px 0px}
div.tlgLink{ width:90%; margin:auto; text-align:center;}

div.confirmOrderContentLinks{ margin:30px 0px; overflow:hidden;}
a.confirmOrderLink{background: #fff;	font-family:'Gotham-Book', sans-serif; border: 1px solid hsl(0, 0%, 20%);    color: #333333;    line-height: 28px;    padding: 0 15px;
    text-transform: uppercase;    transition-duration: 0.1s;    transition-property: all; border-radius:0px; display:block; margin:10px 0px;}
input#changePasswordSubmit{ width:100%;}

div.productRelatedSectionTitle{  border-bottom: 2px dashed hsl(38, 99%, 50%);color: hsl(38, 99%, 50%);display: list-item; list-style:inside none disc;font-family: "Gotham-Ultra";font-size: 18px;margin: 10px 0 20px;text-transform: uppercase;}

div.categoryRichSnippets .productViewValorationTopLayer {width: 100px;margin: 4px; height: 18px;}

/* ------------ COOKIES BANNER ------------------------------------------------- */

div#cookiesBannerContainer {
	top: auto !important;
	left: auto !important;
	bottom: 0;
	right: 0;
	box-shadow: -2px 0 3px #AAAAAA;
	min-height: 100px;
	padding: 10px;
	position: fixed;
	width: 380px;
	background: url("../ecommerce/images/cookie-icon.png");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: 28px 30px;
	border: 0;
}

div#cookiesBannerText {
	padding: 0;
	width: 300px;
	height: 100%;
	float: right;
	overflow: hidden;
	color: #555;
}

div#cookiesBannerButton {
	position: absolute;
	right: 100px;
	bottom: 10px;
}

div#cookiesBannerText a {
	color: #555;
}

div#cookiesBannerButton:hover {
	color: #fff;
}

/* ------------------------------------------------------------------ */



/* SOCIAL BUTTONS */
.socialButtons { height: 38px; line-height: 38px; margin: 20px 0px; text-align: center;}
.socialButtonsContainer { display: table-cell; margin: 0px auto; vertical-align: middle;  height: 38px;}
a.whatsapp img { height: 35px; width: auto; line-height: 38px; }
.twitter-share-button { display: inline-block;}
.fb-share-button.fb_iframe_widget { vertical-align: middle; display: inline-block;}
.twitter-share-button { display: inline-block; vertical-align: middle;}
.whatsapp.w3_whatsapp_btn.w3_whatsapp_btn_large { display: inline-block; vertical-align: middle;}
#products .customViewBlue .productview1InfoContent{background:#335083;}
#products .productsGrid .customViewBlue .product{border: 2px solid #335083;}

/* BC 30/03/2017 Jordi Cañizares - TLG-0057758 - Procés de compra a través del mòbil */
div#minibasketpopup div#popupBasketLoginButtons{display: none;visibility: hidden;}
/* EC 30/03/2017 Jordi Cañizares - TLG-0057758 - Procés de compra a través del mòbil */

/* BC 12/04/2017 Jordi Cañizares - TLG-0058575  - Implementación Paga + tarde */
div.pagaMasTardeWidgetContainer{display: block;position: relative;clear: both;}
div.pagaMasTardeWidgetContainer:before{content: "";position: absolute;top: 0px;width:100%;border-bottom: 5px solid #fff;left:0px;}
div.pagaMasTardeWidgetContainer:after{content: "";position: absolute;bottom: 0px;width:100%;border-bottom: 10px solid #fff;left:0px;}
/* EC 12/04/2017 Jordi Cañizares - TLG-0058575 - Implementación Paga + tarde */



/* CATALOGO */
.pageLeft.catalogo {width: 100%;}
.catalogsContainer { clear: both;}
.catalogContainer {     float: left; width: calc(45% - 2px); border: 1px solid #CCCCCC; margin: 0 4% 4% 0; text-align: center; padding: 14px 1%; min-height: 256px; border-radius: 4px;}
.catalogContainer.catalogContainerLast { margin-right: 0;}
.catalogImageContainer { margin-bottom: 15px;}
.catalogNameContainer { min-height: 36px; margin-bottom: 5px;}
.catalogContainer > a { color: #FFA622;}
.catalogImageContainer img { max-height: 182px; width: auto;}

/* Jordi 31/10/2017 - TLG-0061698 - Ficha de producto versión móvil - Increased padding 25px */
div.productDetailImage .mbcontent .productImagesContainer{padding:0px 25px;}
/* Jordi 31/10/2017 - TLG-0061698 - Ficha de producto versión móvil - Increased padding 25px */
div#productShortDescription{overflow:hidden;padding-bottom:2px; height: auto;}
div#linkSeeProductShortDescription{font-weight: bold; margin-bottom: 5px; }

div.longDesc span.longDescTitle {clear: both;color: #ffa410;float: left;font-family: pratersansone-regular,sans-serif;font-size: 20px;line-height: 20px;margin-top: 10px;padding: 0 0 10px;text-transform: uppercase;}
div.longDesc span.longDescContent {clear: both;color: #838383;float: left;font-family: "Gotham-Book",sans-serif;font-size: 12px;font-weight: normal;}