Mudança no footer
Enviado: 23 Jul 2012, 14:24
Olá a todos;
Estou com um problema que não consigo resolver, o rodapé da minha loja esta igual a imagem abaixo:
http://bellenus.files.wordpress.com/201 ... exshop.png
Mas eu gostaria de deixar os links de "informações" como o dessa imagem

Eu tentei alterar o footer.tpl removendo os codigos <ul> e <li> mas não adiantou nada eles continuaram do mesmo jeito (apenas sem bolinha branco ao lado) acredito que teria que alterar algo no CSS mas não sei o que fazer =/
o arquivo footer.tpl esta assim:
Estou com um problema que não consigo resolver, o rodapé da minha loja esta igual a imagem abaixo:
http://bellenus.files.wordpress.com/201 ... exshop.png
Mas eu gostaria de deixar os links de "informações" como o dessa imagem

Eu tentei alterar o footer.tpl removendo os codigos <ul> e <li> mas não adiantou nada eles continuaram do mesmo jeito (apenas sem bolinha branco ao lado) acredito que teria que alterar algo no CSS mas não sei o que fazer =/
o arquivo footer.tpl esta assim:
Código: Selecionar todos
e esse é o CSS:
</div></div></div>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
</script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<body onLoad="MM_preloadImages('../../../../../../image/flags/ae.png')">
<div id="footer">
<div id="go_up">
<a href="#" id="go_to_top"><img src="catalog/view/theme/<?php echo $template; ?>/image/up_image.png" alt=""go up"/></a>
</div>
<div id="footer_inside">
<div id="about">
<?php
$this->load->model('tool/seo_url');
$this->load->model('catalog/information');
$output = '';
$output = $this->model_catalog_information->getInformation(4);
?>
<h2>
<?php
echo $output['title'];
?>
</h2>
<p>
<?php
$a = strip_tags(substr(html_entity_decode($output['description']),0,500))."...";
echo $a;
?>
</p>
<?php
$info = '';
$result = $this->model_catalog_information->getInformation(4);
$new_path = $result['information_id'];
$unrewritten = HTTP_SERVER.'index.php?route=information/information&information_id='.$new_path;
$rewritten = $this->model_tool_seo_url->rewrite($unrewritten);
$info .= '<a id="readmore" href="'.str_replace('&', '&', $rewritten).'">'.$text_readmore.'</a>';
?>
<?php echo $info ?>
</div>
<div id="information_footer">
<?php
$this->language->load('module/information');
$heading_title = $this->language->get('heading_title');
?>
<h2><?php echo $heading_title ?></h2>
<ul>
<?php
$this->load->model('tool/seo_url');
$this->load->model('catalog/information');
$output = '';
$results = $this->model_catalog_information->getInformations();
foreach ($results as $result) {
$output .= '<li>';
$new_path = $result['information_id'];
$unrewritten = HTTP_SERVER.'index.php?route=information/information&information_id='.$new_path;
$rewritten = $this->model_tool_seo_url->rewrite($unrewritten);
$output .= '<a href="'.str_replace('&', '&', $rewritten).'">'.$result['title'].'</a>';
$output .= '</li>';
}
echo $output;
$text_contact = $this->language->get('text_contact');
$text_sitemap = $this->language->get('text_sitemap');
?>
<li><a href="<?php HTTP_SERVER ?>index.php?route=information/contact"><?php echo $text_contact ?></a></li>
<li><a href="<?php HTTP_SERVER ?>index.php?route=information/sitemap"><?php echo $text_sitemap ?></a></li>
</ul>
</div>
<div id="footer_links">
<h2> <?php echo $text_store; ?></h2>
<ul>
<li><a href="<?php echo str_replace('&', '&', $home); ?>" id="tab_home"><?php echo $text_home; ?></a></li>
<?php if (!$logged) { ?>
<li> <a href="<?php echo str_replace('&', '&', $login); ?>"><?php echo $text_login; ?></a></li>
<?php } else { ?>
<li> <a href="<?php echo str_replace('&', '&', $logout); ?>" id="tab_logout" ><?php echo $text_logout; ?></a></li>
<?php } ?>
<li> <a href="<?php echo str_replace('&', '&', $account); ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo str_replace('&', '&', $cart); ?>"><?php echo $text_cart; ?></a></li>
<li><a href="<?php echo str_replace('&', '&', $checkout); ?>"><?php echo $text_checkout; ?></a></li>
</ul>
</div></div>
</div><div class="div2_footer">
<p><?php echo $text_powered_by; ?>
<?php echo $google_analytics; ?>
</div></body></html>Código: Selecionar todos
Alguém sabe me explicar como posso fazer essa alteração ?html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
* {
font-family: Arial, Helvetica, sans-serif;
color: #7d7e7f;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
background: #9e0049 url('../image/bg.jpg') 0 0;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input, textarea, select {
margin: 3px 0px;
}
a, a:visited {
color: #9e0049;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
p {
margin-top: 0px;
}
/* layout */
#container {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header .div2 {
float: left;
padding-top: 15px;
padding-left: 15px;
}
#header .div3 {
float: right;
padding-top: 7px;
height: 38px;
}
#header .div3 a {
margin-left: 15px;
padding: 1px 0px 2px 20px;
background-repeat: no-repeat;
background-position: left center;
}
#header .div4 {
width: 510px;
clear: right;
float: right;
height: 32px;
padding-right: 14px;
}
#header .div4 a {
float: left;
margin-right: 2px;
width: 100px;
height: 18px;
padding-top: 9px;
padding-bottom: 9px;
background: url('../image/tab_1.png') no-repeat;
text-align: center;
color: #333333;
text-decoration: none;
font-size: 14px;
font-weight: bold;
position: relative;
z-index: 1;
}
#header .div4 a.selected {
background: url('../image/tab_2.png') no-repeat;
color: #FFF;
padding-bottom: 10px;
z-index: 3;
}
#header .div5 {
clear: both;
}
#header .div5 .left {
background: url('../image/header_1_left.png') no-repeat;
width: 5px;
height: 40px;
float: left;
}
#header .div5 .right {
background: url('../image/header_1_right.png') no-repeat;
width: 5px;
height: 40px;
float: right;
}
#header .div5 .center {
background: url('../image/header_1_center.png') repeat-x;
height: 40px;
margin-left: 5px;
margin-right: 5px;
}
#header .div6 {
clear: both;
margin-bottom: 10px;
}
#header .div6 .left {
background: url('../image/header_2_left.png') no-repeat;
width: 5px;
height: 32px;
float: left;
}
#header .div6 .right {
background: url('../image/header_2_right.png') no-repeat;
width: 5px;
height: 32px;
float: right;
}
#header .div6 .center {
background: url('../image/header_2_center.png') repeat-x;
height: 32px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
#header .div7 {
float: right;
padding-top: 2px;
}
#header .div8 {
float: left;
margin-top: 6px;
}
#header .div9 {
float: left;
}
#header .div10 {
float: left;
margin-top: 2px;
}
#search select {
border: 1px solid #0A5391;
padding: 1px;
}
#search a {
color: #FFF;
}
#breadcrumb {
color: #000000;
font-size: 9px;
height: 13px;
margin-bottom: 10px;
padding-bottom: 11px;
text-align: left;
width: 100%;
}
.switcher {
float: right;
margin-left: 10px;
}
.switcher a {
text-decoration: none;
display: block;
}
.switcher .selected {
}
.switcher .selected a {
background: url('../image/arrow_down.png') 80px center no-repeat;
color: #dadada;
width: 95px;
font-size: 10px;
font-weight: bold;
}
.switcher .selected a:hover {
background: #9e0049 url('../image/arrow_down.png') 80px center no-repeat;
}
.switcher .option {
position: absolute;
z-index: 3;
background-color: #9e0049;
display: none;
width: 131px;
color: #dadada;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.switcher .option a {
font-size: 10px;
font-weight: bold;
color: #dadada;
padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
background: #9e0049;
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.switcher img {
position: relative;
top: 1px;
}
#column_left {
background: url('../image/column_bg.png') repeat-y 0 0;
clear: left;
float: left;
margin-right: 10px;
width: 200px
}
#column_bottom_shadow {
background: url('../image/column_bottom_shadow.png') 0 0;
clear: left;
float: left;
height: 22px;
margin-right: 10px;
width: 200px
}
#column_right {
float: right;
width: 180px;
margin-left: 10px;
clear: right;
display: none;
}
#content_home, #content {
margin-left: 205px;
background: url('../image/main_content_bg.png') repeat-y 0 0;
margin-bottom: 10px
}
#content .middle p, #content .middle li {
line-height: 20px;
font-family: 'Droid Sans',arial,serif;
font-size: 12px;
}
#content h1, .heading {
background: url('../image/top_header_bg.png') no-repeat right top;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
color: #9e0049;
font-family: 'Droid Sans',arial,serif;
font-size: 15px;
height: 27px;
line-height: 27px;
margin: 0 5px;
text-transform: capitalize;
font-weight: normal; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}
#content .middle {
padding: 10px 10px 1px 10px;
min-height: 30px;
}
.box {
margin-bottom: 10px;
background: url('../image/column_header.png') no-repeat 0 0;
margin: 0 4px
}
.box .top {
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
color: #9e0049;
font-family: 'Droid Sans',arial,serif;
font-size: 15px;
height: 26px;
line-height: 26px;
padding-left: 10px;
text-transform: capitalize;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box .middle {
padding: 10px;
}
.box .bottom {
height: 10px;
}
.success {
padding: 5px 0px;
margin-bottom: 10px;
background: #E4F1C9;
border: 1px solid #A5BD71;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.warning {
padding: 5px 0px;
margin-bottom: 10px;
background: #FFDFE0;
border: 1px solid #FF9999;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.wait {
padding: 5px 0px;
margin-bottom: 10px;
background: #FBFAEA;
border: 1px solid #EFEBAA;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
color: #FF0000;
display: block;
}
.help {
cursor: pointer;
}
.tooltip {
border: 1px solid #FDDA5C;
background: #FBFF95;
padding: 5px;
font-size: 11px;
width: 250px;
}
.clear {
/* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
.button {
padding-left: 8px;
display: inline-block;
margin-right: 5px;
background: url('../image/button_left.png') top left no-repeat;
text-decoration: none;
color: #FFF;
}
.button span {
color: #FFF;
display: block;
padding: 4px 12px 5px 5px;
background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
background: #fcfcfc;
border: 1px solid #ededed;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 5px;
margin-bottom: 10px;
}
.buttons input {
padding: 0px;
margin: 0px;
}
.buttons table {
width: 100%;
border-collapse: collapse;
}
.buttons table td {
vertical-align: middle;
}
.content {
background: #fcfcfc;
border: 1px solid #ededed;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
margin-top: 3px;
margin-bottom: 10px;
}
.list_home {
border-spacing: 5px;
left: -2px;
margin-bottom: 10px;
position: relative;
width: 728px;
}
.list_home td {
border: 1px solid #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom: 5px;
background: url('../image/latest_spacer2.png') repeat-x center bottom;
vertical-align: top
}
.list {
border-spacing: 5px;
left: -7px;
margin-bottom: 10px;
position: relative;
width: 728px;
text-align: center;
}
.not_empty {
border: 1px solid #D9D9D9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom: 5px;
background: url('../image/latest_spacer2.png') repeat-x center bottom;
vertical-align: top
}
.not_empty span {
line-height:20px;
}
.thumb {
padding: 10px 0;
}
.sort {
margin-bottom: 10px;
background: url('../image/top_header_bg.png') no-repeat right top;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
height: 27px;
line-height: 27px;
text-transform: capitalize;
font-weight: normal;
overflow: hidden; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}
.sort .div1 {
float: right;
margin-left: 5px;
padding-right: 9px;
}
.sort .div2 {
text-align: right;
}
.sort select {
font-size: 11px;
margin: 0;
padding: 0;
}
.pagination {
display: inline-block;
width: 99%;
margin-bottom: 10px;
background: url('../image/top_header_bg.png') no-repeat right top;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
height: 27px;
line-height: 27px;
text-transform: capitalize;
font-weight: normal; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}
.pagination .links, .pagination .results {
padding: 0 10px 0 0;
}
.pagination .links {
float: left;
}
.pagination .links a {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
}
.pagination .links b {
border: 1px solid #CCCCCC;
padding: 4px 7px;
text-decoration: none;
color: #000000;
background: #FFFFFF;
}
.pagination .results {
float: right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab_3.png') repeat-x;
color: #000000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
display: block;
z-index: 2;
margin-bottom: 10px;
}
#footer {
background: url('../image/footer_bg.jpg') repeat-x 0 0;
clear: both;
height: 293px;
margin-top: 45px;
text-align: left;
border-bottom:2px solid black
}
#footer_inside{
overflow: auto;
width: 930px;
margin:auto;
clear:both;
}
#footer_inside h2 {
color: #E9E9E9;
font-family: 'Droid Sans',arial,serif;
font-size: 22px;
}
#footer_inside p, #footer_inside li, #footer_inside li a {
color: #E9E9E9;
font-family: 'Droid Sans',arial,serif;
font-size: 13px;
line-height: 20px;
}
#information_footer ul li, #footer_links ul li {
border-bottom: 1px solid #2C2B2A;
list-style: none outside none;
padding-bottom: 5px;
padding-top: 3px;
text-align: left;
}
#information_footer ul, #footer_links ul{
padding: 0;
margin: 0;
}
#information_footer ul a {
text-decoration: none;
}
#information_footer ul li a, #footer_links ul li a {
text-decoration: none;
display: block;
padding-left:10px;
}
#information_footer ul li:hover, #footer_links ul li:hover {
background: url('../image/li_bg.png');
}
#about {
float: left;
margin-right: 40px;
width: 530px;
}
.div1 {
float: left;
padding-right: 20px;
}
#footer .div1 {
float: left;
text-align: left;
}
#footer .div2 {
float: left;
text-align: left;
color: white;
}
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_1.png');
}
#category ul li ul {
padding-top: 10px;
}
#information ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_2.png');
}
.cart {
border-collapse: collapse;
width: 100%;
border: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.cart th {
background: none repeat scroll 0 0 #9e0049;
color: white;
font-weight: normal;
padding: 5px;
}
.cart td {
padding: 5px;
}
.tags, .tags a {
font-style: italic;
font-size: x-small;
}
#module_cart .middle {
padding: 5px;
}
.cart_module_total {
padding: 0 3px 0 3px;
font-size: 0.9em;
color: #222;
}
.cart_remove {
margin-top: 3px;
background: url('../image/list_remove_btn.gif') no-repeat left center transparent;
padding-right: 10px;
cursor: pointer;
}
.cart_remove_loading {
margin-top: 3px;
background: url('../image/ajax_load.gif') no-repeat transparent;
padding-right: 10px;
}
.button_add_small, a.button_add_small:visited {
margin-top: 3px;
background: url('../image/button_add_small.png') no-repeat left center transparent;
padding: 5px;
text-decoration: none;
cursor: pointer;
}
#content .middle .box {
float: left;
margin: 0 6px 10px 6px;
min-height: 0px;
}
#content .middle .box .middle {
width: 158px;
min-height: 0px;
}
/*
HEADER
*/
#selectors {
width: 500px;
display: inline;
float: right;
font-size: 11px;
line-height: 18px;
}
#selectors p {
}
.logo {
float: left;
position: relative;
top: 15px;
width: 450px;
padding-left: 5px;
}
#currency {
color: white;
width: 170px;
float: right;
background: none repeat scroll 0 0 #9e0049;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
padding: 5px 5px 5px 10px;
}
#languages {
background: none repeat scroll 0 0 #9e0049;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
color: white;
float: left;
padding: 5px 5px 5px 10px;
width: 240px;
}
#basket_top p {
color: white;
display: inline;
}
#basket_top {
background: none repeat scroll 0 0 #9e0049;
clear: left;
float: right;
width: 355px;
padding: 5px 10px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
/*
Main content
*/
#main_content_outside {
background: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
overflow: hidden;
}
#main_content {
background: none repeat scroll 0 0 #9e0049;
border-radius: 8px 0 8px 8px;
-moz-border-radius: 8px 0 8px 8px;
-webkit-border-radius: 8px 0 8px 8px;
clear: both;
padding: 5px;
overflow: hidden;
}
#top_beam {
background: url('../image/beam_bg.png') repeat-x 0px 2px;
border: 1px solid #dadada;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 38px
}
.top_menu a:hover {
background: #9e0049;
color:white;
}
.top_menu {
width: 500px;
float: left;
height: 38px;
}
.top_menu a, .top_menu a:visited {
float: left;
font-size: 16px;
line-height: 18px;
padding: 10px 15px;
text-decoration: none;
font-family:'Droid Sans',arial,serif;
}
#top_beam .top_menu a.selected {
background: black;
color:white;
}
#tab_home{
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}
.right_border {
background: none repeat scroll 0 0 #E2E2E2;
float: left;
height: 23px;
width: 1px;
margin-top: 8px;
}
#search {
color: #FFFFFF;
float: right;
height: 38px;
padding-top: 6px;
width: 235px;
}
.div2_footer {
margin: auto;
padding: 15px 10px 5px;
text-align: left;
width: 950px;
}
.div2_footer p {
color: #e9e9e9;
font-family: 'Droid Sans',arial,serif;
font-size: 13px;
line-height:25px;
}
.div2 p {
color: #e9e9e9;
font-family: 'Droid Sans',arial,serif;
font-size: 13px;
line-height:25px;
}
.div9 {
float: left;
}
.div10 {
float: left;
margin-top: 4px;
}
.div8 {
float: left;
color: #757575;
font-size: 14px;
line-height: 24px;
padding-right: 5px;
}
#search input {
border: 1px solid #bdbdbd;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
}
#menu_shadow {
background: url('../image/menu_shadow.png');
clear: both;
height: 10px;
width: 100%
}
#slideshow {
height: 250px;
background: lightYellow;
}
#information ul li {
}
#column_spacer {
background: url('../image/links_bg.png') no-repeat center bottom;
width: 100%;
height: 10px;
position: relative;
left: -15px;
margin-bottom: 5px
}
.box a {
color: #535353;
text-decoration: none;
}
.box a:hover {
color: #730739;
text-decoration: none;
}
#latest_top a, .name_header, .name_header:visited {
color: black;
font-family: 'Droid Sans',arial,serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.name_header, .name_header:visited {
font-weight:normal;
line-height:22px;
}
#latest_top {
padding: 10px 10px 5px;
width:120px;
text-align:center;
}
#latest_middle img {
float: left;
padding:10px;
}
#latest_description p {
color: #7D7E7F;
font-family: 'Droid Sans',arial,serif;
font-size: 11px;
line-height: 17px;
padding-right: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#latest_description p {
color: #7D7E7F;
font-family: 'Droid Sans',arial,serif;
font-size: 12px;
line-height: 15px;
padding-right: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#latest_bottom {
background: url('../image/latest_spacer.png') repeat-x 0 0;
clear: both;
color: #626262;
font-size: 11px;
font-weight: bold;
margin: 0 5px;
min-height: 25px;
padding-left:10px; padding-right:5px; padding-top:10px; padding-bottom:0
}
#latest_bottom_left {
border-right: 1px solid #ADADAD;
color: #808080;
float: left;
font-size: 15px;
font-weight: bold;
height: 15px;
line-height: 14px;
text-transform: capitalize;
width: 25%;
}
#latest_bottom_centre {
border-right: 1px solid #ADADAD;
float: left;
padding-left: 10px;
width: 35%;
}
#latest_bottom_right {
background: url('../image/add_button_sprite.png') no-repeat center top;
border-radius: 3px 3px 3px 3px;
float: right;
height: 19px;
text-indent: 2px
}
#latest_bottom_right:hover {
background: url('../image/add_button_sprite.png') no-repeat center bottom;
border-radius: 3px 3px 3px 3px;
float: right;
height: 19px;
text-indent: 2px
}
#latest_description {
min-height: 100px;
}
#latest_bottom_right a {
color: white;
font-size: 11px;
line-height: 18px;
padding: 2px 10px 2px 20px;
text-decoration: none;
}
#latest_bottom_centre img {
position: relative;
top: 2px;
}
#information_footer {
float: left;
margin-right: 45px;
width: 155px;
}
#footer_links {
float: left;
text-align: left;
width: 155px;
}
#mini_cart_ajax {
visibility: hidden;
display: block;
background: #9e0049;
color: #FFFFFF;
display: none;
font-size: 12px;
padding: 5px 10px;
position: absolute;
z-index: 100;
float: right;
border-radius: 0 0 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
width: 170px;
}
#mini_cart_ajax p, #mini_cart_ajax a {
line-height: 24px;
}
.welcome {
color: white;
float: left;
}
#cart_in_header {
color: #DADADA;
float: right;
}
.welcome a, #cart_in_header a {
text-decoration: none;
color: #DADADA;
font-size: 12px;
padding-right: 15px;
}
#cart_in_header a {
padding-right: 5px;
}
#header_cart {
color: white;
}
#mini_cart_ajax a, #mini_cart_ajax p {
padding-left: 5px;
padding-right: 5px;
}
.special_price {
color: black;
font-weight: bold;
text-decoration: line-through;
}
#crumbs {
padding-left: 15px;
}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
}
/* accordion header */
#accordion h2 {
background: #8f8f8f;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 5px 15px;
font-size: 14px;
font-weight: normal;
cursor: pointer;
color: white;
}
/* currently active header */
#accordion h2.current {
cursor: default;
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #EDEDED;
color: black;
}
/* accordion pane */
#accordion .pane {
border-left:2px solid #fff; border-right:2px solid #fff; border-top:0px solid #fff; border-bottom:0px solid #fff; display: none;
padding: 0px;
color: #fff;
font-size: 12px
}
/* a title inside pane */
#accordion .pane h3 {
font-weight: normal;
margin: 0 0 -5px 0;
font-size: 16px;
color: #999;
}
#tab_review, #tab_description {
font-family: 'Droid Sans',arial,serif;
font-size: 13px;
line-height: 20px;
padding: 10px;
}
.normal_price {
color: #990000;
font-family: 'Droid Sans',arial,serif;
font-size: 14px;
font-weight: bold;
}
#slideshow1 {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
#latest_price {
text-align: right;
padding-right: 10px;
padding-bottom:10px;
}
#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#go_up {
height: 20px;
margin: auto;
width: 970px;
}
#go_to_top img {
float: right;
position: relative;
top: -20px;
}
#readmore {
float: right;
text-decoration: none;
font-size: 14px;
background: #730739;
padding: 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #ededed;
font-family: 'Droid Sans',arial,serif;
}
#readmore:hover {
background: black;
}
#header_top {
height: 108px;
}
#selectors p {
display: inline;
}
#languages form {
margin-left:15px;
width:50px;
}
#languages p{
/*display:inline;*/
float : left\9; /* IE8 and below */
}
#currency p{
/*display:inline;*/
float : left\9; /* IE8 and below */
}
#basket_top {
float: right;
margin-top: 56px;
clear:none;
}
#languages, #currency {
height:18px;
}
#languages p, #currency p{
color:white;
}
#mini_cart_ajax {
*position: relative;
/*left: 100px\9; /* IE8 and below */
float:left;
}
#latest_bottom_right {
*padding: 0 10px;
}