Problema do css no template em Joomla

Eagleslb

Membro
Boa tarde a todos, eu tenho um problema no meu site, que é o seguinte, se forem a este site http://www.testeweb.pt.vu/ e depois clicarem em compras-->compras altamente-->detalhe do produto, podem visualizar, que a descrição do produto está um pouco abaixo, como posso coloca-lo ca em cima? Alguém percebe bem de css?

Tenho aqui o css do template do Joomla:

body {
margin: 0px 20px;
padding: 0;
text-align: center;
color: #000000;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-color: #434343;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-attachment: fixed;
}
p {
font-size: 11px;
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}
td, tr {
font-size: 11px;
}
#middle {
text-align:center;
}
#container {
margin: 0 auto;
border: 3px solid #000000;
text-align: left;
background: #FFFFFF;
border-top: none;
}
#header {
height: 136px;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}
#logoarea {
float: left;
height: 136px;
width: 203px;
background-image: url(../images/logo_bg.jpg);
color: #FFFFFF;
}
#logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 136px;
background-position: 50px 40px;
width: 203px;
}
#rightheader {
height: 136px;
margin-left: 203px;
}
#top {
height: 42px;
line-height: 42px;
float: left;
width: 100%;
}
#sitename {
float: left;
padding-left: 10px;
color: #CCCCCC;
font-size: 18px;
line-height: 42px;
height: 42px;
}
#user4 {
float: right;
height: 34px;
width: 185px;
margin: 4px 0px;
vertical-align: middle;
}
#user4 input,
#user4 .input,
#user4 .inputbox {
background-image: url(../images/search.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
border: 1px solid #666;
padding-left: 30px;
margin: 0;
height: 20px;
float: left;
background-color: #FFFFFF;
}
#banner {
background-color: #E2E2E2;
background-image: url(../images/banner.jpg);
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
#topmenu_out {
float: left;
overflow: hidden;
}
#topmenu {
color: #000000;
height: 80px;
margin-top: 8px;
line-height: 80px;
font-size: 12px;
float: left;
margin-left: -3px;
}
#topmenu ul, #topmenu li{
list-style-type: none;
padding: 0px;
margin: 0px;
display: inline;
}
#topmenu li{
float: left;
}
#topmenu a:link, #topmenu a:visited {
height: 80px;
line-height: 80px;
display: block;
float: left;
text-align: center;
color: #000000;
padding: 0px 30px;
background-image: url(../images/topmenu_bg.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 12px;
}
#topmenu a:hover{
text-decoration: none;
background-image: url(../images/topmenu_over.jpg);
background-repeat: repeat-x;
}
#maincontent {
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#content_outmiddle, #content_outleft, #content_outright {
background-image: url(../images/content_bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-left: 2px solid #E6E6E6;
border-right: 2px solid #E6E6E6;
border-bottom: 2px solid #E6E6E6;
background-color: #FFFFFF;
margin-bottom: 10px;
}
#left_outmiddle, #left_outleft, #left_outright {
width: 190px;
float: left;
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#right_outmiddle, #right_outleft, #right_outright {
width: 200px;
float: right;
background-image: url(../images/maincontent.jpg);
background-repeat: repeat-x;
}
#left, #right {
margin: 0px 5px 5px 5px;
width: 190px;
}
#left ul,
#right ul,
#left ul.menu li,
#right ul.menu li {
list-style-type: none;
padding: 0;
margin: 0;
}
#left ul ul,
#right ul ul,
#left ul.menu li li,
#right ul.menu li li {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
#left ul ul ul,
#right ul ul ul,
#left ul.menu li li li,
#right ul.menu li li li {
list-style-type: none;
padding: 0 0 0 5px;
margin: 0;
}
#left ul.menu li a,
#left ul.menu li#current a,
#left a.mainlevel,
#right ul.menu li a,
#right ul.menu li#current a,
#right a.mainlevel {
border-left: 3px solid #0E8FB9;
height: 25px;
line-height: 25px;
display: block;
margin: 2px 0px;
color: #000000;
width: auto;
text-indent: 5px;
font-size: 12px;
}
#left ul.menu a:hover,
#right ul.menu a:hover,
#left a.mainlevel:hover,
#right a.mainlevel:hover,
#left #active_menu,
#right #active_menu,
#left ul.menu li#current a,
#right ul.menu li#current a {
background-color: #68B9D3;
text-decoration: none;
border-left: 3px solid #68B9D3;
color: #FFFFFF;
}
#left a.sublevel,
#left ul.menu li#current li a,
#left ul.menu li li a,
#left ul.menu li li#current a,
#left ul.menu li li#current li a,
#left ul.menu li li li a,
#right a.sublevel,
#right ul.menu li#current li a,
#right ul.menu li li a,
#right ul.menu li li#current a,
#right ul.menu li li#current li a,
#right ul.menu li li li a {
color: #666666 !important;
height: 18px;
line-height: 18px;
padding-left: 14px;
background: url(../images/sublevel.png) no-repeat left !important;
padding-right: 5px;
border: none;
font-size: 11px;
}
#left a.sublevel:hover,
#right a.sublevel:hover,
#left ul.menu li#current li a:hover,
#right ul.menu li#current li a:hover,
#left ul.menu li li a:hover,
#right ul.menu li li a:hover{
border: none;
text-decoration: underline;
}
#left a.sublevel#active_menu,
#right a.sublevel#active_menu,
#left ul.menu li li#current a,
#left ul.menu li li li#current a,
#right ul.menu li li#current a,
#right ul.menu li li li#current a {
background: #68B9D3 !important;
text-decoration: none;
color: #FFFFFF !important;
}
#content_outmiddle {
margin: 0px 200px;
}
#content_outleft {
margin-left: 200px;
border-right: none;
}
#content_outright {
margin-right: 200px;
border-left: none;
}
#content {
padding: 5px 5px 10px 5px;
}
#bannermodul {
padding: 5px;
}
#pathway {
border-bottom: 1px solid #E6E6E6;
color: #666666;
font-size: 10px;
padding: 5px;
}
#pathway a {
color: #666;
}
#left_outmiddle h3,
#left_outleft h3,
#left_outright h3,
#right_outmiddle h3,
#right_outleft h3,
#right_outright h3 {
background-image: url(../images/h3.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: 15px;
line-height: 30px;
height: 30px;
text-align: left;
margin: 5px 0px;
text-indent: 10px;
font-weight: normal;
}
#user_out {
margin-top: 4px;
background-image: url(../images/user_out_bg.jpg);
border-top: 1px solid #CCC;
background-color: #E6E6E6;
background-repeat: repeat-x;
padding: 0 4px;
border-bottom: 1px solid #CCC;
}
#user_out .topmodule_user,
#user_out .topmodule_user1,
#user_out .topmodule_user2,
#user_out .topmodule_user3 {
background-image: url(../images/box_bg.jpg);
background-repeat: repeat-x;
float: left;
}
#user_out .topmodule_user1 {
width: 100%;
}
#user_out .topmodule_user2 {
width: 49%;
}
#user_out .topmodule_user3 {
width: 32%;
}
#user_out .topmodule_inside {
margin: 4px;
overflow: hidden;
}
#user_out .moduletable, #user_out .moduletable td {
width: 100%;
}
#user_out .topmodule_user th,
#user_out .topmodule_user1 th,
#user_out .topmodule_user2 th,
#user_out .topmodule_user3 th,
#user_out .topmodule_user h3,
#user_out .topmodule_user1 h3,
#user_out .topmodule_user2 h3,
#user_out .topmodule_user3 h3,
#bannermodul th,
#bannermodul h3 {
height: 25px;
line-height: 25px;
color: #FFF;
font-size: 15px;
background-color: #8B8B8B;
padding: 0px 5px;
text-align: left;
font-weight: normal;
margin: 0;
}
#user_out .topmodule ul, .topmodule li {
margin: 0px;
padding: 0px;
}
.sep, .sep1, .sep2, .sep3 {
float: left;
background-image: url(../images/sep.jpg);
background-repeat: repeat-y;
background-position: center;
}
.sep1, .sep2, .sep3 {
width: 1%;
}
.sep2, .sep3 {
}
#bottom {
background-image: url(../images/bottom.jpg);
background-repeat: repeat-x;
text-align: left;
color: #8B8B8B;
border-top: 1px solid #FFF;
height: 50px;
line-height: 50px;
}
#copy {
float: left;
font-size: 11px;
padding-left: 10px;
width: 40%;
}
#othermenu {
float: right;
overflow: hidden;
font-size: 11px;
width: 50%;
}
#othermenu_in ul, #othermenu_in li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
#othermenu_in {
margin-right: -2px;
float: right;
height: 50px;
line-height: 50px;
}
#othermenu_in a {
color: #8B8B8B;
border-right: 1px solid #8B8B8B;
padding: 0px 10px;
}
ul {
list-style-type: square;
}
.clear{
clear:both;
}
.contentheading {
color: #0E8FB9;
font-size: 24px;
}
.contentpane {
}
.contentpaneopen {
}
.contentdescription {
padding: 10px 0px;
}
.componentheading {
height: 26px;
line-height: 26px;
color: #FFFFFF;
font-size: 15px;
padding: 0px 5px;
background-color: #0E8FB9;
}
a:link, a:visited {
color: #8F0E0E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.sectiontableheader {
padding: 3px 5px;
background-color: #666;
color: #FFFFFF;
font-size: 15px;
color: #FFFFFF;
}
.sectiontableentry1, .sectiontableentry2 {
background-image: url(../images/sectiontableentry.jpg);
background-repeat: repeat-x;
height: 26px;
line-height: 26px;
font-size: 12px;
text-indent: 5px;
background-position: bottom;
background-color: #FFFFFF;
}
.button {
background-image: url(../images/button.jpg);
color: #FFFFFF;
font-size: 15px;
border: 1px solid #9ABC57;
margin: 5px 0px;
background-color: #9ABC57;
padding: 2px 3px;
}
.button:hover, .button:focus {
border: 1px solid #9ABC57;
background: #9ABC57;
}
.input {
border: none;
padding: 0;
margin: 0;
}
.inputbox {
border: 2px solid #E0E0E0;
padding: 2px;
}
.small {
color: #8B8B8B;
font-size: 11px;
}
a.readon {
background-color: #EBEBED;
color: #8B8B8B;
font-size: 11px;
padding: 1px 3px;
}
a.readon:hover {
text-decoration: none;
background-color: #CCCCCC;
}
.back_button a {
background-color: #EBEBED;
color: #8B8B8B;
border: 1px solid #8B8B8B;
font-size: 12px;
padding: 2px 4px;
}
.back_button a:hover {
text-decoration: none;
background-color: #CCCCCC;
}
.createdate {
color: #8B8B8B;
font-size: 11px;
margin-bottom: 10px;
}
.search {
margin: 5px 0px;
padding: 2px;
}
img {
border: none;
padding: 0;
margin: 0;
}

Fico a espera de uma resposta. Obrigado
 
site

Já dei uma vista de olhos, mas se alguem soube-se bem de css e de joomla, agradecia a ajuda. Alguem percebe bem de css e joomla? Obrigado
 
acho que se estás á espera que alguem vá fazer o trabalhinho todo por ti tas enganado mas...


utiliza algum programa para que consigas detectar qual a classe do css a alterar
 
Back
Topo