/*
*******************************************************************

Interlize Internet - Directcommerce.

	Os estilos a seguir, bem como a constituição básica das páginas
HTML da mecânica de compra, visam permitir a compra em seu site na
maior gama possível de navegadores.

	Estes estilos devem ser editados levando-se sempre em conta que
uma má formatação dos mesmos pode levar a impossibilidade da
visualização da mecânica de compra e, consecutivamente,
impossibilitar também a compra em seu site.

*******************************************************************
*/


/*
	Estilos para todos os formulários presentes na mecânica de venda:
*/

/*
img - Para todas as imagens

inputText - Caixa de entrada de texto
inputPassword - Caixa de entrada de senha
inputCheckbox - Caixa de checagem
inputRadio - Caixa de seleção
inputSubmit - Botão de submição do formulário
inputButtom - Botão do formulário
select - Caixa de seleção
option - Opções da caixa de seleção
textarea - Área de entrada de texto
icone - Ícones para navegação
erro - Texto para as mensagens de erro
link_navegacao - Texto para os links de navegacao
*/

img {
border: none;
}

.inputText, .inputPassword, .inputCheckbox, .inputRadio, .inputSubmit, .inputButtom, .option, .select {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 16px;
font-size: 10px ;
line-height: 12px ;
border: 1px solid #350000;
background-color: #F4F4F4;
cursor: pointer;
}
.inputText, .inputPassword {
color: #333333;
cursor: text;
vertical-align: middle;
}
.inputCheckbox, .inputRadio {
background-color: transparent;
height: 12px;
border-style: none;
}
.inputSubmit, .inputButtom {
color: #333333;
font-weight: bolder;
letter-spacing: 1px;
line-height: 10px;
}
.select {
color: #333333;
line-height: 10px;
}
.option {
color: #333333;
border: none;
}

.textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
border: 1px solid #350000;
background-color: #F4F4F4;
color: #333333;
cursor: text;
}

.icone {
align: absmiddle;
border: 0;
}

.erro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333399;
background-color: #FFFFCC;
text-align: center;
font-weight: bold;
border: 1px solid #000000;
width: 97%;
}

.link_navegacao {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
text-decoration: none;
}
.link_navegacao a:link, .link_navegacao a:visited, .link_navegacao a:active {
text-decoration: none;
color: #333399;
}
.link_navegacao a:hover {
text-decoration: underline;
color: #333399;
}

/*
vnd* - classes das tabelas, do carrinho, e áreas de venda após o carrinho

Área de venda, se constitui das telas apartir do carrinho

vnd-texto-titulo - Título da área de vendas
vnd-texto-conteudo - Texto do conteudo da área de vendas
vnd-texto-destaque - Texto em destaque na área de vendas

vnd-tabela - Tabela da área de vendas
vnd-tabela-total - Área da tabela para o valor total
vnd-tabela-titulo - Área da tabela para o título
vnd-tabela-subtitulo - Área da tabela para o subtítulo
vnd-tabela-navegacao - Área da tabela para a navegação
vnd-tabela-e - Área da tabela com fundo escuro
vnd-tabela-c - Área da tabela com fundo claro
*/

.vnd-texto-titulo, .vnd-texto-conteudo, .vnd-texto-destaque {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333399;
text-align: center;
}
.vnd-texto-titulo, .vnd-texto-destaque {
font-size: 14px;
font-weight: bold;
}
.vnd-texto-conteudo {
font-size: 10px;
}

.vnd-tabela {
width: 80%;
/* background-color: #FFFFFF; */
border: 1px solid #cccccc;
}

.vnd-tabela-total {
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333399;
border-bottom: 1px solid #cccccc;
}

.vnd-tabela-titulo, .vnd-tabela-subtitulo {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333399;
border-bottom: 1px solid #cccccc;
}
.vnd-tabela-subtitulo {
background-color: #FFFFFF;
}

.vnd-tabela-titulo {
background-color: #eeeeee;
line-height: 24px;
}

.vnd-tabela-navegacao, .vnd-tabela-navegacao a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
background-color: #E5E5E5;
border: none;
width: 80%;
}
.vnd-tabela-navegacao a:link, .vnd-tabela-navegacao a:visited, .vnd-tabela-navegacao a:active {
text-decoration: none;
color: #333399;
}
.vnd-tabela-navegacao a:hover {
text-decoration: none;
color: #000000;
}

.vnd-tabela-e, .vnd-tabela-c {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
border-bottom: 1px solid #cccccc;
line-height: 24px;
}
.vnd-tabela-c {
background-color: #FFFFFF;
}
.vnd-tabela-e {
background-color: #eeeeee;
}
.vnd-tabela-e a:link, .vnd-tabela-e a:visited, .vnd-tabela-e a:active, .vnd-tabela-c a:link, .vnd-tabela-c a:visited, .vnd-tabela-c a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
border-bottom: 1px solid #cccccc;
}
.vnd-tabela-e a:link, .vnd-tabela-e a:visited, .vnd-tabela-e a:active {
background-color: #eeeeee;
}
.vnd-tabela-e a:hover, .vnd-tabela-c a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333399;
border-bottom: 1px solid #cccccc;
}
.vnd-tabela-e a:hover {
background-color: #eeeeee;
}

/*
	Estilos para a página de acompanhamento de pedidos:
*/

/*
directAm* - classes das tabelas, e áreas da página de acompanhamento de pedidos

directAmTable - Tabela da área de acompanhamento de pedidos
directAmTdTitulo - Área da tabela para o título
directAmTdSubtitulo - Área da tabela para o subtítulo
directAmTdTexto - Área da tabela para o texto
directAmTdNavegacao - Área da tabela para a navegação
*/

.directAmTable {
width: 80%;
background-color: #FFFFFF;
border: 1px solid #cccccc;
}

.directAmTdTitulo, .directAmTdSubtitulo, .directAmTdTexto {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333399;
border-bottom: 1px solid #cccccc;
}
.directAmTdTitulo {
background-color: #eeeeee;
}
.directAmTdTexto {
text-align: left;
}

.directAmTdNavegacao, .directAmTdNavegacao a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
background-color: #FFFFFF;
border: none;
width: 80%;
}
.directAmTdNavegacao a:link, .directAmTdNavegacao a:visited, .directAmTdNavegacao a:active {
text-decoration: none;
color: #333333;
}
.directAmTdNavegacao a:hover {
text-decoration: none;
color: #000000;
}


/*
	Estilos para a página de reserva de produtos:
*/

/*
directRp* - classes das tabelas, e áreas da página de acompanhamento de pedidos

directRpTable - Tabela da área de acompanhamento de pedidos
directRpTdTitulo - Área da tabela para o título
directRpTdMenssagem - Área da tabela para a mensagem
directRpTdError - Área da tabela para mensagens de erro
directRpTdTexto - Área da tabela para o texto
directRpTdCampo - Área da tabela para o campo de preenchimento
directRpTdNavegacao - Área da tabela para a navegação
*/

.directRpTable {
width: 98%;
height: 95%;
background-color: #FFFFFF;
border: 1px solid #cccccc;
}

.directRpTdTitulo, .directRpTdMenssagem, .directRpTdError, .directRpTdTexto, .directRpTdCampo, .directRpTdNavegacao {
color: #333333;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #cccccc;
padding-left: 3px;
padding-right: 3px;
height: 24px;
}
.directRpTdNavegacao {
font-weight: normal;
border-bottom: none;
}
.directRpTdCampo {
width: 60%;
text-align: left;
font-weight: normal;
}
.directRpTdTexto {
width: 40%;
background-color: #eeeeee;
border-right: 1px solid #cccccc;
}
.directRpTdError {
color: #D00000;
}
.directRpTdMenssagem {
padding: 5px;
}
.directRpTdTitulo, .directRpTdTexto {
background-color: #eeeeee;
}


/*
	Estilos para a página de como comprar:
*/


/*
directTexto - classe aplicada a todos os textos desta página
directTopico - classe aplicada a todos os tópicos desta página
*/

.directTexto {
color: #999999;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directTextoTitulo {
color: #333399;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 10px;
/* padding: 5px; */
}

.directTexto2, .directTexto2 table {
color: #333399;
font-size: 11px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
padding: 10px;
/* padding: 5px; */
line-height: 15px;
}

.directTexto2 b {
font-weight: bold;
}

.directTable, .directTable table {
border: 1px solid #999999;
border-width: 1px;
border-color: #999999;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

.directTexto2 a:link, .directTexto2 a:visited, .directTexto2 a:active {
color: #333399;
}

.directTexto3 {
color: #333399;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* text-align: center; */
}

.directTexto3 table {
border-color: #666666;
}

.directTexto4 {
color: #333399;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
padding: 5px;
}

.directTexto5 {
color: #333399;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 5px;
}

.directTextoLojas {
color: #000000;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

.directTextoLojas b {
font-weight: bold;
}

.directTextoLojasMail {
color: #3366CC;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.directTopico, .directTopico a {
color: #000000;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.directTopico a:link, .directTopico a:visited, .directTopico a:active {
color: #000000;
text-decoration: none;
}
.directTopico a:hover {
color: #333333;
text-decoration: underline;
}

/*
	Estilos do posicionamento e da paginação dos departamentos e descrição dos mesmos:
*/

/*
directDp* - classes aplicadas aos títulos e paginação dos departamentos

directDpTabela - Tabela que contem a lista de subdepartamentos
directDpTdImgDepto - Área da tabela para a imagem do departamento
directDpTdDepto - Área da tabela para o nome do departamento
directDpTdDesc - Área da tabela para a "chamada" para o departamento
directDpTdPosicao - Área da tabela para as descrições e títulos dos departamentos
directDpTdPaginacao - Área da tabela para a paginação interna aos departamentos

directDpImgDepto - Texto da imagem do departamento
directDpDepto - Texto do nome do departamento
directDpDesc - Texto da "chamada" para o departamento
directDpPosicao - Texto indicando o posicionamento
directDpPosicaoAtual - Texto indicando posicionamento atual
directDpPaginacao - Texto indicando a paginação
directDpPaginacaoAtual - Texto indicando a paginação atual
*/

.directDpTabela, .directDpTdImgDepto, .directDpImgDepto {
width: 100%;
border: 0;
margin: 0;
padding: 0;
}
.directDpTabela {
margin: 2px;
padding: 2px;
color: #000000;
}
.directDpTabela table {
text-align: center;
}
.directDpTdImgDepto {
padding: 5px;
}

.directDpTdDepto, .directDpDepto, .directDpTdDesc, .directDpDesc {
color: #333399;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
}
.directDpTdDepto, .directDpDepto {
font-size: 10px;
font-weight: bold;
line-height: 12px;
vertical-align: top;
}

.directDpDepto {
padding-top: 8px;
padding-bottom: 8px;
}

.directDpDepto, .directDpDepto a, .directDpDepto table {
color: #333399;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.directDpDepto a:link, .directDpDepto a:active, .directDpDepto a:visited {
color: #333399;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.directDpDepto a:hover {
color: #666666;
text-decoration: underline;
}

.directDpTdPosicao {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directDpPosicaoAtual {
color: #000000;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directDpPosicao, .directDpPosicao a {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.directDpPosicao a {
font-weight: bold;
}
.directDpPosicao a:link, .directDpPosicao a:active, .directDpPosicao a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}
.directDpPosicao a:hover {
color: #333333;
font-weight: bold;
text-decoration: underline;
}

.directDpTdPaginacao {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directDpPaginacaoAtual {
color: #333399;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directDpPaginacao, .directDpPaginacao a {
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.directDpPaginacao a {
font-weight: bold;
}
.directDpPaginacao a:link, .directDpPaginacao a:active, .directDpPaginacao a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}
.directDpPaginacao a:hover {
color: #333333;
font-weight: bold;
text-decoration: underline;
}


/*
	Estilos dos produtos na seção de promoções:
*/

/*
directPromocoes* - classes utilizadas nos produtos da vitrine

directPromocoes - para a área que contem o produto.
directPromocoesProduto - para a área que contém a imagem do produto.
directPromocoesNome - para a área que contém o nome do produto.
directPromocoesDepartamento - para a área que contem o departamento do produto.
directPromocoesDescricao - para a área que contem a descrição do produto.
directPromocoesPreco - para a área que contem o(s) preço(s) para o produto.
directPromocoesPrecoAntigo - para á área que contém o preço antigo do produto.
directPromocoesPrecoAtual - para a área que contém o preço atual do produto.
directPromocoesBotoes - para a área que contém os botões.
directPromocoesQuantidade - para a área que contém a quantidade do produto
directPromocoesVoltar - para a área que contém o botão de voltar
directPromocoesCaracteristicas - para a área que contém as características do produto
*/

.directPromocoes {
width: 138px;
color: #8D710F;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directPromocoes td {
height: 40px;
text-align: left;
vertical-align: middle;
}

.directPromocoesProduto {
width: 18px;
padding-left: 1px;
}

.directPromocoesPreco {
height: 30px;
}

.directPromocoesNome, .directPromocoesNome a, .directPromocoesPrecoAtual {
color: #8D710F;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.directPromocoesNome a:hover {
text-decoration: underline;
}

/*
	Estilos dos produtos na seção de lançamentos:
*/

/*
directLancamentos* - classes utilizadas nos produtos da vitrine

directLancamentos - para a área que contem o produto.
directLancamentosProduto - para a área que contém a imagem do produto.
directLancamentosNome - para a área que contém o nome do produto.
directLancamentosDepartamento - para a área que contem o departamento do produto.
directLancamentosDescricao - para a área que contem a descrição do produto.
directLancamentosPreco - para a área que contem o(s) preço(s) para o produto.
directLancamentosPrecoAntigo - para á área que contém o preço antigo do produto.
directLancamentosPrecoAtual - para a área que contém o preço atual do produto.
directLancamentosBotoes - para a área que contém os botões.
directLancamentosQuantidade - para a área que contém a quantidade do produto
directLancamentosVoltar - para a área que contém o botão de voltar
directLancamentosCaracteristicas - para a área que contém as características do produto
*/

.directLancamentos {
width: 138px;
color: #171564;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directLancamentos td {
text-align: center;
vertical-align: middle;
}

.directLancamentosProduto {
height: 105px;
}
.directLancamentosProduto a {
color: #171564;
font-size: 9px;
}
.directLancamentosProduto img {
border: solid #FAE7A8 1px;
}

.directLancamentosPreco {
height: 30px;
}

.directLancamentosNome, .directLancamentosPrecoAntigo, .directLancamentosPrecoAtual {
font-weight: bold;
}
.directLancamentosPrecoAntigo, .directLancamentosPrecoAtual {
color: #F2812F;
}
.directLancamentosPrecoAntigo{
text-decoration: line-through;
}

.directLancamentosBotoes {
padding: 2px;
}


/*
	Estilos dos produtos na seção de mais vendidos:
*/

/*
directMaisvendidos* - classes utilizadas nos produtos da vitrine

directMaisvendidos - para a área que contem o produto.
directMaisvendidosProduto - para a área que contém a imagem do produto.
directMaisvendidosNome - para a área que contém o nome do produto.
directMaisvendidosDepartamento - para a área que contem o departamento do produto.
directMaisvendidosDescricao - para a área que contem a descrição do produto.
directMaisvendidosPreco - para a área que contem o(s) preço(s) para o produto.
directMaisvendidosPrecoAntigo - para á área que contém o preço antigo do produto.
directMaisvendidosPrecoAtual - para a área que contém o preço atual do produto.
directMaisvendidosBotoes - para a área que contém os botões.
directMaisvendidosQuantidade - para a área que contém a quantidade do produto
directMaisvendidosVoltar - para a área que contém o botão de voltar
directMaisvendidosCaracteristicas - para a área que contém as características do produto
*/

.directMaisvendidos {
width: 138px;
color: #171564;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directMaisvendidos td {
text-align: center;
vertical-align: middle;
}

.directMaisvendidosProduto {
height: 105px;
}
.directMaisvendidosProduto a {
color: #171564;
font-size: 9px;
}
.directMaisvendidosProduto img {
border: solid #FAE7A8 1px;
}

.directMaisvendidosPreco {
height: 30px;
}

.directMaisvendidosNome, .directMaisvendidosPrecoAntigo, .directMaisvendidosPrecoAtual {
font-weight: bold;
}
.directMaisvendidosPrecoAntigo, .directMaisvendidosPrecoAtual {
color: #F2812F;
}
.directMaisvendidosPrecoAntigo{
text-decoration: line-through;
}

.directMaisvendidosBotoes {
padding: 2px;
}


/*
	Estilos do posicionamento e da paginação dos departamentos e descrição dos mesmos:
*/

/*
directCabecalhoDepartamentos* - classes aplicadas ao cabeçalho dos departamentos

directCabecalhoDepartamentos - para a área que contem o cabeclho do departamento.
directCabecalhoDepartamentosNome - para a área que contém o nome do departamento.
directCabecalhoDepartamentosImagem - para a área que contém a imagem do departamento.
directCabecalhoDepartamentosDescricao - para a área que contem a descrição do produto.
directCabecalhoDepartamentosVoltar - para a área que contém o botão de voltar.
directCabecalhoDepartamentosLista - para a área que contém a lista com os subdepartamentos.
directCabecalhoDepartamentosSeparador - para a área que contém o indicador de fim de cabecalho.

*/

.directCabecalhoDepartamentos {
width: 100%;
color: #171564;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directCabecalhoDepartamentos td {
padding-top: 3px;
padding-bottom: 3px;
height: 24px;
}

.directCabecalhoDepartamentosNome {
width: 80%;
font-size: 14px;
font-weight: bold;
text-align: left;
}
.directCabecalhoDepartamentosVoltar {
width: 20%;
text-align: right;
}

.directCabecalhoDepartamentosLista, .directCabecalhoDepartamentosLista a {
color: #171564;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directCabecalhoDepartamentosLista a:hover {
text-decoration: underline;
}

/*
	Estilos do produto quando apresentado em separado:
*/

/*
directProdutounico* - classes utilizadas nos produtos da vitrine

directProdutounico - para a área que contem o produto.
directProdutounicoProduto - para a área que contém a imagem do produto.
directProdutounicoNome - para a área que contém o nome do produto.
directProdutounicoDepartamento - para a área que contem o departamento do produto.
directProdutounicoDescricao - para a área que contem a descrição do produto.
directProdutounicoPreco - para a área que contem o(s) preço(s) para o produto.
directProdutounicoPrecoAntigo - para á área que contém o preço antigo do produto.
directProdutounicoPrecoAtual - para a área que contém o preço atual do produto.
directProdutounicoBotoes - para a área que contém os botões.
directProdutounicoQuantidade - para a área que contém a quantidade do produto.
directProdutounicoVoltar - para a área que contém o botão de voltar.
directProdutounicoCaracteristicas - para a área que contém as características do produto.
*/

.directProdutounico, .directProdutounico table {
width: 100%;
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directProdutounico td {
padding-top: 3px;
padding-bottom: 3px;
height: 24px;
}
.directProdutounico span {
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

.directProdutounicoNome {
width: 80%;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #333399;
}
.directProdutounicoVoltar {
width: 20%;
text-align: right;
}

.directProdutounicoPrecoAntigo, .directProdutounicoPrecoAtual {
color: #000000;
font-weight: normal;
font-size: 12px;
}

.directProdutounicoPrecoAntigo{
text-decoration: line-through;
font-weight:normal;
font-size: 12px;
}

.directProdutounicoQuantidade input {
height: 18px;
color: #000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height: 14px;
text-align: center;
border: 1px solid #C3C3C3;
background-color: #FFFFFF;
}

.directProdutounicoDescricao{
color: #333399;
}

.directProdutounicoCaracteristicas select, .directProdutounicoCaracteristicas option {
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
background-color: #FFFFFF;
}
.directProdutounicoCaracteristicas select {
width: 180px;
height: 18px;
border: 1px solid #C3C3C3;
}
.directProdutounicoCaracteristicas option {
width: auto;
}

.directProdutounicoProduto {
padding: 2px;
}

.directProdutounicoBotoes {
text-align: center;
padding: 2px;
}


/*
	Estilos dos produtos nos departamentos:
*/

/*
directProduto* - classes utilizadas nos produtos da vitrine

directProduto - para a área que contem o produto.
directProdutoProduto - para a área que contém a imagem do produto.
directProdutoNome - para a área que contém o nome do produto.
directProdutoDepartamento - para a área que contem o departamento do produto.
directProdutoDescricao - para a área que contem a descrição do produto.
directProdutoPreco - para a área que contem o(s) preço(s) para o produto.
directProdutoPrecoAntigo - para á área que contém o preço antigo do produto.
directProdutoPrecoAtual - para a área que contém o preço atual do produto.
directProdutoBotoes - para a área que contém os botões.
directProdutoQuantidade - para a área que contém a quantidade do produto
directProdutoVoltar - para a área que contém o botão de voltar
directProdutoCaracteristicas - para a área que contém as características do produto
*/

.directProduto {
width: 85px;
height: 100%;
color: #333399;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directProduto td {
text-align: left;
vertical-align: middle;
}

.directProdutoDescricao {
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.directProdutoProduto {
align: left;
height: 85px;
}
.directProdutoProduto a {
color: #333399;
font-size: 11px;
}
.directProdutoProduto img {
padding: none;
}

.directProdutoPreco {
vertical-align: top;
height: 20px;
}

.directProdutoNome {
font-weight: bold;
}

.directProdutoPrecoAntigo, .directProdutoPrecoAtual, .directProdutoDescricao {
font-weight: normal;
}

.directProdutoPrecoAntigo, .directProdutoPrecoAtual {
color: #333399;
}
.directProdutoPrecoAntigo{
text-decoration: line-through;
}

.directProdutoBotoes {
padding: 2px;
}


/*
	Estilos dos produtos na vitrine:
*/

/*
directVitrine* - classes utilizadas nos produtos da vitrine

directVitrine - para a área que contem o produto.
directVitrineProduto - para a área que contém a imagem do produto.
directVitrineNome - para a área que contém o nome do produto.
directVitrineDescricao - para a área que contem a descrição do produto.
directVitrinePreco - para a área que contem o(s) preço(s) para o produto.
directVitrinePrecoAntigo - para á área que contém o preço antigo do produto.
directVitrinePrecoAtual - para a área que contém o preço atual do produto.
directVitrineBotoes - para a área que contém os botões.
*/

.directVitrine {
width: 95%;
color: #171564;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.directVitrine td {
text-align: center;
vertical-align: middle;
}

.directVitrineProduto {
height: 139px;
}
.directVitrineProduto a {
color: #333399;
font-size: 9px;
}

.directVitrinePreco {
height: 30px;
}

.directVitrineNome, .directVitrinePrecoAntigo, .directVitrinePrecoAtual {
font-weight: bold;
}
.directVitrinePrecoAntigo, .directVitrinePrecoAtual {
color: #333399;
}
.directVitrinePrecoAntigo{
text-decoration: line-through;
}

.directVitrineBotoes {
padding: 2px;
}.franquia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	text-decoration: underline;
	cursor: hand;
}