
/* ============================= */
/* ========= container ========= */
/* ============================= */
body { background:#f6f6f6;}

.content { font-family:bookman old style, new york, times, serif; width:450px;}
.content h3{ font-size:20px; color:#787878; padding-bottom:30px;}
.content p{ font-size:11px; color:#3d3d3d; line-height:14px;}
.content .button{ overflow:hidden; display:block; float:right; padding-top:15px;}
.content .button a{ font-size:10px; font-weight:700; text-decoration:none; display:block; padding-right:27px; color:#3d3d3d; background:url(../images/icons2.gif) no-repeat right -560px; float:left;}
.content .button a:hover { color:#3d3d3d; text-decoration:underline;}

.content2 { font-family:bookman old style, new york, times, serif; width:350px;}
.content2 h3{ font-size:20px; color:#787878; padding-bottom:30px;}
.content2 p{ font-size:11px; color:#3d3d3d; line-height:14px;}
.content2 .button{ overflow:hidden; display:block; float:right; padding-top:15px;}
.content2 .button a{ font-size:10px; font-weight:700; text-decoration:none; display:block; padding-right:27px; color:#3d3d3d;  background:url(../images/icons2.gif) no-repeat right -561px; float:left;}
.content2 .button a:hover { color:#3d3d3d; text-decoration:underline;}


.content3 { font-family:bookman old style, new york, times, serif; width:510px;}
.content3 h3{ font-size:20px; color:#787878;  background:url(../images/icons2.gif) no-repeat left -801px; display:block; float:left; padding-left:25px; }
.text {clear:both;}
.text p{ font-size:11px; color:#3d3d3d; line-height:14px; padding-top:15px; }

.content4 { font-family:bookman old style, new york, times, serif; width:510px;}
.content4 h3{ font-size:20px; color:#787878;  background:url(../images/icons2.gif) no-repeat left -843px; display:block; float:left; padding-left:25px; }

.content5 { font-family:bookman old style, new york, times, serif; width:510px;}
.content5 h3{ font-size:20px; color:#787878;  background:url(../images/icons2.gif) no-repeat left -882px; display:block; float:left; padding-left:25px; }

.contentStateOrder { font-family:bookman old style, new york, times, serif; width:450px;}
.contentStateOrder h3{ font-size:20px; color:#787878; padding-bottom:30px;}
.contentStateOrder p{ font-size:11px; color:#3d3d3d; line-height:14px;}
.contentStateOrder .noteAndButton { width:450px; overflow:hidden; padding-top:20px;}
.contentStateOrder .noteAndButton .note{ float:left; width:350px; font-size:10px; line-height:12px; color:#787878; }
.contentStateOrder .noteAndButton .button{   float:right; padding-top:2px;}
.contentStateOrder .noteAndButton .button a{ font-size:10px; font-weight:700; text-decoration:none; display:block; padding-right:27px; color:#3d3d3d; background:url(../images/icons2.gif) no-repeat right -560px; float:left;}
.contentStateOrder .noteAndButton .button a:hover { color:#3d3d3d; text-decoration:underline;}


.contentMessage { font-family:bookman old style, new york, times, serif; width:510px;}
.contentMessage .text{clear:both;}
.contentMessage .text p{ font-size:18px; color:#787878;}

/*CHANGE BILLING DATA*/
.changeBillingData {width:620px; font: 14px 'PT-Sans', sans-serif;}
.changeBillingData .title {font: 700 12px "PT-Sans",sans-serif; font-size:20px; color:#383D4B !important; font-weight:700; padding-bottom:20px; text-transform: uppercase;}
.changeBillingData .contentChangeAddress{ display:block; overflow:hidden;}
.changeBillingData .contentChangeAddress .text { font-size:14px; color:#383D4B; padding-bottom:5px;}

.tableChangeAddress { width:620px; border:none;}
.tableChangeAddress thead {}
.tableChangeAddress thead th{ font-size:14px; color:#FFF; background:#383D4B;  height:22px; text-align:left; vertical-align:middle; }
.tableChangeAddress tbody { }
.tableChangeAddress tbody td{color:#383D4B; font-size:12px; vertical-align:middle; padding-top:2px; padding-bottom:2px; font-weight:700;}
.tableChangeAddress tbody td.country { font-size:12px; }

.changeBillingData .contentNewAddress { display:block; overflow:hidden; margin-top:30px;}
.changeBillingData .contentNewAddress .text { font-size:14px; color:#383D4B; padding-bottom:5px;}
.changeBillingData .contentLeft { width:310px; float:left; }
.changeBillingData .contentRight { width:288px; float:left;}

.changeBillingData .form {}
.changeBillingData .form .inputForm{ width:268px; overflow:hidden; padding-bottom:5px; }
.changeBillingData .form .inputForm input{ width:264px;}
.changeBillingData .form .inputForm label{ font-size:12px; color:#272727; display:block; padding-bottom:1px;}
.changeBillingData .form .inputForm span{ background:url(../images/bg_input_search.gif) no-repeat left top; width:268px; height:30px; display:block;}
.changeBillingData .form .inputForm span input{margin: 3px 0px 3px 4px; width:260px; background:#fff; color:#676767; font-size:11px; border:none; float:left; padding:3px 0px;}
.changeBillingData .form .inputForm span cite { float:left; background:url(../images/bg_input_search.gif) no-repeat right -30px; width:4px; height:30px; display:block; font-style:normal; }
.changeBillingData .form .inputForm select{width:268px; padding-top:3px; margin-top:1px;  background:#fff; font-size:13px; border: 1px solid groove; }

.changeBillingData .form .inputForm2{ width:268px; overflow:hidden;padding-bottom:5px; }
.changeBillingData .form .inputForm2 .postalCode { float:left; width:120px;}
.changeBillingData .form .inputForm2 .postalCode label{ font-size:12px; color:#272727; display:block; padding-bottom:1px;}

.changeBillingData .postalCodeform { overflow:hidden; width:106px;}
.changeBillingData .postalCodeform input { width:75px;}
.changeBillingData .postalCodeform span.fourDigits{ background: url(../images/bg_input_search.gif) no-repeat left top; width:68px; height:30px; display:block; float:left;  margin-right:4px;}
.changeBillingData .postalCodeform span.fourDigits input{margin: 3px 0px 3px 4px; width:59px; background:#fff; color:#676767; font-size:11px; border:none; float:left; padding:3px 0px;}
.changeBillingData .postalCodeform span.fourDigits cite { float:left; background: url(../images/bg_input_search.gif) no-repeat right -30px; width:4px; height:30px; display:block; font-style:normal; }

.changeBillingData .postalCodeform span.threeDigits{ background:url(../images/bg_input_search.gif) no-repeat left top; width:40px; height:30px; display:block; float:left;}
.changeBillingData .postalCodeform span.threeDigits input{margin: 3px 0px 3px 4px; width:32px; background:#fff; color:#676767; font-size:11px; border:none; float:left; padding:3px 0px;}
.changeBillingData .postalCodeform span.threeDigits cite { float:left; background: url(../images/bg_input_search.gif) no-repeat right -30px; width:4px; height:30px; display:block; font-style:normal; }

.changeBillingData .form .inputForm2 .locale { float:left; width:140px; margin-left:8px;}
.changeBillingData .form .inputForm2 .locale input { width:136px;}
.changeBillingData .form .inputForm2 .locale label {font-size:12px; color:#272727; display:block; padding-bottom:1px;}
.changeBillingData .form .inputForm2 .locale span{ background:url(../images/bg_input_search.gif) no-repeat left top; width:140px; height:30px; display:block; float:left;}
.changeBillingData .form .inputForm2 .locale span input{margin: 3px 0px 3px 4px; width:132px; background:#fff; color:#676767; font-size:11px; border:none; float:left; padding:3px 0px;}
.changeBillingData .form .inputForm2 .locale span cite { float:left; background:url(../images/bg_input_search.gif) no-repeat right -30px; width:4px; height:30px; display:block; font-style:normal; }

.changeBillingData .btnSend{ overflow:hidden; display:block; float:right; padding-top:20px; padding-right:10px;}
.changeBillingData .btnSend input{ font-size:14px; border:none; width:32px; color:#fff; background-color:#383D4B; margin-right: 10px; cursor:pointer;}


/*SENDFRIEND*/

.sendFriend {font-family:bookman old style, new york, times, serif; width:503px; margin-left:10px; }
.sendFriend .title { font-size:20px; color:#787878; font-weight:700; padding-bottom:30px;}
.sendFriend .contentMyIdentification{ display:block; overflow:hidden;}
.sendFriend .contentMyIdentification .text { font-size:11px; color:#3d3d3d; padding-bottom:2px;}
.sendFriend .contentMyIdentification .fields {  }
.sendFriend .contentMyIdentification .fields .inputField{float:left; background:url(../images/bg_input_send-friend.gif) no-repeat left top; width:190px; height:22px; margin-right:5px;}
.sendFriend .contentMyIdentification .fields .inputField input{ width:179px; height:17px; margin-left:5px; margin-top:1px;  background:#fff;  color:#676767; font-size:11px; border:none;}

.sendFriend .contentFriendIdentification { display:block; overflow:hidden; margin-top:30px;}
.sendFriend .contentFriendIdentification .text {font-size:11px; color:#3d3d3d; padding-bottom:2px;}
.sendFriend .contentFriendIdentification .fields {}
.sendFriend .contentFriendIdentification .fields .inputField{float:left; background:url(../images/bg_input_send-friend.gif) no-repeat left top; width:190px; height:22px; margin-right:5px;  margin-bottom:5px;}
.sendFriend .contentFriendIdentification .fields .inputField input{width:179px; height:17px; margin-left:5px; margin-top:1px;  background:#fff;  color:#676767; font-size:11px; border:none;}

.sendFriend .message { margin-top:30px;}
.sendFriend .message .text {font-size:11px; color:#3d3d3d; padding-bottom:3px;}
.sendFriend .message textarea { width:475px; border:none; background: #fff; height:100px;font-family:bookman old style, new york, times, serif; font-size:11px; color:#676767; }

.box2{ background: #fff; clear:both; margin-top:-1px; border:#bcbcbc 1px solid; width:485px; }
.box2 .boxTop{ height:4px; background: url(../images/img_corners_send-friend.gif) no-repeat -4px top; position:relative; margin:-1px 0 0 -1px;}
.box2 .boxTop span{ background:url(../images/img_corners_send-friend.gif) no-repeat left 0px; display:block; height:4px; width:4px; position:absolute; right:0px; _right:-2px; overflow:hidden; margin-right:-1px;}
.box2 .boxMain{ padding:5px}
.box2 .boxEnd{ height:4px; background:url(../images/img_corners_send-friend.gif) no-repeat -4px bottom; position:relative; margin:0 0 -1px -1px; clear:both;}
.box2 .boxEnd span{background:url(../images/img_corners_send-friend.gif) no-repeat left -4px; display:block; height:4px; width:4px; position:absolute; right:0px; _right:-2px; overflow:hidden; margin-right:-1px;}


.sendFriend .btnSend{ overflow:hidden; display:block; float:right; padding-top:5px; margin-right:12px;}
.sendFriend .btnSend input{font-family:bookman old style, new york, times, serif; font-size:10px; font-weight:700; border:none; width:70px; color:#3d3d3d; background:#f6f6f6 url(../images/icons2.gif) no-repeat right -559px; padding-right:22px; cursor:pointer;}


.contentThickbox {font-family:bookman old style, new york, times, serif;}
.contentThickbox h1 {display:block; background:url(../images/img_sugestaoEbook.gif) no-repeat top left; width:160px; height:25px; font-size:0; padding-bottom:10px; color:#f6f6f6;}
.contentThickbox .ebookSuggestionContent {width:390px; border-top:1px #c0c0c0 solid; padding:10px 0; display:block; height:150px;}
.contentThickbox .ebookSuggestionContent .bookArea {width:100px; height:150px; padding-right:20px; float:left;}
.contentThickbox .ebookSuggestionContent .bookArea img {width:100px; height:150px;}
.contentThickbox .ebookSuggestionContent .infoArea {float:left; width:270px; height:150px;}
.contentThickbox .ebookSuggestionContent .infoArea .mainInfo {height:86px;}
.contentThickbox .ebookSuggestionContent .infoArea .mainInfo strong {color:#3d3d3d; font-size:18px; display:block;}
.contentThickbox .ebookSuggestionContent .infoArea .mainInfo em {color:#787878; font-size:12px; font-style:normal;}
.contentThickbox .ebookSuggestionContent .infoArea .priceInfo {color:#3d3d3d; font-size:12px; vertical-align:bottom; line-height:12px;}
.contentThickbox .ebookSuggestionContent .infoArea .priceInfo span.price {color:#FF4545; font-size:35px; font-weight:700; display:block; line-height:32px;}
.contentThickbox .ebookSuggestionContent .infoArea .priceInfo em {color:#ff0000; font-style:normal;}
.contentThickbox .userOptions {display:block; clear:both; font-size:11px; border-top:1px #c0c0c0 solid; padding:10px 0;}
.contentThickbox .userOptions img {display:block;}
.contentThickbox .userOptions a {display:block;}
.contentThickbox .userOptions a.respostaSim {color:#ff4545 !important;}
.contentThickbox .userOptions a.respostaNao {color:#3d3d3d !important;}



