*

tokay

  • *
  • 11

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

*

Love

  • *
  • 1934

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

*

tokay

  • *
  • 11

вобщем да,кому то может пригодиться... в сиэсэс пишем это с поправкой на свои данные
                           #header-nav-knopki {
                   background:url((здесь есть ссылка, которая гостям не доступна зарегистрируйтесь или залогиньтесь)

                   position: absolute;
                   top: 105px;
                   right: 360px;
                   }

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

*

Love

  • *
  • 1934

Это background:url((здесь есть ссылка, которая гостям не доступна зарегистрируйтесь или залогиньтесь) из css можно выкинуть, ибо оно тянется из самого скрипта не плохо. И не надо будет подгонять рисунок под данные скрипта.

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

*

Love

  • *
  • 1934

(здесь есть ссылка, которая гостям не доступна зарегистрируйтесь или залогиньтесь)
breadcamp накроет иконки вконтакте, одноклассники и т.п.
Если названия товаров длинные будут, а если нет, то не накроет.

*

tokay

  • *
  • 11

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

*

Love

  • *
  • 1934

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

Самый простой способ. Скачиваете с того сайта скрипт и в оригинале кладете папку 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

  • *
  • 1934

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

*

tokay

  • *
  • 11

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

*

Love

  • *
  • 1934

Цепляйте если хочется. Это вставляете в главном файле шаба перед </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

  • *
  • 1934

(здесь есть ссылка, которая гостям не доступна зарегистрируйтесь или залогиньтесь)
Ребята помогите решить проблему , как поставить на сайте задний фон ( зимний) "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 */

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