<style>body {background-image:none!important;}</style>
<style>#tabl-color td {cursor:pointer; cursor:hand;}</style>
<script type="text/javascript"> 
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function rmcookie(a) {var d = new Date();d.setDate(d.getDate()-900);if(a) document.cookie = a+'=a; expires='+d.toUTCString();else return false;}

    var Sty=getcookie("StylE");
 if(Sty!=false){
$(document).ready(function(){
 var L=$("#tabl-color "+Sty).find("noscript:first").text()
 $("#tabl-color td.#First legend").html(L)

});}
</script>

<table id="tabl-color" align=right style="border-style: none;">
 <tbody>
 <tr>
<td id="First">Выбирайте подходящую для Вас цветовую гамму фона из предложенных:
<legend>
</legend>
</td>

<td id="Styl_1"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_2"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_3"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_4"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_5"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_6"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_7"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

<td id="Styl_8"><img src="http://forumupload.ru/uploads/000f/14/29/12166-1.png"><noscript>
<style>
body {background-color:#333333!important;}
.punbb *{color:#930F1A!important;}
.punbb a{color:#0000CC!important;}
.punbb a:hover{color:#000000!important;}
</style>
</noscript></td>

 </tr>

</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){

 $("#tabl-color td[id^='Styl']").click(function(){
 var L=$(this).find("noscript:first").text()
 $("#tabl-color td.#First legend").html(L)
 setcookie("StylE",'#'+$(this).attr('id'),30)
  });
});
</script>