Como faço para não aparecer essas letras bugadas na minha loja?

Qual é minha questão:
Olá pessoal vejam minha loja a maioria das letras estão bugadas com simbolos estranhos ja tentei colocar sem nehum simbolo "~,^ @ ´ e ect... mesmo assim continua bugado as letras espero que ajudem obrigado por ler abraços!
Minha Loja: Clique Aqui
Código da minha loja:

Código:

<div id="main-content"><div class="module main module-advert" style="overflow:visible"><div class="main-content" style="padding:0">




<div style="clear:both;"></div><style type="text/css">html body .d3719568c,html body .d3719568c iframe,html body iframe[name="google_ads_frame"],html body .d3719568c iframe[name="google_ads_frame"],html body #wrap #page-body div.d3719568c,html body #page-body .d3719568c{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .d3719568c,html body .d3719568c iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .d3719568c iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:10px"></div><title>LOJA VIP UMC</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://www.spelta.pt/imgs/icon_carrinho_grd.png"><meta name="title" content="Loja"><link rel="stylesheet" href="/66-ltr.css" type="text/css"><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="EASY CHEATS"><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/54/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script src="/99283.js" type="text/javascript"></script>




<script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><a id="top" name="top" accesskey="t"></a><div class="minwidth_IE"><div class="layout_IE"><div class="container_IE"><div class="pun"><div id="pun-intro" class="clearfix"><a href="/" id="pun-logo"></a><p id="pun-desc"><script src="/h2-"></script><script src="/h8-"></script></p></div><div id="page-body"><div id="content-container" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>








<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0




$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Preço Total: ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});




function BindIt(){
   
    $('.cart-item').unbind('click');
   
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Preço Total: ' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;




$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));




  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";




  total += points;
});




//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">




<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>




</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>




</div></div></div></div></div></div></div></div></div></div></div></div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script></div>


Endereço do meu fórum:
http://universomaker.web-rpg.com

Versão do fórum:
PHPBB3

Olá prezado,

Isto ocorre porque as páginas HTML que não utilizam o começo e o final do fórum não aceitam acentos nas palavras e por este motivo ocorre isto.

Substitua o código atual por este:

Código:

<div id="main-content"><div class="module main module-advert" style="overflow:visible"><div class="main-content" style="padding:0">




<div style="clear:both;"></div><style type="text/css">html body .d3719568c,html body .d3719568c iframe,html body iframe[name="google_ads_frame"],html body .d3719568c iframe[name="google_ads_frame"],html body #wrap #page-body div.d3719568c,html body #page-body .d3719568c{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .d3719568c,html body .d3719568c iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .d3719568c iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:10px"></div><title>LOJA VIP UMC</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://www.spelta.pt/imgs/icon_carrinho_grd.png"><meta name="title" content="Loja"><link rel="stylesheet" href="/66-ltr.css" type="text/css"><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="EASY CHEATS"><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/54/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script src="/99283.js" type="text/javascript"></script>




<script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><a id="top" name="top" accesskey="t"></a><div class="minwidth_IE"><div class="layout_IE"><div class="container_IE"><div class="pun"><div id="pun-intro" class="clearfix"><a href="/" id="pun-logo"></a><p id="pun-desc"><script src="/h2-"></script><script src="/h8-"></script></p></div><div id="page-body"><div id="content-container" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>








<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0




$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Preço Total: ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});




function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Preço Total: ' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;




$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));




  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";




  total += points;
});




//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">




<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>




</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preco Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for ao clicar no botao "Confirmar Carrinho" e depois clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido nao ira funcionar de outra forma. </font></font><br><font><font>Tambem verifique se voce tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>




</div></div></div></div></div></div></div></div></div></div></div></div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script></div>

Mas se o senhor desejar os acentos, terá que utilizar o começo e o final do seu fórum e para isto vá em:
Painel de controle Módulos Gestão das páginas HMTL Clique em () na página que corresponde à loja Depois aonde está escrito "Você deseja utilizar o início e o final da página do seu fórum ? marque SIM"

Assim feito, poderá utilizar o seu código oficial da loja.

Cordialmente,
Dr.House

Olá

Painel de controle modulos gestão das páginas html clica na chavinha laranja e depois onde está escrito Você deseja utilizar o início e o final da página do seu fórum ? marque SIM

Até mais

Olá,

Substitua o código por este:

Código:

<div id="main-content"><div class="module main module-advert" style="overflow:visible"><div class="main-content" style="padding:0">




<div style="clear:both;"></div><style type="text/css">html body .d3719568c,html body .d3719568c iframe,html body iframe[name="google_ads_frame"],html body .d3719568c iframe[name="google_ads_frame"],html body #wrap #page-body div.d3719568c,html body #page-body .d3719568c{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .d3719568c,html body .d3719568c iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .d3719568c iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:10px"></div><title>LOJA VIP UMC</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://www.spelta.pt/imgs/icon_carrinho_grd.png"><meta name="title" content="Loja"><link rel="stylesheet" href="/66-ltr.css" type="text/css"><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="EASY CHEATS"><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/54/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script src="/99283.js" type="text/javascript"></script>




<script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><a id="top" name="top" accesskey="t"></a><div class="minwidth_IE"><div class="layout_IE"><div class="container_IE"><div class="pun"><div id="pun-intro" class="clearfix"><a href="/" id="pun-logo"></a><p id="pun-desc"><script src="/h2-"></script><script src="/h8-"></script></p></div><div id="page-body"><div id="content-container" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>








<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0




$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Preço Total: ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});




function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Preço Total: ' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;




$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));




  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";




  total += points;
});




//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">




<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>




</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for favor clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se vocêtem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>




</div></div></div></div></div></div></div></div></div></div></div></div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script></div>

Abraços.

e resolvido!