/*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}

#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{padding:10px 20px; float:left}

#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:35px;
    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 li {float:left; text-align:center; padding:35px 0 0 0; overflow:hidden;}
#navProdutosItens ul {clear:both; border-bottom:1px solid #ddd; height:90px;}

#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}


/* 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/tab.png) no-repeat;
    /*border-bottom:1px solid #ccc*/
}
.tabs-nav a {
    position: relative;
    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-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -220px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -109px;
}
.tabs-nav a span {
    padding:10px 10px 3px 19px
}

.tabs-nav .tabs-selected a span {
    padding-top: 10px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -330px;
}
.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:980px;
    margin-top:1px}
    
    /*.tabs-nav a span { /* hide from IE 6
    width: auto;
    height: auto;
}*/