/*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/navCar.gif) no-repeat -310px 0}
.passo02{background:url(images/navCar.gif) no-repeat -220px 0}
.passo03{background:url(images/navCar.gif) no-repeat -140px 0}
.passo04{background:url(images/navCar.gif) no-repeat -80px 0}
.passo05{background:url(images/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}
#cepIni ,#cepFim{
	height:19px;
}
#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:200px; 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
}

#totalPedidoPagamento .total{font-size:18px; padding:0 20px 0 0; }
#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{
    background:url(images/bgNavProdutos.jpg); 
    height:28px;
    padding:6px 0 0 25px;
    font-weight:bold;
    margin-top:10px;
    text-align:left;
}

#dadosEntrega{float:left;padding:0 1px;}
#dadosEntrega .bordaDadosEntrega {border-left:solid 1px #CCC;border-right:solid 1px #CCC;border-bottom:solid 1px #CCC;padding:10px 20px;display:table;margin-bottom:12px;width:998px;}

#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/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/bgNavProdutos.jpg) repeat-x;
    height:26px;
    padding:7px 0 0 0;
    color:#666;
}
#navProdutos li {
    float:left;
    text-align:center;
}
#navProdutos .produto {width:390px}
#navProdutos img {float:left}
#navProdutos .quantidade { width:100px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#navProdutos .opcaoPresente {width:130px}

#navProdutos .precoUnit {width:125px; 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:135px}
#navProdutos .precoQtd2 {width:195px;}

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

#navProdutosItens {clear:both; font-size:12px; color:#666;}
#navProdutosItens .bordaNavProdutosItens {border-left:solid 1px #CCC;border-right:solid 1px #CCC;margin:0 1px;}
#navProdutosItens li {float:left; text-align:center; padding:35px 0 0 0; overflow:hidden;}
#navProdutosItens ul {clear:both; border-bottom:1px solid #ddd; height:120px;}

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

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

#navProdutosItens .precoQtd {width:135px}
#navProdutosItens .precoQtd2 {width:195px;}

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


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

dd.legenda{ margin: 5px 0px; }
dd.valores{ font-weight: bold; float:right; width: 130px;}
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;}
#formasPagamento li.selecao {float:left;clear:both} 
#formasPagamento li.valores {width:20%; float:left}
#formasPagamento li input{background:none; border:none}




.linhaPagamento li.selecao {float:left;clear:left;height:20px;} 
.linhaPagamento li.valores {float:left;width:80%;height:20px;}
.linhaPagamento li input{background:none; border:none}


	/* FORMAS DE PAGAMENTO */
	.formasdePagamento{
		width:968px;
		    text-align:right;
	overflow:hidden;
    padding:10px;
    margin-top:10px;
    clear:both;
    border:1px solid #ccc;
    background:#f9f9f9}
	
	#aba3,
	.sempreVisivel{ display:block !important}

	
	.tabs-nav{
		margin:7px 0 7px 36px;
		width:100%;
		display:table}
	
	.tabs-nav li{
		float:left;
		margin:0 10px 10px 0}
	
	
	.escolhaCartao{
		font-size: 13px;
		padding: 10px 0 10px 25px;}
		
		
		/* SESSAO PAGAMENTO */
	.bandeiraCartao{
		padding:15px 35px;
		border-bottom:1px solid #f2f2f2
	}
	.bandeiraCartao img{ max-width:85px;
		max-height:60px}
	
	.sempreVisivel{ display:block !important}	
	
	.dadosdoPagamento{
		padding:10px 35px;}
	
	#abaDescricao{ text-align:left; overflow:hidden; }

	#abaDescricao .formadePagamento{
		border-bottom:1px solid #f2f2f2;
		margin-bottom:20px}	
		
	.cartao {
		width:520px;
		padding:10px 0 0 20px}
		
	.cartao li{
			padding:5px 0}
		
	.cartao li span{
			display:inline-block;
			width:185px;
			text-align:right;
			font-size:10px}
			
	.cartao input{
			background:#fff;
			padding:3px;
			font-size:1.2em}
			
	.cartao select{
			background:#fff;
			font-size:1.2em}	
		
	.codigoSeguranca{
		cursor:pointer;
		width:240px !important}
		
	#formasPagamento{
		width:440px;
		margin:25px 0 0 100px}
		
	#formasPagamento ul{}
	
	#formasPagamento li{
		display:inline-block;
		padding:3px 0;
		float:left\9}
		
	#formasPagamento li.linhaInteira{
		width:100%;
		padding:15px 0;
		font-weight:bold}
	
	#formasPagamento li input{background:none; border:none; height:auto}

	.pagarcom{
		padding:15px 0;
		margin:0 0 0 100px;
		width:80%;
		display:table}
		
	.pagarcom .bandeira{
		float:left}
		
	.pagarcom .bandeira img{
		max-width:100px;
		max-height:50px}
	
	.pagarcom .btoPagar{
		float:right}
		
	.floaterPagamento{
		margin:-35px 0 0 100px;
		position:absolute;
		width:250px;
		background:#fff;
		border:1px solid #e5e5e5;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border:1px solid #e5e5e5;
		-webkit-box-shadow: 2px 2px 2px 1px #e5e5e5;
		-moz-box-shadow: 2px 2px 2px 1px #e5e5e5;
		box-shadow: 2px 2px 2px 1px #e5e5e5;
		padding:20px;
		
		*margin:-200px 0 0 -200px}
	
	.floaterPagamento h4{
		font-size:14px;
		color:#900;
		padding:0 0 7px}
		
	.fechaFloterPag{
		position:absolute;
		cursor:pointer;
		right:0;
		top:0}
	
	.separaFormasMup{
        /*border: solid red 1px;*/
        width: 55%;
        overflow: hidden;
        float: left;
    }
    .separaFormasMup li{
        float: left;
        width: 99%;
        height: 80px;
    }

    .separaFormasMup li img{
        float: left;
        width: 82px;
        height: 60px;
    }

    .botoesPagar{
        width: 40%;
        height: 240px;
        overflow: hidden;
        float: right;
    }
	
	.separacaoFomraPag{}

	/* FOMRAS PAGAMENTO */
	.separacaoFomraPag{
		padding:7px 0 7px 25px;
		font-size:18px;
		text-align:left;
		border-bottom:1px solid #e5e5e5}
	.linhaPagamento{
		clear:both;
		padding:25px;
		display:table;
		margin-bottom:15px;
		width:95%;
		}
	.linhaPagamento .bandeira{
		float:left;
		padding:35px 0 0;
		margin:0 20px 0 0;
		text-align:center;
		width:100px}
	.linhaPagamento .bandeira input{
		float:left;
		border:none}
	.linhaPagamento .bandeira img{
		max-height:75px;
		max-width:75px;
		float:left;
		width:60px\9}

	input[type=radio]{border:none !important}
	
	.linhaPagamento .informacoes{
		float:left;
		width:650px;
		text-align:left}
	.linhaPagamento .informacoes h4{
		font-size:14px;}
	.linhaPagamento .informacoes h4 span{
		font-size:11px;
		display:block;
		font-weight:normal;}
	.linhaPagamento .informacoes h5{
		margin:10px 0;
		font-size:12px;
		font-weight:bold}
	.linhaPagamento .botaoPagar{
		float:right;
		margin:15px 0;
		
		*width:835px}
	.dadosCartao{ padding:10px 35px;}


	.bandeiras ul{
		padding:15px 25px;
		display:table;
		clear:both;
		width:970px}
		
	.bandeiras ul li{}
	
	.bandeiras ul li{
		float:left;
		width:73px;
		text-align:center;
		margin:15px 7px}
		
	.bandeiras ul li div{
		width:100%;
		height:40px;}
	
	.bandeiras ul li img{
		max-width:73px;
		max-height:40px;
		*width:73px}
	
	.bandeiras ul li input{ border:none}
.abaVisivel{ display:block !important}