*{ margin:0; padding:0; box-sizing:border-box; outline:0} html, body { z-index:1; position:relative } body { background: #fff; font-family: Arial, sans-serif; font-weight:400; z-index:2; font-size:14px; color:#7a7a7a } a{ text-decoration:none; color:#7a7a7a} a:hover{ text-decoration:underline} em{ font-style:normal} img{ max-width: 100%; max-height: 100%; width: auto; height: auto} textarea{ height:auto; line-height:normal} input, textarea, button{ outline-color:#333; border:0;} input[type="submit"],input[type="button"], textarea, button{ -webkit-appearance: none; -moz-appearance: none; appearance: none;} .button{ background-color: #79B63F; border: .1rem solid #79B63F; border-radius: .4rem; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; height: 4rem; letter-spacing: .05rem; line-height: 3.8rem; padding: 0 1rem; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; box-shadow: 0 2px 2px 0 rgba(0,0,0,.18), 0 2px 10px 0 rgba(0,0,0,.14); transition: all .2s ease-out;} .button:hover, .button:focus{ background-color: #6EA639; border-color: #6EA639; color: #fff; outline: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.26), 0 2px 14px 0 rgba(0,0,0,.22); text-decoration: none} strong, h1, h2, h3, h4{ font-weight: 600} .Content input, .Content textarea, .Content select{ border:1px solid #BDC8CA} .Content input[type="image"]{ border:0} dl dt{ text-align:right} hr{ margin:10px 0} .Content .buttonStore{ background:#8EB21C; display:block; padding:0 15px; line-height:48px; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; cursor:pointer } .Content a.buttonStore{ color:#fff !important; text-decoration:none} .buttonStore:hover{ background-color:#7A9A18} .FloatRight { float: right; } .FloatLeft { float: left; } .ClearRight { clear: right; } .ClearLeft { clear: left; } .clearfix:after{ content: ""; display: block; clear: both; height: 1px} .Clear{ clear:both} .PL20 { padding: 0 0 0 20px;} .PL40 { padding: 0 0 0 40px;} .Field300{ width:300px; font-family:Arial, Helvetica, sans-serif} .DefaultButton { background:url(../../../img/button-background-gray.gif) repeat-x #e3e3e3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:auto; border: 1px solid #CCC; color: #333; font-size: 13px; padding: 3px 12px; line-height:16px; font-weight:normal} .storeCenter, #Wrapper { max-width:1336px; width: 100%; margin:0 auto; padding: 0 5px; } .BRadius5, .Content .buttonStore{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .BRadius10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .BRadius20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .nowrap{ white-space: nowrap} .sprite{background-image:url(../../../img/sprite.png);background-repeat:no-repeat; vertical-align: middle; display:inline-block} .t-store, .Content .buttonStore{-webkit-transition: all 0.15s linear; transition: all 0.15s linear;} /** AJAX loading box - Start **/ #AjaxLoading { background: url(../../../img/bg_loading.png) no-repeat; display: none; text-align: left; z-index: 10000000000; width:200px; height:26px; line-height:24px; color:#fff; padding:0 } #AjaxLoading img {margin-right: 5px; margin-top:5px; margin-left:60px; float:left } /** AJAX loading box - End **/ /*====================== Header ======================*/ #Header{ border-top: 10px solid #F7F9F7; text-align: center; box-shadow: 0 4px 4px 0 rgba(0,0,0,.1); padding: 5px 0 10px;} #Header img{ max-width: 170px;} #Header .welcome{ padding: 5px 0;} #Header .welcome p{ padding-bottom: 5px;} #Header .welcome p span{ text-transform: lowercase} #Header .welcome a{ color: #14AF28;} /* Content */ #Wrapper { max-width: 1302px; } .ContentCenter{ float:left; } .Content { float:left; margin-top:10px;} .Content.Wide { width: 74.5%; } .Content.Widest { width:auto; margin:15px auto 0; float:none; } #Home .Content{ margin-top:0} .Right { float:right; width:23.5%; text-align: center; padding-top: 39px;} .Right img{ margin-bottom: 20px;} .Right .links li a{ display: block; border-color: #14C2EF; color: #EE5098; font-size: 20px;} .Right h3{ color: #D15A9D; font-size: 23px; text-transform: uppercase; padding: 15px 0 10px;} #HomeFeaturedProducts{ padding-top: 30px;} .BoxTitle{ font-size: 20px; font-weight: normal; text-transform: uppercase; color: #aaa; text-align: center; position: relative; margin-bottom: 20px;} .BoxTitle::before{ background-color: #EDEDED; height: 5px; position: absolute; top: 50%; left: 0; margin-top:-2px; width: 100%; content: ""} .BoxTitle span{ background: #fff; display: inline-block; position: relative; z-index: 20; padding: 0 15px;} #HomeNewProducts{ border-top: 4px solid #EDEDED; padding-top: 25px;} #LoginForm h2, #ForgotPasswordForm h2 { background:url(../../../img/bg_contentLine.jpg) repeat-x bottom transparent; font-size:13px; color:#000; text-transform:uppercase; text-align:left; padding:5px } .TitleHeading {font-size:20px; color:#aaa; text-transform:uppercase; text-align:left; padding: 5px 5px 5px 0;} /* Lateral Esquerda */ .ProductCompareButton{ display:none} .CompareButton{ display:none} /* Pesquisa */ #SearchResultsCategory{ padding:10px; font-size:12px;} #SearchResultsBrand{ padding: 10px} #toggle_form_link{ font-size:12px} #SearchPageHeader h1{ padding-top:0; font-size: 22px;} #SearchResultsCategoryAndBrand { margin:0; margin-bottom:10px } .selectType{ padding:20px 0} .selectType .descType{ float:left; padding-right:10px; font-weight:bold; color:#000} /* Checkout */ #PageCart .Content.Widest{ margin-top: 40px;} #PageCart .Content h1{ font-weight:600; font-size:24px; color: #14AF28; padding-bottom: 10px;} #CartContents{ width:100%; } #CartContents thead th{ background: #999; text-align:left; font-size:16px; padding:6px 0; padding-left: 10px; font-weight:500; color:#fff;} #CartContents thead th.thCenter{ padding-left: 0; text-align: center} #CartContents tbody tr.CartSeparator td{ background:#fff; height:5px;} #CartContents tbody tr.CartItem td{ background: #fafafa; color:#333; font-size:12px; text-align:left; padding-right:10px; } #CartContents tbody td a{ color:#47494a; font-size:12px} #CartContents tr.CartItem td.CartThumb{ background: #fff; width:110px; border:0} #CartContents tr.CartItem td.CartThumb .ProductImage{ text-align:left} #CartContents tr.CartItem td.CartThumb img{ width:105px; margin:0 auto; height:auto; margin-top:9px;} #CartContents tr.CartItem td.ProductName{ width:46%; padding-left: 10px; font-size: 14px; } #CartContents tr.CartItem td.ProductName .name{ color:#47494a; font-size:18px; font-weight:600} #CartContents tr.CartItem td.ProductName .WrappingOptions a{ font-size:12px;} #CartContents tr.CartItem td.ProductName .breveDescricao{ padding-top: 10px; color: #8f8f8f; font-size: 20px;} #CartContents tr.CartItem td.CartItemQuantity{ background: #f2f2f2; width:95px; padding-right: 0; text-align: center; font-size: 16px;} #CartContents tr.CartItem td.CartItemQuantity input.quantityInput{ float:left; text-align:center; width:50px; height:50px; padding:0; font-size:14px; font-weight:500; border:1px solid #CBCBCB; color:#838383; margin-left: 30px;} #CartContents tr.CartItem td.CartItemQuantity input.quantityInput.isLoading{ background:url(../../../img/loadingWhite.GIF) no-repeat 90%} #CartContents tr.CartItem td.CartItemQuantity .qtyActions{ float:left; margin-left:7px; padding-top: 8px; text-align:center} #CartContents tr.CartItem td.CartItemQuantity .qtyActions a{ display:block; text-decoration:none} #CartContents tr.CartItem td.CartItemQuantity .qtyActions a.itemLess{ margin-top:5px} #CartContents tr.CartItem td.CartItemRemove{ width:90px; text-align:center;} #CartContents tr.CartItem td.CartItemRemove a{ text-decoration:none;} #CartContents tr.CartItem td.CartItemRemove img{ width: 20px} #CartContents tr.CartItem td.CartItemIndividualPrice{ width:100px; font-size:18px; font-weight: bold; color:#47494a; text-align:center} #CartContents tr.CartItem td.CartItemTotalPrice{ width:117px; font-size:18px; font-weight:bold; text-align:center; color: #47494a} #CartContents tr.CartItem td.CartItemTotalPrice .delete{ display: none} #CartContent .CartSubtotal{ border-top:1px solid #9C9C9C; margin-top:10px; padding-top:13px; font-size:18px; font-weight:bold; text-align:right; padding-right:18px; padding-bottom:15px;} #CartContents tfoot tr.SubTotalBlue{ line-height:37px;} #CartContents tfoot tr.SubTotalBlue td{ background:#f4f4f4; border-bottom:1px solid #fff; text-transform:uppercase; font-size:12px;} #CartContents tfoot tr.SubTotalBlue td.CartLegend{ text-align:right; padding-right:15px; border-right:1px dotted #E6E6E6;} #CartContents tfoot tr.SubTotalBlue td.CartValue{ text-align:center; font-size:14px; font-weight:bold} #CartContents tfoot tr.SubTotalBlue td.CartValue .ProductPrice{ font-weight:bold} #EstimateShipping{ background: #F5F5F5; margin-top:50px; padding-top: 20px; padding-bottom:10px; border-bottom:0; position:relative; } #EstimateShipping .EstimateShipping{ float: left} #EstimateShipping .formEstimateShipping, #CartCouponCode .formCoupon{ float:left; margin-left:12px} #EstimateShipping .EstimateShipping label{ float: left; width: 340px; padding-left: 20px; font-size: 16px; } #EstimateShipping .EstimateShipping label strong{ display: block; color: #999; font-size: 19px; padding-bottom: 3px} #EstimateShipping .formEstimateShipping .Textbox, #CartCouponCode .Textbox{ border:1px solid #CECECE; width:149px; height:43px; padding:0 5px; font-size:14px; float:left; border-radius: 5px;} #EstimateShipping .formEstimateShipping .btnSubmit{ float:left} #EstimateShipping .formEstimateShipping .ButtonSubmit{ background-color:#14AF28; border:1px solid #12A124; width:148px; color:#fff; text-align:center; margin-left:5px; text-transform:none; font-size:16px; height:43px; cursor:pointer; border-radius: 5px;} #CartCouponCode .formCoupon .ButtonSubmit{ background-color: #003E89} #EstimateShipping .formEstimateShipping .ButtonSubmit:hover{ background-color: #12A124} #CartCouponCode .formCoupon .ButtonSubmit:hover{ background-color:#002859} #EstimateShipping .CartShipping{ background: #fafafa; float:right; margin-right: 10px; margin-bottom:10px; border:1px solid #ddd; padding-bottom:10px; padding-left: 15px;} #EstimateShipping .ShippingProvider, #CartCouponCode .CartCouponLabel{ text-align:right; font-size:14px; font-weight:600; text-transform:uppercase; padding-right:18px; padding-top:10px; color:#333 } #EstimateShipping #ShippingCost{ font-size: 18px} #EstimateShipping .ShippingResult{clear:both; padding: 10px;} #EstimateShipping .ShippingResult table{ color:#000} #EstimateShipping .ShippingResult .QuoteList{ float:right; width:260px; padding-top:15px; padding-bottom:10px; margin:0} #EstimateShipping .ShippingResult .QuoteList p.Submit{ display:none} #EstimateShipping .ShippingResult h3{ border-bottom:5px solid #bbb; padding-bottom:10px; color:#000; font-size:12px; padding:5px; font-weight:normal; padding-right:10px} #EstimateShipping .ShippingResult td{ padding:0; text-align:right} #EstimateShipping .ShippingResult thead th{ font-size:11px; text-transform:none;} #EstimateShipping .ShippingResult table.EstimatedShipping{ float:right;} #EstimateShipping .ShippingResult .ShippingMethodList thead tr{ height:auto; line-height:auto; padding:0; } #EstimateShipping .ShippingResult .ShippingMethodList tbody td{ padding:5px; font-size:13px; border:0; color:#535353} #EstimateShipping .ShippingResult .ShippingMethodList tbody td a{ font-size:11px;} #EstimateShipping .ShippingResult .ShippingMethodList tbody span.ValorProduto, #EstimateShipping .ShippingResult .ShippingMethodList tbody span.cifrao{ color:#000; font-size:14px; font-weight:bold; } #EstimateShipping .ShippingResult .ShippingMethodList .TransitTime{ display:block; color:#434343; font-size:12px} #EstimateShipping .ShippingResult .DeliveryDisclaimer{ text-align:right; padding-right:10px;} #CartCouponCode{ background: #F5F5F5; padding-bottom: 10px;} #CartCouponCode label{ float: left; width: 270px; font-size:12px; color:#000; padding-bottom:10px; display:block; } #CartCouponCode .btnSubmit{ float:left} #CartCouponCode .CartCouponLabel{ float:right; padding-top:10px;} #CartContent .CartShippingRemaining{ float:right; clear: both; color:#7a192c; font-weight:500; margin-top: 20px;} #CartContent .CartShippingRemaining .freteGratis{ background:url(../../../img/bg_cartFreteGratis.jpg) no-repeat 0 0; height:32px; padding-top:12px; padding-left:53px; font-weight:bold; color:#651A2B; font-size:14px; display:block} .GrandTotalContent{ background: #F5F5F5; padding: 15px 25px; margin-top: 30px; width: 550px; float: right; clear: right} .GrandTotalContent .CartTotals{ text-transform: uppercase; font-size: 18px; font-weight: 600} .GrandTotalContent .cartTotalLabel{ float: left; line-height: 27px; color: #14AF28} .GrandTotalContent .CartTotal{ float: right; width: 127px; color: #47494a} .GrandTotalContent .cartDiscount{ clear: both; font-size: 16px; font-weight: 500} .GrandTotalContent .CartActions{ padding-top: 30px} .GrandTotalContent .CartActions .buttonStore{ background: #DBDBDB; color: #818181 !important; font-weight: bold; font-size: 16px; } .GrandTotalContent .CheckoutButton .buttonStore{ background-color: #14AF28; color: #fff !important; } .GrandTotalContent .CheckoutButton .buttonStore:hover{ background-color: #119522} #CheckoutStep2{ max-width: 1000px; margin: 0 auto; padding: 15px 10px 0} #CheckoutStep2 h1{ text-transform:uppercase; color:#14AF28; font-size:22px; padding-bottom:20px;} #CheckoutStep2 .jaCadastrado{ padding:10px 0 25px; float:left} #CheckoutStep2 .jaCadastrado h3{ color:#838383; font-size:16px; padding-bottom:20px; font-weight:bold;} #CheckoutStep2 .jaCadastrado dl{ clear:both; padding-bottom:0} #CheckoutStep2 .jaCadastrado dt{ float:left; display:block; padding:15px 0; width:95px; text-align:left;} #CheckoutStep2 .jaCadastrado dl.fieldAlert dt{ background:url(../../../img/icon_alert.png) no-repeat 0; color:#DD860D; padding-left:25px;} #CheckoutStep2 .jaCadastrado dt a{color:#4D4D4D;} #CheckoutStep2 .jaCadastrado dd{ float:left; margin-left:0} #CheckoutStep2 .jaCadastrado .Textbox{ background:#F4F4F4; display:block; height:40px; padding:11px 5px; width:341px; font-size:13px; border:0; border-radius: 5px; } #CheckoutStep2 .jaCadastrado dl.fieldAlert .Textbox{ border-color:#DD860D} #CheckoutStep2 .jaCadastrado dl.row2{ padding-top:5px;} #CheckoutStep2 .jaCadastrado .Submit{ margin-top:15px; padding-left: 95px} #CheckoutStep2 .jaCadastrado .Submit.isLoading{ background:url(../../../img/loadingWhite.GIF) no-repeat 0; padding-left:30px} #CheckoutStep2 .jaCadastrado .Submit .button{ background-color:#119722; border-color: #119722; width: 100%; font-size: 16px; height: 50px; line-height: 50px} #CheckoutStep2 .jaCadastrado .Submit .button:hover{ background-color:#14AF28; border-color: #14AF28} #CheckoutStep2 .jaCadastrado .recoveryPass{ clear:both; padding-top:8px; padding-left:95px; } #CheckoutStep2 .jaCadastrado .recoveryPass.isLoading{ background:url(../../../img/loadingWhite.GIF) no-repeat 0; padding-left:25px;} #CheckoutStep2 .jaCadastrado .recoveryPass a{ color:#838383; font-size:12px; } #CheckoutStep2 .efetuarCadastro{ float:right} #CheckoutStep2 .efetuarCadastro .Submit .button{ background-color:#14AF28; border-color: #14AF28} #CheckoutStep2 .efetuarCadastro .Submit .button:hover{ background-color:#15BB2A; border-color: #14AF28} .externalLogin{ padding-top: 30px; margin-left: 95px; border-top: 1px solid #ccc; text-align: center; margin-top: 30px;} .externalLogin .button{ height: 48px; line-height: 48px; font-size: 12px; width: 47%; padding: 0 } .externalLogin .button img{ vertical-align: middle; margin-right: 10px} .externalLogin .button.google{ background-color: #f4f4f4; border-color: #f4f4f4; color: #444; } .externalLogin .button.google:hover{ background-color: #ececec; border-color: #ececec} .externalLogin .button.facebook{ background-color: #3b5998; border-color: #3b5998; color: #fff; margin-left: 3% } .externalLogin .button.facebook:hover{ background-color: #314a7e; border-color: #314a7e} /* Create Account */ /* Create Account */ #CreateAccount{ color:#666; font-size:14px; padding:20px 5px; max-width: 1032px; margin: 0 auto} #CreateAccount h1, #CreateAccount h2{ color:#14AF28; font-size:19px; margin-bottom: 15px} #CreateAccount dt{ clear:left; line-height:20px; padding-bottom:4px; text-align:left; padding-right:5px;} #CreateAccount .Textbox, #CreateAccount select{ background:#fff; border:1px solid #BDC8CA; width: 100%; padding:3px 0; font-size:14px; border-radius: 5px; } #CreateAccount .Textbox{ padding:10px 5px;} #CreateAccount select{ height:37px} #CreateAccount .Required{ color:#f00} #CreateAccount .AccountType .boxContent label{ display: block; padding: 5px 0} #CreateAccount .dl_col1{ width:50%; float:left; clear: left} #CreateAccount .dl_col2{ width:37%; float: left; margin-left: 3%} #CreateAccount .AccountBox{ padding-top:20px} #CreateAccount .AccountDados{ background: #FBFBFB; padding: 10px; margin-top: 30px; } #CreateAccount .AccountDados .dl_col1, #CreateAccount .AccountDados .dl_col2{ width: 45%} #CreateAccount .AccountDados .dl_cpf{ clear:left; width: 30%; padding-top:15px;} #CreateAccount .AccountDados .dl_dataNasc{ width: 31%; padding-top:15px; margin-left:3%;} #CreateAccount .AccountDados .dl_sexo{ float:left; padding-left:3%;padding-top:15px;} #CreateAccount .AccountDados .dl_sexo br{ display:none} #CreateAccount .AccountDados .dl_sexo dd{ padding-top:10px} #CreateAccount .AccountDados .dl_sexo dd label{ float:left; padding-right:15px} #CreateAccount .AccountDados .dl_razao{ clear:left; padding-top:10px} #CreateAccount .AccountDados .dl_nfantasia{ padding-top:10px; } #CreateAccount .AccountShipping dl{ padding:5px 0} #CreateAccount .AccountShipping .dl_cep .Textbox{ width: 60%} #CreateAccount .AccountShipping .dl_conheceu dt{ line-height:normal} #CreateAccount .AccountShipping .dl_conheceu dd{ padding-top:3px;} #CreateAccount .AccountShipping .dl_conheceu dd select{ width:190px;} #CreateAccount .AccountAcesso{ background: #f8f8f8; padding: 10px; margin-top: 30px; } #CreateAccount .AccountAcesso .boxContent{ padding:0} #CreateAccount .AccountAcesso dl{ padding:5px 0} #CreateAccount .AccountAcesso .dl_email{ float: left; width: 40%} #CreateAccount .AccountAcesso .dl_senha{ float: left; width: 27%; margin: 0 3%} #CreateAccount .AccountAcesso .dl_confirmarSenha{ float: left; width: 27%} #CreateAccount .AccountAcesso .dl_col2{ float:left; margin-left:30px;} #CreateAccount .accountComunicado{ background:#f4f4f4; padding:15px; margin-top:10px;} #CreateAccount .accountComunicado h4{ text-transform:uppercase; font-size:12px; padding-bottom:10px;} #CreateAccount .accountComunicado p{ font-size:12px;} #CreateAccount .accountComunicado label{ display:block; padding-top:10px; font-size:12px;} #CreateAccount .accountComunicado input{ vertical-align:middle} #CreateAccount .Submit{ float:right; padding:20px 0; clear:both;} #CreateAccount .Submit .buttonStore{ background:url(../../../img/bg_account.png) no-repeat 15px #14AF28; padding-left: 50px; text-transform: none; font-weight: 600; font-size: 18px} #CreateAccount .Submit .buttonStore:hover{ background-color: #15B82A;} /* Checkout - One Page */ #CheckoutOnePage #Wrapper{ max-width: 1087px; padding-top: 25px} #CheckoutOnePage .CheckoutOnePageMessage .SuccessMessage, #CheckoutOnePage .CheckoutOnePageMessage .ErrorMessage{ margin:5px} #CheckoutOnePage .Content li{ list-style:none;} #CheckoutOnePage #Wrapper .Content{ /*background: url(../../../img/bg_checkoutStep.png) no-repeat top;*/ margin-top:5px; font-size:12px; color:#484848; padding:10px 0 50px;} #CheckoutOnePage .clickToLogin{ padding-top:10px; padding-left:55px} #CheckoutOnePage .clickToLogin label{ color:#747474; font-weight:500; text-transform:uppercase; display:block; padding-bottom:10px} #CheckoutOnePage .clickToLogin label input{ float:left; margin-top:3px; margin-right:5px } #CheckoutOnePage #LoginContent{ padding-top:10px;} #CheckoutOnePage #LoginContent .recoveryPass.isLoading{ background:url(../../../img/loadingWhite.GIF) no-repeat 0; padding-left:25px} #CheckoutOnePage .CheckoutPart1{ width:33.3%; float:left; padding-bottom:10px; padding-left:5px; padding-right:10px; border-right:1px solid #C4C4C4} #CheckoutOnePage .Content h3{ background: #F4F4F4; line-height:35px; padding-left: 50px; font-size:20px; color:#7a7a7a; font-weight:500; border-bottom: 2px solid #14AF28; position: relative; margin-left: 10px; margin-bottom: 15px;} #CheckoutOnePage .Content h3 span{ background:#14AF28; color:#fff; font-size:27px; width:50px; line-height: 50px; text-align:center; overflow:hidden; margin-right:12px; position: absolute; left: -10px; top: -6px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #CheckoutOnePage .Content .loadingContent h3 span{ font-size:20px;} #CheckoutOnePage .personType{ padding-top:10px; height:45px; } #CheckoutOnePage .personType label{ float:left; padding-right:5px; padding-right:15px;} #CheckoutOnePage .Content dt{ text-align:left; color:#484848; padding-bottom:6px;} #CheckoutOnePage .Content dt .Required{ color:#484848} #CheckoutOnePage .Content .Textbox, #CheckoutOnePage .Content select{-moz-transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; border-radius:2px} #CheckoutOnePage .Content dt{-moz-transition: color 0.5s ease; -webkit-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease;} #CheckoutOnePage .Content .Textbox{ background: #f4f4f4; width:100%; border:1px solid #ddd; height:30px; font-size:12px; padding:7px 3px} #CheckoutOnePage .Content .invalidField{ } #CheckoutOnePage .Content .invalidField dt{ background:url(../../../img/icon_alert.png) no-repeat 0 0; padding-left:25px; padding-top:2px; color:#DD860D;} #CheckoutOnePage .Content .invalidField .Textbox, #CheckoutOnePage .Content .invalidField select{ border-color:#DD860D !important} #CheckoutOnePage .Content .invalidField .msgField{ position:absolute; top:4px; right:3px} #CheckoutOnePage .Content .dl_cep .invalidField .msgField{ right:157px;} #CheckoutOnePage .Content .stepAlert p{ background:url(../../../img/icon_alert.png) no-repeat 0; padding:10px; padding-left:30px; } #CheckoutOnePage .Content .InfoClientes .stepAlert p{ margin-bottom:10px;} #CheckoutOnePage .Content .InfoClientes .Submit{ padding-top:20px} #CheckoutOnePage .Content .InfoClientes .Submit .button{ width: 100%; height: 40px; line-height: 37px} #CheckoutOnePage .externalLogin{ margin-left: 0; padding-top: 20px;} #CheckoutOnePage .externalLogin h3{ background: none; border: 0; padding: 0 0 15px; margin: 0;} #CheckoutOnePage .Content .loadingContent.DadosEntrega .reloadNormal{ display:none;} #CheckoutOnePage .Content .loadingContent.DadosEntrega .reloadAnimated{ display:inline !important} #CheckoutOnePage .Content span.opcional{ font-size:11px;} #CheckoutOnePage .Content dl{ padding-bottom:9px; } #CheckoutOnePage .Content dl.dl_50{ float: left; width: 50%} #CheckoutOnePage .Content dl.dl_senha{ float:left; padding-right:7px} #CheckoutOnePage .Content dl.dl_cpf{ clear:both;} #CheckoutOnePage .Content .AddBillingAddress{ padding-top:20px} #CheckoutOnePage .Content #SelectBillingAddress{ padding-top:10px; padding-bottom:0} #CheckoutOnePage .Content .DadosEntrega .BlockContent{ padding-top:5px} #CheckoutOnePage .Content .listAddress li label, #CheckoutOnePage .ShippingProviderList li.ShippingProviderItem label, #CheckoutOnePage .ProviderList li.provider_item label{ display:block; font-size:13px; color:#484848; border:1px solid #f2f2f2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:5px; padding:10px; -moz-transition: border-color 0.5s ease; -webkit-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease;} #CheckoutOnePage .Content .listAddress li label:hover, #CheckoutOnePage .ShippingProviderList li.ShippingProviderItem label:hover, #CheckoutOnePage .ProviderList li.provider_item label:hover{ text-decoration:none; border-color:#ccc; cursor:pointer} #CheckoutOnePage .Content .listAddress li.AddressSelected label, #CheckoutOnePage .ShippingProviderList li.ShippingProviderSelected label{ background-color:#14AF28 !important; color:#fff; text-decoration:none; border:0;} #CheckoutOnePage .Content .listAddress .CreateNewAddress{ border-top:1px dashed #d0d0d0; padding-top:10px; margin-top:10px} #CheckoutOnePage .Content .listAddress .CreateNewAddress label{ background:url(../../../img/checkout/bg_otherAddress.png) no-repeat 20px 10px; padding-left:50px;} #CheckoutOnePage .Content .listAddress .CreateNewAddress label:hover{ background-color:#f2f2f2} #CheckoutOnePage .Content .listAddress .CreateNewAddress.AddressSelected label{ background-position:20px -40px; font-weight:bold;} #CheckoutOnePage .Content select{ background: #F4F4F4; border:1px solid #ddd; font-size:12px; padding:6px 0; width:100%;} #CheckoutOnePage .Content option{ padding:0 3px;} #CheckoutOnePage .Content dl.dl_cep a{ color:#333; text-decoration:none} #CheckoutOnePage .Content .infoCep{ float: left; padding-top: 24px; padding-left: 5px;} #CheckoutOnePage .Content dl.dl_endereco{ width: 75%} #CheckoutOnePage .Content dl.dl_numero{ width: 25%} #CheckoutOnePage .Content dl.dl_conheceu{ float:left;} #CheckoutOnePage .Content dl.dl_conheceu .Required{ display:none} #CheckoutOnePage .Content dl.dl_conheceu select{ width:142px;} #CheckoutOnePage .Content .otherAddress{ clear:both; font-size:12px; padding-top:10px; padding-left:10px; border-top:1px dashed #d0d0d0; margin-top:10px;} #CheckoutOnePage .Content .AddShippingAddress{ padding-top:10px;} #CheckoutOnePage .Content .AddShippingAddress .BlockContent{ } #CheckoutOnePage .Content .AddShippingAddress .dl_selectAddress{ padding-top:0;} #CheckoutOnePage .CheckoutPart2{width:32.3%; min-height:329px; float:left; padding:0 0 10px 1%; } #CheckoutOnePage .ShippingProviderList, #CheckoutOnePage .ProviderList{ padding:0; padding-top:7px;} #CheckoutOnePage .ShippingProviderList li{ padding:0} #CheckoutOnePage .ShippingProviderList li.ShippingProviderSelected label *{ color:#fff} #CheckoutOnePage .ShippingProviderList li.ShippingProviderSelected label strong{color:#fff !important} #CheckoutOnePage .ShippingProviderList li .RadioButton{ margin-left:10px; float:right} #CheckoutOnePage .ShippingProviderList li .btnRadio{ background:none; float:left; margin-right:5px} #CheckoutOnePage .ShippingProviderList li .btnRadio input{ opacity:1;} #CheckoutOnePage .FormasEntrega .TransitTime{ text-align:right} #CheckoutOnePage .FormasPagamento{ padding:20px 0;} #CheckoutOnePage .ProviderList li{ list-style:none; } #CheckoutOnePage .ProviderList li.provider_item{ margin:10px 0} #CheckoutOnePage .ProviderList li.provider_item .instDesc{ display:none !important} #CheckoutOnePage .ProviderList li.provider_item label{ position:relative;} #CheckoutOnePage .ProviderList li.provider_item label img{ max-width:100%; height:auto} #CheckoutOnePage .ProviderList li.provider_item label h5{ background:url(../../../img/bg_checkout_boleto.png) no-repeat 20px #f5f5f5; line-height:27px; border-bottom:3px solid #000; padding-left:66px; text-transform:uppercase; font-weight:normal; font-size:12px} #CheckoutOnePage .ProviderList li.provider_pseguro label h5{ background-image:url(../../../img/bg_checkout_pagseguro.png); overflow:hidden; text-indent:-500px; font-size:1px} #CheckoutOnePage .ProviderList li.provider_erede label h5{ background-image:url(../../../img/bg_checkout_erede.png); height: 35px; overflow:hidden; text-indent:-500px; font-size:1px} #CheckoutOnePage .ProviderList li.provider_deposito label h5{ background-image:url(../../../img/bg_checkout_deposito.png)} #CheckoutOnePage .ProviderList li.provider_item label p{ text-align:center; padding:5px 0; font-size:11px; font-weight:300} #CheckoutOnePage .ProviderList li.provider_pseguro label p{ background:url(../../../img/bg_checkout_pagseguro_bandeiras.png) no-repeat bottom; padding-bottom:60px; margin-bottom:10px} #CheckoutOnePage .ProviderList li.provider_erede label p{ background:url(../../../img/bg_checkout_erede_bandeiras.png) no-repeat bottom; padding-bottom:60px; margin-bottom:10px} #CheckoutOnePage .ProviderList li.provider_item.activeMethod label{ border-color:#000} #CheckoutOnePage .ProviderList li.provider_item label input{ position:absolute; right:10px; top:5px} #CheckoutOnePage .ProviderList li label strong{ font-weight:500} #CheckoutOnePage .ProviderList li.provider_item label span{ display:block; clear:both; padding-left:18px;} #CheckoutOnePage .ProviderList li.ButtonPayOrder{ background:none} #CheckoutOnePage .ProviderList li.first{ background-image:none} #CheckoutOnePage .ProviderList li.checkout_boletomanual{ display: none} #CheckoutOnePage #CheckoutPayment{ padding:20px 0; font-weight:normal} #CheckoutOnePage #CheckoutPayment .PaymentP, #CheckoutOnePage #CheckoutPayment h3{ display:none} #CheckoutOnePage #CheckoutPayment #BandeirasCartao{ background:none; margin-top:0; clear:both} #CheckoutOnePage #CheckoutPayment.checkoutPayment_moip #BandeirasCartao{ margin-top:40px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a{ background:url(../../../img/mobile/img_confirmOrder.jpg) no-repeat 0 0; width:45px; height:36px; text-indent:-200px; float:left; padding:0 !important; margin:0 1px; border:0} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a img{ display:none} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_mastercard, #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_master{ background-position:-45px 0;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_diners{ background-position:-135px 0;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_elo{ background-position:-247px 0} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_amex{ background-position:-90px 0} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_hipercard{ background-position:-180px 0; width:67px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_aura{ background-position:-292px 0; width:46px} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_discover{ background-position:-338px -1px; width:53px} #CheckoutOnePage #CheckoutPayment #BandeirasCartao li{ padding:0} #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick{ background:none} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a{ background-position:0 -36px; border:0} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_mastercard:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_mastercard, #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_master:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_master{ background-position:-45px -36px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_diners:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_diners{ background-position:-135px -36px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_elo:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_elo{ background-position:-247px -36px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_amex:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_amex{ background-position:-90px -36px} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_hipercard:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_hipercard{ background-position:-180px -36px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_aura:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_aura{ background-position:-292px -35px;} #CheckoutOnePage #CheckoutPayment #BandeirasCartao a.flag_discover:hover, #CheckoutOnePage #CheckoutPayment #BandeirasCartao li.activeClick a.flag_discover{ background-position:-338px -36px;} #CheckoutOnePage #CheckoutPayment #ParcelasSelect{ margin-top:15px; clear:both} #CheckoutOnePage #CheckoutPayment #ContentDados{ margin-top:17px; width:auto; padding-bottom: 0 !important;} #CheckoutOnePage #CheckoutPayment #ContentDados *{ padding:0} #CheckoutOnePage #CheckoutPayment #ContentDados h3{ background:none; line-height:normal; font-size:12px; display:block; margin: 0; border: 0;} #CheckoutOnePage #CheckoutPayment #ContentDados .Textbox{ padding:0 5px !important;} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome{ background:none; border:0; margin:10px 0} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome.cartaoNomeField{ padding-bottom:0 !important; margin-bottom:0} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNumero{ margin-bottom:0} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome div{ font-size:13px; font-weight:normal; padding-bottom:5px;} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome #NomePortadorCartao, #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome #NumeroCartao, #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoNome #DebitNumeroCartao{ width:100% !important; font-size:18px !important;} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoValidade{ float:left; width:145px; padding-top:10px !important} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoValidade .Label{ padding-bottom:13px} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoValidade #DataValidade{ width:75px; text-align:center} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoValidade select{ width:63px !important; height:29px; float:left} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoValidade span{ padding:5px} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoCodigo{ float:left; padding-left:17px; padding-top:0 !important; border:0; height:auto} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoCodigo .Label{ padding-bottom:5px;} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoCodigo #CodigoSeguranca{ font-size:16px; text-align:center} #CheckoutOnePage #CheckoutPayment #ContentDados .cartaoCodigoImage{ background-position:0 60px; float:right; border:0; height:190px;} #CheckoutOnePage #CheckoutPayment #ContentDados.flag_amex .cartaoCodigoImage{ height:290px;} #CheckoutOnePage #CheckoutPayment #QuantidadeParcelas{ width:100% !important; height:35px; font-size:13px;} #CheckoutOnePage #CheckoutPayment #QuantidadeParcelas option{ padding:0 10px} #CheckoutOnePage #CheckoutOptionsPayment .Submit{ padding:20px 0;} #CheckoutOnePage #CheckoutOptionsPayment .Submit input{ width: 100%} #CheckoutOnePage .CheckoutOrderComments{ text-align:center} #CheckoutOnePage .CheckoutOrderComments textarea{ width:100%; border:1px solid #B9B9B9; padding:5px; margin-top:5px} #CheckoutOnePage .Submit input{ background:#14AF28; border:0; text-transform:uppercase; color:#fff; text-align:center; font-size:16px; width:210px; height:47px; line-height:47px; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; font-weight:bold;} #CheckoutOnePage .Submit input:hover{ background-color:#12A325; cursor:pointer} #CheckoutOnePage .CheckoutPart3{ width:32.3%; float:left; padding:0 0 10px 1%; margin-left:10px; min-height:329px; border-left:1px solid #C4C4C4} #CheckoutOnePage .ResumoPedido table{ text-align:left; margin:13px 0; width:100%} #CheckoutOnePage .ResumoPedido thead th{ font-weight:bold; border:solid #D0D0D0; border-width:1px 0; color:#1B2A3B; padding:3px 0} #CheckoutOnePage .ResumoPedido thead th.CartQuantity{ padding-left:100px; text-align:center} #CheckoutOnePage .ResumoPedido tr td{ border-bottom:1px solid #D0D0D0; padding:5px 0} #CheckoutOnePage .ResumoPedido tr td.ProductImage{ width:70px;} #CheckoutOnePage .ResumoPedido tr td.ProductImage img{ width:50px} #CheckoutOnePage .ResumoPedido tr td.CartItemQuantity{ width:31px; text-align:center; border:0; padding-left:100px;} #CheckoutOnePage .ResumoPedido tr td.CartItemIndividualPrice{ width:105px; text-align:right; border:0} #CheckoutOnePage .ResumoPedido tr .CartLegend{ font-weight:bold; text-align:right; color:#1B2A3B} #CheckoutOnePage .ResumoPedido tr .CartValue{ text-align:right} #CheckoutOnePage .ResumoPedido tr.SubTotal td{ background:#f5f5f5; border:0;} #CheckoutOnePage .ResumoPedido tr.rowSubtotal td{ color:#14AF28; font-weight:bold;} #CheckoutOnePage .ResumoPedido tr.rowTotal td{ text-transform:uppercase; color:#14AF28; font-weight:bold; font-size:16px;} #CheckoutOnePage .ResumoPedido tr .icon_edit{ display:none;} #CheckoutOnePage .CheckoutCouponCode { padding-bottom:10px;} #CheckoutOnePage .CheckoutCouponCode .Textbox{ width:75%; height:30px; float:left; padding:5px 3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #CheckoutOnePage .CheckoutCouponCode .btnSubmit{ float:right; width: 25%; padding-left: 5px} #CheckoutOnePage .CheckoutCouponCode .buttonStore{ background:#c9c9c9; width: 100%; padding:0 5px; font-size:14px; line-height:28px} #CheckoutOnePage .ResumoPedido .assinarNews{ padding-top:10px} #CheckoutOnePage .ResumoPedido .assinarNews span{ width:64px; float:left; padding-left:5px;} #CheckoutOnePage .ResumoPedido .Submit{ float:right} #CheckoutOnePage .ResumoPedido .SeloSeguranca{ clear:both; padding-top:15px; text-align:right} #CheckoutBgModal{ background:#B1AFAF; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.75; -moz-opacity:0.75; z-index:9999; display:none;} #ModalSendRequest{ background:#fff; width:460px; margin-top:-75px; margin-left:-250px; position:absolute; left:50%; top:50%; z-index:99999; -webkit-box-shadow: 0px 0px 15px 3px rgba(125,125,125,0.62); -moz-box-shadow: 0px 0px 15px 3px rgba(125,125,125,0.62);box-shadow: 0px 0px 15px 3px rgba(125,125,125,0.62); text-align:center; font-size:24px; padding:40px; display:none;} #ModalSendRequest .btnClose{ position:absolute; right:5px; top:5px; display:none} #ModalSendRequest .btnClose a{ background:url(../../../img/bg_checkoutClose.png) no-repeat 0 0; display:block; width:21px; height:22px} #ModalSendRequest .btnClose a:hover{ background-position:0 -22px;} #ModalSendRequest .modalResponse{ } #ModalSendRequest .responseSuccess{ background:url(../../../img/icon_checkoutSuccess.png) no-repeat top; padding-top:100px} #ModalSendRequest .responseError{ background:url(../../../img/icon_checkoutError.png) no-repeat top; padding-top:100px} .sprite-account{background-image:url(../../../img/sprite-account.png);background-repeat:no-repeat;display:inline-block; vertical-align: middle} .s-account-completed{width:21px;height:29px;background-position:-2px -2px} .s-account-messages{width:29px;height:25px;background-position:-2px -35px} .s-account-orders{width:33px;height:25px;background-position:-2px -64px} .s-account-point{width:19px;height:30px;background-position:-2px -93px} .s-account-return{width:27px;height:27px;background-position:-2px -127px} .s-account-search{width:29px;height:29px;background-position:-2px -158px} .s-account-star{width:28px;height:29px;background-position:-2px -191px} /* Página do Cliente */ #PageAccount #Wrapper{ max-width: 760px; padding-bottom:40px; padding-top:0; } #PageAccount .Content.Widest{ padding:20px; max-width:808px} #PageAccount .AccountHeader{ color:#333; padding-bottom:20px; margin-left:20px;} #PageAccount .AccountHeader .accountHeaderContent{ background:url(../../../img/img_myAccount.jpg) no-repeat 0 0; height:82px; padding-left:95px;} #PageAccount .AccountHeader .accountHeaderContent h1{ padding-top:10px; text-transform:uppercase} #PageAccount .AccountHeader .accountHeaderContent h1 a{ color:#999; font-size:24px; font-weight:700} #PageAccount .AccountHeader .accountHeaderContent p{ color:#666; padding-top:5px; font-size:14px} #PageAccount p.descriptionAccount{ padding-left:20px; padding-top:20px;} #PageAccount .AccountDetails .accountCredit{ background: url(../../../img/icon_money.png) no-repeat 0; padding-left: 27px; margin-left: 5px; margin-top: 5px; font-size: 16px;} #PageAccount .AccountDetails .editAccount{ float:right; padding-right:30px; margin-top:50px;} #PageAccount .AccountDetails .editAccount a{ background:url(../../../img/bg_accountEdit.jpg) no-repeat; line-height:50px; display: inline-block; color:#b5b5b5; font-size:13px; font-weight:bold; padding-left:70px;} #PageAccount .AccountDetails h3{ display:none} #PageAccount .AccountDetails .ShippingAddressList{ padding:0; font-size:14px; color:#7C7C7C; float: left} #PageAccount .AccountDetails .ShippingAddressList h4{ color:#F09A26; font-size:16px; padding-bottom:13px;} #PageAccount .AccountMenu{ margin-top:20px; padding-bottom:37px; text-align: center} #PageAccount .AccountMenu li{ margin-top:3px; line-height:33px; list-style:none; float: left; width: 33.33%; padding: 0 2px;} #PageAccount .AccountMenu li a{ background-color: #14AF28; color:#fff; text-transform:uppercase; font-size:12px; padding:3px 0 !important; width: 100%; display:block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-weight:500; text-align: center} #PageAccount .AccountMenu li i{ margin-right: 5px} #PageAccount .AccountMenu li.menuActive a, #PageAccount .AccountMenu li a:hover{ background-color:#0E851E; text-decoration:none} #PageAccount h2{ color:#000; font-size:14px; padding:0} #PageAccount h2.TitleHeading{font-size:16px; text-transform:none; border-bottom:1px solid #DCDFE2;} #PageAccount .InfoMessage{ padding-left:10px} #PageAccount ul.AccountOrderStatusList{ padding:0; margin:0; padding-bottom:20px;} #PageAccount ul.AccountOrderStatusList li{ list-style:none; font-size:12px; padding-top:5px; clear:both;} #PageAccount ul.AccountOrderStatusList h3{ margin-bottom:10px !important; color:#7E7E7E; padding:0; margin:0; font-size:16px; } #PageAccount ul.AccountOrderStatusList .AccountOrderItem{ background:#F5F5F5; width:68%; float:left; padding:20px 30px; color:#919191} #PageAccount ul.AccountOrderStatusList .OrderStatus{ float:none; clear:none; padding-bottom:10px; margin:0; padding-right:10px;} #PageAccount ul.AccountOrderStatusList .OrderStatus strong{ color:#B10000; text-transform:uppercase} #PageAccount ul.AccountOrderStatusList .HowToPay { margin-bottom: 0; } #PageAccount ul.AccountOrderStatusList .AccountOrderActions{ float:right; width: 30% } #PageAccount ul.AccountOrderStatusList .AccountOrderActions .StoreButtons span{ background-color:#71000B} #PageAccount ul.AccountOrderStatusList .dataPedido{ border-top:1px dashed #DBDBDB; padding-top:10px; margin-top:10px;} #PageAccount ul.AccountOrderStatusList .allOrders{ display:none} #PageAccount ul.AccountOrderStatusList .AccountOrderActions a{ background-color: #14AF28; margin-bottom:10px; font-weight: bold;} #PageAccount ul.AccountOrderStatusList .AccountOrderActions a:hover{ background-color: #1FA7EB;} #PageAccount.AccountStart .Content h2.TitleHeading, #PageAccount.AccountStart .Content .InfoMessage{ display:none; } #PageAccount.AccountStart ul.AccountOrderStatusList li .AccountOrderItem{ background:url(../../../img/title_ultimoPedido.jpg) no-repeat 30px 20px #F5F5F5; padding-top:60px} #PageAccount.AccountStart ul.AccountOrderStatusList li .allOrders{ display:block; text-align:right} #PageAccount.AccountStart ul.AccountOrderStatusList li .allOrders a{ color:#7E7E7E; font-weight:bold;} #PageAccount.AccountStart ul.AccountOrderStatusList li p{ margin-bottom: 5px;} #PageAccount .CartActions, #PageAccount .cadastrarEndereco, #PageAccount #CartHeader{ display:none} #PageAccount ul.ShippingAddressList{ font-size:12px; padding-top:20px;} #PageAccount ul.ShippingAddressList li{ list-style: none;} #PageAccount ul.AddressList li{ width: 33%; float: left; padding: 0 10px; padding-bottom: 20px;} #PageAccount ul.AddressList li:nth-child(3n+1){ clear: left} #PageAccount ul.ShippingAddressList h4{ font-size:18px !important; color: #333 !important;} #PageAccount ul.ShippingAddressList .btnRadio{ display:none;} #PageAccount ul.ShippingAddressList .addressItemLabel{ padding-bottom: 10px;} #PageAccount ul.ShippingAddressList .editAddress{ color: #999; font-weight: bold;} #PageAccount ul.ShippingAddressList .editAddress img{ vertical-align: middle; margin-right: 5px;} #PageAccount #WishListItems{ padding-left:0} #PageAccount .Breadcrumb{ display:none} #PageAccount .HorizontalFormContainer dt{ min-height: 34px;} #PageAccount #ShippingAddressForm .Textbox, #PageAccount #EditAccountForm .Textbox{ background:#F4F4F4; border:1px solid #ddd; padding:5px; font-size:13px;} #PageAccount #ShippingAddressForm select, #PageAccount #EditAccountForm select{ background:#F4F4F4; border:1px solid #ddd; height:25px; width:150px; font-size:13px} #PageAccount #ShippingAddressForm dt.dt_9, #PageAccount #ShippingAddressForm dd.dd_9{ display:none} #PageAccount #AccountNewReturnProducts{ padding-top: 15px;} #PageAccount .addressSearch{ margin-top: 15px; position: relative} #PageAccount .addressSearch .Textbox{ width: 100%; height: 35px; padding: 0 10px; } #PageAccount .addressSearch .Submit{ position: absolute; right: 0; top: 0;} #PageAccount .addressSearch .button{ height: 35px; line-height: 35px;} #PageAccount .listOrders{ float: right} #PageAccount .listOrders i{ margin-left:3px; margin-right: 5px;} #PageAccount .listOrders a{ color: #3CB4EE;} .ShippingDetails{ padding-top:15px;} #PageContact{ font-size:14px; color:#a1a1a1;} #PageContact .BlockContent{max-width: 790px; margin: 0 auto} #PageContact .subtitle{color: #ea5297; font-size: 20px; text-align: center} #PageContact .contactDetails{font-size:16px; padding-top: 10px;} #PageContact .contactDetails .FloatLeft{width: 50%; text-align: center} #PageContact .contactDetails .FloatRight{text-align: center; width: 50%} #PageContact .contactInfo{ padding-bottom:23px; color: #a1a1a1; padding: 0 10px} #PageContact .contactInfo span{ color:#FF880A;} #PageContact .FormContainer{ position: relative; padding-top: 20px} #PageContact dl{ float: left; width: 50%} #PageContact dl.dl_celular{ float: right} #PageContact dt{ width:31%; padding-top:10px; float:left; clear:left; height:59px; color: #333} #PageContact dd{ float: right; width: 67%; margin-left: 0} #PageContact .Required{ color:#FF8F2F} #PageContact .contactCol1{ width:415px; float:left; clear:none} #PageContact .Textbox, #PageContact textarea{ background:#fff; border:1px solid #BDC8CA; border-radius: 5px; padding:5px; font-size:13px; width:100%; height: 35px} #PageContact textarea{ height: 135px;} #PageContact .contactCol2{ float:left; width:369px;} #PageContact .g-recaptcha{ position: absolute; right: 0; bottom: 0} #PageContact .contactCaptcha input{ float:left; margin-left:17px;} #PageContact .Submit{ clear:both; float: right; margin: 0; padding-top: 15px} #PageInstitucional #Wrapper{ max-width: 1200px} #PageInstitucional .Content{ color: #a1a1a1} #PageInstitucional .Content .row .image.FloatRight{ padding-left: 100px;} #PageInstitucional .Content .row p{ padding: 10px 0; line-height: 23px} #PageInstitucional .Content .row .saibaMais{ color: #ed6ea7} #PageInstitucional .Content h1, #PageInstitucional .Content h2, #PageInstitucional .Content h3{ color: #00baf2; font-size: 26px;text-align: center; padding-top: 30px; padding-bottom: 20px} #PageInstitucional .Content h1{ text-transform: uppercase; padding-top: 60px;} #PageInstitucional .Content .list{ padding-top: 30px; font-weight: bold; max-width: 610px; margin: 0 auto} #PageInstitucional .Content .list ul{ float: left; width: 50%; text-align: center; color: #ea5297; font-size: 18px;} #PageInstitucional .Content .list li{ list-style: none; padding: 3px 0} #PageInstitucional .Content .destaque{ color: #ed6ea7} #PageInstitucional .Content .row iframe{ max-width: 100%; border: 0} #PageContent h1{ margin-bottom: 20px;} #PageContent ul{ padding-left: 10px;} #PageContent li{ list-style: none} #PageBanner{ width: 100%; overflow: hidden; position: relative; height: 296px;} #PageBanner img{ position: absolute; left: 50%; top: 0; margin-left: -1000px; width: 2000px; max-width:none} #BannerImportado{ text-align: center; padding-top: 30px;} #BannerImportado h2{ padding-bottom: 10px; color: #CD5394} /*====================== Footer ======================*/ #Footer{} body.pt .ddi{ display: none;} /* General Tables */ table.General, table.CartContents, table.General { width: 100%; margin: 10px 0; background:#fff } table.General thead tr th, table.CartContents thead tr th { padding: 6px 10px; text-align: left; } table.General tbody td, table.CartContents tbody td { padding: 6px 10px; } dt.ProductField{ float: left; clear: left; padding: 5px 0;} dt.ProductField img{ vertical-align: middle; margin-right: 5px;} dd.ProductField{ float: left; padding: 5px 0; } table.General tbody tr.First td { border-top: 0; } .CartContents .ItemShipping th.ItemShippingDescription { text-align: left; } .CartContents .ItemShipping th { border-top: 1px solid; border-bottom: 1px solid; padding: 6px 10px; } .CartContents .ItemShipping:first-child th { border-top: none; } .CartContents tbody td, .CartContents tfoot td { padding: 6px 10px; vertical-align: top; } .CartContents tfoot .SubTotal td { border-top: 1px solid; text-align: right; font-weight: bold; } /* Outros Styles */ .InfoMessage, .TabNav li a, .CartContents thead tr th, table.General thead tr th{ background:#E8EEF1; color:#000000} .TabNav li a, .TabNav, table.CartContents, table.General{ border-color:#ccc} .TabNav li a:hover, .ExpressCheckoutBlock .ExpressCheckoutTitle { background:#000000; color:#fff} .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle{background:#E8EEF1; color:#000000} #SideNewsletterBox input { margin-left:10px; outline:0 } /* .minha_conta{ padding:0;float:left; font-size:14px} .minha_conta .conta_titulo{ font-weight:bold; text-transform:uppercase} .minha_conta li{ list-style:none} */ .SuccessMessage, .ErrorMessage, .InfoMessage { background:url(../../../img/icon_error.png) no-repeat 5px #fff; color:#ED1F24; margin: 5px 0; padding:5px !important; padding-left:30px !important; border:1px dashed #ED1F24; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; clear:both} .SuccessMessage{ background-image:url(../../../img/icon_success.png); color:#5FC26C; border-color:#5FC26C} .InfoMessage{ background-image:url(../../../img/icon_alert.png); color:#DD860D; border-color:#DD860D} .HorizontalFormContainer dl, .VerticalFormContainer dl { margin: 0; } .HorizontalFormContainer dt img { vertical-align: middle; float: left; } .HorizontalFormContainer dt .fieldLabel { float:left; padding-top: 4px; padding-left: 4px; } .HorizontalFormContainer dt { width: 33%; padding-top: 10px; float: left; clear: left} .HorizontalFormContainer dd.ProductField { height: 20px; clear:right } .HorizontalFormContainer dd { padding-top:4px; float: left; margin-left: 2%; width: 65%} .HorizontalFormContainer dd label { display: inline-block; padding: 5px} .HorizontalFormContainer .Textbox, .HorizontalFormContainer select, .HorizontalFormContainer textarea{ width: 80%; min-height: 30px} .HorizontalFormContainer .Textbox { padding: 5px} .HorizontalFormContainer select { height: 30px} .HorizontalFormContainer .Submit{ padding:20px 0 10px; padding-left:35%; clear: both} #ModalContent p{ margin-bottom:10px;} /* Linha */ .SubCategoryList, .SubBrandList { background:#EEF5F9; } #SearchResultsCategoryAndBrand { background-color: #EEF5F9; } .clear, .Clear { clear:both; display:block; float:none !important } .SubBrandListGrid li{ float:left; padding:0; width:250px !important; height:auto !important; text-align:left} .SubBrandListGrid li a{ background:#f2f2f2; display:block; padding:10px 10px; font-size:13px;} .SubBrandListGrid li a:hover{ background:#000; text-decoration:none; color:#fff} .SubBrandListGrid .RowDivider{ display:none} @media screen and (max-width: 1000px) { #PageCart .Content h1{ font-size: 20px} #CartContents tr.CartItem td.ProductName .name{ font-size: 16px} #CartContents tr.CartItem td.CartItemQuantity input.quantityInput{ margin-left: 10px} #EstimateShipping{ margin-top: 30px; padding: 15px 10px;} #EstimateShipping .EstimateShipping{ float: right} #EstimateShipping .CartShipping{ float: right; clear: right; margin: 10px 0 0} #CheckoutStep2 .jaCadastrado{ width: 47%} #CheckoutStep2 .jaCadastrado dt{ width: auto; float: none; padding: 0} #CheckoutStep2 .jaCadastrado dl.row2{ padding-top: 10px;} #CheckoutStep2 .jaCadastrado dd{ float: none; width: auto} #CheckoutStep2 .jaCadastrado .Textbox{ width: 100%} #CheckoutStep2 .jaCadastrado .recoveryPass{ padding-left: 0} #CheckoutStep2 .jaCadastrado .Submit{ padding-left: 0} .externalLogin{ margin-left: 0} #CheckoutOnePage .CheckoutPart1, #CheckoutOnePage .CheckoutPart2, #CheckoutOnePage .CheckoutPart3{ width: auto; float: none; padding: 0 10px; border: 0; margin: 0} #CheckoutOnePage .CheckoutPart2{ min-height: auto; margin-top: 30px} #CheckoutOnePage .CheckoutPart3{ position: static !important; top: 0 !important; margin-top: 30px} #CheckoutOnePage .ResumoPedido .assinarNews{ float: none; height: 40px} #CheckoutOnePage .ResumoPedido .assinarNews span{ width: auto} #CheckoutOnePage .ResumoPedido .Submit{ float: none; } #CheckoutOnePage .Submit input{ width: 100%} } @media screen and (max-width: 800px) { .GrandTotalContent .CartActions .buttonStore{ font-size: 14px;} } @media screen and (max-width: 767px) { .Content.Wide{ width: 98%; margin-left: 1%; float: none} .Right{ float: none; width: auto} .Right img{ display: block; margin-left: auto; margin-right: auto} #CartContents thead th{ font-size: 13px;} #CartContents .th_priceUnit, #CartContents tr.CartItem td.CartItemIndividualPrice{ display: none} #CartContents tr.CartItem td.ProductName .name{ font-size: 14px;} #CartContents tr.CartItem td.CartItemIndividualPrice{ font-size: 16px;} #CartContents tr.CartItem td.CartItemQuantity{ position: relative; padding: 7px 5px 0; width: 75px;} #CartContents tr.CartItem td.CartItemQuantity .itemMore{ position: absolute; left: 50%; top: 5px; margin-left: -5px;} #CartContents tr.CartItem td.CartItemQuantity .itemLess{ position: absolute; left: 50%; bottom: 5px; margin-left: -5px;} #CartContents tr.CartItem td.CartItemQuantity input.quantityInput{ margin-left: 0; width: 100%;} #EstimateShipping .EstimateShipping{ float: none} #EstimateShipping .EstimateShipping label strong{ font-size: 17px} #EstimateShipping .EstimateShipping label{ padding-left: 10px; width: auto; font-size: 14px} #EstimateShipping .formEstimateShipping{ float: right} #EstimateShipping .formEstimateShipping .ButtonSubmit{ width: 118px; font-size: 14px} #EstimateShipping .ShippingResult .QuoteList{ width: 256px;} #PageAccount .Content.Widest{ padding: 5px} #PageAccount .AccountMenu li{ width: 50%;} #PageAccount ul.AccountOrderStatusList .AccountOrderItem{ padding-left: 15px; padding-right: 15px;} #PageAccount ul.AccountOrderStatusList .AccountOrderActions a{ font-size: 12px; padding: 0} #PageAccount ul.AddressList li{ width: 50%} #PageAccount ul.AddressList li:nth-child(3n+1){ clear: none} #PageAccount ul.AddressList li:nth-child(2n+1){ clear: left} } @media screen and (max-width: 600px) { #CheckoutStep2 .jaCadastrado{ width: auto; float: none} #CheckoutStep2 .jaCadastrado .Submit .buttonStore{ width: 100%} .externalLogin{ border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 10px;} #CreateAccount .AccountDados .dl_col1, #CreateAccount .AccountDados .dl_col2{ width: 48%} #CreateAccount .AccountDados .dl_dataNasc{ margin-left: 3%; width: 48%} #CreateAccount .AccountDados .dl_sexo{ padding-left: 0} #CreateAccount .dl_col2{ width: 45%} #CartContents .th_delete, #CartContents tr.CartItem td.CartItemRemove{ display: none} #CartContents tr.CartItem td.CartItemTotalPrice{ font-size: 16px; position: relative} #CartContents tr.CartItem td.CartItemTotalPrice .delete{ position: absolute; right: 0; bottom: -13px; width: 18px; display: block} #EstimateShipping .EstimateShipping{ float: right; padding-bottom: 10px;} #EstimateShipping .EstimateShipping label{ float: none; padding-bottom: 10px; display: block; padding-left: 0} #EstimateShipping .formEstimateShipping{ float: none; margin-left: 0} #EstimateShipping .CartShipping{ float: none; margin-top: 0} #EstimateShipping .ShippingResult .QuoteList{ width: 100%} .GrandTotalContent{ width: 100%} #PageAccount .AccountHeader{ margin-left: 0} #PageAccount .AccountHeader .accountHeaderContent{ padding-left: 85px;} #PageAccount .AccountDetails .editAccount{ padding-right: 10px} #PageAccount .AccountDetails .editAccount a{ padding-left: 61px} #PageAccount #ChooseShippingAddress{ padding-top: 15px} #PageAccount .PL20{ padding-left: 0} #PageAccount .AccountMenu li{ width: 48%} #PageAccount .AccountMenu li a{ padding: 3px 10px !important} #PageAccount ul.AccountOrderStatusList li .AccountOrderItem{ float: none; width: auto} #PageAccount ul.AccountOrderStatusList .AccountOrderActions{ float: none; width: auto; padding-top: 5px} #PageAccount ul.AccountOrderStatusList .AccountOrderActions a{ margin-bottom: 5px; font-size: 14px;} } @media screen and (max-width: 500px) { #CreateAccount .AccountAcesso .dl_email{ width: 99%} #CreateAccount .AccountAcesso .dl_senha{ clear: left; margin-left: 0; width: 48%} #CreateAccount .AccountAcesso .dl_confirmarSenha{ width: 48%} #PageAccount .AccountDetails .FloatRight{ float: none; clear: both} #PageAccount .AccountDetails .editAccount{ margin-top: 0; float: none} #PageAccount .AccountMenu{ padding-bottom: 20px} #PageAccount .AccountMenu li{ width: 100%} #PageAccount .AccountMenu li a{ text-align: left; padding-left: 30px !important;} } @media screen and (max-width: 478px) { #PageCart .Content h1{ padding-bottom: 10px} .GrandTotalContent{ padding: 15px 10px} .GrandTotalContent .CartActions{ padding-top: 10px;} .GrandTotalContent .CartActions .buttonStore{ font-size: 12px;} #PageInstitucional .Content .row .image{ float: none; margin: 0 auto; text-align: center} #CreateAccount .dl_col1, #CreateAccount .dl_col2{ float: none; width: 100% !important; margin-left: 0 !important; padding-top: 10px;} .HorizontalFormContainer dt{ float: none; width: auto; text-align: left} .HorizontalFormContainer dd{ margin-left: 0; float: none; width: auto} .HorizontalFormContainer .Textbox, .HorizontalFormContainer select, .HorizontalFormContainer textarea{ width: 100%} .HorizontalFormContainer .Submit{ padding-left: 0} .HorizontalFormContainer .Submit .buttonStore{ width: 100%} #PageAccount #ShippingAddressForm dt, #PageAccount #EditAccountForm dt{ padding-top: 13px;} #PageAccount #ShippingAddressForm .Textbox, #PageAccount #EditAccountForm .Textbox{ padding: 10px 5px;} #PageAccount ul.AddressList li{ width: 100%; float: none; clear: both} } @media screen and (max-width: 374px) { .GrandTotalContent{ padding: 10px 5px} .GrandTotalContent .cartTotalLabel{ font-size: 16px; line-height: 20px} .GrandTotalContent .continuar { float: none} .GrandTotalContent .CheckoutButton { float: none; padding-top: 20px} .GrandTotalContent .CartActions .buttonStore{ padding: 0 10px; font-size: 14px} }