BODY { PADDING: 0px; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #666666; FONT-FAMILY: Verdana,Arial,Sans-serif; background-color: #666666;} TABLE {BORDER-WIDTH: 0px; PADDING: 0px; MARGIN: 0px;} TD {BORDER-WIDTH: 0px; PADDING: 0px; MARGIN: 0px;} TH {BORDER-WIDTH: 0px; PADDING: 0px; MARGIN: 0px;} TABLE {BORDER-COLLAPSE: collapse} IMG {BORDER-WIDTH: 0px; PADDING: 0px; MARGIN: 0px;} FORM {PADDING: 0px; DISPLAY: inline; MARGIN: 0px;} UL {PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none} LI {PADDING: 0px; MARGIN: 0px; LINE-HEIGHT: 1.4em;} P {PADDING:0px 0px 1em 0px; MARGIN: 0px; LINE-HEIGHT: 1.4em;} EM {FONT-WEIGHT: bold; FONT-STYLE: normal} INPUT {PADDING: 0px; MARGIN: 0px; FONT-SIZE: 10px; COLOR: #666; FONT-FAMILY: Verdana,Arial,Sans-serif} SELECT {PADDING: 0px; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #666; FONT-FAMILY: Verdana,Arial,Sans-serif} textarea {PADDING: 0px; FONT-SIZE: 10px; MARGIN: 0px; COLOR: #666; FONT-FAMILY: Verdana,Arial,Sans-serif} A:link {COLOR: #739e1d; TEXT-DECORATION: underline} A:visited {COLOR: #739e1d; TEXT-DECORATION: underline} A:hover {COLOR: #739e1d; TEXT-DECORATION: underline} A:active {COLOR: #739e1d; TEXT-DECORATION: underline} A.alt1:link {COLOR: #666;} A.alt1:visited {COLOR: #666;} A.alt1:hover {COLOR: #666;} A.alt1:active {COLOR: #666;} A.alt2:link {COLOR: #666; text-decoration: none;} A.alt2:visited {COLOR: #666; text-decoration: none;} A.alt2:hover {COLOR: #666; TEXT-DECORATION: underline;} A.alt2:active {COLOR: #666; text-decoration: none;} A.alt3:link {COLOR: #CC0000;} /*erros*/ A.alt3:visited {COLOR: #CC0000;} A.alt3:hover {COLOR: #CC0000;} A.alt3:active {COLOR: #CC0000;} A.alt4:link {COLOR: #096750;} /*avisos*/ A.alt4:visited {COLOR: #096750;} A.alt4:hover {COLOR: #096750;} A.alt4:active {COLOR: #096750;} A.alt5:link {COLOR: #666; text-decoration: none; font-weight:bold} A.alt5:visited {COLOR: #666; text-decoration: none; font-weight:bold} A.alt5:hover {COLOR: #666; TEXT-DECORATION: underline;} A.alt5:active {COLOR: #666; text-decoration: none; font-weight:bold} H1 {font-weight: bold; font-size: 16px; color: #739e1d;} H2 {font-weight: bold; font-size: 14px;} H3 {font-weight: bold; font-size: 12px;} H4 {font-weight: bold; font-size: 11px;} #bodyContainer { WIDTH: 770px; PADDING: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; background-color:#FFFFFF} /*topo*/ #topoContainer {CLEAR: both; MARGIN: 0px; PADDING: 0px; WIDTH: 770px; height: 99px; background-color: #FFF;} #logo {float:left; height:99px} #menuTopo { /*box menu direito*/ float: right; margin-top: 10px; margin-right: 16px;} #menuTopo ul li {text-align: right; padding-bottom: 3px;} /*alinhamento e entrelinha*/ A.menuTopo:link {COLOR: #595959; TEXT-DECORATION: none;} A.menuTopo:visited {COLOR: #595959; TEXT-DECORATION: none;} A.menuTopo:hover {COLOR: #595959; TEXT-DECORATION: underline;} A.menuTopo:active {COLOR: #595959; TEXT-DECORATION: none;} #botaoCarrinho {margin: 0px; padding: 5px 0px 0px 0px; text-align: right;} /*chat*/ #chat {margin-right: 5px; margin-bottom: 3px; float:left; WIDTH: 119px} #lpButDivID-1278432913961 {float:left; margin-bottom: 3px; } /*menu superior*/ #menuSuperiorContainer {margin: 0px; padding: 0px; WIDTH: 770px; height: 25px; background-color: #e4e4e4;}/*box*/ .menuSupItem {float: left; margin: 2px 0px 0px 0px; padding: 0px;} /*cada item*/ #topBusca {float: right; width: 180px; height: 25px; padding: 0px 0px 0px 12px; background-color: #c3c3c3}/*box*/ #campoBusca {position: relative; float:left; top: 2px; PADDING: 0px; MARGIN: 0px;}/*box do campo busca*/ input#formTopBusca{width: 125px;} #BotaoOkBusca {float:right; width:45px; height:23px; margin: 0px; padding: 0px;} /*menu compra etapas de finalizacao*/ #menuCompra {padding:7px 0px 0px 21px; font-weight:bold; color:#595959 } #menuCompraItem {float: left; padding-left: 9px;} #menuCompraItem.selecionado {COLOR: #739e1d} /*home*/ #conteudoContainer.home {padding: 5px 0px 10px 0px;} .homeBox1 {padding: 7px 8px 0px 10px;} .homeBox2 {padding: 7px 7px 0px 0px;} .homeDestaque {padding: 0px 0px 0px 10px;} .homeBanner {padding: 6px 0px 0px 10px;} .homePagInteira {padding: 4px 0px 0px 10px;} /*menu lateral*/ #menuLateral {margin: 0px; padding: 5px 0px 15px 0px; width: 165px; vertical-align: top; background-color:#F3F3F3;}/*td do menu lateral*/ #menuLateral A:link {COLOR: #595959; TEXT-DECORATION: none;} #menuLateral A:visited {COLOR: #595959; TEXT-DECORATION: none;} #menuLateral A:hover {COLOR: #739e1d; TEXT-DECORATION: none;} #menuLateral A:active {COLOR: #595959; TEXT-DECORATION: none;} #menuNivel1{font-size: 12px; font-weight: bold; color: #595959; padding-bottom: 0.5em; padding-top: 0.9em; margin-left: 17px; margin-right: 10px; LINE-HEIGHT: 1.3em;} #menuNivel2{padding-bottom: 0.5em; margin-left: 17px; color: #595959; margin-right: 10px; LINE-HEIGHT: 1.3em;} #menuNivel2{padding-bottom: 0.5em; margin-left: 17px; color: #595959;margin-right: 10px; LINE-HEIGHT: 1.3em; } #menuNivel3{padding-bottom: 0.5em; margin-left: 28px; color: #595959;margin-right: 10px; LINE-HEIGHT: 1.3em; } #menuNivel2.selecionado{ font-weight: bold; color:#739e1d ; list-style-image: url(http://www.bebeboutique.com.br/loja/htdocs/secao/bulletMenu.gif);} #menuNivel3.selecionado{color:#739e1d; font-weight: bold;} #menuLateral .selecionado A:link {COLOR: #739e1d; font-weight: bold; TEXT-DECORATION: none;} #menuLateral .selecionado A:visited {COLOR: #739e1d; font-weight: bold; TEXT-DECORATION: none;} #menuLateral .selecionado A:active {COLOR: #739e1d; font-weight: bold; TEXT-DECORATION: none;} /*conteudo*/ #conteudoContainer { /*box total do conteudo de todas as paginas com ou sem menu lateral*/ CLEAR: both; margin: 0px; padding: 0px; width: 770px; background-color:#FFF;} #TabelaMenuEConteudo { /*table dentro do DIV conteudoContainer com 2 colunas menuLateral e conteudoLateral */ width: 770px; margin-top: 5px;} #conteudoLateral { /*td - conteudo com menu lateral */ margin: 0px; width: 605px; vertical-align:top; padding-bottom: 30px;} #conteudoContainer.produto {} #conteudoContainer.cadastro {} #conteudoContainer.carrinho { padding-bottom: 30px;} /*só funciona no IE */ #conteudoLateral.grade {} #conteudoLateral.secao {padding-bottom: 0px;} /*secaoCapa*/ #conteudoLateral.secao > div{ /*coloca a margem da capa no 1 DIV */ margin: 0px 10px 0px 5px; width: 585px; min-height:400px; } /*grade*/ #boxSecao {margin: 0px 0px 5px 5px; width:585px;} #conteudoLateral.grade h2 /*titulo das grades */ {font-size: 13px; color: #739e1d; PADDING: 10px 0px 2px 20px; MARGIN: 0px;} #conteudoLateral.grade h4 /*titulo das grades */ {font-weight:normal; color: #666; PADDING: 0px 0px 8px 20px; MARGIN: 0px;} #caminho {margin: 0px 0px 0px 20px; height: 12px; padding: 0px;}/*este mesmo componente esta sendo usado na Ficha do Produto*/ #caminho A:link {COLOR: #666; TEXT-DECORATION: none;} #caminho A:visited {COLOR: #666; TEXT-DECORATION: none;} #caminho A:hover {COLOR: #666; TEXT-DECORATION: underline;} #caminho A:active {COLOR: #666; TEXT-DECORATION: none;} #paginacao {clear:both; margin-right: 30px ; padding: 0px; text-align:right; word-spacing: 0.6em;} #paginacao.selecionado{color: #595959; font-weight: bold;} #paginacao a:link {font-weight: normal;color: #666;TEXT-DECORATION: none;} #paginacao A:visited {font-weight: normal;color: #666;TEXT-DECORATION: none;} #paginacao A:hover {font-weight: normal;color: #666;TEXT-DECORATION: underline;} #paginacao A:active {font-weight: normal;color: #666;TEXT-DECORATION: none;} #tituloGrade {clear: both; margin: 25px 0px 10px 20px; width:350px; padding: 0px; font-weight: bold; font-size: 12px;} #tituloGrade.semTitulo {margin: 0px; width:350px; height: 20px;} #pdtGradeContainer {clear:both; margin-left: 20px; margin-bottom: 20px; padding: 0px; width: 575px;} /*box com a linha de 3 produtos*/ #pdtGrade {float: left; margin: 0px 30px 20px 0px; padding: 0px; background-color: #efefef; height: 235px;}/*box com a foto, nome e preços*/ #pdtGradeFoto {width: 140px; height: 170px; text-align:center; background-color: #efefef; padding: 10px 10px 5px 10px;} #pdtGradeNome {margin: 0px 3px 4px 10px; background-color: #efefef; width: 140px; height: 26px;} #pdtGradeNome A:link {COLOR: #666; TEXT-DECORATION: none;} #pdtGradeNome A:visited {COLOR: #666; TEXT-DECORATION: none;} #pdtGradeNome A:hover {COLOR: #666; TEXT-DECORATION: underline;} #pdtGradeNome A:active {COLOR: #666; TEXT-DECORATION: none;} #pdtGradePrecoNormal {float: left; margin-left:10px; background-color: #efefef; font-weight:bold; margin-bottom: 10px;} #pdtGradePrecoRiscado {float: left; margin-left:10px; background-color: #efefef; font-weight:bold; margin-bottom: 2px; text-decoration:line-through;} #pdtGradePrecoPromo {float: left; margin-left:5px; background-color: #efefef; font-weight:bold; color:#CC0000; margin-bottom: 10px;} /*ficha do produto*/ #conteudoContainer.produto #caminho { /*altera a margem esquerda*/ margin: 20px 0px 0px 30px; width:700px; padding: 0px;} #espacadorPDT { float:left; width:30px; height:100px;} #pdtFichaEsquerda { /*Box com todo o conteudo da Esquerda*/ float:left; margin: 10px 0px 30px 0px; width: 315px; vertical-align: top;} #pdtFichaFoto{width: 280px; text-align:center; background-color: #efefef; padding: 10px;} #pdtFichaThumbBox{width: 315px; margin: 10px 0px 10px -7px;} #pdtFichaThumb{float: left; width: 52px; height: 52px; text-align: center; border:1px solid #cbcbcb; margin-left:7px; padding: 0px;} #pdtFichaDireita {float:left; width: 395px; margin-bottom: 20px; vertical-align:top;}/*Box com todo o conteudo da Direita*/ #pdtFichaNome {font-size:14px; font-weight:bold; padding: 6px 0px; line-height: 1.3em;} .codigo {font-size:12px;} #pdtInfo {padding: 15px 15px 8px 15px; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; min-height: 210px;} /*Mais Info Box flutuante*/ #maisInfoContainer {position: absolute; margin-left: auto; top: 204px; WIDTH: 392px; padding: 0; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; text-align: right; visibility: hidden;} #tabMedida { position: absolute; margin-left: auto; top: 204px; WIDTH: 392px; padding: 0; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } #maisInfo { padding: 15px 15px 8px 15px; margin-left:3px; text-align: left; background-color:#FFF; min-height: 180px;} #tabTamanho{margin-top: 5px; margin-bottom: 15px;} #tabTamanho TD{padding-right:10px;} .tamanho{color:#739e1d; padding-right: 3px; text-align: right; } .medida{ width: 110px; padding-left: 3px;} .friso{ width: 1px; background-color:#999; } #pdtInfo UL {padding-bottom: 0.3em;} #pdtInfo LI {padding-bottom: 0.3em; list-style-image:url(http://www.bebeboutique.com.br/loja/htdocs/secao/bulletInfo.gif); list-style-position:inside;} #pdtBoxCor { height: 62px; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;} #pdtTitCor {float:left; width: 100px; border: 0px; margin: 8px 0px 7px 10px; color:#739e1d} #pdtNomeCor {float:left; border: 0px; margin:8px 0px 7px 0px; font-weight: bold;} #pdtBoxCorThumb {clear: both; margin-left: 18px;} #pdtCor {float:left; width: 24px; height: 24px; margin-right: 5px; margin-bottom: 5px; border: 0px; padding:2px;} #pdtCor.selecionado {border:1px solid #666; padding: 1px;} #pdtBoxTamanho {clear:both; min-height: 52px; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;} #pdtTitTamanho {float:left; width: 135px; border: 0px; padding: 8px 0px 7px 10px; color:#739e1d;} #pdtNomeTamanho {border: 0px; padding:8px 0px 7px 0px; font-weight: bold;} #pdtTamanho { clear:both; border:0px; margin-left:18px;} #pdtTabTamanho TD { height: 18px; vertical-align: middle; font-weight: bold; padding-left: 4px;} #pdtBoxQuantPreco { width:393px; height: 39px; margin-top:-2px; border-right: 1px solid #CBCBCB; border-left: 1px solid #CBCBCB;}/*ultimo box com quantidade, preco e botao*/ #pdtQuant {float: left; color:#739e1d; width: 80px; border-right: 1px dashed #cbcbcb; padding: 0px 0px 3px 10px; line-height: 20px;} #pdtFichaPreco { float:left; width: 100px; padding: 3px 0px 0px 10px; font-size: 13px; font-weight: bold; } #pdtFichaPreco .riscado {text-decoration: line-through;} #pdtFichaPreco .promo {color: #CC0000} #pdtBotaoColocarCarrinho {width: 174px; float: left; padding-top: 8px; } #pdtTabletFinal {clear:both; margin-top: -1px;} #boxMktFicha1 {float:left;; width: 250px; margin-top:15px;} #boxMktFicha2 {width:395px;} #boxMktFicha3 {width:395px;} /*zoom*/ #zoomThumbBox {float:left; height: 615px; background-color: #FFFFFF; margin: 10px 0px 10px 10px; border-right:1px dashed #cbcbcb;} #zoomThumb {width: 52px; height: 52px; text-align: center; border:1px solid #cbcbcb; margin: 10px; padding: 0px;} #zoomFoto {float:left; margin-top: 10px; text-align: right; background-color: #FFFFFF; padding: 14px; height: 587px;} /*carrinho*/ #carLogo {margin: 30px 0px 15px 30px;} #carTab { width: 680px; margin: 8px 50px 5px 50px;}/*tabela carrinho*/ #carDescricao {padding: 7px 0px 7px 20px; border-bottom: 1px solid #cbcbcb;} #carDescricao.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px 3px 20px; border-bottom: none;} #carThumb {float: left; /*width: 52px; height: 56px; text-align: center;*/ padding:2px; border:1px solid #cbcbcb; margin-right:7px;} #carDadosPdt {float: left; width: 230px;} #carPresente {text-align:center; border-bottom: 1px solid #cbcbcb;} #carPresente.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px; text-align:center; border-bottom: none; width: 85px;} #carQuantidade {border-bottom: 1px solid #cbcbcb; text-align:center;} #carQuantidade.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px; border-bottom: none; width:95px; text-align:center;} #carPreco {text-align:right; border-bottom: 1px solid #cbcbcb;} #carPreco.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px; text-align:right; border-bottom: none; width: 80px;} #carTotal {text-align:right; padding: 8px 20px 8px 0px; border-bottom: 1px solid #cbcbcb;} #carTotal.titulo {background-color:#efefef; color:#739e1d; padding: 3px 20px 3px 0px; text-align:right; border-bottom: none; width: 80px;} #espacadorCar{ float:left; width:70px; height:100px;} #carBoxEsquerda {float: left; width: 340px; margin: 6px 0px 0px 0px;} /*box com os botoes e o box mkt*/ #carBoxEsquerda TD{padding-right: 10px; margin-left: 0px;} #carBoxFrete {float: left; width: 300px; margin: 0px 0px 30px 19px; background-color:#efefef;} #carTabFrete {width: 260px; margin: 6px 10px 15px 20px;} /*tabela toda para todas as etapas*/ #carSubtotal {font-weight: bold; border-bottom:dashed 1px #cbcbcb; padding: 8px 0px;} #carSubtotalValor {text-align: right; border-bottom:dashed 1px #cbcbcb} #carFreteEEntrega { font-weight: bold; padding: 8px 0px;} #carFreteEEntregaValor {text-align: right;} #carFreteSelTd { width: 270px; padding: 4px 0px 8px 0px; } #carFretePais { text-align: right; padding: 4px 4px 8px 25px;} #carFreteCEP { text-align: right; padding: 0px 4px 0px 25px;} #carFreteOpcoes { padding: 0px 0px 7px 0px;} #carFreteOpcoesLista { padding-left:10px;} #carFreteOpcoesLista LI { padding-bottom: 4px;} #carFreteEscolhidos { padding-left: 10px;} #carFreteMensagem { padding: 8px 0px;} #carTotalFrt { font-weight: bold; border-top:dashed 1px #cbcbcb; padding: 8px 0px;} #carTotalValor { font-weight: bold; text-align: right; border-top:dashed 1px #cbcbcb} #carBotFecharPedido { text-align: right; padding-top: 5px;} #boxMktCarrinho1 {width:340px; height:170px; margin-top: 15px;} #boxMktCarrinho2 {width:340px; height:30px;} /*COMPRA - pedido, cadastro, conta e atendimento*/ #BoxCompra {clear: both; width:680px; margin:0px 50px 8px 50px; border-bottom: dashed 1px #CBCBCB;} #compraTitulo{ margin: 30px 0px 15px 30px;} #BoxCompra .cabecalho{} #compraBotoes{ width:725px; text-align: right; margin-bottom: 30px;} .compraSubtitulo{ font-size:12px; font-weight:bold;} .destaque {color: #739e1d;} /*dica e importante*/ .destaque2 {color: #739e1d; font-weight:bold;} /*numero deposito identificado*/ .destaque3 {color: #CC0000;} #compraTab{width:630px; margin-bottom: 15px; margin-top:10px;} /*tabela form - cadastro, news, endereços*/ #compraTab td {padding:6px 3px;} #compraTab .col1 {width: 255px; text-align:right;} #compraTab .newsInteresse{ vertical-align:top; text-align: right;} /*newsletter - mais interessada?*/ #compraTab LI{ padding-bottom: 3px;} /*newsletter - interessada? lista*/ #compraTabPessoa {border: 0px; margin-left: 212px;} /*cadastro - tabela P.Fisica e P.Juridica*/ #compraTabPessoa td {padding: 0px 2px 4px 0px;} /*identificação*/ #boxIdCadastrado{ float:left; width:300px; margin-left:50px;} #IdCadastrado{ width:300px; height:180px; border-bottom: dashed 1px #CBCBCB; padding-left:8px; margin-bottom: 8px;} #IdTab { width: 240px; margin: 7px 0px 0px 20px;} #IdTab .col1 { text-align: right;} #IdTab TD { padding:5px 4px;} #boxIdDivisao {float:left; width:48px; } #boxIdNovo{ float:left; width:300px;} #IdNovo{ width:300px; height:180px; border-bottom: dashed 1px #CBCBCB; padding-left:8px; margin-bottom: 8px;} #boxIdBotoes{ width:295px; text-align:right} /*forma de pagamento*/ #BoxCompra.visa { height: 180px; } /*forefox - precisa da altura*/ #BoxCompra.master{ height: 90px;} #BoxCompra.diners{ height: 130px;} #BoxCompra.electron{height: 70px;} #BoxCompra.boleto{height: 90px;} #BoxCompra.deposito{ height: 140px;} #fPgtoBoxEsquerda {float:left; width:275px;} #fPgtoLogoCartao {float:left; width:50px;} #fPgtoNomeCartao {float:left; width:200px; font-weight: bold; font-size:12px; padding-top: 7px;} #fPgtoParcelas { clear:both; padding: 5px 0px 0px 48px;} #fPgtoParcelas LI {font-weight: bold; font-size:11px;} #fPgtoTexto {float:left; width:380px;} #fPgtoTexto LI {LINE-HEIGHT: 1.5em; padding-bottom: 0.4em; list-style-image:url(http://www.bebeboutique.com.br/loja/htdocs/secao/bulletInfo.gif);} /*presente*/ #BoxCompra.embalagem{padding-bottom:15px;} #BoxCompra.embalagem LI {padding: 10px 0px 0px 50px; list-style-position: outside; padding-bottom: 0.4em; } #BoxCompra.mensagem{padding-bottom:15px;} #BoxCompra.mensagem LI {margin: 10px 0px 0px 50px;} #BoxCompra.mensagem TD {vertical-align:top; text-align:right;} #BoxCompra.notaFiscal{} /*endereços*/ #BoxCompra.endCadastro {border-bottom: dashed 0px #CBCBCB; padding-bottom: 5px;} /* bordas em cima- forefox estraga a altura */ #BoxCompra.endEntrega {padding-top: 5px; border-top: dashed 1px #CBCBCB; border-bottom: dashed 0px #CBCBCB; padding-bottom: 5px;} #BoxCompra.endCadastrar {margin-bottom: 30px; padding-top: 5px; border-top: dashed 1px #CBCBCB;} /*esta pagina nao tem os botoes*/ #enderecosBox{ float:left; width:320px; padding: 5px 10px 0px 10px;} #enderecosBox LI.botao {margin: 6px 0px 4px -3px;} #endTabCadastrar {margin: 0px 0px 20px 30px;} #endTabCadastrar TD {padding-right: 5px;} /*pagamento Deposito*/ #BoxCompra.pagamento{ padding: 5px 0px 20px 0px;} #BoxCompra.pagamento LI{ padding-left: 20px;} #pgtoImprimir {} /*finalização*/ #BoxCompra.finalOpiniao {padding-bottom: 10px;} #BoxCompra.finalOpiniao LI {padding: 10px 0px 0px 70px;} #BoxCompra.finalOpiniao LI.form{ margin-left: 15px; padding-bottom: 8px;} #BoxCompra.titFinalOpiniao {font-size:12px; font-weight:bold;} /*Meus Pedidos*/ #pedTab { width: 680px; margin: 8px 0px 20px 50px;}/*tabela seus pedidos*/ #pedTab TD{ text-align:center; padding: 4px 10px;} #pedNumero { border-bottom: 1px solid #cbcbcb; } #pedNumero.titulo {background-color:#efefef; color:#739e1d; border-bottom: none; width: 80px; } #pedData {border-bottom: 1px solid #cbcbcb;} #pedData.titulo {background-color:#efefef; color:#739e1d; border-bottom: none; width: 100px;} #pedTotal {border-bottom: 1px solid #cbcbcb;} #pedTotal.titulo {background-color:#efefef; color:#739e1d; border-bottom: none; width: 90px;} #pedStatus {border-bottom: 1px solid #cbcbcb;} #pedStatus.titulo {background-color:#efefef; color:#739e1d; border-bottom: none;} #pedEntrega {border-bottom: 1px solid #cbcbcb;} #pedEntrega.titulo {background-color:#efefef; color:#739e1d; border-bottom: none; width: 130px;} /*Pedido (a largura do box é 510px 470+20+20 de padding)*/ #pedidoBox { clear: both; margin-top: 30px; margin-bottom: 10px; margin-left: auto; margin-right: auto; width: 470px; border: 1px dashed #cbcbcb; padding: 25px 20px 15px 20px; background-color:#FFFFFF;} #pedBoxDados { width: 460px; border-bottom: 1px dashed #cbcbcb; padding: 0px 0px 10px 10px;} #pedBoxDados UL {padding-top: 5px;} #pedBoxEndereco {float:left; width: 210px; padding: 10px 0px 10px 10px;} /*Pedido - tabela carrinho*/ #pedTabCarrinho { clear:both; width: 470px; margin: 10px 0px 0px 0px; } #pedCarPresente {text-align:center; border-bottom: 1px solid #cbcbcb; padding: 3px 0px 0px 10px;} #pedCarPresente.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px 0px 15px; text-align:center; border-bottom: none; width: 20px;} #pedCarDescricao {padding: 7px 10px; border-bottom: 1px solid #cbcbcb;} #pedCarDescricao.titulo {background-color:#efefef; color:#739e1d; padding: 3px 10px; border-bottom: none;} #pedCarQuantidade {border-bottom: 1px solid #cbcbcb; text-align:center;} #pedCarQuantidade.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px; border-bottom: none; width:50px; text-align:center;} #pedCarPreco {text-align:right; border-bottom: 1px solid #cbcbcb;} #pedCarPreco.titulo {background-color:#efefef; color:#739e1d; padding: 3px 0px; text-align:right; border-bottom: none; width: 70px;} #pedCarTotal {text-align:right; padding: 8px 15px 8px 0px; border-bottom: 1px solid #cbcbcb;} #pedCarTotal.titulo {background-color:#efefef; color:#739e1d; padding: 3px 15px 3px 0px; text-align:right; border-bottom: none; width: 70px;} /*pedido - tabela extrato*/ #pedBoxExtrato {width: 470px; margin: 5px 0px 0px 0px; background-color:#efefef;} #pedTabExtrato {margin: 10px 0px 8px 135px; width: 200px;} #pedTabExtrato TD {padding-bottom: 7px;} #pedSubtotal {font-weight:bold;} #pedSubtotal.valor {text-align:right; font-weight: normal;} #pedFrete {font-weight:bold;} #pedFrete.valor {text-align:right; font-weight: normal;} #pedEmbalagem {border-bottom: 1px dashed #cbcbcb; font-weight:bold;} #pedEmbalagem.valor {border-bottom: 1px dashed #cbcbcb;text-align:right; font-weight: normal;} #pedTotal2 {font-weight:bold; padding-top: 3px;} #pedTotal2.valor {font-weight:bold;text-align:right; padding-top: 3px;} #pedBoxBotao {margin-top: 15px; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 510px;} /*box resumo da compra nas paginas de forma de pagamento e pagamento*/ #BoxCompra #pedBoxExtrato {width: 380px; margin: 5px 0px 15px 130px;} #BoxCompra #pedTabExtrato {margin: 18px 0px 12px 90px; width: 200px;} /*Atendimento e Minha Conta*/ #BoxCompra.atendimento { height: 315px; margin-bottom: 30px; margin-top: -12px;} #BoxCompra.conta { height: 195px; margin-bottom: 30px; margin-top: -12px;} #atendBox {float:left; width:290px; padding: 0px 10px 15px 10px;} /*layout duas colunas*/ #atendBox LI {padding-bottom:0.2em; } .atendSubtitulo {font-size:12px; font-weight:bold; margin-top: 10px; margin-bottom: 0px;} .atendDados {padding-bottom:-8px; COLOR: #739e1d} #atendTitulo {margin: 30px 0px 20px 20px;}/*atendimento e janela*/ #atendConteudo {margin: 0px 50px 20px 40px;} #atendConteudo UL {PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: circle} #atendConteudo LI {PADDING-left: 10px; padding-bottom: 0.5em; list-style-position:inside; list-style-image:url(http://www.bebeboutique.com.br/loja/htdocs/secao/bulletInfo.gif); } #parcelas {clear:both; margin-bottom: 20px; margin-top:10px;} #atendConteudo OL {PADDING: 0px; MARGIN: 0px;} #atendConteudo OL LI {PADDING-left: 10px; padding-bottom: 0.5em; list-style:none;} .tabAtendFormaPagto {} .tabAtendFormaPagto TD {border-bottom:1px solid #666666; padding: 4px; } /*Janela Atendimento = seguranca dentro de formaPagamento e frete dentro do carrinho*/ #atendJanela #atendConteudo {margin: 0px 20px 0px 20px;} #atendJanela #atendLogo {margin-left: 157px; margin-bottom: 30px;} #atendJanelaBox { clear: both; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; width: 470px; border: 1px dashed #cbcbcb; padding: 25px 20px 15px 20px; background-color:#FFFFFF;} /*Resultado de Busca*/ #buscaContainer { padding-bottom: 30px;} /*toda a busca fica dentro deste DIV que altera o conteudo da grade, esta página nao tem menu lateral*/ #buscaContainer #boxSecao { margin: 30px 10px 5px 30px; width:585px;} #buscaContainer #pdtGradeContainer {margin-left: 40px; width: 700px; } #buscaContainer #pdtGrade {margin: 0px 15px 20px 0px;} #buscaContainer #paginacao {} /*margin-right: 30px; padding: 0px;*/ /*E-mail*/ #email {padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; background-color: #CCCCCC; width: 550px;} #email #pedidoBox {margin:0px;} /*Rodape*/ #rodapeContainer {CLEAR: both; MARGIN: 0px; PADDING: 0px 0px 3px 0px; WIDTH: 770px; background-color: #666666} /*Mensagens de Erro*/ #mensagemImagem { float: left; padding:0px 8px 0px 3px;} #aviso { clear: both; color:#096750; border-style:dashed; border-color:#666666; border-width: 1px; padding: 3px;} #erro { clear: both; color:#CC0000; border-style:dashed; border-color:#666666; border-width: 1px; padding: 3px;} #conteudoContainer.carrinho #aviso { width: 670px; margin: 0px 50px 0px 50px;} /*carrinho*/ #conteudoContainer.carrinho #erro { width: 670px; margin: 0px 50px 0px 50px;} /*carrinho*/ #conteudoContainer.compra #boxIdCadastrado #erro { width: 230px; margin: 0px 0px 0px 20px;} /*identificacao*/ #conteudoContainer.compra #boxIdNovo #erro { width: 230px; margin: 0px 0px 0px 20px;} /*identificacao*/ #conteudoContainer.compra #erro { width: 630px; margin: 30px 0px 10px 50px;} /*geral e pedido*/ #conteudoContainer.compra #aviso { width: 630px; margin: 30px 0px 10px 50px;} /*geral e pedido*/ #conteudoContainer #BoxCompra #aviso { width: 630px; margin: 0px 0px 10px 0px;} /*cadastros*/ #conteudoContainer #BoxCompra #erro { width: 630px; margin: 0px 0px 10px 0px;} /*cadastros*/ /*Erro 404*/ #BoxCompra.erro404{ height: 540px; margin-bottom: 30px; margin-top: 0px;}