*

tokay

  • *
  • 11

я уже по всякому пробую,сделал рамочку чтобы визуально видеть подстроил позицию через абсолют, а картинка никак,может кто у себя протестирует этот скрипт на оскоммерце, уменя через денвер пока никак,буду дальше копать...

*

Love

Все и на Денве работает. Посмотрите в самом скрипте где прописан рисунок иконки или перепишите новый путь или положите туда где прописано.

*

tokay

  • *
  • 11

вобщем да,кому то может пригодиться... в сиэсэс пишем это с поправкой на свои данные
                           #header-nav-knopki {
                   background:url(http://localhost/books/share42/icons.png);
                   position: absolute;
                   top: 105px;
                   right: 360px;
                   }

 плюс 5 минут работы в фотошоп- подгоняя картинку под данные скрипта!в итоге получаем 
(Здесь есть изображение, скрытое от гостей. Для просмотра зарегистрируйтесь или залогиньтесь)
Спасибо Love за поддержку!

*

Love

Это background:url(http://localhost/books/share42/icons.png); из css можно выкинуть, ибо оно тянется из самого скрипта не плохо. И не надо будет подгонять рисунок под данные скрипта.

breadcamp накроет иконки вконтакте, одноклассники и т.п.

*

Love

breadcamp накроет иконки вконтакте, одноклассники и т.п.
Если названия товаров длинные будут, а если нет, то не накроет.

*

tokay

  • *
  • 11

Это просто для теста туда поставил,но буду стараться поставить другую панель-вертикальную...результат опубликую)

*

Love

Это просто для теста туда поставил,но буду стараться поставить другую панель-вертикальную...результат опубликую)
Это не сложно стилями сделать.

Самый простой способ. Скачиваете с того сайта скрипт и в оригинале кладете папку share42 в корень сайта.
В главном файле шаблона пишем вот так
<div id="header-icons">
<script type="text/javascript" src="share42/share42.js"></script><script type="text/javascript">share42()</script>
</div>

В стилях шаблона пишем вот так
#header-icons {
position: fixed;
top: 20px;
left: 95px;
width: 24px;
opacity: 1.0;
background: #F3F8FC;
padding: 0px 7px 7px 7px;
  border: 1px solid #CFDEEF;
  border-right: none;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-webkit-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
-moz-box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
box-shadow: inset -1px 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
* html #header-icons {
position: absolute;
}
#header-icons:hover {
opacity: 1;
}
#header-icons a {
float: left;
width: 24px;
height: 24px;
margin: 0 0 6px;
}

Положение и остальное подправить можно поиграв стилями.

В скрипте share42.js меняем это
margin:0 7px 0 0;на это
margin:7px 7px 0 0;для раздвижки по вертикали.
И рисунок скачанный не надо в фотошопе править.

*

tokay

  • *
  • 11

Love , здорово! Надо в теме закрепить шапку и туда поднимать такие конструктивные сообщения!!! еще думаю для сайта будет полезным прицепить форму от реформала.

« Последнее редактирование: 12 Дек 2016 01:34:39 am от Spido »
*

Love

еще думаю для сайта будет полезным прицепить форму от реформала (оранжевая вкладка справа на http://share42.com/).
Даже и не знаю как это будет полезным для вашего сайта? Для каких целей?

*

tokay

  • *
  • 11

Для прямых целей...для отзывов,просто удобно тем что пользователь может оставить отзыв или предложение о работе интернет-магазина в удобной форме..

*

Love

Цепляйте если хочется. Это вставляете в главном файле шаба перед </body>
Исправляете данные в форме на свои ну и цвета наверное можно поправить.
А все остальное наверное регулируется в его файле tab6.js

function ref_ud(a){document.write(a);}
function ref_id(id){return document.getElementById(id);}
var isIE6 = /msie 6/.test(navigator.userAgent.toLowerCase());

var dref_mode = (typeof reformal_wdg_mode != "undefined") ? reformal_wdg_mode : 0 ;
var dref_title = (typeof reformal_wdg_title != "undefined") ? reformal_wdg_title : "Мой отзыв" ;
var dref_ltitle = (typeof reformal_wdg_ltitle != "undefined") ? reformal_wdg_ltitle : "Оставить отзыв" ;
var dref_lfont = (typeof reformal_wdg_lfont != "undefined") ? reformal_wdg_lfont : "" ;
var dref_lsize = (typeof reformal_wdg_lsize != "undefined") ? reformal_wdg_lsize : "12px" ;
var dref_color = (typeof reformal_wdg_color != "undefined" && reformal_wdg_color!='#') ? reformal_wdg_color : "#FFA000" ;
var dref_align = (typeof reformal_wdg_align != "undefined" && reformal_wdg_align!='') ? reformal_wdg_align : "left" ;
var dref_charset = (typeof reformal_wdg_charset != "undefined") ? reformal_wdg_charset : "" ;
var dref_waction = (typeof reformal_wdg_waction != "undefined") ? reformal_wdg_waction : 0 ;

/* Awesome crutch */
dref_waction = isIE6 ? true : dref_waction;

var dref_ext_cms = ((typeof reformal_wdg_cms != "undefined") ? reformal_wdg_cms : 'reformal') ;

var dref_ext_img = (typeof reformal_wdg_bimage != "undefined" && reformal_wdg_bimage!='') ? 1 : 0 ;
var dref_ext_img_m = (dref_ext_img && reformal_wdg_bimage.substring(3, reformal_wdg_bimage).toLowerCase()=='htt') ? 1 : 0;
if (dref_ext_img_m && reformal_wdg_bimage.indexOf( 'reformal.ru/files/', 0 ) > 0) { dref_ext_img_m = 0; var v = reformal_wdg_bimage.toString().split ( '/' ); reformal_wdg_bimage = v[v.length-1]; }


out_link = 'http://'+reformal_wdg_domain+'.reformal.ru/proj/?mod=one';


if (dref_waction){
        if(typeof reformal_wdg_vlink != "undefined") {
var vlink = reformal_wdg_vlink;
    } else {
        if (!isIE6) {
            var vlink = 'http://'+reformal_wdg_domain+'.reformal.ru/proj/?mod=one';
        } else {
            var vlink = 'http://'+reformal_wdg_domain+'.reformal.ru/proj/';
        }
    }
} else {
    var vlink = 'javascript:MyOtziv.mo_show_box();'; }


var vsiteAdr = (typeof reformal_wdg_vlink != "undefined")? 1 : 0;

MyOtzivCl = function() {
    var siteAdr = 'http://reformal.ru/';
   
    this.checkLink = function() {
        if (navigator.userAgent.toLowerCase().indexOf('firefox') == -1) return;
   
        var nos = document.getElementsByTagName('noscript');
        var pattern = (typeof reformal_wdg_vlink != 'undefined' ) ?
                   '<\s*a[^>]*href[^>]*(reformal.ru|' + reformal_wdg_vlink + ')[^>]*>' :
                   '<\s*a[^>]*href[^>]*reformal.ru[^>]*>';
        var re = new RegExp(pattern, 'i');
        for(var i = 0, length = nos.length; i < length; i++) {
            if (re.test(nos[i].textContent)) return;
        }

        var link,
            links = document.getElementsByTagName("a");
        var re = new RegExp((typeof reformal_wdg_vlink != 'undefined' ) ? 'reformal.ru|' + reformal_wdg_vlink : 'reformal.ru', 'i');
        for(var i = 0, length = links.length; i < length; i++) {
            link = links[i];
            if (link.id && (link.id == 'reformal_tab' || link.id == 'reformal_logo')) continue;
            if (re.test(link.href)) return;
        }

        var i = new Image();
        i.src = 'http://log.reformal.ru/bl.php?pid=' + reformal_wdg_domain + '&url=' + window.location.href;
    }
    this.l = window.location.href;
    this.mo_get_win_width = function() {
        var myWidth = 0;
        if( typeof( window.innerWidth ) == 'number' )             myWidth = window.innerWidth;
        else if( document.documentElement && document.documentElement.clientWidth )             myWidth = document.documentElement.clientWidth;
        else if( document.body && document.body.clientWidth)             myWidth = document.body.clientWidth;
        return myWidth;
    }

    this.mo_get_win_height = function() {
        var myHeight = 0;
        if( typeof( window.innerHeight ) == 'number' )             myHeight = window.innerHeight;
        else if( document.documentElement && document.documentElement.clientHeight )             myHeight = document.documentElement.clientHeight;
        else if( document.body && document.body.clientHeight)             myHeight = document.body.clientHeight;
        return myHeight;
    }

    this.mo_get_scrol = function() {
        var yPos = 0;
        if (self.pageYOffset) {
            yPos = self.pageYOffset;
        } else if (document.documentElement && document.documentElement.scrollTop){
            yPos = document.documentElement.scrollTop;
        } else if (document.body) {
            yPos = document.body.scrollTop;
        }
        return yPos;
    }

    this.mo_show_box = function() {
    if (document.getElementById("fthere").innerHTML == "") {
    document.getElementById("fthere").innerHTML = "<iframe src=\""+(vsiteAdr?'http://'+reformal_wdg_vlink+'/':siteAdr)+"wdg1v1.php?domain="+reformal_wdg_domain+"\" width=\"627\" height=\"250\" align=\"left\" style=\"border: 0; position:relative;\" frameborder=\"0\" scrolling=\"no\">Frame error</iframe>";
}
        var l = this.mo_get_win_width()/2 - 350;
        var t = this.mo_get_win_height()/2 - 200 + this.mo_get_scrol();
        document.getElementById('myotziv_box').style.top  = (dref_ext_cms=='joomla') ? '35px' : t+'px';
        document.getElementById('myotziv_box').style.left = l+'px';
        document.getElementById('myotziv_box').style.display='block';
        try { this.checkLink(); } catch (err) {}
    }

    this.mo_hide_box = function() {
        document.getElementById('myotziv_box').style.display='none';
    }
   
    this.mo_showcss = function() {
        ref_ud("<style type=\"text/css\">");
       
        ref_ud(".tdsfh{background: url('"+(dref_ext_img ? (dref_ext_img_m ? reformal_wdg_bimage : siteAdr+'files/images/buttons/'+reformal_wdg_bimage) : siteAdr+'i/feedback_tab.png' )+"');} .widsnjx {margin:0 auto; "+((dref_ext_cms=='joomla') ? 'position:static;' : 'position:relative;')+" } .widsnjx fieldset {padding:0; border:none; border:0px solid #000; margin:0;} .furjbqy { position:fixed; left:0; top:0; z-index:5; width:22px; height:100%; } * html .furjbqy { position:absolute; } .furjbqy table {border-collapse: collapse;} .furjbqy td {padding: 0px; vertical-align: middle;} .furjbqy a { display:block; background:"+(dref_ext_img_m ? 'none' :dref_color)+"; } .furjbqy a:hover { background:"+(dref_ext_img_m ? 'none' :dref_color)+"; }.furjbqy img {border:0;}");
        ref_ud(".furrghtd { position:fixed; right:0px; top:0; z-index:5; width:22px; height:100%; } * html .furrghtd { position:absolute; } .furrghtd table {border-collapse: collapse;} .furrghtd td {padding: 0px; vertical-align: middle;} .furrghtd a { display:block; background:"+(dref_ext_img_m ? 'none' :dref_color)+"; } .furrghtd a:hover { background:"+(dref_ext_img_m ? 'none' :dref_color)+"; }.furrghtd img {border:0;} #poxupih {position:absolute; z-index:1001; width:689px;  top:0px; left:0px; font-size:11px; color:#3F4543; font-family: \"Segoe UI\", Arial, Tahoma, sans-serif;}.poxupih_top {width:689px; height:28px; background:transparent url("+siteAdr+"tmpl/images/popup_idea_top.png) 0 0 no-repeat;}.poxupih_bt {width:689px; height:28px; background:transparent url("+siteAdr+"tmpl/images/popup_idea_bt.png) 0 0 no-repeat;}");
        ref_ud(".poxupih_center {width:689px; background:transparent url("+siteAdr+"tmpl/images/popup_idea_bg.png) 0 0 repeat-y;}.poxupih1 {margin: 0 20px; overflow:hidden; background:#efefef; padding:0px;}.fdsrrel {float:right; margin:-2px 5px 0 0;}.bvnmrte {padding: 15px 20px 20px 12px; _padding-left:1px; font-family: \"Segoe UI\", Arial, Tahoma, sans-serif; font-size:11px; color:#3F4543; }.poxupih1 .bvnmrte {padding-bottom:10px; padding-top:0px; background:none;}.gertuik {padding:0 8px 0 20px;}");
        ref_ud("#poxupih #hretge {margin:8px 0px; height:96px; background: #fba11f url("+siteAdr+"tmpl/images/search_bg.gif) 0 0px no-repeat; position:relative;}#hretge form {padding: 10px 19px 0 18px !important; display:block !important;}#poxupih #bulbulh {width:462px; float:left;}#adihet {float:right;background: transparent url("+siteAdr+"tmpl/images/add_idea_go.gif) 0 0px no-repeat; border:none medium; width:132px; height:27px; float:right; margin-right:-3px; cursor:pointer;}");
        ref_ud("#adihet:hover {background-position: 0 -27px;}.drop_right {background: transparent url("+siteAdr+"tmpl/images/q_right1.gif) 0% 0px no-repeat; float:right; display:block; width:8px; height:11px; margin-top:1px; font-size:0;}.drop_left {background: transparent url("+siteAdr+"tmpl/images/q_left1.gif) 0% 0px no-repeat; float:right; display:block; width:8px; height:11px; margin-top:1px;}.status_right {left:15px !important;  text-align:left; float:right; margin:0 -15px 0 0;}");
        ref_ud("#poxupih  a {position:relative; z-index:10;}#poxupih .idea_green_top {height:1%;}");
        ref_ud("a.pokusijy {display:block; width:16px; height:16px; background: transparent url("+siteAdr+"tmpl/images/cancel.gif) 100% 0px no-repeat; float:right; position:relative; z-index:101;}a.pokusijy:hover {background-position: 100% 100%; cursor:pointer;}.i_prop {font-size:18px; color:#fff; padding: 0 0 5px 0;}#bulbulh {width:600px; padding: 2px 4px; color:#3F4543; font-family: \"Segoe UI\", Arial; font-size:16px; margin-bottom:5px;}#hdsfjfsr {background: transparent url("+siteAdr+"tmpl/images/search_go.gif) 0 0px no-repeat; border:none medium; width:97px; height:27px; float:right; margin-right:-3px; cursor:pointer;}#hdsfjfsr:hover {background-position: 0 -27px;} #poxupih .fdsrrel a {z-index:0;}</style>");
    }
    this.r = typeof document.referrer === "undefined" ? "" : document.referrer;
    this.mo_showframe = function() {
        this.mo_showcss();
       
        if (!dref_mode) {
            if ('left' == dref_align) {
                if (!dref_ext_img) {
                    ref_ud("<div class=\"furjbqy\"><table height=\"100%\"><tr><td valign=\"middle\"><a id=\"reformal_tab\" href=\""+vlink+"\""+((dref_waction)?' target=\"_blank\"':"")+"><img src=\""+siteAdr+"tmpl/images/transp.gif\" alt=\"\" style=\"border: 0;\" class=\"tdsfh\" /></a></td></tr></table></div>");
                } else {
                    ref_ud("<div class=\"furjbqy\"><table height=\"100%\"><tr><td valign=\"middle\"><a id=\"reformal_tab\" href=\""+vlink+"\""+((dref_waction)?' target=\"_blank\"':"")+"><img src=\""+(dref_ext_img_m ?reformal_wdg_bimage : siteAdr+'files/images/buttons/'+reformal_wdg_bimage)+"\" alt=\"\" style=\"border: 0;\" class=\"tdsfh\" /></a></td></tr></table></div>");
                }
            } else {
                if (!dref_ext_img)
                {
                    ref_ud("<div class=\"furrghtd\"><table height=\"100%\"><tr><td valign=\"middle\"><a id=\"reformal_tab\" href=\""+vlink+"\""+((dref_waction)?' target=\"_blank\"':"")+"><img src=\""+siteAdr+"tmpl/images/transp.gif\" alt=\"\" style=\"border: 0;\" class=\"tdsfh\" /></a></td></tr></table></div>");
                }
                else
                {
                    ref_ud("<div class=\"furrghtd\"><table height=\"100%\"><tr><td valign=\"middle\"><a id=\"reformal_tab\" href=\""+vlink+"\""+((dref_waction)?' target=\"_blank\"':"")+"><img src=\""+(dref_ext_img_m ?reformal_wdg_bimage : siteAdr+'files/images/buttons/'+reformal_wdg_bimage)+"\" alt=\"\" style=\"border: 0;\" class=\"tdsfh\" /></a></td></tr></table></div>");
                }
            }
       } else {
         ref_ud("<a id=\"reformal_tab\" href=\""+vlink+"\" style=\"color:"+dref_color+"; "+(dref_lfont ? 'font-family:'+dref_lfont+';' : '')+" "+(dref_lsize ? 'font-size:'+dref_lsize+';' : '')+"\""+((dref_waction)?' target=\"_blank\"':"")+">"+dref_ltitle+"</a>");
       }   

     ref_ud("<div style=\""+((dref_ext_cms=='joomla') ? 'position:fixed;' : 'position:absolute;')+" display: none; top: 0px; left: 0px;\" id=\"myotziv_box\">");
       ref_ud("<div class=\"widsnjx\"><div id=\"poxupih\"><div class=\"poxupih_top\"></div><div class=\"poxupih_center\"><div class=\"poxupih1\">");
       ref_ud("<div class=\"gertuik\"><a class=\"pokusijy\" title=\"закрыть\" onClick=\"MyOtziv.mo_hide_box();\"></a>");
       ref_ud("<div class=\"fdsrrel\"><a id=\"reformal_logo\" href=\"http://reformal.ru\" target=\"_blank\"><img src=\""+siteAdr+"tmpl/images/widget_logo.jpg\" width=\"109\" height=\"23\" alt=\"\" border=\"0\" /></a></div>"+dref_title+"</div>");
       ref_ud("<div id=\"hretge\"><form target=\"_blank\" action=\""+(vsiteAdr?"http://"+reformal_wdg_vlink+"/proj/":"http://"+reformal_wdg_domain+".reformal.ru/proj/")+"\" method=\"get\"><input type=\"hidden\" name=\"charset\" value=\""+dref_charset+"\" /><fieldset><div class=\"i_prop\">Я предлагаю вам...</div><input id=\"bulbulh\" name=\"idea\" type=\"text\" /><input type=\"submit\" value=\"\" id=\"adihet\" /></fieldset></form></div>");

ref_ud("<div class=\"bvnmrte\" style=\"height: 250px;\" id=\"fthere\"></div>");

ref_ud("</div></div><div class=\"poxupih_bt\"></div></div></div>");       
       
        ref_ud("</div>");
        var i = new Image();
        i.src = 'http://log.reformal.ru/st.php?w=tab6&domain='+reformal_wdg_domain;
    }
}
var MyOtziv = new MyOtzivCl();
MyOtziv.mo_showframe();
function r_compact(s){
str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var output = "";
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
var i = 0;
s = r_utf8encode(s);
while (i < s.length) {
chr1 = s.charCodeAt(i++);chr2 = s.charCodeAt(i++);chr3 = s.charCodeAt(i++);
enc1 = chr1 >> 2;enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);enc4 = chr3 & 63;
if (isNaN(chr2))
enc3 = enc4 = 64;
else if (isNaN(chr3))
enc4 = 64;
output = output+str.charAt(enc1)+str.charAt(enc2)+str.charAt(enc3)+str.charAt(enc4);
}
return output;
}
function r_utf8encode(s){
s = s.replace(/\r\n/g,"\n");
var utftext = "";
for (var n = 0; n < s.length; n++) {
var c = s.charCodeAt(n);
if (c < 128)
utftext += String.fromCharCode(c);
else if((c > 127) && (c < 2048))
utftext += String.fromCharCode((c >> 6) | 192) + String.fromCharCode((c & 63) | 128);
else
utftext += String.fromCharCode((c >> 12) | 224) + String.fromCharCode(((c >> 6) & 63) | 128) + String.fromCharCode((c & 63) | 128);
}
return utftext;
}
var hc = new Image;
hc.src = "http://reformal.ru/human_check/"+reformal_wdg_domain+"|"+r_compact(MyOtziv.l)+"|"+r_compact(MyOtziv.r);
Вместо текста надо вписать вот например так:
1. <?php echo $osC_Language->get('reformal_wdg_title') ?>
2. <?php echo $osC_Language->get('reformal_wdg_ltitle') ?>
И потом в языковые в группу general добавить значения reformal_wdg_title и reformal_wdg_ltitle
<script type="text/javascript"><!--
reformal_wdg_domain    = "share42";
reformal_wdg_mode    = 0;
reformal_wdg_title   = "Share42.com - Скрипт кнопок социальных закладок и сетей";
reformal_wdg_ltitle  = "Оставьте свой отзыв";
reformal_wdg_lfont   = "Verdana, Geneva, sans-serif";
reformal_wdg_lsize   = "12px";
reformal_wdg_color   = "#FFA000";
reformal_wdg_bcolor  = "#516683";
reformal_wdg_tcolor  = "#FFFFFF";
reformal_wdg_align   = "right";
reformal_wdg_charset = "utf-8";
reformal_wdg_waction = 0;
reformal_wdg_vcolor  = "#9FCE54";
reformal_wdg_cmline  = "#E0E0E0";
reformal_wdg_glcolor  = "#105895";
reformal_wdg_tbcolor  = "#FFFFFF";
reformal_wdg_bimage = "7688f5685f7701e97daa5497d3d9c745.png";
//-->
</script>
<script type="text/javascript" language="JavaScript" src="http://widget.reformal.ru/tab6.js"></script>

« Последнее редактирование: 13 Мар 2018 03:21:45 am от Spido »

Ребята помогите решить проблему , как поставить на сайте задний фон ( зимний) "background" шаблон установлен osc-3-alpha-free-template (шб во вложении)  знаю что надо править stylesheet.css а где и что вставлять не знаю , подскажите как сделать , заранее огромное спасибо 

*

Love

Ребята помогите решить проблему , как поставить на сайте задний фон ( зимний) "background" шаблон установлен osc-3-alpha-free-template (шб во вложении)  знаю что надо править stylesheet.css а где и что вставлять не знаю , подскажите как сделать , заранее огромное спасибо
Это надо в stylesheet.css в body прописать его.

stylesheet.css

/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background-color: white;
}

ol, ul, li {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
}

em {
font-style: italic;
}

td {
vertical-align: middle;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
}

/* @end */

/* @group elements */

body {
margin: 0;
padding: 0;
text-align: center;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #333;
background: url(images/body-bg.png) repeat-x;
}

form {
display: inline;
}

p {
line-height: 15px;
padding: 0;
}

img {
border: none;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-size: 11px;
}

strong {
font-weight: bold;
}

a {
color: #333;
}

/* @end */

/* @group structure */

#container {
margin-left: auto;
margin-right: auto;
width: 1042px;
text-align: left;
background: url(images/container-bg.png) repeat-y;
margin-top: 20px;
overflow: hidden;
}

#left-column {
width: 166px;
float: left;
clear: both;
margin-left: 22px;
}

#main-column {
width: 666px;
float: left;
}

#right-column {
width: 173px;
float: right;
}

/* @end */

/* @group header */

#header {
position: relative;
height: 186px;
background: url(images/header-bg.png) no-repeat;
}

#header-logo {
width: 408px;
height: 89px;
position: absolute;
top: 18px;
left: 24px;
}

#header-logo h2 {
color: #666666;
font-size: 12px;
}

#header-links {
background: url(images/header-links.png) no-repeat;
width: 150px;
height: 76px;
position: absolute;
top: 21px;
right: 24px;
}

#header-links-basket {
width: 150px;
float: left;
text-align: center;
}

#header-links-basket h5 {
font-size: 13px;
font-weight: bold;
vertical-align: middle;
margin-top: 8px;
}

#header-links-basket h5 a {
color: #333;
}

#header-links-basket p {
margin-top: 7px;
}

#header-links-basket img {
vertical-align: middle;
margin-left: 5px;
}

#header-links-basket a {
color: #333;
text-decoration: none;
}

#header-links-basket a:hover {
color: #c00;
text-decoration: underline;
}

#header-nav-top {
height: 29px;
position: absolute;
top: 106px;
left: 22px;
}

#header-nav-top li {
float: left;
line-height: 29px;
background: url(images/header-nav-top-off-right.png) no-repeat right top;
padding-right: 25px;
}

#header-nav-top li a {
display: block;
color: #666;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: url(images/header-nav-top-off-left.png) no-repeat;
padding-left: 25px;
}

#header-nav-top li a:hover {
color: #c00;
}

#header-nav-top li.selected {
background: url(images/header-nav-top-on-right.png) no-repeat right top;
padding-right: 17px;
}

#header-nav-top li.selected a {
color: white;
background: url(images/header-nav-top-on-left.png) no-repeat;
padding-left: 14px;
}

#header-nav-search {
height: 29px;
position: absolute;
top: 106px;
right: 22px;
background: url(images/header-nav-search.png) no-repeat left bottom;
width: 296px;
}

#header-nav-search p {
color: #03539A;
font-weight: bold;
float: left;
margin-left: 8px;
line-height: 28px;
}

#header-nav-search input {
vertical-align: middle;
}

#header-nav-search-box {
background: url(images/header-nav-search-box.png) no-repeat;
border-style: none;
width: 177px;
height: 18px;
}

#header-nav-lower {
height: 33px;
top: 134px;
width: 998px;
position: absolute;
background: url(images/header-nav-lower.png) repeat-x;
left: 22px;
}

#header-nav-lower li {
float: left;
height: 33px;
line-height: 31px;
}

#header-nav-lower li a {
display: block;
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding-left: 14px;
padding-right: 14px;
background: url(images/header-nav-lower-sep.png) no-repeat right top;
}

#header-nav-lower li.last a {
background-image: none;
}

#header-nav-lower li a:hover {
color: #feeb02;
}

/* @end */

/* @group columns */

/* @group column-box */

div.column-box {
background: url(images/column-bottom.png) no-repeat left bottom;
padding-bottom: 18px;
width: 153px;
}

div.column-box h3 {
background: url(images/column-h3-blue.png) no-repeat;
width: 152px;
height: 26px;
color: #03539A;
font-weight: bold;
font-size: 13px;
line-height: 26px;
text-indent: 12px;
}

div.column-box h3 a {
color: #03539A;
}

div.column-box-contents {
background: url(images/column-bg.png) repeat-y;
font-size: 12px;
line-height: 18px;
padding: 8px 12px 10px;
}

div.column-box a {
text-decoration: none;
color: #333;
}

div.column-box a:hover {
text-decoration: underline;
color: #03539A;
}

/* @end */

/* @group column-manufacturers */

#column-manufacturers #manufacturers {
width: 123px !important;
}


/* @end */

/* @group column-whats-new */

#column-whats-new div.column-box-contents {
text-align: center;
}

#column-whats-new img {
margin-bottom: 6px;
}

#column-whats-new a {
font-weight: bold;
}


/* @end */

/* @group column-search */

#column-search {
font-size: 10px !important;
}

#column-search div.column-box-contents {
font-size: 11px;
}

#column-search input {
vertical-align: middle;
}

#column-search #keywords {
width: 105px !important;
border: 1px solid #EBEBEB;
}


/* @end */

/* @group column-shopping-cart */

#column-shopping-cart div.column-box-contents {
font-size: 11px;
}

#column-shopping-cart td {
font-size: 11px;
}

/* @end */

/* @group column-currencies */

#column-currencies {
background: url(images/column-bottom.png) no-repeat left bottom;
padding-bottom: 18px;
}

#column-currencies #currency {
width: 127px !important;
}

/* @end */

/* @group column-tell-a-friend */

#column-tell-a-friend div.column-box-contents {
font-size: 11px;
line-height: 14px;
}

#column-tell-a-friend input {
vertical-align: middle;
}

#column-tell-a-friend #to_email_address {
width: 105px !important;
border: 1px solid #EBEBEB;
}



/* @end */

/* @group column-product-notifications */

#column-product-notifications div.column-box-contents {
font-size: 11px;
line-height: 14px;
}



/* @end */

/* @group column-best-sellers */

#column-best-sellers li {
list-style-type: decimal;
font-size: 11px;
}



/* @end */

/* @group column-specials */

#column-specials div.column-box-contents {
text-align: center;
}

#column-specials img {
margin-bottom: 6px;
}

#column-specials a {
font-weight: bold;
}

#column-specials s {
color: #666;
}



/* @end */

/* @end */

/* @group main-column */

h1 {
font-size: 16px;
color: #03539a;
font-weight: bold;
background: url(images/hor-line.png) repeat-x left bottom;
margin-bottom: 12px;
padding-bottom: 6px;
}

#main-column h2 {
font-size: 16px;
color: #333;
font-weight: bold;
margin-bottom: 0px;
padding-bottom: 6px;
}

#main-column h3 {
font-size: 13px;
color: #333;
font-weight: bold;
margin-bottom: 6px;
}

#main-column h4 {
font-size: 13px;
color: #333;
font-weight: bold;
margin-bottom: 6px;
}

#main-column h5 {
font-size: 13px;
color: #333;
font-weight: bold;
margin-bottom: 6px;
}

#main-column h6 {
font-size: 13px;
color: #333;
font-weight: bold;
margin-bottom: 6px;
}

#main-column ul {
list-style-type: disc;
margin-left: 30px;
margin-bottom: 10px;
}

#main-column li {
margin-bottom: 5px;
}

#main-column p {
margin-bottom: 12px;
}

/* @group main-column-hot */

#main-column-hot {
background: url(images/main-column-box-bottom.png) no-repeat left bottom;
padding-bottom: 19px;
width: 666px;
}

#main-column-hot h2 {
background-image: url(images/main-column-box-top.png);
width: 666px;
height: 30px;
color: #c00;
font-weight: bold;
font-size: 14px;
line-height: 30px;
text-indent: 12px;
margin-bottom: 0;
padding-bottom: 0;
}

#main-column-hot-content {
background: url(images/main-column-box-bg.png) repeat-y;
width: 666px;
overflow: auto;
padding-top: 6px;
}

#main-column-hot-content div {
width: 214px;
float: left;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #c00;
padding-bottom: 18px;
height: 275px;
}

#main-column-hot-content a {
text-decoration: none;
}

#main-column-hot-content a:hover {
color: #c00;
text-decoration: underline;
}

#main-column-hot-content p.image {
height: 195px;
}

/* @end */

/* @end */

/* @group footer */

#footer-container {
background: url(images/body-bg.png) repeat-x 0 -135px;
}

#footer {
clear: both;
padding-top: 20px;
width: 1042px;
margin-right: auto;
margin-left: auto;
background: url(images/footer-bg.png) no-repeat 0 bottom;
overflow: hidden;
}

/* @group footer-navigation */

#footer-navigation {
height: 34px;
background: url(images/header-nav-lower.png) repeat-x;
text-align: center;
margin-left: 22px;
margin-right: 22px;
}

#footer-navigation ul {
height: 34px;
}

#footer-navigation li {
height: 34px;
display: inline;
text-align: center;
}

#footer-navigation li a {
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding-left: 14px;
padding-right: 14px;
line-height: 34px;
background: url(images/footer-navigation-sep.png) no-repeat right top;
}

#footer-navigation li a:hover {
color: #feeb02;
}

#footer-navigation li.last a {
background-image: none;
padding-right: 0;
}



/* @end */

/* @group footer-copy */

#footer-copy {
clear: both;
text-align: center;
padding-bottom: 20px;
padding-top: 50px;
color: #898989;
font-size: 11px;
background: url(images/footer-copy.png) no-repeat;
width: 1042px;
margin-right: auto;
margin-left: auto;
}

#footer-copy a {
color: #898989;
text-decoration: none;
}

#footer-copy a:hover {
color: #333;
text-decoration: underline;
}



/* @end */

/* @end */

/* @group product-listing */

div.product-listing-icon {
float: right;
padding-left: 20px;
background-color: white;
}

div.product-listing-controls {
background: url(images/product-listing-controls.png) no-repeat;
padding-left: 10px;
padding-right: 10px;
margin-top: 8px;
clear: both;
}

div.product-listing-controls-lower {
background: url(images/product-listing-controls-lower.png) no-repeat;
margin-top: 0;
margin-bottom: 8px;
}

div.product-listing-controls table {

}

div.product-listing-controls td {
color: white;
height: 28px;
}

div.product-listing-display {
margin-top: 6px;
text-align: right;
font-size: 10px;
}

#product-listing-header {
height: 19px;
width: 666px;
background: url(images/header-nav-lower.png) repeat-x 0 center;
color: white;
font-weight: bold;
font-size: 12px;
}

#product-listing-header span {
display: block;
float: left;
line-height: 18px;
font-size: 11px;
}

#product-listing-header span.info {
width: 120px;
text-indent: 10px;
}

#product-listing-header span.make {
width: 300px;
}

#product-listing-header span.rrp {
width: 90px;
text-align: center;
}

#product-listing-header span.price {
width: 90px;
text-align: center;
}

#product-listing-header span.basket {
width: 50px;
text-align: center;
}

#product-listing {
background: url(images/main-column-box-bg.png) repeat-y;
}

#product-listing div {
background: transparent url(images/hor-line.gif) repeat-x scroll left bottom;
clear: both;
height: 100px;
}

#product-listing span {
display: block;
float: left;
margin-top: 25px;
}

#product-listing span.image {
width: 120px;
margin-top: 8px;
text-indent: 10px;
text-align: center;
}

#product-listing span.name {
width: 300px;
}

#product-listing span.name a {
display: block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
margin-bottom: 4px;
}

#product-listing span.name a:hover {
text-decoration: underline;
}

#product-listing span.rrp {
width: 90px;
text-align: center;
font-weight: bold;
font-size: 14px;
text-decoration: line-through;
color: #666;
}

#product-listing span.price {
width: 90px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #c00;
}

#product-listing span.price s {
color: #333;
}

#product-listing span.add {
width: 50px;
text-align: center;
}

/* @end */

/* @group products-info */

#main-product {
width: 666px;
float: left;
}

#products-info-left {
width: 335px;
float: left;
}

#products-info-image {
margin-top: 10px;
margin-bottom: 10px;
}

#products-info-right {
width: 330px;
float: right;
}

#products-info-box {
width: 330px;
background: url(images/products-info-box.png) no-repeat;
text-align: center;
}

#products-info-box h3 {
color: #333333;
font-size: 16px;
font-weight: bold;
padding-top: 12px;
}

#products-info-box h4 {
color: #cc0000;
font-weight: bold;
font-size: 21px;
padding-top: 10px;
padding-bottom: 4px;
}

#products-info-box h4 s {
color: #555;
}

#products-info-box h5 {
color: #1c4977;
font-weight: bold;
font-size: 14px;
padding-bottom: 8px;
}

#products-info-box-add {
margin-top: 6px;
}

#products-info-box p {
font-size: 11px;
padding-top: 1px;
padding-bottom: 1px;
}

#products-info-box p strong {

}

#products-info-box p input {
vertical-align: middle;
margin-left: 8px;
}

#products-info-description {
clear: both;
}

#products-info-box-lower {
background: url(images/products-info-lower.png) no-repeat left bottom;
overflow: auto;
width: 330px;
}

#products-info-box-lower ul {
background: url(images/products-info-lower-top.png) no-repeat left top;
padding: 37px 15px 20px;
}

#products-info-box-lower a {
color: #1c4977;
text-decoration: none;
font-size: 11px;
background: url(images/products-info-box-lower-li.png) no-repeat left center;
padding-left: 10px;
}

#products-info-box-lower a:hover {
text-decoration: underline;
}

#products-info-safe {
background: url(images/products-info-safe.png) no-repeat 49px 1px;
font-size: 11px;
height: 40px;
margin-top: 5px;
}

#products-info-safe p {
margin-left: 84px;
color: #666666;
}

#products-info-description {
clear: both;
padding-top: 12px;
}

#products-info-description-content {
border: 1px solid #EAEAEA;
padding: 10px 15px;
background: #FBFBFB url(images/info-box-grad.png) repeat-x;
}

#products-info-description-content p {
margin-bottom: 10px;
}

#products-info-tabs {
height: 27px;
}

#products-info-tabs li {
float: left;
line-height: 27px;
}

#products-info-tabs li a {
display: block;
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: url(images/header-nav-top-off-right.png) no-repeat right top;
}

#products-info-tabs li a:hover {
color: #feeb02;
}

#products-info-tabs li a span {
display: block;
padding-left: 14px;
padding-right: 14px;
background: url(images/header-nav-top-off-left.png) no-repeat;
}

#products-info-tabs li a.selected span {
background: url(images/header-nav-top-on-left.png) no-repeat;
}

#products-info-tabs li a.selected {
background: url(images/header-nav-top-on-right.png) no-repeat right top;
}

#products-info-description-content div.panel {
width: 634px;
}

/* @group product option drop-down */

#product-options {
margin-top: 5px;
z-index: 1000;
padding-bottom: 3px;
}

#option1 {
background-color: #e2e6e9;
border: 1px solid #c7d0da;
}

#product-options a {
color: #1c4977;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
}

#product-options a.pulldown_arrow {
padding-left: 12px;
background: transparent url(images/select_arrow_right.png) no-repeat 2px 5px;
}

#product-options a:hover {
color: #c00;
background: #f9f9f9 url(images/info-box-grad.png) repeat-x 0 bottom}

#product-options a.pulldown_arrow:hover {
background: transparent url(images/select_arrow.png) no-repeat 0px 7px;
}

div.select {
position: relative;
display: inline;
padding: 3px 4px;
margin: 5px -2px 0;
clear: both;
}


ul.selectbox {
position: absolute;
top: 18px;
left: -77px;
padding: 0;
list-style: none;
background: #f3f3f3;
display: block;
margin: 0;
width: 325px;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
}

ul.selectbox li {
border-bottom: 1px solid silver;
width: 325px;
padding: 8px 0}

ul.selectbox li:hover {
background: #f9f9f9;
}

ul.selectbox a {
color: #c00;
text-decoration: none;
display: block;
font-size: 14px;
font-weight: bold;
}

ul.selectbox a:hover {
text-decoration: underline;
color: #444
}

div.hide-dropdown .selectbox {
display: none;
}



/* @end */

/* @group product quantity drop-down */

#quantity-select {
display: inline;
}

#quantity-add {
display: inline;
}

#quantity-add *, #quantity-select * {
vertical-align: middle;
}

#product-quantity {
margin-top: 5px;
}

#product-quantity a {
color: #1c4977;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
}

#product-quantity a.pulldown_arrow {
padding-left: 12px;
background: transparent url(images/select_arrow_right.png) no-repeat 2px 5px;
}

#product-quantity a:hover {
color : #c00;
background: #f9f9f9 url(images/info-box-grad.png) repeat-x 0 bottom}

#product-quantity a.pulldown_arrow:hover {
background: transparent url(images/select_arrow.png) no-repeat 0px 7px;
}



#product-quantity div.select {
position: relative;
display: inline;
padding: 3px 4px;
margin: 5px -2px 0;
clear: both;
}


#product-quantity ul.selectbox {
position: absolute;
top: 20px;
left: 3px;
padding: 0;
list-style: none;
background: #f3f3f3;
line-height: 20px;
display: block;
margin: 0;
width: 100px;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-right: 1px solid silver;
}

#product-quantity ul.selectbox li {
border-bottom: 1px solid silver;
width: 100px;
padding: 0;
}

#product-quantity ul.selectbox li a {
font-size: 11px;
}

#product-quantity ul.selectbox li:hover {
background: #f9f9f9;
}

#product-quantity div.hide-dropdown .selectbox {
display: none;
}

/* @end */



/* @end */

/* @group osCommerce */

FORM {
  margin-top: 0;
  margin-bottom: 0;
}

FORM OL {
  margin: 0;
padding: 0 0 10px;
}

FORM OL LI {
  list-style: none;
  margin: 0;
  clear: left;
}

FORM LABEL {
  float: left;
  width: 140px;
  margin: 5px;
}

FORM LABEL.fieldLabel {
  float: none;
}

FORM INPUT, FORM SELECT, FORM TEXTAREA {
}

FORM EM {
  color: #cc0000;
  margin-left: 2px;
}

#siteLogo {
  float: left;
}

#navigationIcons {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;
}

#navigationIcons li {
  display: inline;
  padding: 5px;
}

#navigationBar {
  background-color: #BBC3D3;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 50px;
  text-align: right;
  padding-right: 5px;
}

#breadcrumbPath {
  float: left;
  padding-left: 5px;
}

#pageIcon {
display: none;
}

.messageStack {
  border-width: 1px;
  border-style: dotted;
  border-color: #C8AD91;
  background-color: #FFFCF5;
  color: #465584;
  padding: 10px;
}

.moduleBox {
}

.moduleBox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  background: #f9f9f9 url(images/info-box-grad.png) repeat-x;
  padding: 5px;
  margin-bottom: 5px;
}

.moduleBox H6 {
  padding: 5px 0px 5px 0px;
}

.inputRequirement {
  font-size: 11px;
  font-weight: normal;
  color: #cc0000;
  margin-top: 10px;
}

.submitFormButtons {
  padding: 5px;
}

.listingPageLinks {
  padding: 5px;
}






.moduleRow { }

.moduleRowOver {
  background-color: #D7E9F7;
}

.moduleRowSelected {
  background-color: #E9F4FC;
}


.boxText {
}

.errorBox {
background: #ffb3b5;
font-weight: bold;
}
.stockWarning {
color: #cc0033;
}
.productsNotifications {
background: #f2fff7;
}
.orderEdit {
font-size : 11px;
color: #cc0000;
text-decoration: underline;
font-weight: normal;
}

A {
  color: black;
  text-decoration: none;
}

A:hover {
color: #03539A;
text-decoration: underline;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

TD.infoBoxHeading {
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
}

TD.infoBox, SPAN.infoBox {
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  background: #b6b7cb url(images/header-nav-lower.png) repeat-x 0 center;
  color: white;
  font-weight: bold;
  height: 26px;
}

TD.productListing-data {
padding-top: 5px;
padding-bottom: 5px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.tableHeading {
  font-weight: bold;
}

SPAN.greetUser {
  color: #f0a480;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #cc0000;
}

SPAN.errorText {
  color: #cc0000;
}

.boxCheckoutTrail {
  color: #8c8c8c;
}

.boxCheckoutTrailActive {
  font-weight: bold;
  color: #FF8400;
}

/* message box */

.messageStackError, .messageStackWarning {
background-color: #ffb3b5;
}
.messageStackSuccess {
background-color: #99ff00;
}


/* CSS Boxes */

.boxGroup {
  border-width: 1px;
  border-color: #bbc3d3;
  border-style: solid;
}

.boxNew {
}

.boxTitle {
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

.boxContents {
  background: #f8f8f9;
  padding: 3px;
}

#variantsBlock {
}

#variantsBlockTitle {
  font-weight: bold;
  padding-bottom: 10px;
}

#variantsBlockData {
}

#productVariantCombinationNotAvailable {
  color: #cc0000;
}

.productInfoKey {
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}

.productInfoValue {
  padding-bottom: 10px;
  vertical-align: top;
}

#productInfoPrice {
  font-weight: bold;
}

.ships24hours {
  color: #45B04C;
}

/* @end */

А не могли бы показать как именно