@charset "iso-8859-1";

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

	Conteúdo principal (Carrinho)

	********************************************************************
*/
div#conteudoPrincipal {
	width:930px;
	background:url(../imagens/bgBox.jpg) repeat-x top;
}

/* Título da seção */
div#conteudoPrincipal h2 { display:none; }


/*
	--------------------------------------------------------------------

	Etapa

	--------------------------------------------------------------------
*/
div#conteudoPrincipal ul#etapa {
	height:26px;
	margin-bottom:25px;
	background-color:#e9eaeb;
	list-style-type:none;
	overflow:hidden;
}
div#conteudoPrincipal ul#etapa li {
	display:inline;
	float:left;
	height:26px;
	line-height:26px;
	text-align:left;
	text-transform:uppercase;
	font-size:70%;
	font-weight:bold;
	color:#f8f8f8;
	padding:0 10px;
	background-color:#e4e4e4;
	border-right:2px solid #e9eaeb;
}

/* Etapa ativa */
div#conteudoPrincipal ul#etapa li.active {
	font-size:80%;
	color:#09c;
	background-color:#f8f8f8;
	border-right:none;
}


/* Formulário */
div#conteudoPrincipal table tbody tr td form fieldset { border:none; }

/* <input /> */
div#conteudoPrincipal table tbody tr td form fieldset input {
	display:inline;
	width:50px;
	height:18px;
	line-height:18px;
	font-size:80%;
	color:#017799;
	padding:1px;
	border:1px solid #7f9db9;
}

/* <button> "Concluir pedido"*/
button#concluirPedido {
	display:inline;
	width:117px;
	height:37px;
	text-indent:-9999px;
	background:url(../imagens/btnCadastrar.gif) no-repeat top left;
	border:none;
}

/*
	--------------------------------------------------------------------

	Tabela

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table {
	margin:0 auto;
	border-collapse:separate;
}
div#conteudoPrincipal table thead tr th {
	height:26px;
	line-height:26px;
	font-size:60%;
	text-transform:uppercase;
	color:#a0a0a0;
	padding:3px 0;
	background-color:#eff0f1;
	border:1px solid #d7d8da;
}

/*
	--------------------------------------------------------------------

	Tabela: cabeçalho (TH)

	--------------------------------------------------------------------
*/
/* Descrição */
div#conteudoPrincipal table thead tr th.descricao {
	width:474px;
	text-align:left;
	padding-left:3px;
}

/* Quantidade */
div#conteudoPrincipal table thead tr th.quantidade { width:84px; }

/* Remover item */
div#conteudoPrincipal table thead tr th.removeItem { width:84px; }

/* Preço unitário */
div#conteudoPrincipal table thead tr th.precoUnit { width:108px; }

/* Total */
div#conteudoPrincipal table thead tr th.total { width:108px; }


/*
	--------------------------------------------------------------------

	Tabela: linhas (TR)

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table tbody tr { background-color:#fbfbfb; }


/*
	--------------------------------------------------------------------

	Tabela: células (TD)

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table tbody tr td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border:1px solid #f2f3f3;
}

/* Descrição */
div#conteudoPrincipal table tbody tr td.desc { text-align:left; }

/* Imagem do produto */
div#conteudoPrincipal table tbody tr td.desc img.fotoProduto {
	float:left;
	margin-right:5px;
	border:1px solid #f2f3f3;
}
div#conteudoPrincipal table tbody tr td.desc p {
	font-size:60%;
	color:#999;
}

/* Descrição do produto */
div#conteudoPrincipal table tbody tr td.desc p.descProd strong {
	font-size:150%;
	color:#000;
}


/* Quantidade */
div#conteudoPrincipal table tbody tr td form fieldset input.quant { text-align:center; }


/*
	--------------------------------------------------------------------

	Botão "Remover item"

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table tbody tr td form fieldset button.remItem {
	display:block;
	width:37px;
	height:37px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../imagens/btnRemoverItem.gif) no-repeat top left;
	border:none;
}


/* Preço unitário e preço total */
div#conteudoPrincipal table tbody tr td p.precoUnitario,
div#conteudoPrincipal table tbody tr td p.precoTotal { color:#09c; }


/*
	--------------------------------------------------------------------

	Cálculo do frete

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table tbody tr td#calcFrete { text-align:left; }
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset p {
	display:inline;
	float:left;
	width:572px;
	font-size:80%;
}
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset p span { color:#09c; }

/* <input /> "CEP" (parte 1) */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset input#inputCEP_1 {
	float:left;
	width:36px;
	margin:3px 0 0 0;
	padding:1px 3px;
}
/* Hífen do CEP */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset span#hifen {
	float:left;
	margin:3px 3px 0;
}
/* <input /> "CEP" (parte 2) */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset input#inputCEP_2 {
	float:left;
	width:25px;
	margin:3px 0 0 0;
	padding:1px 3px;
}

/* Botão "Calcular" */
div#conteudoPrincipal table tbody tr td form fieldset button#btnCalcular {
	display:inline;
	float:right;
	width:81px;
	height:26px;
	text-indent:-9999px;
	margin:0 11px 0 0;
	background:url(../imagens/btnCalcular.gif) no-repeat top left;
	border:none;
}


/*
	--------------------------------------------------------------------

	Clear (evita quebra de layout)

	--------------------------------------------------------------------
*/
div.clearTD {
	width:100%;
	height:5px;
	overflow:hidden;
	clear:both;
}
div.clearTD hr { display:none; }


/*
	--------------------------------------------------------------------

	Tipo de entrega (rápido ou normal)

	--------------------------------------------------------------------
*/

/* <label> "Rápido", "Normal" */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset label.labelEntrega {
	display:inline;
	float:left;
	width:70px;
	height:22px;
	line-height:22px;
	text-align:left;
	font-weight:normal;
	font-size:80%;
	color:#333;
	margin:6px 10px 0 0;
	overflow:hidden;
}

/* <input> (radio button) */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset label.labelEntrega input {
	display:inline;
	float:left;
	width:auto;
	height:22px;
	line-height:22px;
	margin:0 3px 0 0;
	padding:0;
	border:none;
}
/* IE6 e IE7 */
div#conteudoPrincipal table tbody tr td#calcFrete form fieldset label.labelEntrega input { *margin:0; }


/* Valor do frete */
div#conteudoPrincipal table tbody tr td#valorFrete strong {
	font-size:80%;
	color:#09c;
}


/*
	--------------------------------------------------------------------

	Valor total

	--------------------------------------------------------------------
*/
div#conteudoPrincipal table tbody tr td#valorTotal { text-align:left; }

/* "TOTAL" */
div#conteudoPrincipal table tbody tr td#valorTotal p.legTotal {
	display:inline;
	float:left;
	font-size:80%;
}
div#conteudoPrincipal table tbody tr td#valorTotal p.legTotal strong {
	text-transform:uppercase;
	color:#a0a0a0;
}

/* Número de parcelas escolhido */
div#conteudoPrincipal table tbody tr td#valorTotal p.numParcelas {
	display:inline;
	float:right;
	font-size:80%;
}

/* Valor total do pedido */
div#conteudoPrincipal table tbody tr td#valorTotalPedido strong { color:#09c; }


/*
	--------------------------------------------------------------------

	Botões

	--------------------------------------------------------------------
*/
div#conteudoPrincipal p.botoes {
	position:relative;
	height:65px;
}
div#conteudoPrincipal p.botoes a {
	position:absolute;
	top:10px;
	display:block;
	height:37px;
	text-indent:-9999px;
}

/* Botão "Continuar comprando" */
div#conteudoPrincipal p.botoes a#btnContinuarComprando {
	right:278px;
	width:171px;
	background:url(../imagens/btnContinuarComprando.gif) no-repeat top left;
}

/* Botão "Concluir pedido" */
div#conteudoPrincipal p.botoes a#btnLimparCarrinho {
	right:160px;
	width:112px;
	background:url(../imagens/btnLimparCarrinho.gif) no-repeat top left;
}

/* Botão "Concluir pedido" */
div#conteudoPrincipal p.botoes a#btnConcluirPedido {
	right:15px;
	width:139px;
	background:url(../imagens/btnConcluirPedido.gif) no-repeat top left;
}