@charset "utf-8";
/**
 * Main stylesheet
 * @author Quake - quakeyo[at]gmail.com
 *
 * List of contents (search by "index: x" where x is the index number):
 *   1. Erick Meyer's Reset a little bit modified
 *   2. My own reset and tag rules
 *   3. Rules related to IDentifiers
 *     - mainContainer: wraps the whole planet in!
 *     - top
 *     - content: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

@media Screen {

/* # index: 1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0
}
html {background:#fff}
body {
	line-height: 1;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#069;
	margin:auto; 
	width:768px;
}
ul {
	list-style:disc inside
}
ol {
	list-style:decimal inside
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing:0
}
caption, th, td {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""
}
blockquote, q {
	quotes:none
}

/* # index: 2 - Own reset */
acronym, abbr {border-bottom:1px dotted; cursor:help}
a:link, a:visited {color:#000; text-decoration:none}
a:hover {text-decoration:underline}
button,
.smallButton {color:#fff; border:1px solid #069; background:#09C; padding:1px 3px; overflow:visible; /*fix IE weird padding */}
input, textarea {color:#069; border:1px solid #069; background:#FFF; padding:3px 3px; font:11px Verdana, Geneva, sans-serif}
input:focus, textarea:focus {background:#f5f5f5; padding:3px 3px}
select {color:#069; border:1px solid #069; background:#FFF; padding:1px 3px; font:11px Tahoma, Verdana, Geneva, sans-serif}
select option {padding:2px 0}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,
em {font-style:italic}

/* # index: 3 - IDentifiers */

#logo a {position:absolute; width:220px; height:80px; margin-top:35px; text-indent:-9999px}
#top {float:left; width:100%; background:#fff url(img/spr.esqueleto.jpg) no-repeat; height:116px; color:#fff}
#top ul {width:260px; float:left; margin:11px 0 0 290px; display:inline}
#top ul li {list-style:none outside; display:inline}
#top ul li a {color:#fff; font-size:11px; padding-right:5px; border-right:1px solid #fff}
#top form {width:200px; float:right; margin-top:5px}
#menu {float:left; width:100%; background:#005399; padding-bottom:10px}
#menu li {list-style:none outside; display:inline; margin-top:10px; float:left; margin-left:5px}
#menu li a {color:#fff; font:13px 'Arial Narrow', Arial, Helvetica, sans-serif; border-right:1px solid #fff; padding-right:5px}

#interna-topo {width:100%; background:url(img/bg.topointerna.jpg); height:13px; float:left; margin-top:5px; display:inline}
#content {float:left; width:768px; background:url(img/bg.corpointerna.jpg) repeat-y; border-bottom:20px solid #005399; padding-bottom:20px; margin-bottom:5px; display:inline}
#content-wrapper {float:left; width:650px; margin:0 60px; display:inline}
.conteudo-titulo {margin-bottom:20px; color:#069; font:bold 28px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #39C}

#content-produtos {float:left; width:768px}

#footer {width:100%; display:inline}
#footer address {float:left; width:99%; color:#000; font:bold 11px Arial, Helvetica, sans-serif; margin-bottom:5px}
#footer address span {font-size:20px; margin:0 2px; color:#CCC}
#footer #poweredBy {float:right}

/* page: home */
#mainContainerHome {background:#fff url(img/spr.esqueleto.jpg) 0px -117px no-repeat; height:500px}

#home-top {float:right; width:480px; height:35px; color:#fff}
#home-top ul {width:55%; float:left; margin:11px 0}
#home-top ul li {list-style:none outside; display:inline}
#home-top ul li a {color:#fff; font-size:11px; padding-right:5px; border-right:1px solid #fff}
#home-top form {width:40%; float:right; margin-top:5px}
.botaoBusca {border:none; padding:0; margin-left:6px; vertical-align:bottom}

#home-meio {float:left; width:100%}
#home-meio #home-menu {float:left; margin:127px 0 0 297px; text-align:right; width:200px; display:inline}
#home-meio #home-menu li {list-style:none outside;}
#home-meio #home-menu li a {color:#069; font:bold 13px 'Arial Narrow', Arial, Helvetica, sans-serif; line-height:15px}
#home-meio #home-noticias {margin-top:126px; width:240px; float:right}
#home-meio #home-noticias h3 {color:#fff; font:bold 20px 'Arial Narrow', Arial, Helvetica, sans-serif; margin-bottom:5px}
#home-meio #home-noticias li {display:inline; list-style:none outside; width:115px; float:left; margin-right:5px; color:#fff; font-size:11px}
#home-meio #home-noticias li a {float:left; width:100%; color:#fff; font-size:11px; margin-bottom:5px }
#home-meio #home-noticias li h1 a {font-weight:bold}

#home-baixo {float:left; width:100%; margin:5px 0 20px; display:inline}
#home-baixo #produto {float:right; width:250px}
#home-baixo #produto h1 {float:right; width:44%; margin-top:5px}
#home-baixo #produto h1 a {color:#fff; font-weight:bold; font-size:11px}
#home-baixo #produto img {float:left; margin:35px 0 0 35px}
#home-baixo #produto #valor {float:right; width:44%; margin-top:10px; color:#fff}
#home-baixo #produto #compre {float:right; width:44%; margin-top:10px}

#FlashHome {width:518px; height:132px; float:left}


/* page: mapa do site */
#sitemap-left {float:left; width:45%}
#sitemap-right {float:right; width:45%}
#sitemap-left li,
#sitemap-right li {list-style:none}
.sitemap-catnome {font-size:14px; font-weight:bold; margin:5px 0; width:100%; float:left}
.sitemap-cat {margin-left:10px}
.sitemap-cat a,
.sitemap-catnome {background:url(imagens/seta.gif) 0 center no-repeat; padding-left:10px}

/* page: faq */
#faq li h2 {font-size:16px; font-weight:bold; display:inline}
#faq li ol {margin:10px 10px 20px}
#faq li ol li h3 {display:inline; font-size:12px; color:#000}
#faq li ol li p {margin:10px}

/* page: certificados */
#certificados li {display:inline; list-style:none inside}
#certificados li a {float:left; width:300px; padding:3px; margin:3px; background:#f5f5f5; border:1px dashed #069}
#certificados li a:hover {border-style:solid; background:#069; color:#fff; font-weight:bold}

/* page: noticias */
#noticias li {list-style:none inside; margin:15px 0}
#noticias li span {clear:both; width:100%; float:left; margin-bottom:5px; font-weight:bold}
#noticia-titulo {font-size:20px; font-weight:bold; color:#09C}
#noticia-data {margin:20px 0; font-weight:bold}
#noticia-fonte {float:right; font-style:italic; margin:20px 0}
#noticia-img {margin:10px 0; border:10px solid #fff}

/* page: eventos */
#eventos li {list-style:none inside; margin:15px 0}
#eventos li span {clear:both; width:100%; float:left; margin-bottom:5px; font-weight:bold}
#eventos-titulo {font-size:20px; font-weight:bold; color:#09C}
#eventos-data {margin:20px 0; font-weight:bold}
#eventos-fonte {float:right; font-style:italic; margin:20px 0}
#eventos-img {margin:10px 0; border:10px solid #fff}
.evento-video{float:left;padding:10px 10px 30px 10px;width:100%;}
.evento-fotos{float:left;list-style:none;}
.evento-fotos li{float:left;list-style:none;padding:5px;}


/* page: a interlab */
#ainterlab-titulo {margin-bottom:20px; color:#069; font:bold 28px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid #39C}
#ainterlab-titulo span {color:#39C; font-size:28px}
#ainterlab-menu {float:right; margin-bottom:20px; width:100%; text-align:right}
#ainterlab-menu li {list-style:none inside; display:inline}
#ainterlab-menu li a {border-right:1px solid; padding-right:9px; margin-left:5px; font-weight:bold}
#ainterlab {float:left; text-align:justify}
#ainterlab h1 {margin:40px 0 0; color:#069; font-weight:bold; font-size:20px}
#ainterlab h2 {color:#39C}
#ainterlab p {float:left; width:100%}
#ainterlab p img {float:right; margin:0 50px}
#ainterlab .fotos {border-bottom:1px solid; padding-bottom:20px; float:left; width:100%}
#ainterlab .fotos li {list-style:none inside; display:inline; text-align:center; width:33%; float:left}
#ainterlab .fotos li img {border:5px solid #fff; margin-left:10px; display:inline}
#ainterlab .fotos li span {clear:both; width:100%; float:left}
#ainterlab .cronologia {float:left; width:440px;}
#ainterlab .rightCol {float:right; width:200px}
#ainterlab .rightCol li {list-style:none inside; text-align:center; }
#ainterlab .rightCol li img {border:5px solid #fff}
#ainterlab .rightCol li span {clear:both; width:100%; float:left; font-size:11px;}
#ainterlab .leftCol {float:left; width:440px;}
#ainterlab .leftCol li {list-style:none inside; text-align:center; display:inline; width:210px; float:left; height:220px}
#ainterlab .leftCol li img {border:5px solid #fff}
#ainterlab .leftCol li span {clear:both; float:left; width:100%}
#ainterlab .divisao {border-top:1px solid; float:left; width:640px; padding-top:20px;}
#ainterlab .colGambi {float:left;width:100%;}
#ainterlab .gap {margin-bottom:20px}
#ainterlab #instalacoes,
#ainterlab #instalacoes dt,
#ainterlab #instalacoes dd,
#ainterlab #instalacoes ul,{float:left; width:100%}
#ainterlab #instalacoes dt {margin-bottom:5px}
#ainterlab #instalacoes dd img {float:right; margin-left:10px; border:5px solid #fff}
#ainterlab .menores li {width:162px; margin-top:10px}
#ainterlab .menores li img {margin:0 !important}

/* page: a trabalhe conosco */
.vaga {float:left; width:300px; margin:0 10px; height:150px}


/* page: produtos */
#categorias-topo {float:left; width:145px; clear:both; text-indent:-9999px; background:url(img/bg.categorias.top.jpg); height:40px; margin-top:-16px}
#produtos-categorias {float:left; width:145px; clear:both; background:url(img/bg.categorias.corpo.jpg) repeat-y; height:500px}
#produtos-categorias li {list-style:none outside; margin:5px 10px}
#produtos-categorias li a {font-size:11px}
#produtos-categorias li ul li {list-style:disc inside; margin:5px}

#marcas-topo {float:right; width:131px; clear:both; text-indent:-9999px; background:url(img/bg.marcas.top.jpg); height:37px; margin-top:-16px}
#produtos-marcasLateral{width:131px; background:url(img/bg.marcas.corpo.jpg) repeat-y; height:500px}
#produtos-marcasLateral li {list-style:none outside; margin:5px 10px}
#produtos-marcasLateral li a {font-size:11px}

#produtos-meio {float:left; width:600px; margin-left:10px; margin-top:0px}
#produtos-meioMenor {float:left; width:450px; margin-left:10px; margin-top:0px}

#produtos-marcas li {display:inline; background:#fff; margin:10px; width:110px; height:50px; padding:20px 10px 0px; float:left; text-align:center}

#listaprodutos-cats {float:left; width:145px; clear:both; background:url(img/bg.categorias.corpo.jpg) repeat-y; height:500px}
#listaprodutos-marcas {float:right; width:131px; background:url(img/bg.marcas.corpo.jpg) repeat-y; height:500px}

#msgValidacao {padding:10px; display:none; width:90%; color:#930; background:#f5f5f5; border:1px solid #930; float:left}
#msgValidacao h3 {margin:0px !important; margin-bottom:10px !important; font-size:16px !important; font-weight:bold; color:#930; width:100%; padding-bottom:0px !important; background:none}
#msgValidacao ul li {margin:5px 0}

#error-404 h1 {font:bold 26px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-left:5px solid #999; padding-left:10px}
#error-404 * {margin:25px 0}

.produto-listaMarca {clear:both; width:450px; padding-top:10px;}
.produto-listaMarca ul{display:block; width:450px;}
.produto-listaMarca ul li{width:215px; margin-right:10px;}

.marca-img {float:left; margin-right:10px;}

.indice-listagem {clear:both; margin:5px; border:0px; padding-top:20px; list-style:none;}

.indice-categoria {clear:both; display:block; margin-top:15px; margin-bottom:5px; padding-top:10px;}
.indice-categoria span {display:block; text-align:left; border-bottom:1px solid #0C2E82;}
.indice-categoria span a {float:right;}

#produto-catnome {color:#0C2E82; display:block; padding-bottom:2px; margin-bottom:5px; border-bottom:1px solid #0C2E82;}
#produto-catnome span {font-weight:bold;}

.produto-img {float:left; width:215px; text-align:center;}
.produto-img .mais-info {color:#cc0000;}
.produto-nome {float:left; width:215px; text-align:center;}
.produto-nome h2 {font-size:18px; color:#0c2e82; margin:10px 0 20px 0; font-weight:bold;}

.produto-preco {font-size:12px;}
.produto-preco span {font-size:20px; font-weight:bold;}

#produto-info {clear:both; padding-top:20px;}
#produto-info p {color:#0c2e82; line-height:25px;}
#produto-info p span {font-weight:bold;}

/* page: carrinho */
#carrinho {margin-left:-20px;background-image:url(imagens/carrinho_fundo.gif); width:682px; text-align:center; background-color:#000;}
#carrinho-topo {background-image:url(imagens/top_fundo.gif);}

#carrinho .carrinho-venda {background-image:url(imagens/meio_compras.gif); width:682px}
#carrinho .carrinho-venda .top {display:block; height:26px; background:url(imagens/top_compras.gif) no-repeat left top;}
#carrinho .carrinho-venda li {display:block; width:662px; margin-top:20px; list-style:none;}
#carrinho .carrinho-venda li table tr td {text-align:center;}
#carrinho .t-nome {width:300px; font-weight:bold;}
#carrinho .t-quant {width:80px; font-weight:bold;}
#carrinho .t-unit {width:60px; font-weight:bold;}
#carrinho .t-total {width:60px; font-weight:bold;}
#carrinho .t-botao {width:90px; font-weight:bold;}
#carrinho .carrinho-venda #produto-nome h2 {color:#5B5B95; font-size:14px;}
#carrinho .carrinho-venda #produto-nome h3 {color:#000; font-size:12px;}
#carrinho .carrinho-venda .bottom {display:block; clear:left; height:26px; background:url(imagens/finalizar_compra.gif) no-repeat left bottom;}

#carrinho .carrinho-cotacao {background-image:url(imagens/meio_cotacao.gif); width:682px}
#carrinho .carrinho-cotacao .top {display:block; height:26px; background:url(imagens/top_cotacao.gif) no-repeat left top;}
#carrinho .carrinho-cotacao ul {margin-left:10px;}
#carrinho .carrinho-cotacao li {display:block; width:662px; margin-top:20px; list-style:none;}
#carrinho .carrinho-cotacao #produto-nome h2 {color:#5B5B95; font-size:14px;}
#carrinho .carrinho-cotacao #produto-nome h3 {color:#000; font-size:12px;}
#carrinho .carrinho-cotacao .bottom {display:block; clear:left; height:26px; background:url(imagens/finalizar_cotacao.gif) no-repeat left bottom;}

#carrinho .carrinho-frete {background-image:url(imagens/meio_box_azul.gif); width:682px}
#carrinho .carrinho-frete .top {display:block; height:26px; background:url(imagens/top_box_azul.gif) no-repeat left top;}
#carrinho .carrinho-frete .bottom {display:block; clear:left; height:26px; background:url(imagens/bottom_box_azul.gif) no-repeat left bottom;}
#carrinho .carrinho-frete p {margin-left:10px;}
#carrinho .carrinho-frete span {font-weight:bold; margin-right:10px;}
#carrinho .carrinho-frete input {height:12px; padding:0px; text-align:center;}
#carrinho .carrinho-frete a {margin-left:5px;}

#carrinho .produto-img {float:left; width:60px; margin-right:20px;}
#carrinho .produto-nome {text-align:left; width:400px;}
#carrinho .produto-nome h2 {font-size:14px;}
#carrinho .carrinho-quant {float:left; text-align:left; width:170px; line-height:18px;}
#carrinho .carrinho-quant label {display:block; float:left; width:100px; margin-bottom:4px}
#carrinho .carrinho-quant label span {font-weight:bold; margin-right:10px;}
#carrinho .carrinho-quant label input {height:12px; padding:0px; text-align:center;}
#carrinho .carrinho-quant a {margin-left:5px;}

/* page: login */
#login-container {width:500px; margin:30px auto 100px auto;}
#login-container p {line-height:25px;}
#login-container p span {font-weight:bold;}

.box-azul {background:url(imagens/box-azul.gif) no-repeat; width:220px; height:135px; float:left; margin:0px 15px 0px 15px; color:#fff; text-align:center;}
#login-container .box-azul p {line-height:13px; text-align:center; font-size:11px;}
.box-titulo {display:block; width:200px; margin:10px auto 10px auto; font-weight:bold; padding-bottom:5px; border-bottom:solid 1px #fff;}
.box-azul label{display:block; font-weight:bold;}
.box-azul label input {height:12px; width:125px; margin-bottom:5px; font-weight:normal;}
.box-azul a {font-size:10px; color:#fff;}

/* # index: 4 - Global classes */
.horizontalRule {clear:both; width:450px; border:1px solid #0C2E82;}
.horizontalRuleLilas {clear:both; width:450px; border:1px solid #5b5b95;}
.center {text-align:center}
.block {display:block}
.right {float:right !important}
.textRight {text-align:right}
.left {float:left !important}
.hidden {display:none !important}
.shown {visibility:visible !important}
.nomargin {margin:0px}
.noborder {border:none !important}
.nobullet {list-style:none}
.noClearing {clear:none !important}
.fixMargin {display:inline}
.help {cursor:help}
.clickable {cursor:pointer}
.underline {text-decoration:underline !important}
.external {/*background:url(../img/icon.external.blue.gif) no-repeat right; padding-right:15px*/}
.nogrito {font-weight:normal !important}
.fieldset {border:1px dashed #069; padding:10px; margin-bottom:20px; float:left; clear:both}
.fieldset legend {padding:5px; font-weight:bold; background:#069; border:1px solid #069; color:#Fff; border-bottom:none}
.button {margin:10px;}

.text h2 {font-size:18px; margin:30px 0 20px 0; font-weight:bold}
.text h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
.text p,
.text ul,
.text ol,
.text dd,
.text address {margin-bottom:16px}
.text,
.text p,
.text li {line-height:18px}
.text a {text-decoration:underline}
p.text {margin:10px 0}
.textBlock {text-align:justify; margin-right:20px}
.textBlock img {margin:10px; float:left}

.standardForm p {float:left; margin:5px 0; width:100%}
.standardForm label {font-weight:bold; float:left; margin:5px 10px 0 0; width:180px; cursor:pointer; text-align:right}
.inlineFormItem {float:none !important; margin-left:10px !important}

.form-warning {width:100%; border-top:1px dashed #069; border-bottom:1px dashed #069; padding:5px 0; background:#f5f5f5; text-align:center; font-weight:bold; margin:10px 0}

.mediumButton {
	color:#fff !important; background:url(img/bg.mediumbutton.png) no-repeat; padding:3px 40px 5px 7px; cursor:pointer;
	font:bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; width:100px
}


/* === legado === */

/* Links */

/*a:link { text-decoration:none;}
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
*/
/* Fontes */
.tahoma { font-family: tahoma !important; }
.verdana { font-family: verdana !important; }
.arial { font-family: arial !important; }

/* Cores */
.cinza { color: #626366 !important; }
.vermelho { color: red !important; }
.branco { color: #ffffff !important; }
.preto { color: #000000 !important; }
.azulclaro { color:#00a0c6 !important; }
.azulescuro { color:#00539c !important; }
.azulmarinho { color:#0C2E82 !important; }
.lilas { color:#5B5B95 !important; }


/* Tamanhos */
.tam09 { font-size: 09px !important; }
.tam10 { font-size: 10px !important; }
.tam11 { font-size: 11px !important; }
.tam12 { font-size: 12px !important; }
.tam13 { font-size: 13px !important; }
.tam14 { font-size: 14px !important; }
.tam15 { font-size: 15px !important; }
.tam16 { font-size: 16px !important; }
.tam17 { font-size: 17px !important; }
.tam18 { font-size: 18px !important; }
.tam22 { font-size: 22px !important; }

/* Line-height */
.line11{ line-height: 11px !important;}
.line12{ line-height: 12px !important;}
.line13{ line-height: 13px !important;}
.line16{ line-height: 16px !important;}


/* Outros */
.busca { font-family: tahoma; font-size: 11px; color: #00539c; background:#FFFFFF; height: 13px; border:0px;}
.borda { border: #efefef solid 5px; }
.campo{ font-family: tahoma; font-size: 11px; color: #00539c; background:#FFFFFF; height: 16px; border:1px solid #00539c;}
.combo{ font-family: tahoma; font-size: 11px; color: #00539c; background:#FFFFFF; height: 20px; border:1px solid #00539c;}
.marca{ font-family: tahoma; font-size: 11px; color: #00539c; background:#FFFFFF; height: 18px; border:1px solid #00539c;}
.campo2{ font-family: tahoma; font-size: 11px; color: #00539c; background:#FFFFFF; border:1px solid #00539c;}
.butao { font-family: arial; font-size: 11px; color: #ffffff; background:#00539c; height: 16px; border:1px solid #00539c; height:18px; }
.butao2 { font-family: arial; font-size: 11px; color: #00539c; background:#ffffff; height: 16px; border:1px solid #ffffff; height:18px; }
.butao3 { font-family: arial; font-size: 11px; color: #ffffff; background:red; height: 16px; border:1px solid #000000; height:18px; }


} 
/* end media screen and main css */

@media Print {

.hidden,
#accessibility,
#menu,
#footer-menu {display:none}

a img {border:0}
h1 {font-size:18pt}
}/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/css/shadowbox/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/css/shadowbox/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/css/shadowbox/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/css/shadowbox/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/css/shadowbox/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/css/shadowbox/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}