/*TELA PRINCIPAL CARRINHO*/

/*TOPO CARRINHO*/
#carrinho {
    width:1000px;
    margin: 0px auto;
    overflow:hidden;
    color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#logoCar {float:left; padding:8px;}

#infoTopCar {
    float:right;
    font-size:22px;
    padding-top:15px;
    text-align:right;
    width:300px;
    margin-right:10px
}

#infoTopCar span { font-size:9px; float:right}

#navCar {
    clear:right;
    float:right;
    width:445px;
    overflow:hidden;
    padding:20px 0 0 0;
    font-size:12px;
    margin-right:10px
}

#navCar li {float:right; padding:0 3px; padding-top:5px}
#navCar .navSelected {color:#990000; font-size:20px; padding-top:0;}

.passo01{background:url(../../images/site/navCar.gif) no-repeat -310px 0}
.passo02{background:url(../../images/site/navCar.gif) no-repeat -220px 0}
.passo03{background:url(../../images/site/navCar.gif) no-repeat -140px 0}
.passo04{background:url(../../images/site/navCar.gif) no-repeat -80px 0}
.passo05{background:url(../../images/site/navCar.gif) no-repeat 0 0}

/*GERAL*/
#cep {
    clear:both;
    margin-top:20px;
    background:#f9f9f9;
    padding:6px 10px;
    font-weight:bold;
    height:22px;
    border:1px solid #ddd   
}

#cep ul{clear:both}
#cep li{padding:0 0 0 6px; float:right}
#cep input{background:#fff}
#cep .cepTexto{padding:5px 0 0 5px}


#frmNewCad #cep {
    margin:0;
    padding:2px;
    font-weight:normal;
    height:auto;
    border:1px solid #D6D6D6;
	background:#FFFFFF url(../../images/site/bgInput.jpg) repeat-x scroll 0 0
}


#listaEntrega, #enderecoCadastro{width:340px; float:right; margin-top:10px}
#listaEntrega li{float:left; width:100%; padding-top:2px}
#listaEntrega li.input{width:20px}
#listaEntrega li.item{width:300px; text-align:left}
#listaEntrega .texto, #enderecoCadastro .texto{
    font-weight:bold; 
}
#listaEntrega input{border:none; background:none}

#totalPedidoPagamento{
    text-align:right;
    padding:10px;
    margin-top:10px;
    clear:both;
    border:1px solid #ccc;
    background:#f9f9f9
}


.endereco{

	text-align:left;
	font-size:12px;

}

#totalPedidoPagamento .total{font-size:22px; padding:0px 20px 0px 0px; }
#totalPedidoPagamento .valor{font-size:20px; color:#990000;}
#totalPedidoPagamento .parcela{font-size:11px; padding:10px 0 0 0}
#totalPedidoPagamento .frete{padding:0 20px 0 0}

#faixaPadrao, #faixaPadraoCupom{
    background:url(../../images/site/bgNavProdutos.jpg); 
    height:28px;
    padding:6px 0 0 25px;
    font-weight:bold;
    margin-top:10px;
    text-align:left;
	font-size:14px;
}

#dadosEntrega, #dadosCupom{
	padding:10px 20px; 
	float:left; 
	border: 1px solid #CCC; 
	border-top: none;
	width: 956px;
	*width: 998px;
	margin-left: 1px;
	margin-bottom: 10px;
}

#dadosEntrega .endereco{float:left; padding-right:10px}

#titPagamento{
    font-size:22px; 
    border-bottom:1px solid #ddd; 
    padding:10px 0; 
    margin:10px 0;
    float:left;
    width:100%;
    text-align:left;
    background:#f1f1f1 url(../../images/site/bgTit.jpg) no-repeat;
}

#titPagamento span {font-size:9px;}

/*LISTA PRODUTOS*/
#navProdutos {
    float:left;
    width:100%;
    margin-top:20px;
    font-size:12px;
    background:url(../../images/site/bgNavProdutos.jpg) repeat-x;
    height:27px;
    padding:7px 0 0 0;
    color:#666;
}
#navProdutos li {
    float:left;
    text-align:center;
}
#navProdutos .produto {width:380px}
#navProdutos img {float:left}
#navProdutos .quantidade { width:100px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#navProdutos .opcaoPresente {width:160px}

#navProdutos .precoUnit {width:120px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#navProdutos .precoUnit2 {width:175px; border-left:1px solid #ccc; border-right:1px solid #ccc;}

#navProdutos .precoQtd {width:120px}
#navProdutos .precoQtd2 {width:170px;}

#navProdutos .removerItem {width:100px; border-left:1px solid #ccc;}

#navProdutosItens {clear:both; font-size:12px; color:#666; overflow: hidden}
#navProdutosItens li {float:left; text-align:center; padding:35px 0 0 0; overflow:hidden;}
#navProdutosItens ul {float:left; border:1px solid #ccc; border-top: none; width:996px; *width:998px; padding-bottom:5px; margin-left:1px}

#navProdutosItens .produto img {float:left; margin:10px}
#navProdutosItens .produto {width:380px; text-align:left; padding:0}
#navProdutosItens .descricao {padding-top:20px}
#navProdutosItens .quantidade {width:100px}
#navProdutosItens .opcaoPresente {width:160px}

#navProdutosItens .precoUnit {width:120px;}
#navProdutosItens .precoUnit2 {width:175px;}

#navProdutosItens .precoQtd {width:120px}
#navProdutosItens .precoQtd2 {width:170px;}

#navProdutosItens .removerItem {width:70px; margin-left:30px}


#navBotoes{clear:both}
#navBotoes li{float:right; padding:5px 0}

dd.legenda{ margin: 5px 0px;font-size:14px; }
dd.valores{ font-weight: bold; float:right; width: 100px; font-size:14px}
dd.legendaCadastro{ float:left; width: 90px; text-align:right; margin-right: 5px;}
dd.legendaNome{ text-align:left; font-weight: bold;}
dd.inputCadastro{ margin: 3px 5px; text-align:left }



/*TELA PRESENTE*/

#navPresente{clear:both; padding:10px}

#navPresente img{float:right}

#navPresente .texto{
    padding:100px 380px 10px 0; 
    border-bottom:1px solid #ccc;
    text-align: left
}

#navProduto{
    width:400px; 
    float:left}

#navProduto li{float:right; width:360px; padding:2px; text-align:left}

#navProduto .nomeProd{float:left; width:200px; color:#333; margin:30px 0 10px 20px;}

#navProduto input{border:none; background:none}

#navProduto .campos{width:15px}

#navMensagem {width:300px; float:left}

#navMensagem textArea{margin-top:5px}

/* Tela de Entrega */

#formCadastro{clear:both; height: 400px;}

#formCadastro li{float:left; padding:7px 3px;}

#formCadastro .texto{width:40%;text-align:right; font-weight: normal;}
#formCadastro .texto span{font-size:10px}
#formCadastro .campos{text-align:left; width:50%; border-bottom:1px solid #f1f1f1; }


#listaEnderecos{
float:left; width:100%; margin:10px 0 20px 0;}

#listaEnderecos ul{float:left; width:225px; margin:0 10px 15px 10px;}

#listaEnderecos li{line-height:15px; text-align:left}

#listaEnderecos .botoes{float:left; margin-top:10px}

#listaEnderecos .titEndereco{
    font-weight:bold; 
    text-transform:uppercase;
    font-size:12px}
	
	/*TELA FORMAS DE PAGAMENTO*/
#formasPagamento {width:500px; float:left;}
#formasPagamento li{ float:left; height:26px ; font-size:12px}
#formasPagamento li.selecao {width:5%} 
#formasPagamento li.valores {width:95%; padding-top:4px}
#formasPagamento li input{background:none; border:none}

/*Texto da Aba de formas de Pagamento (Boleto e depósito)*/
.textoAba{
	font-size:12px;
}

/* ABAS */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
        list-style: none;
        margin: 0;
        background:url(tab.png) 100% -450px;
        height:30px
    }
}

/* Skin */

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0;
    padding: 0;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../../images/site/tab.png) no-repeat;
    /*border-bottom:1px solid #ccc*/
}
.tabs-nav a {
    position: relative;
	background: url(../../images/site/tab.png) no-repeat right -100px !important;
    top: 1px;
    padding-left: 0;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav a:hover{ text-decoration:none}

.tabs-nav .tabs-selected a {
    color: #333;
}
.tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background: url(../../images/site/tab.png) no-repeat right -150px !important;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background: url(../../images/site/tab.png) no-repeat right -150px !important;
}
.tabs-nav a span {
    padding:10px 10px 3px 19px
}

.tabs-nav .tabs-selected a span {
    padding-top: 10px;
}
.tabs-nav a:hover span, .tabs-selected span{
    background: url(../../images/site/tab.png) no-repeat left -50px !important;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-container {
    padding: 1em 8px;
    background: none;
}
#abaDescricao{ clear:both; text-align:left;}
#abaDescricao div{
    border:1px solid #ccc; 
    float:left;     
    width:975px;
    margin-top:1px;
	padding: 10px}
    
    /*.tabs-nav a span { /* hide from IE 6
    width: auto;
    height: auto;
}*/
#saibamais {
	position: relative;
	font-size:11px;
}
#saibaMaisCupom {
display:none;
	border: 1px solid #CCC;
	background-color: #FFFFEF;
	width: 250px;
	padding: 10px;
	z-index: 200;
	position: absolute;
	left: 260px;
	*left: 0;
	top: -30px;
	font-size: 12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
#saibaMaisCupom a{
	width: 100%;
	text-align: right;
	display: block;
	color: #900;
	font-weight: bold;
	font-size: 11px;
}