/* ----------------------------------------
 Programação: Axis Focus Informática Ltda.
 Gráficos:    Casa das Idéias
-------------------------------------------

-----------------------
        Geral
----------------------- */

/* ----- Carrinho ----- */

#carrinho #processo_compra { width:780px; height:21px; padding:20px 0px; }
#carrinho #processo_compra li { height:21px; float:left; list-style:none; display:inline; }
#carrinho #processo_compra li.minhas_compras { width:179px; height:21px; margin:0px 40px 0px 36px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#carrinho #processo_compra li.identificacao { width:157px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#carrinho #processo_compra li.pagamento { width:150px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#carrinho #processo_compra li.confirmacao { width:103px; height:21px; margin-right:35px; }

#carrinho .carrinho_vazio { margin:100px 0px; text-align:center; color:red; font:bold 13px/13px arial; }

#carrinho table { width:760px; margin:0px 10px; border-collapse:collapse; }
#carrinho .cabecalho { height:24px; background-color:rgb(138,145,98); color:#fff; font-weight:bold; }
#carrinho .cabecalho .produto { height:18px; padding-left:10px; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#carrinho .cabecalho .quantidade { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#carrinho .cabecalho .valor_unitario { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#carrinho .cabecalho .valor_total { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#carrinho .cabecalho .remover { height:18px; padding-right:10px; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); text-align:center; }

#carrinho .produto_lista { height:21px; }
#carrinho .produto_lista .produto { padding-left:10px; border-bottom:1px solid rgb(204,204,204); }
#carrinho .produto_lista .quantidade { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#carrinho .produto_lista .quantidade input { text-align:center; }
#carrinho .produto_lista .valor_unitario { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#carrinho .produto_lista .valor_total { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#carrinho .produto_lista .remover { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#carrinho .produto_lista .remover a { width:14px; height:14px; margin:auto; background-image:url(../imagens/geral/carrinho_remover_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }

#carrinho #menu_carrinho { width:412px; height:49px; margin:10px; padding-left:348px; background-color:rgb(229,229,229); }
#carrinho #menu_carrinho .valor { width:407px; height:16px; padding:3px 0px; background-color:rgb(166,172,74); border-left:5px solid #fff; border-bottom:5px solid #fff; text-align:center; color:#fff; }
#carrinho #menu_carrinho .continuar a { width:171px; height:22px; border-left:5px solid #fff; float:left; background-image:url(../imagens/geral/carrinho_continuar_comprando_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }
#carrinho #menu_carrinho .recalcular a { width:88px; height:22px; border-left:5px solid #fff; float:left; background-image:url(../imagens/geral/carrinho_recalcular_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }
#carrinho #menu_carrinho .finalizar a { width:138px; height:22px; border-left:5px solid #fff; float:left; background-image:url(../imagens/geral/carrinho_finalizar_compra_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }

/* ----- Pagamento ----- */

#pagamento #processo_compra { width:780px; height:21px; padding:20px 0px; }
#pagamento #processo_compra li { height:21px; float:left; list-style:none; display:inline; }
#pagamento #processo_compra li.minhas_compras { width:179px; height:21px; margin:0px 40px 0px 36px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#pagamento #processo_compra li.identificacao { width:157px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#pagamento #processo_compra li.pagamento { width:150px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#pagamento #processo_compra li.confirmacao { width:103px; height:21px; margin-right:35px; }

#pagamento table { width:760px; margin:0px 10px 10px 10px; border-collapse:collapse; }
#pagamento .cabecalho { height:24px; background-color:rgb(138,145,98); color:#fff; font-weight:bold; }
#pagamento .cabecalho .produto { height:18px; padding-left:10px; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#pagamento .cabecalho .quantidade { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#pagamento .cabecalho .valor_unitario { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); border-right:1px solid #fff; }
#pagamento .cabecalho .valor_total { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); }

#pagamento .cabecalho .tipo_frete { height:18px; padding-left:10px; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); }
#pagamento .cabecalho .valor_frete { height:18px; text-align:center; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); }

#pagamento .cabecalho .pagamento_forma { height:18px; padding-left:10px; border-top:3px solid rgb(138,145,98); border-bottom:3px solid rgb(138,145,98); }

#pagamento .produto_lista { height:21px; }
#pagamento .produto_lista .produto { padding-left:10px; border-bottom:1px solid rgb(204,204,204); }
#pagamento .produto_lista .quantidade { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#pagamento .produto_lista .quantidade input { text-align:center; }
#pagamento .produto_lista .valor_unitario { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#pagamento .produto_lista .valor_total { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#pagamento .produto_lista .remover { text-align:center; border-bottom:1px solid rgb(204,204,204); }
#pagamento .produto_lista .remover a { width:14px; height:14px; margin:auto; background-image:url(../imagens/geral/carrinho_remover_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }

#pagamento .frete_lista { height:21px; }
#pagamento .frete_lista .tipo_frete { padding-left:10px; border-bottom:1px solid rgb(204,204,204); }
#pagamento .frete_lista .valor_frete { text-align:center; border-bottom:1px solid rgb(204,204,204); }

#pagamento .pagamento_lista { text-align:center; border-bottom:1px solid rgb(204,204,204); }

#pagamento #menu_pagamento { width:236px; height:49px; margin:10px; padding-left:524px; background-color:rgb(229,229,229); }
#pagamento #menu_pagamento .valor { width:231px; height:16px; padding:3px 0px; background-color:rgb(166,172,74); border-left:5px solid #fff; border-bottom:5px solid #fff; text-align:center; color:#fff; }
#pagamento #menu_pagamento .voltar a { width:88px; height:22px; border-left:5px solid #fff; float:left; background-image:url(../imagens/geral/pagamento_voltar_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }
#pagamento #menu_pagamento .finalizar a { width:138px; height:22px; border-left:5px solid #fff; float:left; background-image:url(../imagens/geral/pagamento_finalizar_compra_bt.jpg); display:block; overflow:hidden; text-indent:-32767px; }

/* ----- Confirmação Pagamento ----- */

#confirmacao_pagamento #processo_compra, #ccVISA_1_geral #processo_compra, #ccRedeCard_1_geral #processo_compra { width:780px; height:21px; padding:20px 0px; }
#confirmacao_pagamento #processo_compra li, #ccVISA_1_geral #processo_compra li, #ccRedeCard_1_geral #processo_compra li { height:21px; float:left; list-style:none; display:inline; }
#confirmacao_pagamento #processo_compra li.minhas_compras, #ccVISA_1_geral #processo_compra li.minhas_compras, #ccRedeCard_1_geral #processo_compra li.minhas_compras { width:179px; height:21px; margin:0px 40px 0px 36px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#confirmacao_pagamento #processo_compra li.identificacao, #ccVISA_1_geral #processo_compra li.identificacao, #ccRedeCard_1_geral #processo_compra li.identificacao { width:157px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#confirmacao_pagamento #processo_compra li.pagamento, #ccVISA_1_geral #processo_compra li.pagamento, #ccRedeCard_1_geral #processo_compra li.pagamento { width:150px; height:21px; margin-right:40px; background:url(../imagens/geral/processo_compra_separador.jpg) no-repeat right 2px; }
#confirmacao_pagamento #processo_compra li.confirmacao, #ccVISA_1_geral #processo_compra li.confirmacao, #ccRedeCard_1_geral #processo_compra li.confirmacao { width:103px; height:21px; margin-right:35px; }

#confirmacao_pagamento #boleto { width:760px; margin:0px 10px 10px 10px; }
#confirmacao_pagamento #boleto h3 { height:20px; padding:4px 10px 0px 10px; background-color:rgb(138,145,98); color:#fff; font:bold 12px/16px verdana; }
#confirmacao_pagamento #boleto .compra_confirmada { margin:10px 0px; font-weight:bold; text-align:center; }
#confirmacao_pagamento #boleto .informacao { margin:10px; }
#confirmacao_pagamento #boleto .emitir_boleto_bt { text-align:center; }

#ccVISA_1_geral, #ccRedeCard_1_geral { width:760px; margin:0px 10px 10px 10px; }
#ccVISA_1_geral h3, #ccRedeCard_1_geral h3 { height:20px; padding:4px 10px 0px 10px; background-color:rgb(138,145,98); color:#fff; font:bold 12px/16px verdana; }
#ccVISA_1_geral .informacao, #ccRedeCard_1_geral .informacao { margin:10px; }

/* ----- Sistema RedeCard ----- */

#moldura_url_cima { width:780px; margin:auto; } /* Necessário no sistema de pagamento da Redecard. Ver página /ecommerce/ccRedeCardUrlCima.aspx */
#moldura_url_cima #cabecalho { height:120px; clear:both; }
#moldura_url_cima #cabecalho_titulo { height:90px; margin-top:15px; }
#moldura_url_cima #cabecalho h1 { width:182px; height:58px; margin:17px 26px 15px 22px; background-image:url(../imagens/estrutura/cabecalho_logo.jpg); float:left; display:inline; overflow:hidden; text-indent:-32767px; }
#moldura_url_cima#cabecalho h1 a { width:182px; height:58px; display:block; }
#moldura_url_cima #cabecalho h2 { width:239px; height:28px; margin:38px 0px 24px 0px; background-image:url(../imagens/estrutura/cabecalho_h2.jpg); float:left; overflow:hidden; text-indent:-32767px; }
#moldura_url_cima #cabecalho h3 { width:162px; height:17px; margin:42px 9px 9px 0px; float:right; display:inline; overflow:hidden; text-indent:-32767px; }