/* -------------------------------------------------------- versão: 1.0 autor: Amilton Longo Paglia website: www.sexyone.com.br -------------------------------------------------------- */ /* Geral -------------- */ body {font-size:62.5%; height:100%; background:#333333 url(images/bg-body.gif) center center repeat-y; text-align:left;} #geral { max-width:780px; min-width:780px;margin:0 auto;background:#fff;} #mid { width:78em; background:#fff;} #esq {width:18em; height:100%;float:left;background:#fff;} #content {width:58.5em; float:right;background:#fff;} #foot {width:78em; min-height:3em;float:left;clear:both; background:#CC0000;} /* Top -------------- */ #top {height:20em; margin-bottom:2em;} /* menu */ #top #menu {float:left; width:80%; font:1.2em Arial, Helvetica, sans-serif; height:3em; line-height:3em; background:#bb0000; } #top #menu li {float:left; padding-left:1em;} #top #menu li a, #top #menu li a:visited {color:#fff; text-decoration:none;} /*atendimento*/ div#atendimento {width:253px; height:50px; position:absolute; top:0px; left:60%;} #top h1 a {width:210px; height:150px; background:url(images/logo-sexyone.gif) no-repeat; text-indent:-9999px; display:block;line-height:150px;} /* busca top */ #top form {position:relative; bottom:50px; left:220px; width:400px;} #top input {border:1px solid #b2b2b2; padding:0.2em; font:1.4em Arial, Helvetica, sans-serif;} /*cesta */ #top #cesta {float:right;width:20%;height:10em;position:relative;bottom:6.4em; right:1em; background:url(images/corner-bottomright.gif) no-repeat bottom right #bb0000;} #top #cesta li h4 {width:138px; height:33px; background:url(images/cesta-compras.gif) no-repeat; text-indent:-9999px; line-height:33px; margin:0 auto;} #top #cesta li h5 {font:bold 2em Arial, Helvetica, sans-serif;color:#fff;text-align:center;} #top #cesta li a {font:1.2em Arial, Helvetica, sans-serif;color:#FFFFFF;width:100px; padding-left:4em; line-height:3em; text-decoration:none;} /* Mid ----------------*/ /* Esquerda */ #esq h1 {width:82px; height:17px; background:url(images/categorias.gif) no-repeat; text-indent:-9999px;} #esq h2 {width:84px; height:17px; background:url(images/newsletter.gif) no-repeat; text-indent:-9999px; margin:1em 0 0 0;} #esq h3 {width:88px; height:17px; background:url(images/siteseguro.gif) no-repeat; text-indent:-9999px;} #esq h4 {width:162px; height:17px; background:url(images/formaspag.gif) no-repeat; text-indent:-9999px;} /* Categoria */ #esq ul {padding-top:1em; width:18em;} #esq li {background:url(images/bg-selected.gif) top left no-repeat;padding:0 0 0 1.5em; height:1.7em;font:11px Arial, Helvetica, sans-serif; line-height:1.7em; text-decoration:none; color:#333; display:block;} #esq li.csubcat {background:url(images/bg-selected-down.gif) top left no-repeat;padding:0 0 0 1.5em; height:1.7em;font:11px Arial, Helvetica, sans-serif; line-height:1.7em; text-decoration:none; color:#333; display:block;} #esq li a, #esq li a:visited {font:11px Arial, Helvetica, sans-serif; line-height:1.7em; text-decoration:none; color:#333; display:block;} /* Sub-categoria */ #esq ul li#subcat {background:#fff; line-height:1.5em; height:1.5em; padding:0 0 0 2em;} #esq ul li#subcat a, #esq ul li#subcat a:visited {font:10px Arial, Helvetica, sans-serif; text-decoration:none; color:#666; display:block;} #esq ul li#subcat a:hover {color:#000;} #esq ul li:hover#subcat {background:url(images/arrow-sub.gif) top left no-repeat;} /* menu serv */ ul#menu-serv {width:18em; padding:0 0 0.5em 0;background:#fff;} ul#menu-serv li a, ul#menu-serv li a:visited {display:block; font:1.1em Arial, Helvetica, sans-serif; color:#666;line-height:1.7em;} ul#menu-serv li {background:#fff;} ul#menu-serv li:hover {background:#eee;} /* esq */ #esq p {width:15em; margin:0 auto; padding:0.5em 0;} /* form */ #esq form {margin: 1em 0 1em 1.5em;} #esq form p { width:15em; margin:0.5em 0 0.5em 0; font:1.1em Arial, Helvetica, sans-serif; color:#666666;} #esq form label{font:1.1em Arial, Helvetica, sans-serif; color:#666666;} /* Content */ #content {position:relative; bottom:4em;} #content.contato h1 {width:94px; height:41px; background:url(images/contato.gif) no-repeat; text-indent:-9999px;} #content.contato p {font:1.2em Arial, Helvetica, sans-serif;color:#666;} #content .voltar {font:1.2em Arial, Helvetica, sans-serif;color:#666;} #content.car-vazio h1 {font:bold 2.4em Arial, Helvetica, sans-serif; color:#bb0000;letter-spacing:-2px;} #content.car-vazio p {text-align:left; width:75%; margin:0 auto; font:1.2em Arial, Helvetica, sans-serif; color:#333;} #content.newsletter h1 { font:bold 1.4em Arial, Helvetica, sans-serif; color:#cc0000; margin:0 0 1em 0;} #content.newsletter p {text-align:center; width:75%; margin:0 auto; font:1.2em Arial, Helvetica, sans-serif; color:#333;} #content table {text-align:left;} #content #dadostable td, #content td {font:11px Arial, Helvetica, sans-serif; color:#333;} #content #dadostable td span.obr {font:11px Arial, Helvetica, sans-serif; color:#cc0000;} #content #dadostable td a.textos_infos {font:10px Arial, Helvetica, sans-serif; color:#666;} #content td a.textos_infos {font:10px Arial, Helvetica, sans-serif; color:#666;} #content #dadostable span.TXTTABtopico {font:bold 14px Arial, Helvetica, sans-serif; color:#cc0000;} tr.TituloTabela td a {font:12px Arial, Helvetica, sans-serif; color:#cc0000;} tr.TituloTabela td span.TXTTABtopico a:hover {text-decoration:none;} #content input.FORMbox {border:1px solid #999;padding:0.2em; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content input.FORMbox:hover {border:1px solid #666;} #content input.FORMbox:active {border:1px solid #CC0000;} #content input.FORMbox:focus {background:#eee;} /* Produtos */ #prod ul {float:left;width:188px;height:225px;border-bottom:4px solid #fff;border-top:4px solid #fff;} #prod ul:hover {border-top:4px solid #FF3333;border-bottom:4px solid #FF3333;} #prod ul li a {font:bold 1.2em Arial, Helvetica, sans-serif; color:#999; text-align:center; display:block; text-decoration:none;} #prod ul li a:hover {text-decoration:none; color:#CC0000;} span.validoate {font:8px Arial, Helvetica, sans-serif; color:#666;text-align:center;display:block;line-height:6px;} span.precopromo { font:bold 14px Arial, Helvetica, sans-serif; color:#CC0000; letter-spacing:-1px;text-align:center;display:block;line-height:15px;} /* Pág Lojas*/ #fotoslojas img {padding:8px 0 8px 16px;} /* Pág Prod*/ #content h4 {font:bold 2.4em Arial, Helvetica, sans-serif; letter-spacing:-2px; color:#cc0000;} #content a.textos_infos {font:10px Arial, Helvetica, sans-serif; color:#666;} #content #image-produto { width:300px; float:left;} #content #image-produto ul { margin:0 auto;} #content #image-produto ul li{float:left; display:inline; margin:0 auto; border:7.5px solid #fff;} #content #image-produto ul li:hover {border:7.5px solid #efefef;} #content .tabela-pagamentos {float:right; width:270px; margin:70px 0 0 0; vertical-align:middle;} span.moeda {font:14px Georgia, "Times New Roman", Times, serif;} span.valorprod {font:18px Georgia, "Times New Roman", Times, serif; color:#006633;} span.moeda1 {font:14px Georgia, "Times New Roman", Times, serif; color:#999;} span.valorprod1 {font:35px Georgia, "Times New Roman", Times, serif; color:#c00; letter-spacing:-2px;} span.parcela-minima { font:12px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999; padding:5xp;} span.infolistapedido { font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;} span.valorlistapedido {font:bold 12px Arial, Helvetica, sans-serif; color:#c00; text-transform:uppercase;} span.desclistapedido {font:bold 12px Arial, Helvetica, sans-serif; color:#090; text-transform:uppercase;} td.FUNDOoptpagproduto4 {background:#efefef; text-align:center;vertical-align:middle; height:30px} td.FUNDOoptpagproduto3 {text-align:center;vertical-align:middle; height:30px} td.FUNDOoptpagproduto1 {text-align:center;vertical-align:middle;} #content #infopagprod {float:left;clear:both; width:400px;} #content #infopagprod h1 {font:bold 1.8em Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#cc0000; text-align:left;} #content #infopagprod p {font:12px Arial, Helvetica, sans-serif;color:#333; text-align:left; width:310px;} #content #infopagprod strong, #content #infopagprod b {font:12px Arial, Helvetica, sans-serif;color:#c00; font-weight:bold;} #content #infopagprod em, #content #infopagprod i{font:12px Georgia, "Times New Roman", Times, serif;color:#333; font-style:italic;} #content #infopagprod h2 {font:bold 24px Arial, Helvetica, sans-serif; color:#c00;text-transform:uppercase; letter-spacing:-2px; padding:3px;} #content #infopagprod h3 {font:bold 20px Arial, Helvetica, sans-serif; color:#c00;text-transform:uppercase; letter-spacing:-1px; padding:3px;} #content #infopagprod h4 {font:bold 15px Arial, Helvetica, sans-serif; color:#c00;text-transform:uppercase; letter-spacing:normal; padding:3px;} #content #infopagprod h5 {font:bold 12px Arial, Helvetica, sans-serif; color:#c00;text-transform:uppercase; padding:3px;} #content #infopagprod h6 {font:bold 10px Arial, Helvetica, sans-serif; color:#c00;text-transform:uppercase; padding:3px;} #content tr.FUNDOTABtopico {background:#fff; height:25px;} #content span.TXTTABtopico {font:bold 1.6em Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#cc0000; text-align:left;vertical-align:bottom;} #content td .FUNDOoptpagproduto1 { background:#efefef;} /* paginacao */ #paginacao {float:left;width:100%; color:#333333; clear:both; padding:2em 0; font:bold 1.1em Arial, Helvetica, sans-serif; text-align:center;} #paginacao a {font:12px Arial, Helvetica, sans-serif; color:#CC0000; text-decoration:none; padding:5px; margin:2px;} #paginacao a:hover {font:12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; border-top:3px solid #efefef;} #paginacao span { border-bottom:3px solid #b00; border-top:1px solid #f00; padding:5px; margin:2px; color:#FFF; background:#d00;} /* Show Case - Flash*/ #showcase {padding:0 1.2em 2em 1.2em;} #showcase h2 {background:url(images/destaques.gif)no-repeat; width:105px; height:28px;text-indent:-9999px; padding:0 0 0.5em 0;} /* form contato */ #content.contato form div label {float: left; width:30%; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.contato form div {padding:0.5em 0;} #content.contato form div input, #content.contato form div textarea {border:1px solid #999;padding:0.2em; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.contato form div input:hover, #content.contato form div textarea:hover {border:1px solid #666;} #content.contato form div input:active, #content.contato form div textarea:active {border:1px solid #CC0000;} #content.contato form div input:focus, #content.contato form div textarea:focus {background:#eee;} /* form autent */ #content.autentica form div label {float: left; width:20%; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.autentica form div {padding:0.2em 0;} #content.autentica form div input {border:1px solid #999;padding:0.2em; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.autentica form div input:hover {border:1px solid #666;} #content.autentica form div input:active {border:1px solid #CC0000;} #content.autentica form div input:focus {background:#eee;} #content.autentica #newuser { background:url(images/bg-newuser.gif) top left no-repeat; width:225px; height:158px;} #content.autentica #userlog h1 {width:153px; height:29px; background:url(images/usercad.gif) no-repeat; text-indent:-9999px;} #content.autentica #newuser h1 {width:120px; height:41px; background:url(images/newuser.gif) top left no-repeat; text-indent:-9999px;margin:0.5em 0 0 1em;} #content.autentica #newuser div label {color:#fff; padding: 0 0 0 1em;} #content.autentica #userlog, #content.autentica #newuser {width:49%;float:left;} #content.autentica #userlog p {font:1em Arial, Helvetica, sans-serif; color:#666; width:80%;} #content.confirmacao { float:right; width:575px;} #content #listapedido.aut {width:570px; margin:0 auto; float:left; clear:both; padding:20px 0 0 0;} #content #listapedido.usu {width:560px; margin:0 auto; float:left; clear:both; padding:20px 0 0 0;} #content #listapedido.conf {width:560px; margin:0 auto; float:left; clear:both; padding:20px 0 0 0;} #barra-passo {width:575px; padding-bottom:50px; margin:0 auto;} #barra-passo table {height:28px; line-height:28px; padding:0; margin:0; vertical-align:middle;} #barra-passo td {font:bold 16px Arial, Helvetica, sans-serif;letter-spacing:-1px;} #barra-passo td.ativo {color:#cc0000; height:28px;vertical-align:middle;background:url(images/arrow-active.png) top center no-repeat;padding-top:25px; padding-right:5px;} #barra-passo td.inativo {color:#bbb;height:28px;vertical-align:middle;padding-top:25px;padding-right:5px;} /* form cadastro */ #content.cadastro2 h2 {font:bold 18px Arial, Helvetica, sans-serif; color:#CC0000; padding:1em 0 1em 0;} #content.cadastro2 h3 {font:bold 1.4em Arial, Helvetica, sans-serif; color:#CC0000; padding:1em 0 1em 0;} #content.cadastro2 p, #content.cadastro2 {font:1em Arial, Helvetica, sans-serif; color:#666;} #content.cadastro2 form {width:57em;} #content.cadastro2 form label {float: left; width:20%; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.cadastro2 form input {border:1px solid #999;padding:0.2em; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.cadastro2 form input:hover {border:1px solid #666;} #content.cadastro2 form input:active {border:1px solid #CC0000;} #content.cadastro2 form input:focus {background:#eee;} #content.cadastro2 form textarea {border:1px solid #999;padding:0.2em; font:1.2em Arial, Helvetica, sans-serif; color:#666;} #content.cadastro2 form textarea:hover {border:1px solid #666;} #content.cadastro2 form textarea:active {border:1px solid #CC0000;} #content.cadastro2 form textarea:focus {background:#eee;} /* Conta User */ #content.contauser h1 {width:179px; height:30px; background:url(images/meucadastro.gif) no-repeat; text-indent:-9999px;padding: 0 0 2em 0;} #content.contauser #contauserCol { width:49%; float:left;} #content.contauser #contauserCol ul {} #content.contauser #contauserCol ul li {float:left; display: inline; clear:both;} #content.contauser #contauserCol ul li a {font:1em Arial, Helvetica, sans-serif; color:#666; display:block; text-decoration:none;padding:0 0 1.5em 1em;} /*pags info*/ #content.infos h1 {font:bold 2.4em Arial, Helvetica, sans-serif; color:#bb0000;letter-spacing:-2px;} #content.infos h2 {font:bold 1.8em Arial, Helvetica, sans-serif; color:#bb0000;letter-spacing:-1px;} #content.infos h3 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#333;letter-spacing:-1px;} #content.infos p { width:80%; font:1.1em Arial, Helvetica, sans-serif;} /*pags mapasite*/ #content.mapasite h1 {font:bold 2.4em Arial, Helvetica, sans-serif; color:#bb0000;letter-spacing:-2px;} #content.mapasite h3 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#333;letter-spacing:-1px;} #content.mapasite p {width:80%; font:1.1em Arial, Helvetica, sans-serif;} #content.mapasite ul {padding-left:20px;} #content.mapasite ul li {list-style-image: url(config/templates/pt_BR/default/seta.gif);} #content.mapasite ul li a {font: bold 12px Arial, Helvetica, sans-serif; color:#bb0000; text-decoration:none;} #content.mapasite ul a {font:11px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} /* Foot */ #foot {min-height:17em; float:left; clear:both;} #foot div {width:25%;float:left; padding:2em;} #foot div ul {padding:1em 0 0 0;} #foot div ul li {padding:0.1em;} #foot div ul li:hover {background:#bb0000;} #foot div ul li a {font:1.1em Arial, Helvetica, sans-serif; padding: 0 0 0 1em; color:#FFFFFF; line-height:1.7em; display:block;text-decoration:none;} #foot div ul li a:hover {text-decoration:none;} #foot h1 {background:url(images/institucional.gif) no-repeat; width:82px; height:17px; text-indent:-9999px;} #foot h2 {background:url(images/ajuda.gif) no-repeat; width:39px; height:17px; text-indent:-9999px;} #foot h3 {background:url(images/seguranca.gif) no-repeat; width:70px; height:17px; text-indent:-9999px;} #foot span {float:left;font:1em Arial, Helvetica, sans-serif; color:#fff; text-align:center;background:#cc0000; width:100%;} /* class */ div.pscompra {color:#666666; font:1.1em Arial, Helvetica, sans-serif; padding-bottom:25px; width:475px;} div.pscompra2 {color:#009933; font:bold 1.4em Arial, Helvetica, sans-serif; padding-bottom:25px; width:100%; text-align:center; letter-spacing:-1px; text-transform:uppercase;} span.pscompra strong{ font-weight:bold;} .destaque {color:#fff; font:bold 1.2em Arial, Helvetica, sans-serif; border:1px dashed #fff; padding:5px; background:#C00} .contcompra {color:#CC0000; } div.topo-list-vit {width:575px; padding-bottom:20px; float:left; clear:both;} tr.prodlistapedido {height:27px;} tr.prodlistapedido td {vertical-align:middle;} tr.topolistapedido {background:#eee; height:30px;} tr.topolistapedido td {vertical-align:middle;} ul.pagamentos {padding:0 0 0 1em;} ul.pagamentos ol { float:left; padding:2px;} div.error { width:45em; height:2.5em; line-height:2.5em; border:1px solid #FF9900; background:#FFFFCC; font:bold 1.2em Arial, Helvetica, sans-serif; text-align:center;clear:both; color:#333333;} .error2 {clear:both; width:100%; float:left; font:bold 1.2em Arial, Helvetica, sans-serif; color:#CC0000; } .prodind {font:bold 1em Arial, Helvetica, sans-serif; color:#CC0000; } span.breadcrumb {font:1em Arial, Helvetica, sans-serif; color:#333;line-height:3em; width:570px;} span.breadcrumb a{font:1em Arial, Helvetica, sans-serif; color:#CC0000; text-decoration: underline; line-height:3em;} span.breadcrumb a:hover {text-decoration:none;} .floatR {float:right;} .floatL {float:left;} .floatR5 {float:right; width:220px;} .tRight579width { text-align:right; width:570px;} .floatL5 {float:left;} .btncad {float:right;padding:0 8em 0 0;} .btnlog {float:right;padding:0 9em 0 0; clear:both;} .bold {font:bold 1em Arial, Helvetica, sans-serif;} .bold12 {font:bold 1.2em Arial, Helvetica, sans-serif; color:#CC0000;} span.obr {font:bold 1em Arial, Helvetica, sans-serif; color:#CC0000;} span.cad-ident {font:bold 1.2em Arial, Helvetica, sans-serif; color:#666;} div.reciboPagDigital { border:1px dashed #fff; background:#060; padding:7px; width:500px; margin:20px; auto;} div.reciboPagDigital strong {font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;} /* wizard steps ======*/ /* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5 ----------------------------------------------------------------------------------------------------*/ #barra-passo #mainNav li{ height:30px; list-style:none; float:left; background-color:#EBEBEB; background-image: url(images/navBtn.gif); background-repeat: no-repeat; background-position: right top; } #barra-passo #mainNav li.current{ background-color:#c00; background-image: url(images/navCurrentBtn.gif); } #barra-passo #mainNav li.lastDone{ background-color:#339900; background-image: url(images/navLastDoneBtn.gif); } #barra-passo #mainNav li.done{ background-color:#339900; background-image: url(images/navDoneBtn.gif); } #barra-passo #mainNav li a, #barra-passo #mainNav li a:link, #barra-passo #mainNav li a:visited, #barra-passo #mainNav li a:hover, #barra-passo #mainNav li a:active { color:#ccc; } #barra-passo #mainNav li.lastDone a, #barra-passo #mainNav li.lastDone a:link, #barra-passo #mainNav li.lastDone a:visited, #barra-passo #mainNav li.lastDone a:hover, #barra-passo #mainNav li.lastDone a:active, #barra-passo #mainNav li.current a, #barra-passo #mainNav li.current a:link, #barra-passo #mainNav li.current a:visited, #barra-passo #mainNav li.current a:hover, #barra-passo #mainNav li.current a:active, #barra-passo #mainNav li.done a, #barra-passo #mainNav li.done a:link, #barra-passo #mainNav li.done a:visited, #barra-passo #mainNav li.done a:hover, #barra-passo #mainNav li.done a:active { color:#fff; } /*#barra-passo #mainNav li.done a:hover, #barra-passo #mainNav li.lastDone a:hover { color:#FFFF99; cursor:hand; } */ #barra-passo #mainNav li a em{ line-height:20px; width:150px; display:block; margin:6px 0 0 10px; font-style:normal; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #barra-passo #mainNav li a span{ width:140px; display:block; margin-left:10px; font-weight:normal; } #barra-passo #mainNav li.mainNavNoBg{ background-image:none; } #barra-passo #mainNav li a{ height:71px; display:block; } /* #mainNav.fiveStep */ #mainNav.fiveStep li{width:140px;} #mainNav.fiveStep li a{width:140px;} /* #mainNav.fourStep */ #mainNav.fourStep li{width:227px;} #mainNav.fourStep li.mainNavNoBg{width:229px;} #mainNav.fourStep li a{width:227px;} /* #mainNav.threeStep */ #mainNav.threeStep li{width:303px;} #mainNav.threeStep li.mainNavNoBg{width:304px;} #mainNav.threeStep li a{width:303px;} /* #mainNav.twoStep */ #mainNav.twoStep li{width:455px;} #mainNav.twoStep li a{width:455px;} /* Twitter ===================*/ #twitter_div { min-height:165px; display:block; } ul#twitter_update_list { width:150px } ul#twitter_update_list li { list-style:none; width:150px; background:none; font: 12px Arial, Helvetica, sans-serif; list-style:none; } #twitter_div ul#twitter_update_list li span a{ background:none; font: 12px Arial, Helvetica, sans-serif; color:#c00; display: inline; } #showcase a, a img { border: 0; text-decoration: none; outline: 0; } #showcase #page-wrap { margin: 0 auto;} /*#showcase #col1 { width: 49%; float: left; margin: 0 0 20px 0; } #showcase #col2 { width: 49%; float: right; }*/ #showcase ul { margin: 0 0 25px 0; } #showcase ul li { font: 15px Georgia, Serif; margin: 0 0 8px 0; } #showcase #dl { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; } #showcase #dl:hover { background: #666; } #showcase .image { position: relative; margin-bottom: 20px; width: 100%; } #showcase .image h2 { position: absolute; top: 220px; left: 0; width: 100%; } #showcase .image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; } #showcase .image h2 span.spacer { padding: 0 2px; background: none; } #showcase #textSlide { padding: 10px 30px; } #showcase #textSlide h3 { font: 20px Georgia, Serif; } #showcase #textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; } #showcase #textSlide ul { list-style: disc; margin: 0 0 0 25px; } #showcase #textSlide ul li { display: list-item; } #showcase #quoteSlide { padding: 30px; } #showcase #quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; } #showcase #quoteSlide p { text-align: center; } #showcase .anythingSlider { width: 360px; height: 222px; position: relative; margin: 0 auto ; float:left; } #showcase .anythingSlider .wrapper { width: 360px;height: 222px; margin: 0; position: absolute; top: 0; left: 0; } #showcase .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; } #showcase .anythingSlider ul li { display: block; float: left; padding: 0; height: 200px; width: 360px; margin: 0; } #showcase .anythingSlider .arrow { display: none; height: 222px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } #showcase .anythingSlider .forward { background-position: 0 0; right: -20px; } #showcase .anythingSlider .back { background-position: -67px 0; left: -20px; } #showcase .anythingSlider .forward:hover { background-position: 0 -200px; } #showcase .anythingSlider .back:hover { background-position: -67px -200px; } #showcase #thumbNav { position: relative; top: 200px; text-align: center; } #showcase #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c00 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #showcase #thumbNav a:hover { background-image: none; } #showcase #thumbNav a.cur { background:#F00; } #showcase #start-stop { display:none;} #showcase #start-stop.playing { background-color: red; } #showcase #start-stop:hover { background-image: none; } #showcase .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; width: auto; border: 0; } #showcase .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #pagdigital {width:190px; margin-top:-50px; float:right; text-align:center;}