Редактирование шаблонов

tokay · Ответ #15 17 Ноя 2010 20:01:43 pm

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

Love · Ответ #16 17 Ноя 2010 20:25:25 pm

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

tokay · Ответ #17 17 Ноя 2010 20:59:58 pm

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

Love · Ответ #18 18 Ноя 2010 08:05:13 am

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

musicman · Ответ #19 18 Ноя 2010 12:14:41 pm

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

Love · Ответ #20 18 Ноя 2010 16:28:44 pm

Цитата: musicman от 18 Ноя 2010 12:14:41 pm

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

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

tokay · Ответ #21 18 Ноя 2010 21:37:21 pm

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

Love · Ответ #22 19 Ноя 2010 09:15:09 am

Цитата: tokay от 18 Ноя 2010 21:37:21 pm

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

Это не сложно стилями сделать.

Самый простой способ. Скачиваете с того сайта скрипт и в оригинале кладете папку 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 · Ответ #23 19 Ноя 2010 11:24:56 am

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

Love · Ответ #24 19 Ноя 2010 12:00:21 pm

Цитата: tokay от 19 Ноя 2010 11:24:56 am

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

Даже и не знаю как это будет полезным для вашего сайта? Для каких целей?

tokay · Ответ #25 19 Ноя 2010 12:07:02 pm

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

Love · Ответ #26 19 Ноя 2010 12:44:17 pm

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

osc_user · Ответ #27 25 Дек 2010 00:25:24 am

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

Love · Ответ #28 25 Дек 2010 00:33:56 am

Цитата: osc_user от 25 Дек 2010 00:25:24 am

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

Это надо в stylesheet.css в body прописать его.

osc_user · Ответ #29 25 Дек 2010 00:37:50 am

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 */

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

Редактирование шаблонов

tokay

Love

tokay

Love

musicman

Love

tokay

Love

tokay

Love

tokay

Love

osc_user

Love

osc_user

Темы

Сообщения

Пользователи