*{ margin: 0; padding: 0; box-sizing: border-box; outline: 0} body{ background: #ffc; font-family: "Trebuchet MS", Arial, Verdana; font-size: 14px; color: #000;} input{ font-size: 14px;} input[type="text"], input[type="tel"], input[type="password"]{ text-align: center; color: #00A651; font-style: italic} textarea{ color: #00A651; font-style: italic; font-family: Arial} li{ list-style: none} a{ text-decoration: none; color: #333} a:hover{ text-decoration: underline} .clearfix:after, #Wrapper:after{ content: ""; display: block; clear: both} .Clear{ clear: both} .ClearLeft{ clear: left} .ClearRight{ clear: right} .BBottomR10{ border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px;} .BTopR10, .Left .item_level_0 h3, .Content h3, .TitleHeading{ border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px;} .BTopR20{ border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-top-right-radius: 20px;} .BBottomR20{ border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px;} .TitleHeading{ font-size: 20px} .Content .BRadius10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .Content .BRadius20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .FloatLeft{ float: left} .FloatRight{ float: right} .Field250{ width: 250px} .InfoMessage, .SuccessMessage, .ErrorMessage{ padding: 8px 6px 8px 28px; margin: 0 10px 10px; color: #555; } .InfoMessage { background: #F7F7F7; } .SuccessMessage { background: #E8FFDF url('../../default/images/SuccessMessage.gif') no-repeat 5px 8px; } .ErrorMessage { background: #FFECEC url('../../default/images/ErrorMessage.gif') no-repeat 5px 8px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border:0; -webkit-text-fill-color: #00A651; -webkit-box-shadow: 0 0 0px 1000px #FFFFCC inset;} .storeCenter, #Wrapper{ max-width: 1000px; margin: 0 auto; padding: 0 5px} #AjaxLoading{display:none;text-align:center;background:#FCF5AA;width:180px;z-index:10000000000;padding:5px 10px} #AjaxLoading img{vertical-align:bottom;margin-right:5px} .btnRadio{ background: url(../images/bg_radio.png) no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: middle;} .btnRadio.active{ background-position: 0 -12px} .btnRadio input{ opacity: 0;} .btnCheckbox{ background: url(../images/bg_checkbox.png) no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: middle;} .btnCheckbox.active{ background-position: 0 -12px} .btnCheckbox input{ opacity: 0;} #HeaderTop{ background: url(../images/bg.png) #B37D51 center; border-bottom: 5px solid #8F0A1C; margin-bottom: 25px;} #HeaderTop .menu{ float: left; display: none} #HeaderTop .menu a{ float: left; width: 50px; height: 35px; text-align: center; padding-top: 12px;} #HeaderTop .apresentacao{ background-color: #fff; color: #000; padding: 9px 5px; margin-bottom: 5px; text-align: center; border: 1px solid #000; border-top: 0; float: left; width: 511px; } #HeaderTop .apresentacao a{ color: #00A651} #HeaderTop .headerSearch{ background: #fff; padding: 3px 5px; margin-bottom: 5px; position: relative; border: 1px solid #000; border-top: 0; width: 37%; float: right;} #HeaderTop .headerSearch label{ content: "O que você procura?"; position: absolute; left: 10px; top: 9px} #HeaderTop .headerSearch .Textbox{ float: left; width: 100%; height: 28px; border: 0; padding-left: 145px; padding-right: 50px; } #HeaderTop .headerSearch .Button{ position: absolute; right: 0; top: 2px; right: 15px} #HeaderSearchContent{ position: absolute; left: 1px; top: 49px; width: 100%; z-index: 99999999;} #HeaderSearchContent h3{ line-height: 21px; padding: 5px;} #HeaderSearchContent h3 a{ float: right; margin: 0 5px 0;} #HeaderSearchContent .search-content{ background: url(../images/bg.png) #B37D51 center; padding:5px 0 1px} #HeaderSearchContent .InfoMessage, #HeaderSearchContent .ErrorMessage{ margin: 0 5px 5px; font-size: 12.5px;} #HeaderSearchContent .ErrorMessage{ background-position: 50% 3px; padding: 20px 6px 6px; text-align: center} #HeaderSearchContent .InfoMessage{ padding: 8px 6px; } #HeaderSearchContent .InfoMessage p{ padding-left: 14px; padding-bottom: 5px;} #HeaderSearchContent .InfoMessage ul{ padding-left: 6px;} #HeaderSearchContent .InfoMessage li{ padding: 1px 0} #Header{ position: relative} #Header .logo{ float: left; width: 48%; position: relative; z-index: 20; margin-bottom: 10px;} #Header .logo img{ width: 100%; max-width: 208px; height: 174px;} #Header .headerCart{ float: right; width: 48%; text-align: center; position: relative; z-index: 20; margin-bottom: 10px;} #Header .headerCart h2{ background: url(../images/bg_headerCartTitle.png) repeat-x #A10C23; padding: 23px; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; padding-left: 20px; padding-right: 73px; position: relative} #Header .headerCart h2 span{ display: none} #Header .headerCart h2:after{ background: url(../images/bg_headerCart.png) no-repeat; width: 53px; height: 78px; content: ""; display: block; position: absolute; right: 10px; top: -11px} #Header .headerCart .BlockContent{ background: url(../images/bg.png) #B37D51; border: solid #fff; border-width: 3px 0; padding: 7px;} #Header .headerCart .cartItems, #Header .headerCart .cartSubtotal{ height: 43px; line-height: 43px;} #Header .headerCart .cartItems{ background: #fff; padding:0 5px; } #Header .headerCart .cartItems img{ vertical-align: middle; height: 26px;} #Header .headerCart .cartItems a{ color: #006D0A} #Header .headerCart strong{ color: #421313; font-size: 12px; display: none} #Header .headerCart .cartItems .items2{ display: inline; font-weight: normal} #Header .headerCart .cartSubtotal{ background: #fff; margin-top: 5px; font-size: 13px; color: #006D0A;} #Header .headerCart .cartWishlist a{ display: block; position: relative; padding: 0 5px;} #Header .headerCart .cartWishlist .wishlist{ position: static; top: inherit; right: inherit; float: left; margin-left: 3px;} #Header .headerCart .cartWishlist strong{ display: inline !important} #Header .headerCart .cartWishlist span{ color: #006D0A; } #Header .headerCart .agradecimentos{ background: #A00C22; line-height: 29px; color: #fff; text-transform: uppercase; font-size: 11px;} #Header .headerCart .agradecimentos span{ display: none} #HeaderBanner{ width: 100%; height: 208px; overflow: hidden; clear: both} #HeaderBanner .slideContent, #HeaderBanner img{ width: 100% !important; height: 208px !important} @media screen and (min-width: 390px){ #Header .logo img{ height: 207px} #Header .headerCart .cartItems, #Header .headerCart .cartSubtotal{ height: 46px; line-height: 46px;} #Header .headerCart .agradecimentos span{ display: block} } @media screen and (min-width: 440px){ #Header .logo{ width: 208px} #Header .logo img{ height: auto} #Header .headerCart{ width: 205px} #Header .headerCart h2 span{ display: inline} #Header .headerCart strong{ display: inline} #Header .headerCart .cartItems .items2{ display: none} } @media screen and (min-width: 768px){ #HeaderBanner{ position: absolute; left: 0; top: 0; padding:0 235px; z-index: 15} } #HeaderMenu{ clear: both; padding-top: 15px;} #HeaderMenu nav{ background: url(../images/bg_title.png) #A00C22; text-align: center; line-height: 34px; font-size: 16px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #HeaderMenu a{ display: inline-block; color: #fff; text-transform: uppercase; padding: 0 2%} #HeaderMenu a.active{ color: #86ca86 !important} #HeaderMenu a:hover{ background: #6C0612; text-decoration: none} @media screen and (max-width: 768px){ #HeaderMenu nav{ background: none; margin: 0 15%} #HeaderMenu a{ background: url(../images/bg_title.png) #A00C22; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 2px} #HeaderMenu br{ display: none} } @media screen and (min-width: 990px){ #HeaderMenu br{ display: none} } .Left{ margin-top: 15px; float: left; width: 192.5px;} .Left .item_level_0 > .submenu, .storeBox .BlockContent{ background: url(../images/bg.png) #C3915D; padding: 7px; padding-top: 0; margin-bottom: 15px;} .Left .item_level_0 > .submenu > ul, .storeBox .BlockContent ul{ background: #fff; padding:5px 10px} .Left .item_level_0 > .submenu > ul a, .storeBox .BlockContent a{ display: block; padding: 5px 0; color: #000} #SideCategoryList .active a{ color: #009146 } .Right{ margin-top: 5px; text-align: center; clear: both; padding-top: 15px} .Right .banner_home_page_right{ position: relative; top: -18px} .Right .banner_home_page_right img{ display: block; margin: 0 auto 10px; max-width: 100%; height: auto;} .ContentCenter{ clear: none; margin-left: 207.5px; padding-top: 15px; } .Content{ background: url(../images/bg.png) bottom right #C3915D; width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 25px; } .Content.Wide{ max-width: 790px; padding-bottom: 33px;} .Content.Widest{ width: 100%; max-width: none; margin-left: 0; margin-top: 15px; padding-bottom: 33px;} .Content h3, .Left .item_level_0 h3, .TitleHeading{ background: url(../images/bg_title.png) repeat-x top #A10C23; line-height: 34px; display: block; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; font-weight: normal; font-size: 16px;} .Content h3{ margin-bottom: 5px} .wishlist{ position: absolute; right: 10px; top: -10px;} .wishlist i{ background: url(../images/icon_wishlist.png) no-repeat 0 -20px; display: inline-block; width: 21px; height: 18px;} .wishlist.active i{ background-position: 0 0;} .ProductList{ padding: 0 5px} .ProductList:after{ content: ""; clear: both; display: block} .ProductList li{ width: 100%; overflow: hidden; padding:3px 6px 9px;} .ProductList li .itemContent{ background: #fff; height: 376px; padding: 5px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .ProductList h2{ height: 30px; line-height: 15px; margin-bottom: 10px;} .ProductList h2 a{ font-size: 12px; text-transform: uppercase; color: #000} .ProductList .ProductImage{ height: 156px; position: relative;} .ProductList .ProductImage img{ max-height: 156px;} .ProductList .ProductPromotion{ padding-top: 10px; height: 56px;} .ProductList .ProductPromotion img{ display: block; margin: 0 auto 3px;} .ProductList .ProductPrices{ padding-top: 10px; height: 91px;} .ProductList .ProductPrices .ProductPrice{ color: #017539; font-size: 16px; font-weight: bold; height: 33px;} .ProductList .ProductPrices strike{ display: block; font-size: 12px; color: #f00; display: block; height: 14px;} .ProductList .ProductParcelas{ font-size: 12px; padding: 0 5px;} .ProductList .ProductParcelas strong{ color: #017539} @media screen and (min-width: 395px){ .ProductList li{ width: 50%; float: left} } @media screen and (max-width: 600px){ #HeaderTop .menu{ display: block} #HeaderTop .headerSearch{ margin-left: 50px} .Left{ background: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none !important; z-index: 50; margin-top: 0; float: none} .Left .CategoryList{ background: url(../images/bg.png) repeat #D6A273; position: absolute; left: 0; top: 0; width: 70%; overflow-y: auto; height: 100%} .Left.floatingLeft{ display: block !important} .ContentCenter{ clear: both; margin-left: 0; } } @media screen and (min-width: 792px){ .ProductList li{ width: 33.33%;} } .Content .Clear{ clear: none} .Content .ClearLeft{ clear: none} @media screen and (min-width: 1000px){ .Right{ float: right; width: 192.5px; clear: none; padding-top: 0} .Content{ float: left; max-width: 577px; margin-bottom: 50px;} .Content.Wide{ max-width: 790px} .Content .Clear{ clear: both} .Content .ClearLeft{ clear: left} /*.ProductList li .itemContent{ height: 376px;}*/ /*.ProductList .ProductPromotion{ height: 35px;}*/ /*.ProductList .ProductPromotion img{ width: 48%}*/ #ProductDetails .ProductMain{ width: 45% !important; margin-left: 4% !important;} } .Breadcrumb{ margin-bottom: 9px;} .Breadcrumb li{ display: inline; color: #000; font-weight: bold; font-size: 12px;} .Breadcrumb li a{ color: #000; } .Breadcrumb a:after{ content: ">"; display: inline-block; margin: 0 5px} #PageProduct h3{ margin-bottom: 0} #ProductDetails{ background: #fff; margin: 0 33px; padding-top: 35px;} #ProductDetails .ProductThumb{ float: left; width: 44%; padding-left: 4%; } #ProductDetails .ProductThumbImage{ width: 100% !important; margin: 0 auto; max-width: 292px; height: auto !important} #ProductDetails .ProductThumbImage .wishlist{ top: 5px; right: 0} #ProductDetails .ProductThumbImage .zoomPad img{ max-width: none;} /*#ProductDetails .ProductThumbImage img{ width: 100%; max-width: 292px}*/ #ProductDetails .ProductTinyImageList{ text-align: center; padding-top: 10px;} #ProductDetails .ProductTinyImageList *{ box-sizing: content-box} #ProductDetails .ProductTinyImageList li{ float: left; margin: 4px 5px; margin-left:0;} #ProductDetails .ProductTinyImageList li .TinyOuterDiv{ border: 2px solid #fff;} #ProductDetails .ProductTinyImageList li.activeThumb .TinyOuterDiv{ border-color: #AB2E40} #ProductDescription{ margin-top: 25px;} #ProductDescription h3{ font-size: 17px;} #ProductDescription .ProductDescriptionContainer{ padding: 10px 0 15px; font-weight: bold; } #ProductDescription .ProductDescriptionContainer p{ margin-bottom: 10px} #ProductDescription .ProductDescriptionContainer *{ max-width: 100% !important} .ProductDimensions{ margin-top: 8px;} .ProductDimensions .dimension{ background: url(../images/bg.png) #C3915D; float: left; margin: 0 auto; text-align: center; font-size: 12px; width: 30%; height: 40px; border-radius: 5px 5px 0 0; } .ProductDimensions .dimension strong{ background: #96091D; color: #fff; display: block; height: 18px; padding: 2px 5px; border-radius: 5px 5px 0 0;} .ProductDimensions .dimension p{ background: #fff; height: 20px; margin: 3px; margin-top: 0; padding: 3px 10px; } .ProductDimensions .pdSeparator{ float: left; margin: 0 auto; width: 5%; padding-top: 19px; text-align: center;} /*@media screen and (min-width: 995px){ .ProductDimensions .dimension{ float: left; } .ProductDimensions .pdSeparator{ float: left; padding-top: 18px; height: 46px;} }*/ #ProductDetails h1{ color: #a10c23; font-size: 24px; font-weight: normal; font-family: Times New Roman, Cambria, Hoefler Text, Liberation Serif, Times, serif} #ProductDetails .ProductMain{ float: left; width: 53%; padding-left: 5%; margin-left: 0; padding-bottom: 30px; text-align: center} #ProductDetails .ProductPrices{ padding-top: 20px; font-family: arial, verdana} #ProductDetails .RetailPrice .Value{ color: #f00;} #ProductDetails .ByPrice .Label{ color: #000; font-size: 20px} #ProductDetails .ByPrice .Value{ color: #02783b; font-size: 24px; font-weight: bold} #ProductDetails .ProductParcelas{ font-weight: bold; padding-top: 10px;} #ProductDetails .ProductParcelas strong{ color: #02783b} #ProductOptionals .selectBox{ max-width: 240px; margin: 0 auto; padding: 5px 0 20px; position: relative} #ProductOptionals .optionSelected{ background: url(../images/bg_selectBox.png) no-repeat 96% 5px; border: 1px solid #707D65; border-radius: 0 10px 0 10px; padding: 5px 0; text-align: left; padding-left: 10px; color: #5d6c50; font-weight: bold; position: relative; cursor: pointer} #ProductOptionals .optionSelected li.optionItem{ background: #fff !important; padding-left: 0} #ProductOptionals .optionSelected li.optionItem .optionValue{ padding-left: 0; font-weight: normal; } #ProductOptionals .optionSelected li.optionItem .btnRadio{ margin-right: 10px;} #ProductOptionals .selectOptions{ background: #fff; position: absolute; left: 0; top: 26px; width: 100%; border: 1px solid #707D65; border-top: 0; padding-top: 20px; border-radius: 0 0 0 10px; z-index: 30; display: none } #ProductOptionals h4{ color: #F1352C; font-size: 11px; text-decoration: underline; padding-top: 10px;} #ProductOptionals .selectOptions ul{ padding:10px 0} #ProductOptionals li.optionItem{ padding: 5px 10px;} #ProductOptionals li.optionItem:hover, #ProductOptionals li.optionItem.active{ background: #eee; cursor: pointer} #ProductOptionals li.optionItem:hover *, #ProductOptionals li.optionItem.active *{ cursor: pointer} #ProductOptionals li.optionItem .btnRadio{ float: left; margin-top: 12px} #ProductOptionals li.optionItem img{ float: right} #ProductOptionals li.optionItem span.optionValue{ display: block; padding: 10px 73px 0 20px;} #ProductOptionals li.optionItem.hasAcrescimo span.optionValue{ padding-top: 4px;} #ProductOptionals li.optionItem em{ display: block; font-size: 12px;} /* #ProductOptionals .optional{ padding-bottom: 20px;} #ProductOptionals li{ display: inline-block; margin: 10px 10px 0 0; padding: 5px; height: 110px; } #ProductOptionals li:hover, #ProductOptionals li.active{ background: #f2f2f2; cursor: pointer} #ProductOptionals li img{ border: 1px solid #333; max-height: 100px; cursor: pointer} */ #ProductDetails .ProductAddToCart{ padding-top: 25px;} #ProductDetails .indique{ padding-top: 22px; max-width: 305px; margin: 0 auto} #ProductDetails .indique img{ width: 100%; max-width: 140px; height: auto} #ProductDetails .indiqueProduto{ float: left; width: 49%} #ProductDetails .indiqueLoja{ float: right; text-align: right; width: 49%} #ProductDetails .ProductRedes{ padding-top: 25px;} #ProductDetails .ProductRedes .redeFacebook{ float: left; width: 33%; margin-bottom: 5px} #ProductDetails .ProductRedes .redeTwitter{ float: left; width: 33%;} #ProductDetails .ProductRedes .redeGoogle{ float: left; width: 33%;} #ProductDetails .ProductCompartilhe{ text-align: center} #ProductDetails .ProductCompartilhe strong{ display: block; padding: 10px 0; font-weight: normal} #ProductDetails .ProductCompartilhe li{ display: inline-block; width: 48px; border-left: 1px dotted #c5c5c5} #ProductPaymentMethod{ padding-top: 15px;} #ProductPaymentMethod h3{ font-size: 17px;} #ProductPaymentMethod h5{ color: #a10c23; font-size: 17px; font-weight: normal; padding: 5px 0} #ProductPaymentMethod .paymentMethod{ max-width: 302px; margin: 0 auto} #ProductPaymentMethod ul{ width: 50%; float: left; font-size: 12px; text-align: left} #ProductPaymentMethod ul.col2{ text-align: right} #ProductPaymentMethod li strong{ color: #02763a;} #ProductDetails .showProductBreak{ display: none} #ProductDetails .hideProductBreak{ display: block} @media screen and (max-width: 930px){ #HeaderTop .apresentacao, #HeaderTop .headerSearch{ float: none; width: auto;} #PageProduct #HeaderTop .menu{ display: block} #PageProduct #HeaderTop .headerSearch{ margin-left: 50px} #PageProduct .Left{ background: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none !important; z-index: 50; margin-top: 0 !important; float: none} #PageProduct .Left .CategoryList{ background: url(../images/bg.png) repeat #D6A273; position: absolute; left: 0; top: 0; width: 70%; overflow-y: auto; height: 100%} #PageProduct .Left.floatingLeft{ display: block !important} #PageProduct .ContentCenter{ margin-left: 0;} #PageProduct .Content{ max-width: 100%} } #SearchPageHeader{ position: relative} #SearchPageHeader h3{ text-align: left; padding-left: 17px;} #SearchPageHeader .ToggleSearchFormLink{ float: right; padding-top: 8px; padding-left: 15px} #SearchPageHeader .ToggleSearchFormLink a{ color: #fff} .AdvancedSearch{ background: #fff; margin: 0 10px 10px;} .AdvancedSearch .HorizontalFormContainer{ padding-left: 10px; padding-bottom: 10px} .AdvancedSearch .HorizontalFormContainer dt{ padding-bottom: 5px;} .AdvancedSearch .HorizontalFormContainer dd{ padding-bottom: 10px;} .AdvancedSearch .Submit input{ background-color: #FCB215; border: 0; color: #fff; padding: 10px; font-weight: bold; cursor: pointer} .SearchSorting{ float: right; padding: 7px 0; padding-right: 15px; padding-left: 10px} #CategoryHeading .TitleHeading{ min-height: 35px; position: relative; margin-bottom: 3px; } #CategoryHeading .TitleHeading span{ word-wrap: normal; display: inline-block} #CategoryHeading .Breadcrumb{ padding-left: 15px; padding-top: 2px; margin-bottom: 0; height: 21px;} #CategoryHeading .SortBox{ float: right; padding-right: 10px; padding-left: 10px; font-weight: bold; font-size: 12px} #CategoryHeading .SortBox select{ font-weight: bold; padding-left: 3px; border-radius: 10px; border: 2px solid #A10C23;} #CategoryContent{ padding-bottom: 3px;} #CategoryPagingBottom{ position: relative} #CategoryPagingBottom .CategoryPagination{ background: url(../images/bg.png) bottom right #C89763; position: absolute; right: 0; top: -2px; padding: 0 10px 3px; border-radius: 0 0 10px 10px;} #CategoryPagingBottom .CategoryPagination::before{ background: url(../images/bg_pagination.png) no-repeat; width: 9px; height: 10px; content: ""; position: absolute; left: -9px; top: 2px} #CategoryPagingBottom .CategoryPagination::after{background: url(../images/bg.png) bottom right #C89763; position: absolute; right: 0; top: -10px; height: 10px; width: 100%} #CategoryPagingBottom .PagingList{ background: #fff; border: 2px solid #A10C23; border-radius: 10px; padding: 0 5px} .CategoryPagination a{ color: #333} .CategoryPagination .PagingList{ float: left; font-size: 13px; line-height: 17px;} .CategoryPagination .PagingList li{ float: left; width: 17px; text-align: center; color: #00A651;} .CategoryPagination .PagingList li.pages{ width: auto; text-decoration: none; color: #333;} .CategoryPagination .PagingList li.pages a{ width: auto;} .CategoryPagination .PagingList li a{ float: left; width: 17px; padding:0 5px; text-decoration: none} .CategoryPagination .PagingList li a:hover{ text-decoration: underline} #PageContent p{ margin-bottom: 10px} #PageCart .Content.Wide{ margin-bottom: 0;} #PageCart .Content h3{ font-size: 16px; font-weight: normal; margin-bottom: 0} #CartContent, #CartShipping .boxContent{ background: #fff; margin: 0 33px; padding: 20px;} #CartContent .CartContents { width: 100%} #CartContent .CartContents th{ white-space: nowrap; text-align: center; padding: 0 10px; padding-bottom: 15px; border-bottom:2px dotted #BEBEBD;} #CartContent .CartContents th span, .SubTotal .Label span{ background: url(../images/bg_title.png) repeat-x #900A1D; display: inline-block; color: #fff; font-weight: normal; padding: 4px 0; font-size: 13px; width: 87px;} #CartContent td{ text-align: center; border: dotted #BEBEBD; border-width: 0 2px 2px 0; padding:10px; vertical-align: middle} #CartContent .CartThumb{ width: 55px; max-width: 35px; max-height: 55px; padding-right: 0; border-right: 0 } #CartContent .CartThumb img{ max-width: 35px; max-height: 55px; } #CartContent .ProductName { text-align: left;} #CartContent .ProductName .itemPrice{ display: none} #CartContent .ProductName .itemQuantity{ float: left; clear: left; padding-top: 10px; display: none} #CartContent .ProductName .itemQuantity .field{ margin-left: 0} #CartContent .ProductName .itemRemove{ clear: both; text-align: right; padding-top: 10px; display: none} #CartContent .CartItemQuantity{ width: 100px;} #CartContent .itemQuantity .field{ float: left; margin-left: 25px} #CartContent .itemQuantity .qtyInput{ background-color: #ffc; border: 1px solid #9F9F9F; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-align: center; width: 26px; height: 26px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.40); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.40); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.40);} #CartContent .itemQuantity .actions{ float: left; width: 9px; margin-left: 6px;} #CartContent .itemQuantity .actions .itemAdd{ margin: 5px 0} #CartContent .CartItemRemove{ width: 90px;} #CartContent .CartItemIndividualPrice, #CartContent .CartItemTotalPrice, #CartContent .SubTotal .Value, #CartContent .SubTotal .couponValue, #CartContent .itemPrice{ width: 125px; color: #02783B; font-size: 17px; font-weight: bold} #CartContent .itemPrice{ float: right; padding-top: 12px; width: auto} #CartContent .CartItemTotalPrice{ border-right: 0;} #CartContent .normalCoupons .couponValue{ border-right: 0; width: 119px;} #CartContent #CartStatusMessage{ width: 460px; float: left} #CartContent #CartStatusMessage div{ margin-left: 0} #CartContent .SubTotal{ float: right; clear: right} #CartContent .SubTotal .Label, #CartContent .SubTotal .Value{ width: 127px; float: left; text-align: center; padding: 10px 0; border-bottom:2px dotted #BEBEBD; height: 40px;} #CartContent .SubTotal .Value{ border-left:2px dotted #BEBEBD;} #CartContent .SubTotal .Label span{ padding: 4px 0} #CartContent #CartTotal .Label, #CartContent #CartTotal .Value{ border-bottom: 0;} #PageCart .SideCouponCodeBox{ width: 237px; float: left; clear: left; margin-top: 9px;} #PageCart .SideCouponCodeBox h3{ font-size: 12px; line-height: 23px;} #PageCart .SideCouponCodeBox .BlockContent{ background: url(../images/bg.png) #C6915B; padding: 5px; height: 29px;} #PageCart .SideCouponCodeBox .Textbox{ background: #ffc; border: 0; width: 205px; height: 19px; padding: 0 5px; float: left} #PageCart .SideCouponCodeBox .Submit{ float: left} #PageCart .SideCouponCodeBox .Submit input{ background: none; border: 0; width: auto; padding: 0;} #PageCart #EstimateShipping{ float: right; margin-top: 20px; clear: right;} .EstimatedShippingMethods{ float: left; padding-top: 20px; } .EstimatedShippingMethods table{ float: right; text-align: left} .EstimatedShippingMethods td.Price{ width: 150px; text-align: right} #CartContent .ProceedToCheckout{ float: right; clear: right; padding-top: 20px;} #CartShipping{ margin: 20px 0 50px !important;} #CartShipping .description{ background: url(../images/bg_cartShipping.png) no-repeat 50% 0; padding-top: 140px; margin: 10px 5% 0} @media screen and (max-width: 950px){ #PageCart #HeaderTop .apresentacao, #PageCart #HeaderTop .headerSearch{ float: none; width: auto;} #PageCart #HeaderTop .menu{ display: block} #PageCart #HeaderTop .headerSearch{ margin-left: 50px} #PageCart .Left{ background: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none !important; z-index: 50; margin-top: 0 !important; float: none} #PageCart .Left .CategoryList{ background: url(../images/bg.png) repeat #D6A273; position: absolute; left: 0; top: 0; width: 70%; overflow-y: auto; height: 100%} #PageCart .Left.floatingLeft{ display: block !important} #PageCart .Left{ float: none; width: 100%} #PageCart .ContentCenter{ margin-left: 0; } #PageCart .Content{ max-width: 100%} #CartContent, #CartShipping .boxContent{ margin: 0 20px} #PageCart .Content.Wide{ padding-bottom: 20px;} } @media screen and (max-width: 757px){ #CartContent{ padding: 15px 5px; } #PageCart .product_price, #PageCart .CartItemIndividualPrice, #PageCart .product_qty, #PageCart .CartItemQuantity, #PageCart .product_del, #PageCart .CartItemRemove, #PageCart .product_price_total, #PageCart .CartItemTotalPrice{ display: none } #CartContent .ProductName .itemQuantity, #CartContent .ProductName .itemRemove, #CartContent .ProductName .itemPrice{ display: block} } .Content .BlockWhite h3{ margin: 0} .Content .BlockWhite .BlockContent{ background: #fff; margin: 0 33px; padding: 10px 10px 30px;} .Content .BlockWhite h2{ background: url(../images/bg_title.png) #A00C22; text-align: center; width: 100%; /*max-width: 300px;*/ color: #fff; line-height: 30px; font-size: 16px; font-weight: normal; margin: 0 auto} .FormContainer dl{ max-width: 435px; margin: 0 auto} .FormContainer dt{ background: url(../images/bg_title.png) #A00C22; text-align: center; color: #fff; line-height: 30px; font-size: 16px; font-weight: normal; margin: 0 auto; max-width: 170px; margin-top: 17px; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .FormContainer dd{ background: url(../images/bg.png) #C6915B; padding: 4px; } .FormContainer dd .Textbox, .FormContainer dd select, .FormContainer dd textarea, .FormContainer dd .field{ background: #FFFFCC; width: 100%; height: 36px; border: 0; padding: 0 10px} .FormContainer dd select{ background: url(../images/bg_selectBox.png) no-repeat 98% #FFFFCC; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 5px; color: #00A651} .FormContainer .Submit{ text-align: center; padding-top: 20px;} .dd_senha{ position: relative} .dd_senha .btnRecoveryPass{ position: absolute; right: 7px; top: 7px} .dd_senha .btnRecoveryPass img{ height: 16px;} #LoginForm h2{ margin-bottom: 27px} #LoginForm .AccountLogin{ padding-top: 50px;} #LoginForm .AccountLogin .exibirCaracteres{ text-align: right; padding-top: 5px; font-size: 12px;} #LoginForm .AccountLogin .exibirCaracteres input{ vertical-align: middle;} #LoginForm .AccountLogin .recoveryPass{ text-align: right; padding-top: 5px;} #LoginForm .AccountLogin .recoveryPass a{ color: #f00; font-size: 12px;} #LoginForm .FormContainer .Submit{ padding-top: 15px;} #LoginForm .FormContainer .Submit.SubmitBack{ display: none} #LoginForm .FormContainer .Submit button{ border: 0} #LoginForm .FormContainer .Submit .btnBack{ margin-right: 10px;} #LoginForm .dd_senha .btnRecoveryPass img{ width: auto; height: 30px;} #LoginForm .CreateAccount{ border-top: 1px dashed #bababa; max-width: 505px; margin: 45px auto 0; padding-top: 45px;} #LoginForm .CreateAccount .Submit{ text-align: center} @media screen and (max-width: 360px){ #LoginForm .FormContainer .Submit .btnBack{ display: none} #LoginForm .FormContainer .Submit.SubmitBack{ display: block} } .createAccountForm{ width: 100%; max-width: 710px; margin: 0 auto} .createAccountForm h2{ max-width: 170px;} .createAccountForm dl{ float: left; width: 100%; max-width: 228px; margin: 0 4px} .createAccountForm dl.razao{ float: none; margin: 0 auto; clear: both} .createAccountForm dl.nome{ clear: left} .createAccountForm dt{ max-width: none; font-size: 12px; line-height: 22px} .createAccountForm dd .Textbox, .createAccountForm dd select, .createAccountForm dd .field{ height: 22px;} .createAccountForm dd .field{ text-align: center} .createAccountForm .LittleNotePassword{ font-size: 11px} .createAccountForm .exibirCaracteres{ position: relative; font-size: 12px;} .createAccountForm .exibirCaracteres label{ background: #fff; position: absolute; right: 0; top: 6px; padding-left: 5px; padding-right: 6px;} .createAccountForm .exibirCaracteres label input{ float: left; margin-right: 5px;} .createAccountForm hr{ background: none; border: 1px dashed #B9BAB9; clear: both; width: 100%; max-width: 490px; margin: 12px auto} .createAccountForm .dadosAcesso { padding-top: 20px} .createAccountForm .tipoPessoa{ margin-left: 12%} .createAccountForm .tipoPessoa label{ display: block; height: 22px; padding-top: 4px} .createAccountForm .typePF, .createAccountForm .typePJ{ display: none;} .createAccountForm dl.cep{ float: none; margin: 0 auto} .createAccountForm .newsletter dl{ max-width: 390px; float: none; margin: 0 auto} .createAccountForm .newsletter label{ float: left; padding-top: 4px; padding-left: 25%} .createAccountForm .Submit{ clear: both; text-align: center; padding-right: 20px; padding-top: 40px;} /* Express Checkout */ .ExpressCheckoutBlock h3 a { font-size: 12px; } .ExpressCheckoutBlock { padding-top: 6px; } .ExpressCheckoutContent{ padding: 10px} .ExpressCheckoutBlock .ExpressCheckoutCompletedContent { display: none; } .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { display: block; font-size: 12px; font-weight: normal; font-style: italic; } .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent { display: none; } a.ChangeLink { float: right; padding: 0 15px; color: #fff } .ExpressCheckoutTitle{ position: relative} .ExpressCheckoutBlock a.ChangeLink { display: none; } .ExpressCheckoutBlockCompleted a.ChangeLink { display: inline; } #CheckoutStepAccountDetails{ text-align: center} #CheckoutStepAccountDetails h4{ text-transform: uppercase; font-size: 20px; margin-bottom: 5px;} .ExpressCheckoutContent .AccountLogin{ float: left; width: 50%; padding: 0 10px;} .ExpressCheckoutContent .AccountLogin button{ border: 0} .ExpressCheckoutContent .AccountLogin .SubmitBack{ display: none} .ExpressCheckoutContent .CreateAccount{ float: left; width: 50%; padding: 0 10px;} .ExpressCheckoutContent .CreateAccount ul{ padding: 10px 0} .ExpressCheckoutContent .CreateAccount li{ background: #F7F7F7; margin: 5px 0; padding: 5px 10px} .ExpressCheckoutContent .createAccountForm .shipToBilling{ text-align: center; padding-top: 20px;} .ExpressCheckoutContent .createAccountForm .Submit{ padding: 20px 0 0; text-align: center} .ExpressCheckoutContent .ShippingProviderList{ padding: 10px 0} .ExpressCheckoutContent .ShippingProviderList li{ padding: 5px 0} .ExpressCheckoutContent .CheckoutRedeemCoupon{ padding-bottom: 15px} .ExpressCheckoutContent .CheckoutRedeemCoupon .redeemIntro{ padding: 10px 0} .ExpressCheckoutContent .CheckoutOrderComments{ padding-bottom: 15px;} .ExpressCheckoutContent .CheckoutOrderComments textarea{ width: 100%} @media screen and (max-width: 397px){ .ExpressCheckoutContent .AccountLogin .btnBack{ display: none} .ExpressCheckoutContent .AccountLogin .SubmitBack{ display: block} } table.CartContents{ width: 100%; margin: 10px 0} table.CartContents thead th{ text-align: left} table.CartContents tbody td{ padding: 3px 0} table.CartContents tfoot td{ text-align: right; padding: 3px 0} .YourAccount p{ margin-bottom: 10px;} .YourAccount li{ margin-bottom: 10px;} .YourAccount li a{ text-decoration: underline; color: #000} .AccountPanel p{ margin-bottom: 10px} .Content .AccountOrderStatusList h3{ margin-bottom: 15px} .Content .AccountOrderStatusList .orderActions{ float: right; padding-top: 10px} .storeButton{ background: #16A45B; border: 0; padding: 10px 15px; color: #fff; cursor: pointer} .Content .AccountOrder .BlockContent h3{ margin: 10px 0} .Content .AccountOrder .BillingDetails, .Content .AccountOrder .ShippingDetails{ float: left; width: 49%;} .Content .AccountOrder .ShippingDetails{ margin-left: 2%} .Content .AccountOrder .CartContents .ProductPrice{ display: block; width: 80px} .ShippingAddressList li{ float: left; width: 50%; padding: 10px 30px 20px 0} #PageContent .FormContainer dl{ max-width: 620px} #PageContent .FormContainer textarea{ padding: 10px; height: 220px;} #PageContent .FormContainer .Submit{ text-align: right} .contact_info{ background: url(../images/contact_logo.png) no-repeat top; padding: 110px 0 20px; text-align: center} .contact_info strong{ display: block; text-decoration: underline; padding-bottom: 5px} @media screen and (max-width: 830px){ .Content.Wide, .Content.Widest{ padding-bottom: 20px;} #PageProduct .Content.Wide{ padding-bottom: 33px;} .Content .BlockWhite .BlockContent{ margin: 0 20px; padding: 10px 5px 20px;} } @media screen and (max-width: 767px){ #ProductDetails .ProductThumb{ float: none; width: 98%; padding-left: 2%; text-align: center} #ProductDetails .ProductMain{ float: none; width: 98%; padding-left: 2%} #ProductDetails .ProductTinyImageList li{ margin:4px 3px;} #ProductDetails .showProductBreak{ display: block} #ProductDetails .hideProductBreak{ display: none} .ExpressCheckoutContent .AccountLogin{ width: 100%; margin: 0} .ExpressCheckoutContent .CreateAccount{ width: 100%; margin: 20px 0 0} .Content .AccountOrder .BillingDetails, .Content .AccountOrder .ShippingDetails{ float: none; width: 100%; margin-left: 0} } @media screen and (max-width: 800px){ .createAccountForm{ max-width: 474px} .createAccountForm dl.email{ float: none; max-width: 100%; margin: 0; padding: 0 4px} .createAccountForm dl.senha{ clear: left} .createAccountForm .tipoPessoa{ margin: 0 4px} } @media screen and (max-width: 565px){ .createAccountForm dl{ max-width: 100%; margin: 0} .createAccountForm .tipoPessoa{ max-width: 48%; margin: 0 1%} #ExpressCheckout .ExpressCheckoutTitle{ text-align: left; padding-left: 10px} .ShippingAddressList li{ float: none; width: 100%} } @media screen and (max-width: 400px){ #ProductPaymentMethod ul{ float: none; width: 100%; text-align: center !important; line-height: 14px} #ProductDetails{ margin: 0 20px;} #PageProduct .Content.Wide{ padding-bottom: 20px;} } @media screen and (max-width: 990px){ .Content.Wide .createAccountForm{ max-width: 474px} } @media screen and (max-width: 740px){ .Content.Wide .createAccountForm dl{ max-width: 100%} } .sprite-payment{background-image:url(../images/sprite-payment.png);background-repeat:no-repeat;display:inline-block; vertical-align: middle} .p-amex{width:44px;height:22px;background-position:-1px -1px} .p-aura{width:44px;height:22px;background-position:-1px -25px} .p-banrisul{width:44px;height:22px;background-position:-1px -49px} .p-boleto{width:44px;height:22px;background-position:-1px -73px} .p-bradesco{width:44px;height:22px;background-position:-1px -97px} .p-brasil{width:44px;height:22px;background-position:-1px -121px} .p-diners{width:44px;height:22px;background-position:-1px -145px} .p-hipercard{width:44px;height:22px;background-position:-1px -169px} .p-itau{width:44px;height:22px;background-position:-1px -193px} .p-mastercard{width:44px;height:22px;background-position:-1px -217px} .p-pagseguro{width:174px;height:45px;background-position:-1px -241px} .p-unibanco{width:44px;height:22px;background-position:-1px -288px} .p-visa{width:44px;height:22px;background-position:-1px -312px} #FooterWhatsapp a{ background: url(../images/icon_whatsapp.png) #4dc247 center no-repeat; width: 40px; height: 40px; background-size: 20px; border-radius: 50%; cursor: pointer; position:fixed; bottom:100px; right:60px; text-align:center; box-shadow: 1px 1px 2px #888; z-index:1000;} #FooterWhatsapp a:hover{ background-color: #21BF5C; } #FooterWhatsapp .label{ position: absolute; right: -24px; bottom: -28px; background: #FFF; box-shadow: 2px 0px 7px rgba(0,0,0, 0.15); border: solid 1px #00000014; border-right: 1px solid #FFF; width: 90px; height: 20px; line-height: 17px; text-align: center; border-radius: 5px; font-size: 12px; color: #333; font-weight: 400; display: block;} @media screen and (max-width: 980px){ #FooterWhatsapp a{ right: 25px;} #FooterWhatsapp .label{width: 80px; right: -17px;} } #Footer{ background: url(../images/bg.png) #C6915B; border-top: 7px solid #8F0A1C; padding-top: 15px; padding-bottom: 30px;} #Footer .storeCenter{ max-width: 850px;} #Footer .footerBox{ background: url(../images/bg_title.png) repeat-x #8F0103; padding: 4px; padding-top: 0; margin-bottom: 10px;} #Footer .footerBox h4{ line-height: 34px; color: #fff; text-transform: uppercase; text-align: center; font-weight: normal; font-size: 14px;} #Footer .colLarge h4{ font-size: 18px} #Footer .footerBox .BlockContent{ background: #fff; } #Footer .certificado .BlockContent{ text-align: center; padding-top: 5px;} #Footer .boxFacebook{ max-width: 500px; margin: 0 auto; height: 150px; padding-top: 5px; display: none} #Footer .redesButtons{ text-align: center; padding-top: 15px; max-width: 486px; margin: 0 auto;} #Footer .redesButtons .itemRede{ float: left; width: 33%} #Footer .redesButtons .itemRede.redeTwitter{ float: right; width: 167px;} #Footer .footerRedes{ padding-bottom: 5px; max-width: 460px; padding-top: 15px; margin: 0 auto} #Footer .footerRedes.format2{ display: none} #Footer .footerRedes li{ background: url(../images/bg_footerSeparator.png) no-repeat right; width: 70px; margin-bottom: 10px; float: left; text-align: center} #Footer .footerRedes li.itemIndique{ width: 180px; } #Footer .footerRedes li.itemIndique:after{ background:url(../images/footer_agradecimento.png); width: 159px; height: 20px; content: ""; display: inline-block; margin-top: 10px;} #Footer .footerRedes li.itemYoutube{ background: none} #Footer .formasPagamento .BlockContent{ text-align: center; padding: 7px 0} #Footer .formasPagamento .bandeiras{ padding-top: 10px;} #Footer .formasPagamento .bandeiras i{ margin-bottom: 5px} #Footer .menu{ padding: 5px 15px} #Footer .menu a{ color: #000} @media screen and (max-width: 480px){ #Footer .redesButtons{ max-width: 305px;} #Footer .redesButtons .itemRede.redeTwitter{ width: 114px;} #Footer .footerRedes.format1{ display: none} #Footer .footerRedes.format2{ display: block; width: 280px;} #Footer .footerRedes li.itemIndique{ background: none; clear: left; float: none; margin: 0 auto} } @media screen and (min-width: 810px){ #Footer .colLarge{ float: right; width: 590px;} #Footer .colSmall{ float: left; width: 200px;} #Footer .boxFacebook{ display: block; padding-top: 0} }