/*  
Theme Name: Audiolog
Description: Audiolog Theme
Version: 1.0
Author: Toscano & Furtado
Author URI: http://www.audiolog-lda.com
*/



/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, pre, form, label, fieldset, input, 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, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6, h7 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */



body { 
	min-height: 100%; 
	font-family: Arial, Tahoma, sans-serif; 
} 


#header { 
	background-color: #333; 
	position: relative; 
	text-align: center; 
	width: 100%; 
	background-position: center 0px; 
	background-repeat: repeat-x; 
	background-image: url(images/header.gif);
	height: 153px; 
}


#header_in { 
	position: relative; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: left; 
	width: 940px; 
	height: 154px; 
}


#logo {
	float: left;
	width: 340px;
	position: relative;
	padding-top: 75px;
}
	               

#facebook {
	position: relative;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
	                                
	               
#quote p {
	color: #fff;
	position: relative;
	float: left;
	padding-top: 90px;
	line-height: 14px;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, Tahoma, sans-serif;
}


#menu {
	margin-bottom: 45px;
	border-top-style: solid;
	position: relative;
	text-align: center;
	height: 32px;
	width: 100%;
	border-top-color: #fff;
	border-top-width: 1px;
	background-repeat: repeat-x;
	background-image: url(images/menu_bg.gif);
}


#menu_in {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 32px;
	width: 1015px;
	text-align: left;
}


#menu_in #nav {
	padding-right: 0px;
	margin: 0px;
	padding-left: 340px;
}


.navbutton {
	position: relative;
	float: left;
}


#searchform {
	text-align: right;
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 155px;
}


#searchfield {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 4px;
	padding: 0px;
	height: 16px;
	position: relative;
	display: inline;
	width: 110px;
}


#searchsubmit {
	float: right;
	position: relative;
	padding: 0px;
	margin: 0px;
}


#main {
	width: 100%;
	position: relative;
	text-align: center;
}


#main_in {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	text-align: left;
}


/* puxa ou empurra todo o conteúdo para cima e para baixo (menos o header) na página de listagem de produtos ou resultados */

.product_title {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -3px;
	padding: 0px;
}


/* nome do produto na página individual de produto */

.product_title a:link, .product_title a:visited {
	margin-left: auto;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
}
.product_title a:hover {
	color: #333;
}



/* A small_col é o frame onde a navegação da esquerda está instalada. */

#small_col {
	margin-right: 26px;
	float: left;
	position: relative;	
	width: 310px;
	}
/*#accordion {
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}*/



/* Esta história do toggler refere-se apenas às barras de navegação, onde se encontram aqueles backgrounds cinzentos e onde diz "fabricantes", "novidades", etc. A linha que envolve o conteúdo dessas caixas é a classe "element", aí mais abaixo. */

.togglerPesquisa {
	line-height: 30px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	height: 27px;
	width: 314px;
	background-image: url(images/navbox_titlebar.gif);
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Tahoma, sans-serif;
}
 
.toggler_txtPesquisa {
	margin-top: 20px;
	margin-left: 20px;
} 
 
.toggler {
	line-height: 30px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	height: 27px;
	width: 314px;
	/*background-image: url(images/navbox_titlebar.gif);*/
	color: #000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
} 
 
.toggler_txt {
	margin-top: 20px;
	margin-left: 0px;
}
 
   
/* Controlo do texto que aparece no início de cada página de tag */ 
 
#textoIntrodutorioCategoria {
 
	width: 550px;
    margin-top: 4px;
    float: left;
    padding-top: 5px;
    color: #555;
	font-size: 13px;
	border-top-color: #cbcbcb;
 	border-top-style: solid;
 	border-top-width: 1px;
 	width: 600px;
	
} 
 
 
 
 

/* esta classe controla as linhas/molduras que envolvem os seguintes conteúdos: "fabricantes", "tipos de produto", "acerca da marca-xpto". */
  
.element {
 
 	border-top-color: #cbcbcb;
 	border-top-style: solid;
 	border-top-width: 1px;
 	width: 312px;
	padding-top: 7px;
	
    /* aqui está o atributo que controla o espaçamento entre a caixa que fica imediatamente por baixo */
    margin-bottom: 1.5em;
}


/* define a posição e parâmetros do menu-drop-down selector */

.element select {
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 3px;
}

 
 
 
/* não me parece que estes elementos estejam a ser utilizados, pois a classe 'element' refere-se às caixas de 'fabricantes', 'tipos de produto' e 'novidades'. E essas caixas não têm listas incorporadas, apenas elementos estáticos. */
 
.element p {
	margin: 0px;
	padding: 4px;
}

.element ul li {
	clear: both;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 20px;
	font-size: 12px;
}


.elementAcerca {
 
 	border-top-color: #cbcbcb;
 	border-top-style: solid;
 	border-top-width: 1px;
 	/*border-bottom-color: #cbcbcb;
 	border-bottom-style: solid;
 	border-bottom-width: 1px;
 	border-left-color: #cbcbcb;
 	border-left-style: solid;
 	border-left-width: 1px;
 	border-right-color: #cbcbcb;
 	border-right-style: solid;
 	border-right-width: 1px;*/
 	width: 312px;
	
    /* aqui está o atributo que controla o espaçamento entre a caixa que fica imediatamente por baixo */
    margin-bottom: 1.5em;
}

.elementAcerca p {
	padding-top: 4px;
	padding-bottom: 4px;
}




/* Controla a caixa superior esquerda da página de produto 'Talvez lhe dê jeito', e a caixa de categorias na página do audio:blog ('Departamentos'). */
#files {
	
 	border-top-color: #cbcbcb;
 	border-top-style: solid;
 	border-top-width: 1px;
	width: 312px;
	padding-top: 7px;
    /* aqui está o atributo que controla o espaçamento entre a caixa que fica imediatamente por baixo */
    margin-bottom: 1.5em;
}


/* Esta classe '.archive' controla apenas as caixas de 'Artigos Recentes' e 'Comentários Recentes' no audio:blog */
.archive {
	border-right-color: #999;
 	border-left-color: #999;
 	border-bottom-color: #999;
 	border-top-color: #999;
 	border-right-style: solid;
 	border-left-style: solid;
 	border-bottom-style: solid;
 	border-top-style: solid;
 	border-right-width: 1px;
 	border-left-width: 1px;
 	border-bottom-width: 1px;
 	border-top-width: 1px;
 	/*height: 420px;*/
 	width: 312px;
	padding: 1em 0;
    /* aqui está o atributo que controla o espaçamento entre a caixa que fica imediatamente por baixo */
    margin-bottom: 1.5em;
}



/* esta classe controla a caixa das Novidades */

.element2 {
 
	
	border-right-color: #cbcbcb;
	border-right-style: solid;
 	border-right-width: 1px;
 	border-left-color: #cbcbcb;
	border-left-style: solid;
 	border-left-width: 1px;
 	width: 312px;
	padding: 0em 0;
	
	/* este atributo não deixa colocar um espaço inferior a 1em, por algum motivo. Provavelmente a caixa do facebook tem um atributo que está a inserir um valor mínimo na margem superior. Já lá vamos. */
    margin-bottom: 1.5em;
}


/* mais uma classe que eu não estou a ver bem para que serve. Provavelmente não está a ser utilizada. */ 

.element2 select {
	margin-left: 1em;
}


/* estes 'p' 'ul' e 'li' controlam os atributos do texto que aparece dentro da caixa de novidades. */

.element2 p {
	margin: 0px;
	padding: 4px;
}

.element2 ul li {
	clear: both;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 20px;
	font-size: 12px;
}



/* será preciso explicar para que é que esta classe serve? ;-) */

.brand_description p {

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}



/* estes atributos relativos às links de produtos não devem estar a ser utilizados. Isto não parece fazer nada. */

.product ul li a:link, .product ul li a:visited {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	display: block;
	font-size: 12px;
	color: #555;
}

.product ul li a:hover {
	color: #000;
	background-color: #ddd;
}


/* define as dimensões/posições das caixas que os thumbnails populam, onde quer que haja thumbnails. Não redimensiona ou altera os thumbnails propriamente ditos. */
 
.thumbnail {
	position: relative;
	height: 88px;
	width: 150px;
	float: left;
}

/* define a posição dos thumbnails dentro da caixa das novidades */

.novidade .thumbnail {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 10px;
}

/* define o posicionamento do texto que aparece à direita dos thumbnails na caixa das 'novidades' */

.novidade .detail {
	position: relative;
	padding-top: 15px;
	float: left;
}


/* os seguintes elementos controlam pormenores relativos ao texto, links, etc. do que está dentro da caixa de 'novidades' */
 
.novidade .detail a:link, .novidade .detail a:visited {
	text-decoration: none;
	color: #333;
}

.novidade .detail a:hover {
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.novidade .fabricante {
	font-weight: bold;
	text-transform: uppercase;
}

.novidade .preco {
	font-weight: bold;
	color: #f00;
}



/* Controla as caixas que aí estão descritas, embora pareça que só esteja a funcionar nas caixas de 'submitlink' na página de links e na caixa que envolve o formulário na página de Contactos. */

#newsletter, #submitlink, #contactform {
	margin-top: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 312px;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
    overflow: hidden;
}

/* Isto não parece estar a fazer nada */

#newsletter p, #submitlink p, #contactform p  {
	color: #333;
	margin: 0 10px;
}




/* Atributos dos textos e links que aparecem dentro das caixas de 'Artigos Recentes' e 'Comentários Recentes' */

.archive a:link, .archive a:visited{
	color: #000;
}

.archive a:hover{
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #000;
}

.archive p  {
	/*margin-left: 0px; ==> esta margem não parece ser necessária, pois no elemento mais abaixo a margem da lista é que define o afastamento à esquerda da moldura, tanto da linha como do texto. */
	margin-bottom: 0;
	margin-right: 0px;
	margin-top: 0;
	color: #666;
}

/* Atributos da lista, incluindo a linha de separação entre os items */
.archive ul li {
	margin-left: 20px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 13px;
	display: inline-block;
	width: 270px;
}




#image_flicker {text-align:center}
#image_flicker img {display:block; margin:auto}
#image_flicker a {text-decoration:none}




/* Labels que estão por cima dos campos no formulário dos Contactos */

#contactform .cform label {
	margin-left: 20px;
	color: #333;
	font-size: 12px;
        display: block;
}




/* Labels que estão por cima dos campos no formulário das Links. */

#submitlink .cform label{
	margin-left: 20px;
	position: relative;
	float: left;
	display: inline;
	font-size: 12px;
	color: #333;
}


/* Controla os radio buttons do formulário das links, mas infelizmente não dá para fazer grande coisa daquela merda com os conhecimentos que tenho neste momento. */

#submitlink #li-4-1items input {
	display: inline;
	position:inherit;
	float: left;
}

#submitlink #li-4-2 label {
	display:none;
}


#newsletter  .cform input,
#newsletter  .cform textarea,
#newsletter  .cform select,
#submitlink  .cform input,
#submitlink  .cform textarea,
#submitlink  .cform select,
#contactform  .cform input,
#contactform  .cform select  { 
	margin: 5px 20px;
	padding:3px;
	border:1px solid #aaa; 
	color:#888;
	background:#fff;
}

#contactform  .cform textarea { 
	margin: 2px 0px;
	padding:3px;
	border:1px solid #aaa; 
	color:#888;
	background:#fff;
}


/*
#newsletter  .cform input:hover,
#newsletter  .cform textarea:hover,
#newsletter  .cform select:hover, */

#submitlink  .cform input:hover,
#submitlink  .cform textarea:hover,
#submitlink  .cform select:hover,
#contactform  .cform input:hover,
#contactform  .cform textarea:hover,
#contactform  .cform select:hover	{
	border: 1px solid #f00;
	background:#fff; 
}

/* Isto do "focus" é duma utilidade do catano: é a côr que o texto tem enquanto o escrevemos no formulário. Quando saltamos fora, a côr volta ao normal. Enfim... */

/*
#newsletter .cform input:focus,
#newsletter .cform textarea:focus,
#newsletter .cform select:focus, */

#submitlink .cform input:focus,
#submitlink .cform textarea:focus,
#submitlink .cform select:focus,
#contactform .cform input:focus,
#contactform .cform textarea:focus,
#contactform .cform select:focus			{ 
	color:#666;
	background:#fff; 
}


/* Comprimento do buraco onde se põe o texto dos formulários (não a caixa de texto, apenas os restantes) */

#submitlink .cform input,
#submitlink .cform textarea,
#submitlink .cform input
#contactform .cform input,
#contactform .cform textarea,
#contactform .cform input{
	width:262px; 
}
 
/* Não parece estar a fazer nada */
#submitlink .cform select,
#contactform .cform select {
	width:306px; /* attempt to have equal length */
}  

/* Não parece estar a fazer nada */
#submitlink .cform select.cfselectmulti,
#contactform .cform select.cfselectmulti		{ 
	height:7.5em; 
}

/* Barras de scroll nas caixas de texto... que no caso deste site, só existe no formulário dos Contactos. */
#submitlink .cform textarea,
#contactform .cform textarea  {
	overflow:auto;
}

/* Posição do botão de 'Enviar' nos formulários */
#submitlink  p.cf-sb,
#contactform  p.cf-sb  {
	margin: 0 20px 0 0;
	text-align:right;
}


/* Botão de 'Enviar' que aparece no final dos formulários */

#submitlink .cform input.sendbutton,
#contactform .cform input.sendbutton	{ 
	width: 80px; 
	color: #fff; 
	border-left-color: #666; 
	border-bottom-color: #000; 
	border-right-color: #000; 
	border-top-color: #666; 
	border-width: 1px; 
	border-style: solid; 
	background-color: #f00;  
	padding: 3px; 
	margin: 0;
	font-size:0.8em;
}

/* Isto deve formatar a janelinha de video que eventualmente apareceria nas páginas individuais de produto, se os tivéssemos. */

#video {
	margin-bottom: 30px;
	width: 312px;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
}




/* Bem, os próximos elementos controlam a caixa da Newsletter, e foram modificados/acrescentados pelo Christian, por algum motivo que agora não me lembro. */
#newslettr {
	border-right-color: #999;
 	border-left-color: #999;
 	border-bottom-color: #999;
 	border-top-color: #999;
 	border-right-style: solid;
 	border-left-style: solid;
 	border-bottom-style: solid;
 	border-top-style: solid;
 	border-right-width: 1px;
 	border-left-width: 1px;
 	border-bottom-width: 1px;
 	border-top-width: 1px;
 	/*height: 420px;*/
 	width: 312px;
	padding: 1em 0;
    /* aqui está o atributo que controla o espaçamento entre a caixa que fica imediatamente por baixo */
    margin-bottom: 1.5em;	
}

#newslettr p {
	color: #333;
	margin: 0 20px;
}
#newslettr label, #newslettr fieldset legend {
	display: none;
}

#newslettr  .cform input,
#newslettr  .cform textarea,
#newslettr  .cform select  { 
	margin: 5px 20px;
	padding:3px;
	border:1px solid #aaa; 
	color:#888;
	background:#fff;
}
#newslettr  .cform input:hover,
#newslettr  .cform textarea:hover,
#newslettr  .cform select:hover {
	border: 1px solid #f00;
	background:#fff; 
}

#newslettr .cform input:focus,
#newslettr .cform textarea:focus,
#newslettr .cform select:focus { 
	color:#666;
	background:#fff; 
}

#newslettr .cform textarea,
#newslettr .cform input,
#newslettr .cform textarea {
	/*width:220px;*/
}
 
#newslettr .cform select {
	/*width:306px;*/ /* attempt to have equal length */
}  

#newslettr .cform select.cfselectmulti { 
	height:7.5em; 
}

#newslettr .cform textarea {
	overflow:auto;
}

#newslettr  p.cf-sb {
	margin: 0 20px 0 0;
	text-align:right;
}
#newslettr .cform input.sendbutton { 
	width: 80px; 
	color: #fff; 
	border-left-color: #666; 
	border-bottom-color: #000; 
	border-right-color: #000; 
	border-top-color: #666; 
	border-width: 1px; 
	border-style: solid; 
	background-color: #f00;  
	padding: 3px; 
	margin: 0;
	font-size:0.8em;
}


/* E aqui o Christian criou uma "adulteração" (como ele disse) ao id "#newslettr" para meter na page.php. Novamente, não me lembro porquê, pode ser que um dia investigue e logo se vê para que foi esta merda. */
#newslettr2 {
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
	width: 520px;
	border-color: #999;
	/*border-style: solid; */
	/*border-width: 1px; */
}
#newslettr2 p {
	color: #333;
	margin: 0 1px;
}

/* #newslettr2 label, #newslettr2 fieldset legend {
	display: none;
} **/


#newslettr2 .cform label {
	padding-top: 0px;
	margin-top: 5px;
	margin-left: 0px;
	color: #333;
	font-size: 12px;
        display: block;
}


#newslettr2  .cform input,
#newslettr2  .cform textarea,
#newslettr2  .cform select  { 
	margin: 6px 2px;
	padding:3px;
	border:1px solid #aaa; 
	color:#888;
	background:#fff;
	
}
#newslettr2  .cform input:hover,
#newslettr2  .cform textarea:hover,
#newslettr2  .cform select:hover {
	border: 1px solid #f00;
	background:#fff; 
}

#newslettr2 .cform input:focus,
#newslettr2 .cform textarea:focus,
#newslettr2 .cform select:focus { 
	color:#333;
	background:#fff; 
}

	
#newslettr2 .cform input {
	width:260px;
}

#newslettr2 .cform textarea {
	width:320px;
}
 
#newslettr2 .cform select {
	/*width:306px;*/ /* attempt to have equal length */
}  

#newslettr2 .cform select.cfselectmulti { 
	height:7.5em; 
}

#newslettr2 .cform textarea {
	overflow:auto;
}

#newslettr2  p.cf-sb {
	margin: 0 20px 0 0;
	text-align:right;
}
#newslettr2 .cform input.sendbutton { 
	width: 80px; 
	color: #fff; 
	border-left-color: #666; 
	border-bottom-color: #000; 
	border-right-color: #000; 
	border-top-color: #666; 
	border-width: 1px; 
	border-style: solid; 
	background-color: #f00;  
	padding: 3px; 
	margin: 0;
	font-size:0.8em;
	left
}


/* Controlo da caixa do facebook (que agora é Facebook, mas como há referências a este id espalhadas por todo o lado, não faz mal se continuar a chamar-se #facebook) */
#facebook {
	
	margin-top: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 312px;
	border-top-color: #cbcbcb;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 1.5em;
	
}

/* Estes parâmetros só funcionam no I do Facebook, porque os outros têm listas, e não texto estático. */
#files p, #taglist p, #facebook p {
	color: #333;
	margin: 0 0px;
}

#facebook_container {

	margin-top: 35px;
	background-repeat: no-repeat;
	height: 20px;
	width: 314px;
	background-image: url(images/facebook2.gif);
	
} 
 



/* E esta merda toda relativa a listas não funciona na caixa do Facebook, mas sim nas restantes. */
#files ul li, #taglist ul li, #facebook ul li {
	list-style-position: inside;
	list-style-image: url(images/bullet.gif);
	padding-left: 0px;
}

#files ul li a:link, #files ul li a:visited, #taglist ul li a:link, #taglist ul li a:visited, #facebook a:link, #facebook a:visited{
	font-size: 12px;
	text-decoration: none;
	color: #333;
}
#files ul li a:hover, #taglist ul li a:hover, #facebook a:hover {
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.linklove {
	display:none;
}


/* O big_col é o container que tem todo o conteúdo que ocorre à direita da navegação. Se aumentarmos o tamanho dele, ele salta fora do frame do container em que está inserido (body), e por isso passa para baixo da navegação. */
#big_col {
	width: 600px;
	float: left;
	position: relative;
	margin-top: 10px;
}

/* Controla o espaço do parágrafo de texto nos items do loop */	
#big_col p {
			padding-bottom: 10px;
}


/* Esta classe provavelmente não está a ser utilizada. Não parece funcionar. */
.banner {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
}

/* Largura do texto descritivo do produto/blog que aparece na lista de loop. */
.blog_detail {
	position: relative;
	float: left;
	width: 430px;
}


/* Não parece estar a ser utilizado. */
.blog_detail2 {
	position: relative;
	float: left;
	width: 280px;
}

/* Côr das links dentro do loop. */
#blog a:link, #blog a:visited {
	color: #f00;
}


/* Formatação das listas do blog, incluindo a linha de separação entre posts. */
#blog ul li {
	padding-top: 0px;
	margin-top: 4px;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	clear: both;
	position: relative;
}

/* Posicionamento do thumbnail do blog (e não do loop, pois apenas funciona nos thumbnails do blog. A lista de produtos deve ser um loop à parte. */
#blog .thumbnail {
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* H6 são os títulos dos posts do blog na lista do loop (ou seja, não interfere com o título do post na página do post expandido. */
#blog h6 a:link, #blog h6 a:visited {
	color: #333;
	text-transform:none;
}
#blog h6 a:hover {
	text-decoration: none;
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* Controla aquela informação que aparece por baixo do resumo dos posts do blog (data, descrição de qual a categoria a que pertence, link para comentar, etc.) ATENÇÃO: alterar esta classe também altera a primeira linha do texto que aparece nas caixas de 'Artigos Recentes' e 'Comentários Recentes'. SE FOR PARA ALTERAR UMA E NÃO A OUTRA, O MELHOR É DUPLICAR A CLASSE E DAR-LHE UM OUTRO NOME. */
.meta {
	color: #666;
	margin-top: 10px;
	font-size: 11px;
}
#blog .meta a:link, #blog .meta a:visited {
	text-decoration: underline;
	color: #666;
}
#blog .meta a:hover {
	color: #000;
}


/* Os seguintes elementos controlam as listas de produtos que resultam duma selecção por categoria (fabricante), ou tipo de produto (tag). */

#brandlist .thumbnail {
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.brand_detail {
	position: relative;
	float: left;
	width: 430px;
}
#brandlist h6 a:link, #brandlist h6 a:visited {
	color: #333;
	text-transform: none;
}
#brandlist h6 a:hover {
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#brandlist a:link, #brandlist a:visited {
	color: #f00;
}
#brandlist ul li {
	border-bottom-color: #cbcbcb;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 0px;
	margin-top: 4px;
	clear: both;
	position: relative;
}
#brandlist .price {
	color: #f00;
}



/* Controlo do footer (oh, really?) */
#footer {
	clear: both;
	margin-top: 40px;
	height: 153px;
	background-position: center 80px;
	background-repeat: repeat-x;
	background-image: url(images/footer.gif);
	bottom: 0px;
	text-align: center;
	position: relative;
}

#footer_nav {
	height: 80px;
	font-size: 12px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
}

#footer_nav p {
	padding-top: 50px;
}

#footer_nav a:link, #footer_nav a:visited {
	color: #888;
}

#footer_nav a:hover {
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
}

#footer_in {
	width: 940px;
	margin-right: auto;
	position: relative;
	margin-left: auto;
	padding-top: 20px;
	color: #fff;
	font-size: 12px;
}

#footer_in a:link, #footer_in a:visited {
	text-decoration: none;
	color: #ccc;
}

#footer_in a:hover {
	border-bottom-color: #f00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;	               
}



/* Parece que este header h2 só é mesmo usado na palavra 'audio:blog', na página principal do audio:blog e na página de post individual. */
h2 {
	font-size: 20px;
	/*text-transform: uppercase;*/
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	color: #444;
	/*margin-left: 335px;*/
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -11px;
	padding: 0px;
}

/* O h7 é o título das páginas que têm listas (resultados, páginas de categorias e páginas de tags) */
h7 {
	/*line-height: 30px;*/
	text-transform: uppercase;
	background-repeat: no-repeat;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
}


/* Título do audio:blog */
h8 {
	
	color: #000;
	font-size: 20px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	
}


/* h4 é o header dos títulos das caixas da esquerda ('Departamentos', 'Artigos Recentes', 'Comentários Recentes', 'Newsletter', 'Talvez lhe dê jeito', etc.). */
h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
}

/* Texto normal */
p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}


/* O h5 aparentemente só está a ser usado para a palavra 'audio:blog' na página de entrada. */
h5 {
	margin-bottom: 20px;
	clear: both;
	margin-top: 0px;
	color: #000;
	font-size: 26px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}

/* Título da página 'Empresa'. */
h5.pagetitle {
	margin-top: 0px;
	margin-bottom: 20px;
	clear: both;
	color: #000;
	font-size: 26px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}

/* Títulos dos posts no loop, títulos do post individual e títulos das categorias de links. */
h6 {
	margin-bottom: 10px;
	margin-top: 10px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
}

.highlight {
	color: #f00;
}

.excerpt p {
	width: 430px;
	float: left;
	position: relative;
	font-size: 14px;
}
.price_box {
	float: right;
	position: relative;
	width: 132px;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
}
.price_label {
	/*background-image: url(images/preco_bg.gif);*/
	background-color: #444;
	height: 50px;
	width: 132px;
}

.price_price {
	padding-right: 10px;
	padding-top: 13px;
	text-align: right;
	font-family: Arial, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #fff;
}

.price_iva {
	padding-right: 10px;
	text-align: right;
	color: #fff;
	font-size: 10px;
}

.price_less {
	color: #fff;
	background-color: #f00;
	height: 28px;
}

.price_less a:link, .price_less a:visited {
	text-align: right;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
.price_less a:hover {
	text-decoration: underline;
}
.price_less p {
	padding-right: 10px;
	text-align: right;
	padding-bottom: 10px;
	padding-top: 10px;
}
.top_spacer {
}
#newsletter fieldset legend {
	display: none;
}
.link_fabricante a:link, .link_fabricante a:visited {
	text-decoration: underline;
	color: #f00;
}
.link_fabricante {
	padding-top: 20px;
}
#links ul li ul li {
	margin-right: 11px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
	display: inline-block;
	width: 220px;
}
.post ul li {
	margin-right: 11px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 12px;
	display: inline-block;
	width: 280px;
}
.toppage {
	margin-right: 10px;
	padding-right: 10px;
	font-size: 11px;
	float: right;
}
#links a:link.toppage , #links a:visited.toppage {
	color: #f00;
}
#big_col a, .pesquisa p a {
	color: #f00;
}
#big_col a:hover, .pesquisa p a:hover {
	text-decoration: underline;
	color: #f00;
}
#links a:hover.toppage {
	text-decoration: underline;
	color: #f00;
}
#links a:link, #links a:visited {
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	color: #333;
}
#links a:hover {
	color: #f00;
}
#links h6 {
	margin-top: 30px;
	color: #f00;
}

/*--------- SLIDESHOW -------------------------------------------*/

div.slideshow {
	padding: 0 0 25px 0;
	}
div.slideshowno {
	visibility: hidden;
	width: 0px;
	z-index: -1;
	height: 0;

	}
div.slideshow ul {
	background: #FFF;
	bottom: 0;
	position: absolute;
	overflow: hidden;
	padding: 4px 8px;
	right: 0;
	z-index: 1000;
	}
div.slideshow ul a {
	background: url(img/a.gif) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 14px;
	margin: 0 4px 0 0;
	overflow: hidden;
	width: 12px;
	}
div.slideshow ul a.prev {
	background-image: url(img/prev.gif);
	width: 14px;
	}
div.slideshow ul a.next {
	background-image: url(img/next.gif);
	margin-right: 0;
	width: 14px;
	}
div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover {
	background-position: 0 -14px;
	}
div.slideshow ul li {
	margin: 0px;
	float: left;
	list-style: none;
		}
.feed {
			font-size: 14px;
		}
p.content {
			padding-bottom: 20px;
		}
.content p {
			padding-bottom: 20px;
		}
		
p.content2 {
			padding-bottom: 2px;
			/*float: left; */
		}
.content2 p {
			padding-bottom: 2px;
			float: left;
		}		
		
.content3 p {
			padding-bottom: 2px;
			float: inherit;
		}		
		
		
		
.leftcol_img {
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
		}
.reqtxt, .emailreqtxt {
			color: #999;
			padding-left: 20px;
			font-size: 11px;
		}
#li-5-4 {
			padding-top: 10px;
			padding-left: 20px;
			font-size: 12px;
		}
.cf-box-b {
		}
.pagenav {
			padding-left: 170px;
			clear: both;
			padding-top: 20px;
		}
.pesquisa p {
			padding: 20px;
		}


/* Some things I added, cschenk, 2009-06-27 */

/* Aligns the iFrame for the banner rotation with the accordion on the left */
/* -> Doesn't seem to be a problem anymore, cschenk, 2009-06-28 */
#main_in iframe {
	position: relative;
	top: 25px;
	padding-bottom: 20px;
}

#respond {
	clear: both;
	padding-top: 2em;
}

.commentlist .comment_text p {
	padding-left: 1em;
	background-color: #ccc;
	width: 456px
}



.commentlist li.siteowner .comment_text p {
	color: #fff;
	background-color: #d61616;
}
#big_col .commentlist li.siteowner .comment_text a {
	color: #fff;
        text-decoration: underline;
}
#big_col .commentlist li.siteowner .comment_text a:hover {
	color: #eee;
}


.commentlist .comment_text_prefix {
	height: 33px;
	width: 468px;
	background: transparent url(images/comments/comment_top.gif) no-repeat scroll 0 100%
}
.commentlist .comment_text_suffix {
	height: 33px;
	width: 468px;
	background: transparent url(images/comments/comment_bottom.gif) no-repeat scroll 0 100%
}
.commentlist .siteowner .comment_text_prefix {
	background: transparent url(images/comments/comment_siteowner_top.gif) no-repeat scroll 0 100%
}
.commentlist .siteowner .comment_text_suffix {
	background: transparent url(images/comments/comment_siteowner_bottom.gif) no-repeat scroll 0 100%
}

#files ul li {
	font-size: 12px;
}

.post h6 a {
	margin-bottom: 1.5em;
}

.post ul.empresa li {display: inline}
.post ul.empresa>li {display:inline-block}

#links ul li ul li {display:inline}
#links ul li ul>li {display:inline-block}