/* Componentes Portal */ @import url(/css/cfWebNew/componentes/ComponentesPortal.css); @import url(/css/cfWebNew/componentes/Produto.css); @import url(/css/cfWebNew/componentes/Lightbox.css); @import url(/css/cfWebNew/componentes/LockPagina.css); @import url(/css/cfWebNew/componentes/DivBox.css); @import url(/css/cfWebNew/componentes/Carrossel.css); @import url(/css/cfWebNew/componentes/PaginaProduct.css); @import url(/css/cfWebNew/componentes/PaginaGarantiaEstendida.css); /* Skin */ @import url(/css/skin/globomarcas/skin.css); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}strong{font-weight:bold} /* End CSS RESET */ /* Elementos */ input.disabled {filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;cursor: default} body {background:#FFF url(img/headerBg.gif) repeat-x 0 0; font-weight: normal;font-family:Arial, Helvetica, sans-serif;font-size: 12px;line-height: normal; color: #666} body#popup {background: none} a {text-decoration: none; color: #666} a:hover {text-decoration: underline} h2, fieldset legend, hr {display:none} #left h2 {display:block} form, fieldset {border:0 none} #status {display:none} #product dl.dtl dd.dtl_preco div#botaoConcluirAguardeB {background:none} /* Class */ .clearfix {display:block; min-height: 0} * html .clearfix {height:1%} .clearfix:after {clear:both;content:".";display:block;height:0px;visibility:hidden} input.btn_ok {border:0 none; color:#FFF; height:22px; margin-left:3px; width:30px; font-size:11px} /* OUTER */ .outer {width: 100%; min-width: 1000px} /* CONTENT */ #content {display:block;min-height: 0; clear: both; margin: 10px 0 0} #content:after {clear:both;content:".";display:block;height:0pt;visibility:hidden} *html #content {height:1%} /* WRAPPER */ .wrapper {float: left; width: 100%} /* HEADER */ #header {clear:both; color:#FFF} div#headContainer {position:relative; width:990px; height:94px; margin:0 auto} /* CENTER */ #center {margin: 0 185px;} #content.two_leftcol #center {margin-right: 10px} #content.two_rightcol #center {margin-left: 10px} #content.one #center {margin:0 10px 0 10px} #busca_geral #center {min-height: 120px;position: relative;} #garantia #center {position: relative} #sac #center {margin-left: 195px; *margin-left: 200px; min-height: 1px} /* Conserto Busca Geral */ #busca_geral #center dl dt {margin-top:-80px!important} #busca_geral #center dl dt, #busca_geral #center dl dd {float:none!important} #busca_geral #center dl dt, #busca_geral #center dl dd.vejaMais, #busca_geral #center dl dd.parcelas, #busca_geral #center dl dd.preco, #busca_geral #center dl dd.maisdaMarca {margin-left:95px!important} #busca_geral #center dl dd.foto {margin-top:10px;} #busca_geral #center dl dd.vejaMais {margin-top:5px;} #busca_geral #center dl dd.parcelas {margin-top:5px;} #busca_geral #center dl dd.parcelas strong { color:#3382EF} #busca_geral #center dl dd.preco {float:none; margin-top:12px!important; margin-bottom:10px} #busca_geral #center dl dd.setQuickView {float:right!important; margin-top:-72px} #content_news{width:99%; text-align:center; margin:0 auto 15px; display:block; overflow:hidden} /* LEFT */ #left {float:left; margin-left:-100%; margin-top:0; padding-left:10px; voice-family:inherit; width:145px} #sac #left {width:185px} /* RIGHT */ #right {float: left;margin-top: 0;overflow: hidden;voice-family: inherit;width: 165px;margin-left: -175px;} #dept_home #right {margin-top:170px} /* FOOTER */ #footer {clear:both; font-size:11px; word-spacing:0; height:133px; margin:10px auto; overflow:hidden; background:url(img/rodape_bg.gif) left top repeat-x} #footer ul {background:url(img/rodape_quina2.gif) no-repeat 0 0; float:left; height:47px; *height:87px; width:485px; padding:75px 0 0 75px} #footer ul li {display:inline; background:url(img/rodape_bglista.gif) no-repeat 7px 3px; font-size:12px; font-weight:bold; line-height:44px; padding:0 9px; border-left:1px solid #48535b} #footer ul li.qs {background:none; border:none} #footer ul li a {color:#48535b} #footer p {background:url(img/rodape_quina1.gif) top right no-repeat; float:right; padding:4px 4px 0 0; height:133px; width:409px; *width:auto} #footer p a {background:url(img/verisign1.gif) no-repeat 0 0; cursor:pointer; display:block; float:left} #footer p a img {display:none} #footer p span {display:block; float:left; height:37px; overflow:hidden; text-indent:-10000px; width:120px} #footer p a.powered, #footer p a.certisign, #footer p a#seloEbit { float:right} #footer p a.powered {background:transparent url(img/poweredbyCfNew.gif) no-repeat 0 0; height:37px; overflow:hidden; text-indent:-10000px; width:120px; margin:75px 10px 0 10px} #footer p a.certisign {background:none; border:0 none; margin-right:0; width:108px; margin:75px 10px 0 10px} #footer p a#seloEbit {/*background:url("img/loja-ouro-ebit.gif");*/ height:100px; overflow:hidden; text-indent:-10000px; width:94px; margin:13px 10px 0 15px} #footer p span.cs {background:url(img/certisign1.gif) no-repeat 0 0; height:37px; width:108px} /* =============================== COMPONENTES ======================================= */ /* Logo */ #header h1 {width:569px; height:34px; position:absolute; top:17px; left:0px} #header h1 span {display:none} * + html .cartpages #header h1 a, * + html #header h1 img, #header h1 img {width:569px; height:34px;} #header h1 a {display:inline; /*background-repeat:none; overflow:none; position:none; text-indent:-0px; *left:-0px; *margin:-0px; *top:17px; *width:569px; *height:34px;*/} * + html .cartpages #header h1 a {margin-top: 17px;} /* User Menu */ ul#userMenu {width:500px; height:31px; position:absolute; top:0px; right:0px; font-size:11px; text-align:right; padding-top:6px; background:url(img/userMenuBg.gif) no-repeat right 0} ul#userMenu li {display:inline; margin-right:8px; padding-left:25px} ul#userMenu li#carrinho {padding:; background:url(img/ico_car.gif) no-repeat 0 0} ul#userMenu li#pedidos {padding:; background:url(img/ico_ped.gif) no-repeat 0 0} ul#userMenu li#cadastro {padding:; background:url(img/ico_cad.gif) no-repeat 0 0} ul#userMenu li#atendimento {padding:; background:url(img/ico_sac.gif) no-repeat 0 0} ul#userMenu a {color:#FFF} /* User Nav */ div#userNav {clear:both; width:auto; height:45px; color:#666; padding:5px 10px} div#userNav div#userLogin {float:left} div#userNav div#userLogin p {margin-top:4px} div#userNav div#userLogin p a {text-decoration:underline; font-weight:bold} /* Televendas */ div#userNav dl#televendas {float:right; margin-top:0px; font-weight:bold; font-size:12px; color:#666; position:relative;} /* modificado por Luciano Filho em 09/12/2011 */ dl#televendas dt, dl#televendas dd {display:inline} /* Menu Vert Departamentos */ #left .box {background:url(img/box_left_bgbottom.gif) no-repeat 0 bottom} .box {-x-system-font:none;color:#666666;font-family: Arial, Helvetica, sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:12px;margin-bottom:10px;padding-bottom:4px} .box h3, .box strong {background-position:0 0;background-repeat:no-repeat;color:#FFFFFF;display:block;font-size:1em;height:21px; _height:26px;line-height:23px;padding:0 5px 5px;text-align:center} #left .box strong {background-image:url(img/box_left_titulo.gif)} .box > * {padding:2px 7px} #left .box > * {background-image:url(img/box_left_bg.gif)} .sub_items li {font-weight:bold} .sub_items > li, .sub_items h2 > li {border-top:1px solid #CCCCCC;padding:5px 0} .sub_items h2:first-child li {border-top:0 none} .sub_items li:first-child a {border-top:0 none} .sub_items li ul li, .sub_items li ul li a {border:0 none;color:#666666;font-weight:lighter} .sub_items li ul li {padding-top:2px} .box a {color:#666666} .sub_items li a {font-weight:bold} .sub_items li ul {*margin-top: 2px;} .sub_items li.mais a {font-weight:bold} .sub_items > li.todos {padding-bottom:0;text-align:center} .sub_items li.todos a {color:#FF8000 !important;line-height:14px} /* Banner Regua */ div#banner_regua {clear:both; text-align:center} /* Banner Flash */ div#banner_flash {clear:both; z-index:1; margin:0; text-align:center; overflow:hidden} div#banner_flash div, div#banner_flash div p, div#banner_flash div p span {display:block; width:100%; height:100%} #dept_home #banner_flash, #secao #banner_flash {margin-bottom:10px} #dept_home #banner_flash {margin-right:-120px} /* Banner Botao */ div.banner_botao {height:110px;text-align:center;margin-bottom:5px} div.banner_botao object {height:110px} #home div.banner_botao {height:80px} #home div.banner_botao object {height:60px} #left div.banner_botao {width:145px; height:auto} #left div.banner_botao object {width:145px;height:60px} /* Banner Botao */ div.banner_halfsky {height:265px;text-align:center;margin-bottom:10px} div.banner_halfsky object {width:110px;height:265px} #left div.banner_halfsky {width:145px} #left div.banner_halfsky object {width:145px;height:265px} /* Botao Depto */ #left div.botao_depto {display:none; width:145px;height:120px;margin:10px 0} #dept_home div.botao_depto, #secao div.botao_depto {display:block} /* Boxes de Alerta / Email Falso / Aviso Correios */ #emfTop{width:110px; height:82px; margin-top:15px; z-index:1000; display:block} #emfTop a{display:block; width:65px; height:52px; padding:30px 0 0 45px; color:#080; font-size:0.8em; background:url(img/box_emf.gif) 0 0 no-repeat} #em_falsos{position:absolute; top:380px; right:10px; width:110px; height:82px; z-index:1000; display:none; margin-bottom:10px} #em_falsos a{display:block; width:65px; height:52px; padding:30px 0 0 45px; color:#080; font-size:0.8em; background:url(img/box_emf.gif) 0 0 no-repeat} #aviso_correios{width:285px !important; height:183px !important; position:absolute !important; top:50% !important; left:50% !important; z-index:9999 !important; margin:-40px 0 0 -143px !important; padding:0 !important; background:#FFF !important; border:1px solid #080 !important} #aviso_correios p{width:285px; height:183px; margin:0 !important; padding:0 !important; text-indent:-5000px; overflow:hidden; background:url(img/aviso_correios.gif) 0 0 no-repeat} #aviso_correios a{position:absolute !important; top:5px !important; right:5px !important; display:block !important; text-indent:-5000px !important; overflow:hidden !important; width:30px !important; height:22px !important; background:url(img/carrinho_btn_remover.gif) 0 0 no-repeat !important} /* BreadCrumbs */ div#breadCrumb {height:25px; margin:0 10px; color:#666; border-top:1px solid #CCC} div#breadCrumb p {float:left; margin-top:7px} div#breadCrumb ul {float:left; margin:4px 0 0 7px} div#breadCrumb ul li {display:inline; font-size:14px; font-weight:bold; margin:0 3px} div#breadCrumb ul li.strongBread {font-weight:bold; font-size:16px} /* Produto */ .ofertas {width: 100%; clear: both; margin: 0 auto; border-bottom: 1px solid #CCC} .ofertas li {float: left; width: 33%; text-align: left; padding: 15px 0} .ofertas li dl {margin: 0 auto; width: 140px} .ofertas li dl img {display: block; width: 140px; height: 140px} .ofertas li dl dd.vejaMais/*, .ofertas li dl dd.maisdaMarca*/ {margin-top:5px} .ofertas li dl dd.maisdaMarca { display:none} .ofertas li dl dd.vejaMais a{text-decoration:underline;font-weight:bold; background:#f1f1f1; padding:0 5px} .ofertas li dl dd.parcelas {margin-top: 3px} .ofertas li dl dd.parcelas strong {font-size: 13px} .ofertas li dl dt {font-weight: bold; margin: 5px 0 12px} .ofertas li dl dd.maisdaMarca a{text-decoration:underline;font-weight:bold; background:#f1f1f1; padding:0 5px} /* excecao p/ pag. secao */ #secao #center #cfForm .ofertas li {width: 24%} #secao #center .ofertas li {width: 24%} /* DivTC */ #divTC {margin-top:20px} #divTC .divTabs {height:31px; width:auto} #divTC .divTabs .ulTabs {height:32px; width:auto; margin:0; text-align:left} #divTC .divTabs .ulTabs li {background: url(img/tab_bgmenu1.gif) no-repeat 0 0; cursor:pointer; float:left; font-weight:bold; height:31px; width:auto; margin-bottom:0;} #divTC .divTabs .ulTabs li:hover, #divTC .divTabs .ulTabs li.on {background:transparent url(img/tab_bgmenu1_a.gif) no-repeat scroll 0 0} #divTC .divTabs .ulTabs li span {display:block; white-space:nowrap; margin-left:4px; padding:10px 10px 10px 6px; background:transparent url(img/tab_bgmenu2.gif) no-repeat right 0;} #divTC .divTabs .ulTabs li:hover span, #divTC .divTabs .ulTabs li.on span {background: url(img/tab_bgmenu2_a.gif) no-repeat right 0; text-decoration:underline} #divTC .divTabArea {border:1px solid #CCCCCC; clear:both; display:none; width:auto; padding:10px 5px} #divTC div.on {display:block} /* Paginacao */ .paginacao {font-size:11px; text-align:center; margin:-10px 0 25px; padding-top:15px; width:auto} .paginacao ol li.anterior {border-right:1px solid #ccc; margin-right:5px} .paginacao ol li {color:#666; padding:0 5px; display:inline} .paginacao ol li.on {border:1px solid #2f91c0} .paginacao ol li a {color:#666; font-weight:bold} .paginacao ol li.proximo {border-left:1px solid #CCC; margin-right:5px} /* OL Abas Navegacao Fluxo */ #center ol.pedido_abas { position:relative; white-space:nowrap; background:transparent url(img/carrinho_bgaba_on.gif) repeat-x scroll 0 0; border-color:#FFF; border-style:solid solid none; border-width:1px 1px 0; height:38px; } #center ol.pedido_abas li { float:left; height:38px; white-space:nowrap; width:25%; background:transparent url(img/carrinho_bgaba.gif) repeat-x scroll 0 0; color:#CCC; font-size:17px; text-align:center; } #center ol.pedido_abas li.etapa1, #center ol.pedido_abas li.etapa2 {width:20%} #center ol.pedido_abas li.etapa3, #center ol.pedido_abas li.etapa4 {width:30%} #center ol.pedido_abas li.on {background:none} #center ol.pedido_abas li span, #center ol.pedido_abas li span strong {display:block} #center ol.pedido_abas li span {height:38px;background:url(img/carrinho_aba_quinaesq.gif) no-repeat scroll 0 0} #center ol.pedido_abas li.etapa1 span {background:url(img/carrinho_aba_quinaesq2.gif) no-repeat scroll 0 0} #carrinho #center ol.pedido_abas li.etapa1 span {background:url(img/carrinho_aba_quinaesqon1.gif) no-repeat scroll 0 0} #center ol.pedido_abas li strong {background:url(img/carrinho_aba_quinadir.gif) no-repeat scroll right 0;margin-left:10px;padding:9px 0} #center ol.pedido_abas li.etapa4 strong {background:url(img/carrinho_aba_quinadir2.gif) no-repeat scroll right 0} #carrinho #center ol.pedido_abas li.etapa1 strong {background:url(img/carrinho_aba_quinadiron.gif) no-repeat scroll right 0} /* Alert Message (Exclusivo pag. Product) */ #product #alertMessage {width: 315px; height: 160px; margin: -80px 0 0 -157px; background-color: #FFF; border: 3px solid #080;position: absolute; top: 50%; left: 50%; z-index:9999; display:none} #product #alertMessage p {padding: 5px;border-bottom: 1px solid #CCC;text-align: center;font-size: 1em;font-weight: bold;background-color:#F1F1F1;line-height:20px;margin-bottom:6px} #product #alertMessage ul {margin: 0 20px; height: 70px; overflow: auto} #product #alertMessage ul li {padding-left: 10px;background: url(img/bullet_traco.gif) 0 center no-repeat} #product #alertMessage center {margin: -15px 0 5px} #product #alertMessage span {display: block; float: left; margin-left: 10px;width: 187px; height:30px} #product #alertMessage span a {display: block; text-indent: -10000px; overflow: hidden;background: url(img/prod_btn_carrinho_new.gif) 0 0 no-repeat;width: 187px; height:30px} #product #alertMessage span.alterar {margin-left: 15px; width: 93px} #product #alertMessage span.alterar a {background: url(img/btAlterarCinza.gif) 0 0 no-repeat;width: 85px} /* ============= Quick View ================== */ div#lockPagina {display:none; width:100%; background-color:#000; position:absolute; top:0; left:0; z-index:9990} dd.setQuickView {margin:5px 0 10px} dd.setQuickView a {display:block; color:#FFF; font-weight:bold; background:url(img/btQuickView.gif) no-repeat 0 0; width:77px; height:17px; padding:5px 0 0 20px;} div#detalhesDisplay {z-index:9991; position:absolute; left:50%; top:50%; width:740px; margin:-200px 0 0 -370px} #detalhesDisplay .paraTopo, #detalhesDisplay .paraInfoProduto, #detalhesDisplay #infProduto .ancoras {display:none} #detalhesDisplay #infProduto .bullet-seta li, #detalhesDisplay #infProduto .bullet-seta-item {background:none} div#detalhesDisplay .descTop {background:url(img/topBox.gif) no-repeat 0 0; height:41px; } div#detalhesDisplay .descTop strong {position:absolute; overflow:hidden; width:620px; height:26px; margin:12px 0 0 15px; font-size:14px;} div#detalhesDisplay .descTop a {float:right; margin:12px 15px 0 0; color:#3382EF; font-weight:bold} div#detalhesDisplay .container {_height:340px; overflow:hidden; clear:both; background-color:#FFF; background:url(img/box.gif) no-repeat 0 bottom; padding:0 10px 10px} div#detalhesDisplay .produto {float:left; margin-right:10px} div#detalhesDisplay .produto a, div#detalhesDisplay .produto img {display:block; float:left} div#detalhesDisplay .produto a.btDetalhes {clear:both; width:143px; height:17px; background:url(img/btDetalhes.gif) no-repeat 0 0; font-weight:bold; color:#FFF; text-align:center; font-size:11px; padding-top:5px; margin:10px 0 0 27px; _margin-left:14px} div#detalhesDisplay #infProduto {float:left; width:510px; padding-top:20px} div#detalhesDisplay #infProduto dl dt {font-weight:bold; font-size:13px; padding-right:20px; margin-bottom:20px} div#detalhesDisplay #infProduto dl dd.ref {margin-top:5px} div#detalhesDisplay #infProduto dl dd.deP {} div#detalhesDisplay #infProduto dl dd.porP {font-weight:bold; font-size:19px; color:#3382EF; margin-top:4px} div#detalhesDisplay #infProduto dl dd.parcP {float:left; margin-top:5px} div#detalhesDisplay #infProduto dl dd.parcP strong {font-size:14px; color:#3382EF} div#detalhesDisplay #infProduto dl dd.btCarrinho {float:right; margin:-15px 50px 0 0; width:160px} div#detalhesDisplay #infProduto div.desc {clear:both; height:158px; overflow-y:scroll; overflow-x:hidden; margin-top:15px; padding:15px; float:left; border:1px solid #CCC; width:480px} div#detalhesDisplay #infProduto div.desc strong.descTitle {font-weight:bold; text-transform:uppercase; color:#3382EF; clear:both; display:block; margin-bottom:15px} div#detalhesDisplay #infProduto div.desc ul {margin-top:15px} div#detalhesDisplay #infProduto div.desc #divTC div.divTabs {display:none} div#detalhesDisplay #infProduto div.desc #divTC .divTabArea {border:0 none} /* .button {display:block; height:32px; cursor:pointer; color:#FFF; font-weight:bold; font-size:14px; text-align:center; letter-spacing:-1px} .button:hover {text-decoration:none} a.rightBt {padding-right:7px; background:url(img/bt_right_sr_a.gif) no-repeat right 0} a.rightBt:hover {background:url(img/bt_right_sr_b.gif) no-repeat right 0} a.rightBt:active {color:#030;background:url(img/bt_right_sr_c.gif) no-repeat right 0} span.leftBt {display:block; height:24px; margin-top:0; padding:8px 0 0 10px; background:url(img/bt_left_sr_a.gif) no-repeat 0 0} a.rightBt:hover span.leftBt {background:url(img/bt_left_sr_b.gif) no-repeat 0 0} a.rightBt:active span.leftBt {background:url(img/bt_left_sr_c.gif) no-repeat 0 0} */ /* COMPONENTE TAG CLOUD */ div#tagCloud {margin:15px 0;overflow:hidden;} div#tagCloud div.tagsTitle {height:31px} div#tagCloud div.tagsTitle h3 {display:block;padding-left:8px;line-height:31px;text-align:left;font-size:12px;background:url(img/bgTitle.gif) no-repeat 0 0} div#tagCloud div.tagsBody {border:1px solid #CCC;} div#tagCloud div.tagsBody ul {text-align:center;padding:15px 10px;} div#tagCloud div.tagsBody ul li {display:inline;vertical-align:middle;line-height:normal;font-weight:normal;margin-right:5px} div#tagCloud div.tagsBody ul li a {color:#3382EF} /* titles tagCloud */ div#tagCloud h1, div#tagCloud h2, div#tagCloud h3, div#tagCloud h4, div#tagCloud h5, div#tagCloud h6 {display:inline;font-weight:normal} .level1 {font-size:1.1em} .level2 {font-size:1.2em} .level3 {font-size:1.4em} .level4 {font-size:1.5em} .level5 {font-size:1.6em} .level6 {font-size:1.8em} .level7 {font-size:2em} /* LightBox Brasspag */ #lockPaginaBPag {height:100%; width:100%;background-color:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9990; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65)} #actBrasspag {display:none; left:50%; margin:-100px 0 0 -200px; position:absolute; top:50%; width:400px; z-index:9991; background-color:#FFF; border:2px solid #666; padding:0 20px 0; text-align:center} #actBrasspag h3 {text-align:center; font-size:15px; background-color:#f1f1f1; margin:0 -20px; padding:5px;} #actBrasspag .loader {display:block; margin:0 auto; width:90px; height:90px; margin-top:10px} /* Vitrine */ /*a.paraTopo {background-image:url(/css/skin/comprafacil/temporarios/neutro/ancora/paraTopo.png)} .produto div.produto-content:hover {border-color:#999}*/ .btQuickView {/*background-image:url(/css/skin/comprafacil/temporarios/neutro/botoes/catalogo.png);*/ background-position: 0 -834px; height: 18px; width:94px; text-indent:-10000px} /* .vejaMais .topo {background:url(/css/skin/comprafacil/temporarios/neutro/vejaMais/seta.png) no-repeat scroll left center}*/ #secao #center .produtos {clear:both; width:100%} #busca_geral #center .vejaMais ul {border-bottom:none; margin:0} /* Ivens Gonçalves - Centralizando o menu: 19/03/2010 */ div#menu ul li {width:164px} /* Ivens Gonçalves - Aplicando resolução 1024 para o site */ #glbBarra, #header, #content, #home div#banner_flash {min-width:1000px} #footer {min-width:990px} /* Ivens Gonçalves - Escondendo: 11/05/2010 */ #confirm_pgto #center div.agendamento {display:none} #carrinho #center fieldset div.agendamento {display:none} /*Nota Fiscal*/ #seus_pedidos #center p.desconto, #seus_pedidos #center p.frete, #seus_pedidos #center p.total, #seus_pedidos #center p.declaracao {border-left: 1px solid #E1E1E1;font-weight: bold;padding: 11px 10px 11px 0;text-align: right;vertical-align: middle;width: 240px !important;} #seus_pedidos #center p.nota-fiscal {border-left: 1px solid #CCCCCC;clear: both;float: right;padding: 11px 10px 11px 0;text-align: right;width: 240px;} #seus_pedidos #center p.nota-fiscal .linkView{color:#f80; display:block; font-weight:normal; text-decoration:underline; margin-bottom:10px; cursor:pointer;} #seus_pedidos #center p.nota-fiscal #sem-nota-fiscal{color:#f80;} #seus_pedidos #lightbox-nota-fiscal{background:#FFF; width:790px; border:3px solid #080;} #seus_pedidos #lightbox-nota-fiscal .lightboxBody {max-height:400px; overflow:auto} * html #seus_pedidos #lightbox-nota-fiscal .lightboxBody {height:400px} #seus_pedidos #lightbox-nota-fiscal .titulo-nota-fiscal{color:#080;} #seus_pedidos #lightbox-nota-fiscal .chave-acesso{color:#080; font-weight:bold;margin-top:15px; display:block;margin-bottom:3px;} #seus_pedidos #lightbox-nota-fiscal .numero-chave{display:block; background:url(../cfWebNew/img/bk-inputs.png) repeat-x; border:1px solid #ccc; width:330px; padding:3px;clear:both;} #seus_pedidos #lightbox-nota-fiscal .link-nf a{font-size:11px; color:#FF8800; display:block; margin:3px 0 15px; text-decoration:underline;} #seus_pedidos #lightbox-nota-fiscal .dados-nota {border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:10px;} #seus_pedidos #lightbox-nota-fiscal .dados-nota li{clear:both; margin-bottom:3px; overflow:hidden;} #seus_pedidos #lightbox-nota-fiscal .dados-nota span{display:block; float:left;} #seus_pedidos #lightbox-nota-fiscal .dados-nota .title-dados{width:150px;} #seus_pedidos #lightbox-nota-fiscal #btn-ministerio {padding:15px 0px;overflow:hidden; display:block;} #seus_pedidos #lightbox-nota-fiscal #btn-ministerio a{background:url(../cfWebNew/img/btn-ministerio-da-fazenda.png) no-repeat; text-indent:-10000px; display:block; height:32px;} #seus_pedidos #lightbox-nota-fiscal .acesso-receita{font-size:12px; margin-top:5px;} #seus_pedidos #lightbox-nota-fiscal .acesso-receita a{text-decoration:underline;} /* Correção botão colocar na carrinho pelo inforapido */ .btCarrinho a.rightBt { background: none repeat scroll 0 -64px transparent; height: 32px; padding-right: 7px; width: 161px; text-indent:-100000px; } a.button { color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 32px; letter-spacing: -1px; text-align: center; } /* exibir dhtml */ #banner_dhtml { height: 340px; left: 50%; margin: 0 0 0 -150px; padding: 0; position: absolute; top: 340px; width: 398px; z-index: 9998; } /* Página de Cadastro de Descontos */ #cadastradoOfertasPromocoes #pgCadContainer { background:url("../img/59/ofertasDescontos/topo-bg.gif") repeat-x scroll left top transparent; margin:30px 0 80px; text-align:left; line-height:0; text-indent:-10000px;} #cadastradoOfertasPromocoes #pgCadContainer .topo { background:url("../img/59/ofertasDescontos/canto-superior-esquerdo.gif") no-repeat scroll left top transparent;} #cadastradoOfertasPromocoes #pgCadContainer .topo h2 { background:url("../img/59/ofertasDescontos/canto-superior-direito.gif") no-repeat scroll right top transparent;} #cadastradoOfertasPromocoes #pgCadContainer .topo h2 { display:block; font-size:19px; font-weight:normal; height:41px; line-height:42px; text-indent:21px;} #cadastradoOfertasPromocoes #pgCadContainer div.topo, #cadastradoOfertasPromocoes #pgCadContainer div.body, #cadastradoOfertasPromocoes #pgCadContainer div.controle { line-height:normal; text-indent:0;} #cadastradoOfertasPromocoes #pgCadContainer .body { border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; padding:30px 30px 20px;} #cadastradoOfertasPromocoes #pgCadContainer .body div { padding:5px;} #cadastradoOfertasPromocoes #pgCadContainer .body label { color:#404040; float:left; font-size:14px; margin-right:5px; margin-top:6px; width:50px;} #cadastradoOfertasPromocoes #pgCadContainer .body input { background:url("../img/59/ofertasDescontos/input-bg.gif") repeat-x scroll left top transparent; border-left:2px solid #D4D4D4; border-right:1px solid #D4D4D4; font-size:14px; height:29px; line-height:25px; padding:0 5px;} #cadastradoOfertasPromocoes #pgCadContainer .controle { background:url("../img/59/ofertasDescontos/controle-borda.gif") repeat-x scroll left bottom transparent;} #cadastradoOfertasPromocoes #pgCadContainer .controle div.confirmar p { background:url("../img/59/ofertasDescontos/canto-inferior-direito.gif") no-repeat scroll right bottom transparent;} #cadastradoOfertasPromocoes #pgCadContainer .controle p { padding-bottom:30px;} #cadastradoOfertasPromocoes #pgCadContainer .controle div.confirmar p a { margin-left:150px;} #cadastradoOfertasPromocoes #pgCadContainer .controle .confirmar a { background-position:0 0; height:32px; width:111px;} #cadastradoOfertasPromocoes #pgCadContainer .controle p a { display:block; position:relative; text-indent:-10000px;} #cadastradoOfertasPromocoes #pgCadContainer .controle div.cancelar p { background:url("../img/59/ofertasDescontos/canto-inferior-esquerdo.gif") no-repeat scroll left bottom transparent; padding-left:10px;} #cadastradoOfertasPromocoes #pgCadContainer .controle div.cancelar p a { margin-left:26px; margin-top:-62px;} #cadastradoOfertasPromocoes #pgCadContainer .controle .cancelar a { background-image: url("../cfWebNew/img/botoes.png"); background-position:-83px -86px; height:32px; width:76px;} #cadastradoOfertasPromocoes #pgCadContainer .controle .confirmar a:hover, #cadastradoOfertasPromocoes #pgCadContainer .controle .cancelar a:hover { opacity:0.75; filter:alpha(opacity=75)} #cadastradoOfertasPromocoes #pgCadContainer .controle div.confirmado p { border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF} #cadastradoOfertasPromocoes #content.one #center {margin:-30px 10px 0 164px;} * + html #busca_geral #center h3 {margin-top:-35px !important;} #busca_geral #center h3 {margin-top:0px !important; position:static !important; top:0 !important;} #busca_geral #center {position:static !important;} /*CSS para os selos de promoções*/ .produto-atributos .selos-promocoes span{float:left; margin-right:5px;}/*Colocar os selos flutuando na product*/ .selos-promocoes {overflow:hidden;} .selos-promocoes span{display:block;width:178px; text-align:center; font-size:11px; padding:5px 0; margin:5px 0 0 0;} /*Cores dos selos* Padrão Cinza e os skins definem suas cores*/ .selos-promocoes .selo-de-frete{border:1px solid #ccc; background:#ebebeb; color:#000; text-transform:uppercase; font-weight:bold;} .selos-promocoes .selo-de-desconto{border:1px solid #ccc; background:#ebebeb; color:#000; text-transform:uppercase; font-weight:bold;} .produto .link-product:hover .selos-promocoes .selo-de-frete, .produto .link-product:hover .selos-promocoes .selo-de-desconto{text-decoration:underline;} /*Com os selos o carrossel terar que ter sua altura alterada de 270 para 330*/ .carrossel .voltar, .carrossel .avancar, .carrossel .produtos {height: 330px;} .carrossel .selos-promocoes span{width:165px;}/*Tamanho diferenciado para o carrossel*/ /* Novo fluxo */ .login, .cadastro, .pagamento, .cobranca {background:none} .cartpages #header, .cartpages #header h1 {background:none; width: 100%;} .checkout #header h1 a {background:url("/css/skin/globomarcas/header/fluxo/logo.gif"); height:34px !important; left:0; width:568px !important; text-indent: none !important;} .carrinho #header h1 a {background:url("/css/img/827/logo.gif");} * + html body.carrinho #header h1 a, * + html body.checkout #header h1 a {height:34px !important; width:568px !important;} .cartpages #header dl#televendas {color:#666; position:static} div#fieldBusca {left:auto; margin:0} .cartpages #header .busca input#buscaInpt {color:#A0A0A0; font-size:12px; height:20px; top:0; width:262px} .cartpages #header .busca input.btn_ok {float:none; height:22px; position:static; text-indent:0; width:30px} .cartpages #header #menu {position:absolute; top:68px} .cartpages #header #menu ul {background:none} .cartpages #header #menu ul li {line-height:26px; padding:0} .cartpages #header #menu ul li a span {font-size:12px; background: url("img/menu_left.gif") no-repeat scroll 0 0 transparent;} .checkout #header #userInfo {margin-top:-34px} .checkout #content {margin:0} #formCadastro h4 {font-weight:bold} #cadastro #center fieldset label {float:none!important; display:inline!important; width:auto!important} .cadastro #center fieldset ul li#liTel2 label, .cadastro #center fieldset ul li#liTel3 label {display:block!important} .pagamento #resumo table .lCEP p, .pagamento #resumo table .vCupom p, .pagamento #resumo table .totalLine div, .pagamento #resumo table .lDesconto p {text-align:right!important} #carrinho #center fieldset div {border:0!important} .checkout th {font-weight:bold} #carrinho #center table.carrinho_itens .total, #confirm_pgto #center table.carrinho_itens .total {color:#666!important} .checkout #center table .carrinho-garantia-estendida td {text-align:left!important} #carrinho #center .contentLine {border-top:1px solid #DDD!important} #formas_pgto #center div {border:0!important; margin:0!important; padding:0!important} #formas_pgto #center div div {margin:0!important; min-height:0!important} #formas_pgto #center .container {border:1px solid #DDD!important; border-width:0 1px!important; padding:25px 20px 15px!important} #formas_pgto #center #especialBoxes {margin:0 0 20px!important} #formas_pgto #especialBoxes .container {padding:16px 16px 0} #formas_pgto #especialBoxes .container li {font-weight:normal; margin:0 0 5px; padding:0} #formas_pgto #center div div ul li {background:none!important} /* Luciano Filho - 9/12/2011 - mudanças relativas ao novo fluxo de compras */ /* Busca */ div#fieldBusca {width:354px; position:absolute; top:37px; right:0px; z-index:99;} div#fieldBusca .busca table{color:#000;} #header .busca {height:23px; padding-left:25px; background:url(img/lupa.gif) no-repeat 0 0;} #header .busca input#buscaInpt {float:left; height:20px; width:262px; color:#a0a0a0; font-size:12px; font-family:arial; top:0; padding:4px 0 0 3px; border:0 none; background:url(img/bodyBusca.gif) repeat-x 0 0} #header .busca input.btn_ok {border:0 none; color:#FFF; height:22px; width:30px; margin-left:3px; font-size:11px; float:left; line-height:0; right:0; text-indent:0; top:0; cursor:pointer;} * + html #header .busca input.btn_ok {line-height:10px !important;} /* Menu */ * + html #header, * + html .cartpages #header {text-align:left;} #header #menu {display:block; clear:both; position:absolute; top:68px; overflow:hidden;} #header #menu ul {line-height:26px;} #header #menu ul li {text-align:center; display: block; float: left; height: 26px; line-height: 26px; margin-right: 0px; width: 122px; padding:0;} #header #menu a {color:#FFF; text-decoration:none; cursor:pointer} #header #menu a:hover {text-decoration:none} #header #menu ul li a span {display:block; float:left; width:100%; height:26px; font-weight:bold; font-size:12px} #header #menu ul li:hover a span {text-decoration:underline} /* Backgrounds */ #header #menu ul li a span {background:url(img/menu_left.gif) no-repeat 0 0} #header #menu ul li, .cartpages #header #menu ul li {background:url(img/menu_ex.gif) no-repeat right 0} /* Gerais */ * + html #login #center fieldset {width:auto;} #login #header, #esqueci_senha #header, #cadEfetuado #header, #pedido_finalizado #header {background-color:#FFF;} .busca-novamente #cmdEnviar, .btQuickView, #detalhesDisplay #infProduto dl dd.btCarrinho a, #cadastradoOfertasPromocoes #pgCadContainer .controle .confirmar a, #product .produto-atributos .btColocarCarrinho a, #product .complemento-compra .info .btColocar2Carrinho, #product #produto-garantia-estendida .garantia-estendida .btGarantiaEstendida, #product .produto-tabela .btColocarCarrinho, #product .confirmacao .btColocarCarrinho, #product .confirmacao .btAlterar {background-image: url("/css/skin/globomarcas/botoes/catalogo.png");} #footer {padding-top:0;} #footer ul {padding:75px 0px 10px 75px;} #footer p, #footer dt {margin-top: 0px;} #seus_pedidos #center fieldset input.btn_ok {height:22px; width:33px; background:url("/css/cfWebNew/img/botoes.png") no-repeat 0px -22px transparent !important;} #seus_pedidos #center p.contato {margin-top:40px !important; padding:10px 0 0 38px !important;} #busca_geral #center h3 {float:none !important; padding:0px 0px 15px 40px !important;} .divBox .divBoxBottom {margin-top: -12px !important;} #dept_home #banner_flash {margin-right:-0px} #pedido_finalizado #boxPedido .container {width:458px;} #pedido_finalizado .wrapper #center {border:none;} /* Esqueci a senha */ #esqueci_senha #center div {border:none !important; padding:0 !important;} #esqueci_senha #center div fieldset input {font-size:0.95em !important; margin-top:0px !important;} #esqueci_senha #center input.sendBttn {width:93px;} #esqueci_senha #center div fieldset label {clear: none !important;} .esqueciSenha #center #formCadastro .passo ul li label {padding:0px 4px 5px !important;} /* Seus pedidos */ * + html #seus_pedidos #center p.contato {margin-top:65px !important;} * + html #seus_pedidos #center dd.tel0 {margin-left:-40px;} * + html #seus_pedidos #center dd.tel1 {text-indent:-40px;} /* Vinicius - 12/12/2011 - onebox com html */ .onbox{background:url(http://hml.comprafacil.com.br/desenvolvimento/2011/20111130_MC-Onbox_Html/producao/bg-1box.png) no-repeat 0 0; width:165px; height:221px; position:relative; margin-bottom:10px;} .onbox a{text-decoration:none; display:block; width:165px; height:221px;} .onbox .onbox-img-produto{position:absolute; top:5px; left:45px;} .onbox .onbox-titulo {position:absolute; top:77px; left:10px; font:bold 12px arial, helvetica, sans-serif; color:#080;} .onbox .onbox-descricao{position:absolute; top:107px; font:12px arial, helvetica, sans-serif; left:10px; color:#666;} .onbox .onbox-por {position:absolute; top:149px; left:10px; font:bold 12px arial, helvetica, sans-serif; color:#080;} .onbox .onbox-ate .onbox-texto{font:12px arial, helvetica, sans-serif; color:#666; display:block;} .onbox .onbox-ate {position:absolute; top:162px; left:10px; font:12px arial, helvetica, sans-serif; color:#080;} /* Luciano Filho - 09/01/2012 - últimas correções para o novo fluxo de compras */ #dept_home.editoraglobo #right {margin-top: 210px;} .bgBottom {background: url("/css/checkout/img/curve_bottom_left.gif") no-repeat 0 bottom;} .bgBottom .bg{background: url("/css/checkout/img/curve_bottom_right.gif") no-repeat right bottom;} body.alterarSenha {background: none repeat scroll 0 0 #FFFFFF;} /* Alan Fernandes - 10/01/2012 - Alterações do fluxo CHECKOUT */ * + html .pagamento #endEntrega .topTitle input {font-size:0; text-indent:-999px; line-height:0; display:block;} .enderecos #center #boxEnderecos ul li a.actBT {font-size:0;} .pagamento #center .alert span {padding: 3px 0px 5px; margin-left: 15px;} html .carrinho #carrBottom { height: auto; }