/* ---------------------------------------- */
/* resets                                   */
/* ---------------------------------------- */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockuote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
button::-moz-focus-inner{border:0;padding:0;}
:focus{outline:0;}
*/
img{border:none;}
html{overflow:-moz-scrollbars-vertical;}
table{border-collapse:collapse;border-spacing:0;}

ul,ol,li{margin:0;padding:0;}
ol,ul{list-style:none;}
p{margin:6px 0;}
a{color:#0073ea;text-decoration:none;}
a:hover{text-decoration:underline;}

/* titulos */
h1{font-size:18px;}
h2,
#summary h3{color:#333;background:#e9e9e9;clear:both;padding:5px;padding-left:10px;font-size:13px;margin:10px 0 0;position:relative;}
h2 a{position:absolute;right:10px;top:5px;font-size:10px;}
h4{margin-bottom:6px;}
.active h2,
#summary h2{background:#333;color:#fff;}
.active h2 a,
#summaryh2 a{color:#fff;}

/* elementos gerais */
html,body{margin:0;padding:0;}
body,
input,
textarea,
select{font:12px Arial, Helvetica, sans-serif;line-height:1.3em;}

input,
textarea,
select{padding:2px;float:left;}
p{overflow:auto;line-height:1.3em;}

fieldset{border:0;padding:0;margin:0;margin-bottom:20px;}
legend{font-size:14px;font-weight:700;display:block;padding:6px 0;}

fieldset fieldset{margin-top:10px;margin-bottom:0;}
fieldset fieldset legend{font-size:13px;}

input,
select{width:180px;}
input[type=file]{width:400px;}

label{float:left;width:160px;padding-top:3px;margin-bottom:1px}
.extra span{color:#31539f;}

/* layout */
#all{width:1030px;margin:0 auto;position:relative;overflow:hidden;}

.boxStep,
.notification,
#boxSummary,
#boxCredits{overflow:hidden;border:1px solid #d9d9d9;padding:0 10px 10px;position:relative;}
.boxStep{padding-bottom:10px;}
.info.boxStep{padding-bottom:0;}
.active .boxStep,
.active .notification,
#boxSummary{border-color:#666;}
#boxInformation{position:relative;}

#header{padding:20px 0;background:#f4f4f4;margin-bottom:10px;border-bottom:2px solid #ccc;}
#header p{display:block;width:1030px;margin:0 auto;font-size:22px;font-weight:700;}

#footer{padding:12px 0;background:#f4f4f4;margin-top:40px;border-top:2px solid #ccc;}
#footer p{display:block;width:1030px;margin:0 auto;}

/* steps */
#steps{width:810px;float:left;}

/* classes gerais */
#alertMessage{background:#f4f4f4;text-align:center;border:1px solid #000;margin-bottom:6px;}
.size1{width:100px;}
.size2{width:20px;}
.disabled{background:#f4f4f4;border-width:1px;}
.focus{background:#ffff99;}

.padding{display:block;padding-top:3px;}
.info label,
.info .padding{padding-top:0;}

.hide{display:none;}

.helpTitle,
.helpMessageActive{background:url(../img/help.png) no-repeat;}
.helpTitle{display:block;width:16px;height:16px;text-indent:-999em;float:left;margin:2px 0 0 5px;overflow:hidden;position:relative;}
.helpMessage{display:none;}
.helpMessageActive{background-color:#f4f4f4;background-position:1px 1px;position:absolute;width:220px;font-size:11px;border:1px solid #d9d9d9;padding:3px 6px 3px 23px;margin:-2px 0 0 -2px;z-index:999;}

.infoTitle{display:none;}
.infoMessage{background-color:#f4f4f4;background-position:1px 1px;display:inline-block;font-size:11px;border:1px solid #d9d9d9;padding:1px 6px;margin:5px 0 0 160px;max-width:180px;clear:both;}

.radio label,
.radio input{float:none;width:auto;}
p .radio{display:block;margin-left:156px;}
span.radio{clear:both;padding-top:3px;}
.left{float:left;}
.marginLeft{margin-left:160px;}

.submit{position:absolute !important;bottom:10px;right:10px;}

.buttonLeft{margin-left:6px;}

/* erro */
.itemError .error{display:none;}
.itemError input,
.itemError select{border:1px solid #c24c33;}
.itemError label{color:#c24c33;}
.itemError span label{color:inherit;}
label .itemRequired{color:#c24c33;}
#storeSelected.itemError{color:#c24c33;}


/* ---------------------------------------- */
/* info notification alerto                 */
/* ---------------------------------------- */
#infoStep1 fieldset,
#infoStep2 fieldset{margin:0;}
.info label .itemRequired{display:none;}
.notification{margin:0;padding-top:10px;font-style:italic;}
.info,
.notification{color:#666;}
form .alert{border-left:5px solid #e3c000;color:#8e7800;padding-left:5px;margin-bottom:14px;}

/* ---------------------------------------- */
/* resumo                                   */
/* ---------------------------------------- */
#summary{position:absolute;top:auto;margin-left:820px;width:210px;}
#summary.fixed{position:fixed;top:0;}
#boxSummary,
#boxCredits{padding-top:10px;font-size:11px;}
#summary li{overflow:hidden;margin-bottom:3px;}
#summary .title{float:left;width:100px;}
#summary .description{float:right;}
.discount{color:#20306d;}
#summaryTotal{font-weight:700;font-size:13px;margin-top:10px;}
#summaryServices a{float:right;margin:-1px 33px 0 0;}

#totalsServices,
#summaryServices{display:none;}

/* ---------------------------------------- */
/* box login                                */
/* ---------------------------------------- */
#boxLoginForm{clear:both;}
#boxLoginForm a.fb_button{float:right;margin:7px 220px 0 0;}
#boxLogin{overflow:auto;}
#boxLogin p{float:left;margin-right:16px;}
#boxLogin label{width:auto;margin-right:6px;}

/* ---------------------------------------- */
/* box info do cliente                      */
/* ---------------------------------------- */
#clientType legend{display:none;}
#infoStep1 #clientType{display:none;}
#clientType ul,
#paymentDiscounts{margin-top:10px;}
#paymentDiscounts{margin-bottom:0;}
.boxFloat{width:50%;float:left;}

/* ---------------------------------------- */
/* box endereco de entrega                  */
/* ---------------------------------------- */
#boxShipMyAddresses a{float:left;margin-top:5px;margin-bottom:8px;}

#boxShipMethod2 p label{display:none;}
#shipDate{position:absolute;top:0;width:0;height:0;line-height:0;border:0;}
#itemshipDate a{margin-left:15px;}
#infoshipDate{display:none;}

/* ---------------------------------------- */
/* pagamento                                */
/* ---------------------------------------- */
#boxPayment{clear:both;overflow:auto;}
#paymentType ul{margin-bottom:8px;}
#paymentCredits li{margin-bottom:3px;}

#boxPaymentType2,
#boxPaymentType3,
#paymentDiscounts legend{display:none;}

#payment2Cards{clear:both;}
.paymentCard{float:left;width:48%;}
#paymentCard1{margin-right:1%;}
#paymentCard2{border-left:3px solid #e6e6e6;padding-left:2%;}
#linkpaymentDiscountsVp{margin-right:20px;}

#paymentTransfer input{display:none;}
#paymentTransfer label{border:3px solid #fff;margin-right:14px;display:block;float:left;cursor:pointer;text-indent:-999em;background-position:center center;background-repeat:no-repeat;width:48px;height:48px;opacity:0.6;}
#paymentTransfer label:hover{border-color:#999;}
#paymentTransfer .checked label{border-color:#000;opacity:1;}
#itemPaymentTransfer01 label{background-image:url(../img/itau.png);}
#itemPaymentTransfer02 label{background-image:url(../img/banrisul.jpg);}
#itemPaymentTransfer03 label{background-image:url(../img/bradesco.jpg);}
#itemPaymentTransfer04 label{background-image:url(../img/unibanco.jpg);}

#linkpaymentDiscountsCod{display:block;margin-bottom:10px;float:left;}
.discountsList{display:none;margin-bottom:10px;}
.discountsList thead{display:none;}
.discountsList td{padding-right:20px;}

.cardValue{text-align:right;}

#paymentCard1FinancingItem input,
#paymentCard2FinancingItem input{text-align:right;}
#paymentCard1FinancingItem .financingDescription,
#paymentCard2FinancingItem .financingDescription{float:left;margin:2px 0 0 14px;}

/* ---------------------------------------- */
/* carrinho                                 */
/* ---------------------------------------- */
#cart{overflow:auto;clear:both;}
#cart{width:810px;float:left;}
#cart .boxStep{padding:0 0 10px;}

#productList{width:100%;margin-top:10px;}
#productList thead,
#productList tbody{border-bottom:1px solid #e9e9e9;}
#productList tbody:hover{background:#f4f4f4;}
#productList tbody:hover .productItem{border-bottom:1px solid #dadada;}

#productList thead th{padding-top:5px;padding-bottom:5px;}
#productList th{color:#7b7b7b;}
#productList td{padding:12px 0;}
#productList .last td{border-bottom:0;}
#productList img{float:left;}

#productList .product{width:45%;}
#productList .productName{padding-left:0;}
#productList .productImage{padding-left:10px;padding-right:10px;vertical-align:top;}
#productList .quantityPrice{padding-right:10px;font-weight:700;}
#productList .oldproductPrice{text-decoration:line-through;color:#7b7b7b;font-size:0.9em;}
#productList .productPrice{padding-right:5px;}
#productList .productPrice,
#productList .quantityPrice{text-align:right;}
#productList .quantity,
#productList .shippingDate{text-align:center;}
#productList .brand{display:block;font-weight:normal;}

#productList .subItem td{padding-top:4px;padding-bottom:4px;}
#productList .subItem .quantityPrice,
#productList .subItem .productName{font-weight:normal;}

#totals{float:none;clear:both;margin-right:2px;border-top:3px solid #e9e9e9;padding-top:8px;}
#totals ul{float:right;}
#totals li{margin-bottom:3px;overflow:hidden;}
#totals .title{float:left;width:200px;}
#totals .description{float:right;}
#totalsTotal{font-weight:700;font-size:14px;}

#pageCheckout #totals,
#pageConfirm #totals{padding-right:10px;}

.productLoyalty{text-align:center;width:83px;}

/* ---------------------------------------- */
/* loader, etc                              */
/* ---------------------------------------- */
#loader{display:none;}
#loader div{background:#fff;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0.7;}
#loader img{position:fixed;top:50%;left:50%;margin-left:-24px;margin-top:-24px;}
#dialogConfirm,
.dialogText{display:none;}


/* ---------------------------------------- */
/* cart                                     */
/* ---------------------------------------- */
#pageCart .product{width:35%;}

#pageCart #productList{border:1px solid #d9d9d9;}
#pageCart #productList textarea{float:none;}

#pageCart #productList thead{background:#e9e9e9;}
#pageCart #productList thead th{color:#333;}
#pageCart #productList tbody td,
#pageCart #productList tbody.last{border:0;}

#pageCart #productList .button{float:right;}
#pageCart #productList .buttonTop{float:right;margin-bottom:10px;}
#pageCart #productList .buttonBottom{float:right;margin-top:20px;}
#pageCart #productList img{width:90px;height:90px;}

#pageCart #productList .productItem .productName{padding-bottom:30px;}
#pageCart #productList .quantity div{width:100%;height:100%;position:relative;}
#pageCart #productList .quantity div p{position:absolute;width:100%;}
#pageCart #productList .subItem .quantity div p{margin-top:-8px;}
#pageCart #productList #totals{margin-right:10px;}

#pageCart #productList .infoItem td{padding-top:6px;padding-bottom:6px;}

#pageCart #productList input{width:22px;float:none;text-align:right;}

#pageCart #productList a,
.addRelatedBox p{font-size:11px;font-weight:normal;}
tr .cartItemRemove{visibility:hidden;}
tr:hover .cartItemRemove{visibility:visible;}

.lnkGiftMessage{display:block;}

.giftMessageSubmit{margin-left:85px;}
.giftMessageSubmit a{margin-left:10px;}
.giftMessagePrint{font-weight:normal;font-style:italic;color:#7b7b7b;width:200px;}

.addRelatedBox{background:#fff;display:block;margin-top:6px;font-weight:normal;border:1px solid #e9e9e9;position:absolute;padding:2px 5px;}
.addRelatedBox p{color:#0073ea;margin:0 0 1px;cursor:default;background:url(img/arrow-down.png) right 6px no-repeat;padding-right:15px;cursor:pointer;}
.addRelatedBox p:hover{text-decoration:underline;}
.addRelatedBox.visible p{color:inherit;border-color:#ccc;background:none;cursor:default;text-decoration:none;}
.addRelatedBox.visible ul{display:block !important;}
.addRelatedBox ul{margin:6px;}
.addRelatedBox .selected{color:#ccc;text-decoration:none;cursor:default;}

#pageCart #cart form{padding-left:8px;padding-right:8px;margin-bottom:4px;}
#pageCart #cart select{width:auto;}

.cartExtras{margin-top:6px;background-color:#f4f4f4;}
.cartExtras fieldset{margin:0;}
.cartExtras fieldset p{float:left;margin-right:6px;}

#cartShipping{width:51%;float:left;padding-bottom:11px;}
#cartShipping label{width:100px;}

.discountsList h4{margin-top:6px;}

#pageCart #summary .button{width:99%;margin-top:20px;}


#cartDiscount{float:right;}
.buyToList #cartDiscount{float:none;}
.buyToList #cartDiscount label{width:auto;margin-right:6px;}

#productList h3{font-size:12px;margin:0;}

#pageCart #productList .itemFileAttach a{font-size:12px;}
.itemAcceptance{font-size:11px;}
.itemFileAttach span{font-weight:700;}

/* cart item messages                       */
/* ---------------------------------------- */
.itemMessage{color:#a72121}
#productList .itemMessage td{padding:8px 10px;}

a.itemAcceptance{line-height:1.8em;}
div.itemAcceptance p{margin-bottom:14px;font-size:12px;}

/* ---------------------------------------- */
/* lojas                                    */
/* ---------------------------------------- */
#boxShippingStoreButtonSearch{margin-left:5px;}

#storeList{width:100%;}
#storeList p{margin-top:0;}

#storeList li{position:relative;overflow:hidden;}
#storeList li strong{cursor:pointer;display:block;padding:2px 0;background:url(img/arrow-right.png) 2px center no-repeat;}
#storeList li.selected strong{background:url(img/arrow-down.png) 0 8px no-repeat;}
#storeList li div{clear:both;margin-bottom:8px;padding-top:4px;}

#storeList li strong,
#storeList li div{padding-left:12px;}

#storeList li a{position:absolute;right:0;top:2px;display:none;}
#storeList li span{position:absolute;right:70px;top:2px;display:none;}

#storeList li:hover a,
#storeList li:hover span{display:block;}

#storeList li.selected a,
#storeList li.selected span{display:block !important;}

.blurred{color:#aaa;}


#storeList{width:100%;margin-bottom:20px;}
#storeList thead{background:#e4e4e4;}
#storeList tbody td{border-bottom:1px solid #e4e4e4;}

#storeList td,
#storeList th{padding:5px;}

#storeSelected h4{margin-top:0;}
#pageCheckout #storeSelected strong{font-weight:normal;}

td.storePrice{text-align:center;}

#infoStep2 fieldset fieldset{margin-top:6px;}


/* ---------------------------------------- */
/* confirmacao                              */
/* ---------------------------------------- */
#orderNumber{background:#fff;border:1px solid #e9e9e9;padding:10px 20px;float:left;text-align:center;margin:5px 20px 0 5px;}
#orderNumber h2{background:none;display:inline;font-size:11px;}
#orderNumber p{font-weight:700;font-size:20px;}

#orderConfirmation{margin-top:20px;}
#orderContent{background:#f4f4f4;border:1px solid #e9e9e9;overflow:hidden;padding:10px;}
#orderText{float:left;}
#orderContent td{padding:2px 10px;}

#pageConfirm h1{margin-bottom:25px;}
#pageConfirm #summary{display:none;}

#ebit{text-align:center;margin:30px 0 20px;}

#barCode{padding-top:10px;}
#barCode dt{float:left;margin-right:6px;}
#barCode dd{font-weight:700;}

/* ---------------------------------------- */
/* jquery ui                                */
/* ---------------------------------------- */
.ui-widget{font-size:1em;}
.ui-widget p{margin:8px 0;}