/* RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } 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; } body { background:#D2E9F0 url(../images/background-html.jpg) repeat-x; color: #6A6A6A; font:13px/1.231 arial, helvetica, clean, sans-serif; } /* ====== Fundo generico ====== */ .fundoInput, .fundoInputErro { background:transparent url(../images/bg-form-busca-cadastro.gif) no-repeat scroll left top; display:inline; padding:3px 0px 0px 5px; float:left; height:30px; margin-top:5px; } .fundoInputErro { background:transparent url(../images/cadastro-erro-validacao-bg2.gif) no-repeat scroll left top; } .fundoInput input, .fundoInputErro input { border:none; background:transparent url(../images/bg-form-busca-cadastro-bug.jpg) repeat-x -2px -2px; padding:5px 0px 0; float:left; font-size:100%; border-width:0; } .fundoInputErro input { background:transparent url(../images/bg-form-busca-cadastro-erro-bug.jpg) repeat-x -2px -2px; } .fundoInputBorda, .fundoInputBordaErro { float:left; width:7px; height:30px; background:transparent url(../images/bg-form-busca-dir.gif) no-repeat; margin-top:-3px; margin-right:-2px; } .fundoInputBordaErro { background:transparent url(../images/cadastro-erro-validacao-borda.gif) no-repeat; } /* ====== Fundo generico ====== */ /*---------------------------- INPUTS DE TEXTO ---------------------------- */ input.text0{width:220px;} input.text1{width:190px;} input.text2{width:100px; margin-left:3px;} input.text3{width:22px;} input.text4{width:118px;} input.text5{width:290px;} input.text6{width:40px;} input.text7{width:25px; padding:8px 5px 0px 5px !important; text-align:center; font-weight:bold; color:#6A6A6A;} input.text8{width:75px} input.text9{width:45px;} input.text10{width:555px;} input.text11{width:250px;} input.text12{width:150px;} input.text13{width:280px;} input.text14{width:200px;} /*input.textCep1{width:40px;}*/ input.textCep1{width:50px;} /*input.textCep2{width:24px;}*/ input.textCep2{width:30px;} input.text15{width:50px;} input.text268 { width:268px; } input.text470 { width:470px; } input.text330 { width:330px; } input.text130 { width:130px; } input.text325 { width:325px; } input.text240 { width:240px; } input.text258 { width:258px; } input.textCep1, input.textCep2 { background:#FFFFFF url(../images/bg-form-busca-cadastro.jpg) no-repeat scroll left top; border:medium none; display:inline; float:left; font-size:85%; height:20px; margin:5px 0 0 4px; padding:10px 10px 0; } /*---------------------------- INPUTS DE TEXTO FIM ---------------------------- */ /*---------------------------- Library ---------------------------- */ .posRelative {position:relative} .posAbsolute {position:absolute} .floatLeft{float:left;} .floatRight{float:right;} .floatNone{float:none;} .inline {display:inline;} .pointer{cursor:pointer;} .noPad{padding:0px;} .noMarg{margin:0px!important;} .center{text-align:center;} .justify{text-align:justify;} .borderNone{border:none;} .borderGray{border:1px solid #d7ced7;} .leftGrayBorder{border-bottom:0px; border-right:0px; border-top:0px; border-left:1px solid #d7ced7;} .rightGrayBorder{border-bottom:0px; border-right:1px solid #d7ced7; border-top:0px; border-left:0px;} .topGrayBorder{border-bottom:0px; border-right:0px; border-top:1px solid #d7ced7; border-left:0px;} .bottomGrayBorder{border-bottom:1px solid #d7ced7; border-right:0px; border-top:0px; border-left:0px;} .noBorderBottom {border-bottom:0;} .lineHeight25{line-height:25px;} .lineHeight27{line-height:27px;} .lineHeight35{line-height:35px;} .lineHeight40{line-height:40px;} .width280{width:280px;} .width143{width:143px;} .height150{height:150px;} .height200{height:200px;} .height280{height:280px;} .height400{height:400px;} .height35{height:35px;} .height50{height:50px;} .lightGrey{color:#a9a9a9;} .inline{display:inline;} /*---------------------------- ESPACAMENTOS ---------------------------- */ .sobe {margin-top:-30px;} .desce2 {margin-top:2px;} .desce5 {margin-top:5px;} .desce6 {margin-top:6px;} .desce10 {margin-top:10px;} .desce15 {margin-top:15px;} .desce20 {margin-top:20px;} .desce22 {margin-top:22px;} .desce30 {margin-top:30px!important;} .desce40 {margin-top:40px;} .desce80 {margin-top:80px;} .sobe20{margin-top:-20px;} .left3 {margin-left:3px;} .left5 {margin-left:5px;} .left7 {margin-left:7px;} .left10 {margin-left:10px;} .left15 {margin-left:15px!important;} .left20 {margin-left:20px;} .left30 {margin-left:30px;} .left25 {margin-left:25px;} .left35 {margin-left:35px;} .left50 {margin-left:50px;} .left55 {margin-left:55px;} .right5{margin-right:5px;} .right10{margin-right:10px;} .posLeftChat {position:relative; left:295px;}; .padTop5{padding-top:5px;} .padTop6{padding-top:6px;} .padTop10{padding-top:10px;} .padTop20{padding-top:20px;} .padLeft10{padding-left:10px;} .padLeft17{padding-left:17px;} .padLeft20{padding-left:20px;} .padLeft40{padding-left:40px;} .padLeft70{padding-left:70px;} .padRight17{padding-right:17px;} .padRight20{padding-right:20px;} .padRight60{padding-right:60px;} .pad20{padding:20px;} .pad5 { padding:5px;} .top18{position:relative; top:18px;} .bottom10{margin-bottom:10px;} .marginAuto { margin: 0 auto;} .marginRight10{ margin-right:10px;} span.desce {position:relative; top:30px; left:-87px;} .roundTableLT{ background:url(../images/pgto-topo-tabela.jpg); } .roundTableM{ background:url(../images/pgto-topo-tabela.jpg) center top; } .roundTableRT{ background:url(../images/pgto-topo-tabela.jpg) right top; } .roundTableLB{ background:url(../images/pgto-bg-campos-corner.gif) left bottom #F2F2E8; } .roundTableRB{ background:url(../images/pgto-bg-campos-corner.gif) right bottom #F2F2E8; } .trHeight35 { height:35px;} .linhaCampo{ float:left; width:100%; } .lineLeft{ background:url(../images/pgto-valor-bg.jpg) repeat-y left 0px ; /* border-left:1px solid #ccc;*/ } .lineRight{ background:url(../images/pgto-valor-bg.jpg) repeat-y right 0px ; } .lineVerticalTop{ background:url(../images/pgto-vertical-valor-bg.jpg) repeat-x top ; } .imgfundoYellow{ background:url(../images/fundoYellow.gif) repeat-y 1px -1px ; } .imgfundoBlue{ background:url(../images/fundoBlue.gif) repeat-y 1px -1px ; } .imgfundoWhite{ background:url(../images/fundoWhite.gif) repeat-y 1px -1px ; /**/ } .correcaoBordaIE{ position:relative; top:30px; } /* ====== Fonts ====== */ body { *font-size:small; *font:x-small; } select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; } table { font-size:inherit; font:100%; } pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } /* **************** CONTENT OBJECTS ***************** */ /* ====== Default spacing ====== */ h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px 0px;} h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;} pre{margin: 10px;} table h1, table h2, table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;} /* ====== Elements ====== */ img{display:block;} em{font-style: italic;} strong, .strong, .strong a {font-weight:bold;} normal, .normal, .normal a {font-weight:normal;} .italic {font-style:italic} code{color:#0B8C8F;} th, td{vertical-align:top;border:none;} cite{display:block; text-align:right; padding-top: 10px;} /* ====== Headings ====== */ /* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */ h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#29868E;} /*h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}*/ h2, .h2{font-size:25px; font-weight:bold; font-style: normal; color:#1DA9B8;} h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#29868E;} h4, .h4{font-size:116%; font-weight:normal; font-style: normal; color: #333;} h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#29868E;} h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;} .content .breadcrumb a { color:#999; font-size:12px; font-weight:bold; } .content .breadcrumb h1, .content .breadcrumb h2 { font-weight:bold; margin:2px 0 0 -2px; } .content .breadcrumb span.skuCode { margin-left: 5px; font-size:13px; color: #888; font-weight: normal; position:relative; top:-3px; } h2.colors, h3.colors { float:left; display:inline; width:100%; height:33px; margin:8px 0px 0px 8px; padding:0px 0px 0px 15px; color:#fff; font-size:108%; line-height:250%; font-weight:bold; } h2.colors.blue, h3.colors.blue { width:166px; background:url(../images/bg-h3-color.gif) repeat-x; overflow:hidden; } h2.colors.green, h3.colors.green { width:133px; background:url(../images/bg-h3-color-green.gif) repeat-x; overflow:hidden; } h2.colors.red, h3.colors.red { width:941px; background:url(../images/bg-h3-color-red.gif) repeat-x; overflow:hidden; } h3.colors.faq { width:720px; background:url(../images/bg-h3-color-faq.gif) repeat-x; margin:7px 0px 15px 7px; } h3.colors.atendimento { width:885px; background:url(../images/atendimento-box-title.gif) repeat-x; margin:7px 0px 15px 7px; } h2.tituloPagNaoEncontrada{ width:313px; height:56px; color:#6a6a6a; background:url(../images/icone_pagina_nao_encontrada.gif) no-repeat; padding-left:70px; } h3.noBackground { float:left; display:inline; width:100%; margin:8px 0px 0px 8px; padding:0px 0px 0px 10px; color:#727071; font-size:100%; font-weight:bold } h4.info { float:left; margin:0px; padding:0px 10px 0px 10px; height:22px; background:#F1EEE5 url(../images/left-trace.gif) no-repeat right 6px; } h3.colorBorder { background:#3290B4 url(../images/cadastro-borda-h3-direita.jpg) no-repeat scroll right center; color:#FFFFFF; font-size:141.5%; height:33px; line-height:32px; padding:0; width:100%; } span.colorBorderEsq { float:left; height:33px; width:14px; } .h3blueGray { padding:0 15px; height:33px; width:93.5%; margin:-4px auto 10px auto; display:block; position:relative; background:#3290b4; color:#FFF; font:bold 131%/33px Arial, Helvetica, sans-serif; } .h3blueGray .left { background:url(../images/bg-h3-color.gif) left top no-repeat; position:absolute; left:0; top:0; height:33px; width:9px; display:block;} .h3blueGray .right { background:url(../images/bg-h3-color.gif) right top no-repeat; position:absolute; right:-1px; top:0; height:33px; width:9px; display:block;} h3.colorBorder.blueTitle, h3.colorBorder.blueTitle2 { background:#3290B4 url(../images/cadastro-borda-h3-direita.jpg) no-repeat scroll right center; float:left; } h3.colorBorder.blueTitle2 { background:#20A9BA url(../images/cadastro-bg-camposmenor.jpg) no-repeat scroll right center; } span.colorBorderEsq.blueTitle, span.colorBorderEsq.blueTitle2 { background:transparent url(../images/cadastro-borda-h3.jpg) no-repeat scroll 0 0; } span.colorBorderEsq.blueTitle2 { background:transparent url(../images/cadastro-bg-camposmenorEsq.jpg) no-repeat scroll 0 0; } .learningCenter h3, .learningCenter p { margin:0px 0px 0px 75px; color:#318FB3; } .learningCenter h3 { color:#727071; font-size:116%; padding:0px; margin-top:10px; height:20px; font-weight:bold; } .footerGeneral h4{ float:left; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; width:100%; color:#6A6A6A; font-size:123.1%; font-weight:bold; } .footerFinal h4{font-size:116%; font-weight:bold } .font9 {font-size:55%;} /* for setting 9 - used inside h3 */ .font10 {font-size:77%;} /* for setting 10px */ .font11 {font-size:85%;} /* for setting 11px */ .font12 {font-size:93%;} /* for setting 12px */ .font13 {font-size:100%;} /* for setting 13px */ .font14 {font-size:108%;} /* for setting 14px */ .font15 {font-size:116%;} /* for setting 15px */ .font16 {font-size:123.1%;} /* for setting 16px */ .font17 {font-size:131%;} /* for setting 17px */ .font18 {font-size:138.5%;} /* for setting 18px */ .font19 {font-size:146.5%;} /* for setting 19px */ .font20 {font-size:153.9%;} /* for setting 20px */ .font21 {font-size:161.6%;} /* for setting 21px */ .font22 {font-size:167%;} /* for setting 22px */ .font23 {font-size:174%;} /* for setting 23px */ .font24 {font-size:182%;} /* for setting 24px */ .font25 {font-size:189%;} /* for setting 25px */ .font26 {font-size:197%;} /* for setting 26px */ .font169c {font-size:120%; color:#9c9c9c;} /* for setting 16px */ .font28{ font-size:28px;} /* ====== Cores ====== */ .white {color:#FFF} .blue {color:#3D8FBF} .importabtBlue {color:#3D8FBF !important} .green {color:#738E1D} .greenLight {color:#80B85F} .red {color:#E25B01} .orange {color:#E6772F} .grey {color:#6A6A6A} .turquoise {color:#20A9B9} .purple{ color:#a646b5} .cinza{color:#666} .ckDarkBlue{color:#245E90; font-weight:bold} .6a6a6a{color:#6a6a6a} /*NOVAS CORES 10/08/10*/ .gray { color:#808c9c} .darkRed { color:#900000} .darkGreenP { color:#306030} .darkYellow { color:#C8B048} .blueViolet { color:#9070F8} .lightRed { color:#F80000} .pinkP { color:#EE7FAE} .brown { color:#5A3100} /* ====== BUTTONS ====== */ .content .BotaovoltarGuiaCompra div { height:23px; width:115px } /*NOVAS CORES 10/08/10*/ .content.gray .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-gray.gif")} .content.darkRed .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-darkRed.gif")} .content.darkGreenP .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-darkGreenP.gif")} .content.darkYellow .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-darkYellow.gif")} .content.blueViolet .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-blueViolet.gif")} .content.lightRed .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-lightRed.gif")} .content.pinkP .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-pinkP.gif")} .content.brown .botao.BotaovoltarGuiaCompra div { background-image:url("../images/bt-brown.gif")} /*CORES*/ .content.darkBlue .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-darkBlue.gif")} .content.darkGreen .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-darkGreen.gif")} .content.green .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-green.gif")} .content.lightBlue .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-lightBlue.gif")} .content.lightOrange .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-lightOrange.gif")} .content.middleGreen .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-middleGreen.gif")} .content.orange .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-orange.gif")} .content.pink .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-pink.gif")} .content.purple .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-purple.gif")} .content.red .botao.BotaovoltarGuiaCompra div{ background-image:url("../images/bt-red.gif")} .content .details div.botao { width:135px; height:27px } /*NOVAS CORES 10/08/10*/ .content.gray .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-grayG.gif")} .content.darkRed .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-darkRedG.gif")} .content.darkGreenP .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-darkGreenPG.gif")} .content.darkYellow .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-darkYellowG.gif")} .content.blueViolet .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-blueVioletG.gif")} .content.lightRed .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-lightRedG.gif")} .content.pinkP .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-pinkPG.gif")} .content.brown .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-brownG.gif")} /*CORES*/ .content.darkBlue .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-darkBlueG.gif")} .content.darkGreen .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-darkGreenG.gif")} .content.green .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-greenG.gif")} .content.lightBlue .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-lightBlueG.gif")} .content.lightOrange .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-lightOrangeG.gif")} .content.middleGreen .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-middleGreenG.gif")} .content.orange .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-orangeG.gif")} .content.pink .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-pinkG.gif")} .content.purple .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-purpleG.gif")} .content.red .details.assessmentSpecialist div.botao{ background-image:url("../images/bt-redG.gif")} .content .botao.BotaovoltarGuiaCompra span{ color:#FFFFFF; font-size:90%; font-weight:bold; margin-left:18px; margin-top:4px; position:absolute; } .content .details.assessmentSpecialist div.botao span{ color:#FFFFFF; font-size:80%; font-weight:bold; margin-left:21px; margin-top:6px; position:absolute; } .btCat3-pink span{ background:url("../images/bt-red.gif") no-repeat scroll right top transparent; width:115px; height:25px; } /* ====== Botoes ====== */ span.botaoPadrao, span.botaoBlueBg, span.botaoGrayBg, span.botaoGrayGrafiteBg, span.botaoGrayGrafiteReverseBg, span.botaoPurpleBg, span.botaoPurpleBg, span.botaoBlackBg, span.botaoLightBlueBg, span.botaoExcluirProduto, span.botaoSaudeBeleza, span.botaoDarkBlueReverseBg, span.botaoDarkGreenReverseBg, span.botaoGreenReverseBg, span.botaoLightBlueReverseBg, span.botaoLightOrangeReverseBg, span.botaoMiddleGreenReverseBg, span.botaoOrangeReverseBg, span.botaoPinkReverseBg, span.botaoPurpleReverseBg, span.botaoRedReverseBg, span.servicosbotaoDarkBlueReverseBg, span.botaoDarkGreenBg, span.botaoGreenBg, span.botaoLightBlueBg, span.botaoLightOrangeBg, span.botaoMiddleGreenBg, span.botaoOrangeBg, span.botaoPinkBg, span.botaoPurpleBg, span.botaoRedBg, span.servicosbotaoDarkBlueReverseBg{ float:left; background:url(../images/botao-bg.gif) no-repeat right top; height:20px; width:auto; /* margin:0px; */ padding:0px 24px 0px 0px ; line-height:175% } span.botaoBlue{ float:left; background:url(../images/botao-bg.gif) no-repeat right top; height:23px; width:auto; /* margin:0px; */ padding:0px 24px 0px 0px ; line-height:175%; } span.botaoBlue{background:url(../images/botao-bg-blue.gif) no-repeat right center; line-height:175%;} span.botaoBlueBg{background:url(../images/botao-bg-blue26.gif) no-repeat right top; height:26px; line-height:230%; font-size:85%;} span.botaoGrayBg{background:url(../images/botao-bg-gray.gif) no-repeat right top; height:26px; line-height:230%; font-size:85%;} span.botaoGrayGrafiteBg{background:url(../images/botao-grey-grafite.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoGrayGrafiteReverseBg{background:url(../images/botao-grey-grafiteReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.botaoPurpleBg{background:url(../images/botao-purpleReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoPurpleReverseBg{background:url(../images/botao-purpleReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.botaoDarkBlueReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.servicosbotaoDarkBlueReverseBg{background:url(../images/botao-servicosReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } /* :servicos */ span.botaoDarkGreenBg{background:url(../images/botao-darkGreenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoGreenBg{background:url(../images/botao-greenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoLightBlueBg{background:url(../images/botao-lightBlueReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoLightOrangeBg{background:url(../images/botao-lightOrangeReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoMiddleGreenBg{background:url(../images/botao-middleGreenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoOrangeBg{background:url(../images/botao-orangeReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoPinkBg{background:url(../images/botao-pinkReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoPurpleBg{background:url(../images/botao-purpleReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoRedBg{background:url(../images/botao-redReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;} span.botaoPurpleReverseBg{background:url(../images/botao-purpleReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } /*span.botaoBlueBg{background:url(../images/botao-blue.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%;}*/ /*span.botaoblueReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; }*/ span.botaoLightBlueBg{background:url(../images/botao-bg-lightblue.gif) no-repeat right top; height:26px; line-height:230%; font-size:85%;} span.botaoBlackBg {background:url(../images/botao-bg-grey.gif) no-repeat right top; height:26px; line-height:230%; font-size:85%;} span.botaoExcluirProduto{background:url(../images/BotaoFechar.jpg) no-repeat right top; height:26px; line-height:180%; font-size:85%; margin:15px 0px 0px 0px;} span.botaoSaudeBeleza{background:url(../images/botao-bg-saude-beleza.gif) no-repeat right center; line-height:175%; margin-top: 7px;} span.bordaDir, span.bordaDirGrayBg, span.bordaDirBlueBg, span.bordaDirBlueGrafiteBg, span.bordaDirGrayGrafiteReverseBg, span.bordaDirDarkBlueBg, span.bordaDirDarkGreenBg, span.bordaDirGreenBg, span.bordaDirLightBlueBg, span.bordaDirLightOrangeBg, span.bordaDirMiddleGreenBg, span.bordaDirOrangeBg, span.bordaDirPinkBg, span.bordaDirPurpleBg, span.bordaDirRedBg, span.bordaDirPurpleReverseBg, span.bordaDirLightBlueBg, span.bordaDirBlackBg, span.bordaDirLightBlueBg, span.bordaDirExcluirProduto, span.bordaDirSaudeBelezaBg, span.bordaDirDarkBlueReverseBg, span.bordaDirDarkGreenReverseBg, span.bordaDirGreenReverseBg, span.bordaDirLightBlueReverseBg, span.bordaDirLightOrangeReverseBg, span.bordaDirMiddleGreenReverseBg, span.bordaDirOrangeReverseBg, span.bordaDirPinkReverseBg, span.bordaDirPurpleReverseBg, span.bordaDirRedReverseBg, span.servicosbordaDirDarkBlueReverseBg{ float:left; background:url(../images/botao-bg.gif) no-repeat left top; display:block; width:14px; height:20px; } span.bordaDirBlue { float:left; background:url(../images/botao-bg.gif) no-repeat left top; display:block; width:14px; height:23px; background:url(../images/botao-bg-blue.gif) no-repeat left center;} span.bordaDirBlueBg {background:url(../images/botao-bg-blue26.gif) no-repeat left top; height:26px;} span.bordaDirLightBlueBg {background:url(../images/botao-bg-lightblue.gif) no-repeat left top; height:26px;} span.bordaDirBlueGrafiteBg{background:url(../images/botao-grey-grafite.gif) no-repeat left top; } span.bordaDirGrayGrafiteReverseBg{background:url(../images/botao-grey-grafiteReverse.gif) no-repeat left top; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.bordaDirDarkBlueBg{background:url(../images/botao-darkBlueReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirDarkGreenBg{background:url(../images/botao-darkGreenReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirGreenBg{background:url(../images/botao-greenReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirLightBlueBg{background:url(../images/botao-lightBlueReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirLightOrangeBg{background:url(../images/botao-lightOrange.png) no-repeat scroll left top #FFFFFF;} span.bordaDirMiddleGreenBg{background:url(../images/botao-middleGreenReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirOrangeBg{background:url(../images/botao-orangeReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirPinkBg{background:url(../images/botao-pinkReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirPurpleBg{background:url(../images/botao-purpleReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirRedBg{background:url(../images/botao-redReverse.png) no-repeat scroll left top #FFFFFF;} span.bordaDirPurpleReverseBg{background:url(../images/botao-purpleReverse.png) no-repeat left top; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.bordaDirDarkGreenReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat left top; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.servicosbordaDirDarkBlueReverseBg{background:url(../images/botao-servicosReverse.gif) no-repeat left top; width:20px; color:#FFF; line-height:170%; font-size:85%;} /* :servicos */ span.bordaDirblueBg{background:url(../images/botao-blue.gif) no-repeat left top;} span.bordaDirblueReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat left top; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.bordaDirGrayBg {background:url(../images/botao-bg-gray.gif) no-repeat left top; height:26px; width:27px;} span.bordaDirBlackBg {background:url(../images/botao-bg-grey.gif) no-repeat left top; height:26px;} span.bordaDirExcluirProduto {background:url(../images/BotaoFechar.jpg) no-repeat left top; height:26px; width:27px;} span.bordaDirSaudeBelezaBg {background:url(../images/botao-bg-saude-beleza.gif) no-repeat left top; height:20px;} span.bordaDirDarkBlueReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoDarkBlueReverseBg{background:url(../images/botao-blueReverse.gif) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirDarkGreenReverseBg{background:url(../images/botao-darkGreenReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoDarkGreenReverseBg{background:url(../images/botao-darkGreenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirGreenReverseBg{background:url(../images/botao-greenReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoGreenReverseBg{background:url(../images/botao-greenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirLightBlueBg{background:url(../images/botao-lightBlueReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoLightBlueReverseBg{background:url(../images/botao-lightBlueReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirLightOrangeBg{background:url(../images/botao-lightOrangeReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoLightOrangeReverseBg{background:url(../images/botao-lightOrangeReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirMiddleGreenBg{background:url(../images/botao-middleGreenReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoMiddleGreenReverseBg{background:url(../images/botao-middleGreenReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirOrangeReverseBg{background:url(../images/botao-orangeReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoOrangeReverseBg{background:url(../images/botao-orangeReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirPinkBg{background:url(../images/botao-pinkReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoPinkReverseBg{background:url(../images/botao-pinkReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirPurpleReverseBg{background:url(../images/botao-purpleReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoPurpleReverseBg{background:url(../images/botao-purpleReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } span.bordaDirRedReverseBg{background:url(../images/botao-redReverse.png) no-repeat scroll left top #FFFFFF; width:20px; color:#FFF; line-height:170%; font-size:85%;} span.botaoRedReverseBg{background:url(../images/botao-redReverse.png) no-repeat right top; color:#FFF; line-height:170%; font-size:85%; padding-right:10px; } /* ====== Links ====== */ a { color: #6A6A6A; font-weight:normal;text-decoration: none } a:focus, a:hover { text-decoration: underline } a:visited { color:#6A6A6A; } .underline a{text-decoration:underline;} .underline a:hover{text-decoration:none;} .listaProdutos .vejaMais { float:left; width:240px; display:inline; height:26px; margin:10px -10px 0px -10px; border-top:1px solid #DEDBD6; padding:5px 0px 0px 10px; color: #9A3517; font-weight:normal; text-decoration: underline; background:#F1E8E1; font-size:85%; line-height:150%; } .listaProdutos .vejaMais span.text { float:left; width:auto; } .listaProdutos .vejaMais span.bullet { width:10px; height:15px; float:left; background: url(../images/bullet-veja-mais.gif) no-repeat right 6px; text-indent:-9999px; } .listaProdutos a:link.vejaMais, .listaProdutos a:visited.vejaMais {color:#9A3517; text-decoration:underline; } .listaProdutos a:focus.vejaMais, .listaProdutos a:hover.vejaMais { color: #9A3517; text-decoration:none; } .listaProdutos a:visited.vejaMais { color:#9A3517; } span.botao a { color: #fff; font-weight:normal; text-decoration:none; width:auto; height:auto; float:left; cursor:pointer;} span.botao a:focus, span.botao a:hover { text-decoration:underline } span.botao a:visited { color:#fff; } .botaoExcluirProdu{ border:1px solid #F00; position:relative; float:left; width:200px; margin-left:40px;} /* footer general */ .footerGeneral li a:link {color:#9E9E9E} .footerGeneral li a:visited {color:#9E9E9E} .footerGeneral li a:hover {color:#1FA8B8} .footerGeneral li a:active {color:#9E9E9E} /* lista produtos */ .listaProdutos li h3, .listaProdutosList li h3{font-size:85%; font-weight:bold; font-style: normal; color:#ccc; height:55px; } .listaProdutos li h3 a, .listaProdutosList li h3 a{color:#6a6a6a;font-weight:bold;} .listaProdutos li p, listaProdutos p.preco, .listaProdutosList li p, listaProdutosList p.preco {font-size:77%; font-weight:normal; font-style: normal; color:#6a6a6a;line-height:170%;margin-top:5px;letter-spacing:-0.25px;} .listaProdutos li p.preco, .listaProdutosList li p.preco {height:110px; margin:0; padding:0; } .listaProdutos.tri li p.preco {height:77px; margin:0; padding:0; } .listaProdutos li p.preco.indisponivel {width:100%; margin:0; padding:0; background:url(../images/produto-indisponivel.gif) no-repeat 0px 23px} .listaProdutosList li p.preco.indisponivel {background:url(../images/produto-indisponivel.gif) no-repeat 0px 10px; float:left;width:200px;height:74px;} .listaProdutosList li p.preco {height:95px;} .listaProdutos li p a, .listaProdutosList li p a{color:#6a6a6a;} .listaProdutos li .valorDe, .listaProdutosList li .valorDe {font-weight:bold; font-style: normal; font-size:108%} .listaProdutos li. span.precoDe {height:12px; width:auto; margin:0; padding:0;} .listaProdutos li .valorPor, .listaProdutosList li .valorPor {font-size:182%;font-weight:bold; font-style: normal; color:#d45f0f;} .listaProdutos li .valorCartaoCredito, .listaProdutosList li .valorCartaoCredito {font-size:108%;font-weight:bold; font-style: normal; color:#d45f0f;} .listaProdutos li .valorCartaoCarrefour, .listaProdutosList li .valorCartaoCarrefour {font-size:116%;font-weight:bold; font-style: normal; color:#3f8fc0;} .listaProdutosList li h3{ height:auto; margin:0; padding:0; width:75%; } .listaProdutosList li .preco br.hidebr {display:none;} /* produtos recomendados STRONG preco*/ .footer .footerInfo .produtosRecomendados li span strong{font-size:108%;font-weight:bold; font-style: normal; color:#d45f0f;} /* span{font-size:85%} */ /* ====== Boxes ====== */ .boxLeft, .boxRight, .boxFull, .boxMinhaConta, .boxWhite, .boxWhiteMini, .boxWhiteMiniGuiaCompra, .boxMiddle, .boxReview { padding: 0px; overflow:hidden; margin-top: 11px; } .boxLeft span.boxLeftBorder, .boxRight span.boxRightBorder, .boxFull span.boxFullBorder, .boxMinhaConta span.boxMinhaContaBorder, .boxWhite span.boxWhiteBorder, .boxWhiteMiniGuiaCompra span.boxWhiteBorderGuiaCompra, .boxMiddle span.boxMiddleBorder, .boxReview span.boxReviewBorder{ float:left; padding: 0px; margin: -10px 0px 0px 0px; height: 20px; } .boxLeft {margin-top:11px; width:198px; background: #F1EEE5 url(../images/left-box-bg.gif) no-repeat top left;} .boxLeft span.boxLeftBorder {width: 198px; background: transparent url(../images/left-box-bg.gif) no-repeat -198px top;} .boxRight {margin-top:0px; width:167px;background: #F1EEE5 url(../images/right-box-bg.gif) no-repeat top left;} .boxRight span.boxRightBorder{width: 167px;background: transparent url(../images/right-box-bg.gif) no-repeat -167px top;} .boxFull {margin:-10px 0 25px 0; width:974px;background: #F1EEE5 url(../images/full-box-bg.gif) no-repeat top left; display:none;} .boxFull span.boxFullBorder{width: 974px; background: transparent url(../images/full-box-bg.gif) no-repeat -974px top;} .boxWhite {float:left;margin-top:0px; width:209px;background: #fff url(../images/white-box-bg.gif) no-repeat top left;} .boxWhite span.boxWhiteBorder{float:left;width: 209px; background: transparent url(../images/white-box-bg.gif) no-repeat -209px top;} .boxWhiteMini, .boxWhiteMiniGuiaCompra {float:left; height:173px; margin-top:0px; width:209px;background: #fff url(../images/white-box-bg-mini.gif) no-repeat top left;} .boxMiddle {float:left;margin-top:0px; width:476px; background: url(../images/middle-box-bg.gif) no-repeat top left;} .boxMiddle span.boxMiddleBorder{width: 476px; background: transparent url(../images/middle-box-bg.gif) no-repeat -476px top;} .box3 {float:left;margin-top:0px; width:300px; background: url(../images/box3-bg.gif) no-repeat top left;} .box3 span.box3Border{width:300px; height:30px; display:block; background: transparent url(../images/box3-bg.gif) no-repeat -300px top;} .box3Entrega {float:left; margin:18px 0px 0px 18px; width:300px; background: url(../images/box3-entrega-bg.gif) no-repeat top left;} .box3Entrega span.box3EntregaBorder{width:300px; height:30px; display:block; background: transparent url(../images/box3-entrega-bg.gif) no-repeat -300px top;} .box3Entrega span.text {padding:15px 20px 0px; font-weight:normal; display:block;} .box2Entrega {float:left; margin:18px 18px 0px 18px; width:450px; background: url(../images/box2-entrega-bg.gif) no-repeat top left;} .box2Entrega span.box2EntregaBorder{background:transparent url(../images/box2-entrega-bg.gif) no-repeat scroll -450px top;display:block;height:30px;width:450px;} .box2Entrega span.text {padding:15px 20px 0px; font-weight:normal; display:block;} .boxReview {position:relative; float:right; margin:0 0 20px 10px; clear:both; padding:0; width:131px; background: #F1EEE5 url(../images/box-review-bg.gif) no-repeat top left;} .boxReview span.boxReviewBorder {position:absolute; bottom:0px; width: 131px; margin:0px; padding:0px; height:11px; background: transparent url(../images/box-review-bg.gif) no-repeat -132px top;} .innerReview {padding: 5px 13px;} .nameReview, .descReview {font-size:77%; color:#91908B;} p.descReview {font-size:77%!important;line-height:150%;} .imgReview {background:url(../images/bg-photo-boxPreview.gif) no-repeat 0 0;width:102px; float:left;height:102px; padding:4px 0px 0px 4px; margin:8px 0px;} .imgReviewContainer {float:left; width:97px; height:97px; overflow:hidden;} .boxReview span.saibaMais { font-weight:normal; font-size:85%; padding:0px; /*background:url(../images/bullet-saiba-mais-review.gif)no-repeat 0px 0px; */ height:12px; display:block; margin:10px 0px; width:100% } .boxWhiteCol { float:left; margin:0px 0px 8px 0px; width:181px;display:inline; background: transparent url(../images/learning-center-bg.jpg) no-repeat top left; } .boxWhiteCol span.bordaEnd { float:left; height:11px; width:181px; margin:0px; padding:0px; overflow:hidden; margin:-10px 0px 0px 0px; background: transparent url(../images/top-five-bg.gif) no-repeat -181px top; } .width100 {width:100%} .widthTD150 {width:150px} .widthTD30{width:30px;} .widthTD20{width:20px;} .width500{width:500px;} .width468{width:468px;} .width600{width:608px;} .width635{width:635px;} .width650{width:650px;} .width670{width:670px;} .width147{width:147px; } .width190{width:190px; } .boxOrange { margin:20px 0px 0px 10px; height:90px; float:left; background:url(../images/boxOrange.gif) no-repeat scroll right center; padding:0px 18px 0px 0px;} .boxOrange span.boxOrangeLeftBorder{ width:20px; height:90px; float:left; background: transparent url(../images/boxOrange.gif) no-repeat top left;} .boxOrange span.boxOrangeTitleNum{float:left; padding:10px 0px 0px 5px; margin:11px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .boxOrange span.boxOrangeNum{ color:#e15b00; font-size:27px; position:relative; top:3px; margin-left:-6px; letter-spacing:1px;} .boxCodigo { float:left; width:305px; display:inline; padding:0px; margin-left:10px; height:359px; background:url(../images/popup/lb-codigo-bg.gif) no-repeat; } .containerTable{ width:300px; } .table{ float:left; width:100%; height:auto; margin-top:0px; border-top:1px solid #d7ced7; border-bottom:1px solid #d7ced7; } .thead{ float:left; position:relative; height:20px; width:100%; margin-top:-1px; bottom:0; overflow:hidden; } .thead .tdDireita{ background:url(../images/cantoSuperiorDireito.gif) top right no-repeat; float:right; height:17px; width:17px; text-align:right; } .tfooter .tdDireita{ background:url(../images/cantoInferiorDireito.gif) bottom right no-repeat; float:right; height:17px; width:17px; text-align:right; } .thead .tdEsquerda{ background:url(../images/CantoSuperiorEsquerdo.gif) top left no-repeat; float:left; height:17px; width:17px; } .tfooter .tdEsquerda{ background:url(../images/CantoInferiorEsquerdo.gif) bottom left no-repeat; float:left; height:17px; width:17px; } .td{ height:auto; border-left:1px solid #d7ced7; border-right:1px solid #d7ced7; padding:10px; margin:0px; } .tfooter{ float:left; position:relative; height:17px; width:100%; overflow:hidden; margin-top:-3px; bottom:-1px; } .TRheight{ height:35px; } .TRheightCarrinho{ height:117px; } div.mainView div.tabsContainer div.tabsSelection { display:block; height:38px; left:15px; position:absolute; top:-37px; z-index:10; } div.quick-view div.tabsContainer div.tabsSelection { left:5px; top:-52px; } #wrapServicos-popup div.tabsContainer div.tabsSelection{ background: transparent url(../images/tabs-left-bg-servicos.png) no-repeat left top; margin-top:48px; } div.tabsContainer div.tabsSelection ul.tabsList { line-height: 30px; height: 38px; overflow: hidden; padding:0 } #wrapServicos-popup div.tabsSelection ul.tabsList { background: #851f83 url(../images/tabs-right-bg-servicos.png) no-repeat right top; } div.tabsContainer div.tabsSelection ul.tabsList li { background: transparent url(../images/barra-botaoverde.jpg) no-repeat; float: left; margin: 8px 1px 0; width:127px; height:33px; text-align:center; } div.tabsContainer div.tabsSelection ul.tabsList li a { color: #fff; text-decoration: none; outline: none; } div.tabsContainer div.tabsSelection ul.tabsList li.active { background: transparent url(../images/barra-botaobranco.jpg) no-repeat; width:172px; padding-left: 9px; margin-top:1px; height:37px; } #wrapServicos-popup div.tabsContainer div.tabsSelection ul.tabsList li.active{ background: url(../images/tabs-tab-left-bg-servicos.png) no-repeat left top; } div.tabsContainer div.tabsSelection ul.tabsList li.active a { color: #1596a9; padding-right: 9px; font-weight: bold; font-size:12px; height:37px; } #wrapServicos-popup div.tabsSelection ul.tabsList li.active a{ background: #fff url(../images/tabs-tab-right-bg-servicos.png) no-repeat right top; } div.tabsContainer div.tabContent { display: none; clear: both; margin: 0 12px; } div.tabsContainer div.active { display: block; } /*********************************************************************** tabelas *******************************************************************************************/ /* Tabela Resumo Compra - Boleto / Cartao*/ .tabelaResumoCompra th, .tabelaResumoCompra tr {border-left:none; line-height:200%; padding:0px 13px; } .tabelaResumoCompra tr.prods {height:33px;} .tabelaResumoCompra tr.subs {height:27px;} .tabelaResumoCompra th {border-right:1px solid #D0CED1; white-space:nowrap; vertical-align:middle; height:27px;} /* imagens da tabela da aba de avalia��o de produto*/ .fundoAvalTopLeft { background:url(../images/bg-table-avaliacao.gif) no-repeat left top; border:none; color:#fff; font-weight:bold; } .fundoAvalTopRight { background:url(../images/bg-table-avaliacao.gif) no-repeat right top; border:none; color:#fff; font-weight:bold;} .fundoAvalBottomLeft { background:url(../images/bg-table-avaliacao.gif) no-repeat left bottom; border:none;} .fundoAvalBottomRight { background:url(../images/bg-table-avaliacao.gif) no-repeat right bottom; border:none;} .tabelaResumoCompra td {line-height:120%; border-right:1px solid #ccc; border-top:1px solid #ccc; padding:10px 13px; vertical-align:middle; } .tabelaResumoCompra td.borderLeftNone {border-left:none;} .tabelaResumoCompra td.borderRightNone, .tabelaResumoCompra th.borderRightNone{border-right:none;} .tabelaResumoCompra td.borderTopNone {border-top:none;} .tabelaResumoCompra td.borderBottomNone {border-bottom:none;} .tabelaResumoCompra td.backGrey {background:#F2F2E8;} .tabelaResumoCompra td.backGrey.lasttd {background:#F2F2E8 url(../images/pixel.gif) repeat-y right;} .tabelaResumoCompra td.lasttd {border-right:none;background:url(../images/pixel.gif) repeat-y right;} /* Tabela boleto segunda via */ .tabelaBoleto th, .tabelaBoleto tr {border-left:none; line-height:200%;} .tabelaBoleto th {border-right:1px solid #D0CED1;} .tabelaBoleto td {line-height:200%; border-right:1px solid #ccc; padding:3px 20px; vertical-align:middle;} .tabelaBoleto td.borderLeftNone {border-left:none;} .tabelaBoleto td.borderRightNone, .tabelaBoleto th.borderRightNone{border-right:none;} .tabelaBoleto td.borderTopNone {border-top:none;} .tabelaBoleto td.borderBottomNone {border-bottom:none;} .tabelaBoleto td.backGrey {background:#F2F2E8;} .pixelRight { /* fundo da tabela avalia??o de produto */ background:#DDF2F5 url(../images/pixel-table.gif) repeat-y center right; border-right:none!important; } .pixelLeft { /* nome da div envolvendo a tabela de avalia??o de produto */ background:#EEFAFA url(../images/pgto-valor-bg.jpg) repeat-y center left; float:right; clear:both; margin: 20px 0 0 20px; } .pixelLeft .rating-produto {margin:1px 0 7px 0;} .pixelLeft td.vTop {vertical-align:top} /*---------------------------- PAGAMENTO ---------------------------- */ .roundTableLT{ background:url(../images/pgto-topo-tabela.jpg); } .roundTableLTMarrom{ /*para fundo marrom */ background:url(../images/pgto-topo-tabela-bg-marrom.jpg); } .roundTableM{ background:url(../images/pgto-topo-tabela.jpg) center top; } .roundTableRT{ background:url(../images/pgto-topo-tabela.jpg) right top; } .roundTableRTMarrom{/*para fundo marrom */ background:url(../images/pgto-topo-tabela-bg-marrom.jpg) right top; } .roundTableLB{ background:url(../images/pgto-bg-campos-corner.gif) left bottom #F2F2E8; } .roundTableLBGde{ background:url(../images/pgto-bg-campos-corner-vale-troca.gif) left bottom #F2F2E8; } .roundTableRB{ background:url(../images/pgto-bg-campos-corner.gif) right bottom #F2F2E8; } .trHeight35{ height:35px; } .fundoAlternativoTRMarrom { background:transparent url(../images/cadastro-bg-campos.jpg) no-repeat scroll center bottom; } .roundTotalLB{ background:url(../images/pgto-bg-total.gif) left bottom; height:36px; } .roundTotalRB{ background:url(../images/pgto-bg-total.gif) right bottom; height:36px; white-space:nowrap; } .fundoValor{ background:url(../images/pgto-bg-valor.gif) left top; height:36px; } .fundoForma{ background:url(../images/pgto-bg-valor.gif) left top; height:25px; } /****************************************************** tabela acompanhar pedidos *********************************************/ .backgroundFooter{background:url(../images/minha_conta/borda-bottom-marrom.jpg) no-repeat; } .backgroundFooterWhite{background:url(../images/minha_conta/borda-bottom-branca.jpg) no-repeat; } .backgroundFooterLeft{background-position:left -2px} .backgroundFooterRight{background-position:right -2px} .backgroundFooterCenter{background-position:center -2px} .backgroundHeaderCenter{background-position:center 0} /*footer branco*/ .backgroundFooterCenterBottom{background-position:center bottom} .backgroundFooterLeftBottom{background-position:left bottom} .backgroundFooterRightBottom{background-position:right bottom} /**/ .bgBege{background:#F2F2E8} .borderTop{border-top:1px solid #ccc;} .borderLeft{border-left:1px solid #ccc;} .dotLeft { background:#FFF url(../images/graydot.gif) left top repeat-y;} .dotRight { background:#FFF url(../images/graydot.gif) right top repeat-y;} /****************************************************** PAGINACAO *********************************************/ div.paginacao { height:29px; width:700px; padding: 7px 30px; margin:10px 0 0 0; font-size:85%; background: #fff url(../images/categorias-paginacao-bg.gif) no-repeat; position:relative; float:left; } div.paginacao.guide { /* pagina??o menor para as p?ginas de lista de guia de produtos*/ width:662px; background: #fff url(../images/guide-paginacao-bg.gif) no-repeat; } div.paginacaoComentarios { height:29px; width:665px; padding: 7px 13px 0 0; margin:0px 0 0 3px; font-size:85%; background: #fff url(../images/minha_conta/bg-paginacao-comentarios.jpg) no-repeat; position:relative; float:left; } div.paginacao span.description, div.paginacaoComentarios span.description { float:left; width:200px; color:#777; padding: 0px; margin: 0px; } div.paginacao span.paginas, div.paginacaoComentarios span.paginas { float: right; margin-right:10px; } div.paginacao span.paginas a, div.paginacaoComentarios span.paginas a { margin: 0px; padding:3px; color:#2a8590; text-decoration:underline; } div.paginacao span.paginas a.on, div.paginacaoComentarios span.paginas a.on{ color:#2A8590 !important; } div.paginacao span.paginas a.off, div.paginacaoComentarios span.paginas a.off{ color:#777; } div.paginacao span.paginas a:hover, div.paginacaoComentarios span.paginas a:hover { color:#2a8590; } div.paginacao span.paginas a:visited, div.paginacaoComentarios span.paginas a:visited{ color:#ccc; } .errorMessage{ display:block; height:43px; } .stoppers {height:25px;float:left;width:100%;margin:0 0 5px 0} .stoppers span{margin-right:6px;} .sobeie6V2{ margin-top:0px; *margin-top:0px; /*IE7*/ _margin-top:11px !important; /*IE6*/ margin-to /*\**/: 0px; /*IE8*/; } /*---------------------------- Erro de Validacao ---------------------------- */ .contentCamposErroModalPop { background:#fd7926 url(../images/erro-modal-white.gif) repeat scroll left top; float:left; left:-3px; /*left:-13px;*/ _left:0px; /*_left:-10px;*/ margin:5px 0; padding:0 0 7px; position:relative; width:656px; } .erroValidacao { float:left; position:relative; top:7px; width:973px; } .contentCamposErroModalPop .erroValidacao { float:left; height:27px; position:relative; top:7px; width:656px; background:#fd7926; font-weight:bold; } .erroValidacao img { position:relative; top:3px; margin-left:20px; margin-right:10px; display:inline; } span.bottomCornerCamposModalPop { background:url(../images/erro-modal-white.gif) no-repeat scroll left bottom; float:left; height:16px; display:block; left:0; margin-bottom:0px; margin-top:-8px; position:relative; width:656px; padding:0px } .contentCampos, .contentCamposErro, .contentCamposErroModal { float:left; width:973px; height:auto; background:url(../images/cadastro-bg-campos.gif) no-repeat top left; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px; } .contentCamposErroModal { background:url(../images/cadastro-bg-campos_erroModalv2.gif) no-repeat top left; left:-5px; margin-top:10px; padding:0 0 7px; position:relative; } .contentCamposErro { margin-bottom:20px; } .contentWindow { display:inline; float:left; margin-left:10px; } .contentWindow h2 { color:#6A6A6A; font-size:123.1%; padding:0px; margin:10px 0 0 10px; } .borderTopNone {border-top:none !important;} .displayBlock{ display:block;} .marginDown0{ margin-bottom:0px;} .marginDown15{margin:0px 0px 15px 0px} .marginUp10{margin:-10px 0px 0px 0px !important} .marginUp8{margin:-8px 0px 0px 0px !important} .margin0{margin:0px !important;} .visibilityFalse{visibility:hidden;} /*---------------------------- Erro de Validacao - menor ---------------------------- */ .menor .contentCamposErroModalPop {width:600px; background-image:url(../images/erro-modal-white-menor.gif); margin: 10px 0 0 19px; _margin: 3px 0 -3px 9px;} .menor .contentCamposErroModalPop .erroValidacao {width: 600px;} .menor .contentCamposErroModalPop .erroValidacao img {margin: -1px 5px 0 10px;} .menor span.bottomCornerCamposModalPop {width:600px; background-image:url(../images/erro-modal-white-menor.gif); height: 17px;}