1. Уважаемые пользователи, прежде чем ответить в теме или создать новую,
    внимательно ознакомьтесь с правилами раздела

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

Помощь Меняется стиль модуля при смене позиции

Тема в разделе "Joomla", создана пользователем Vostok7Z, 25 мар 2013.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
Статус темы:
Закрыта.
Модераторы: arman29, DMS, Genk0
  1. Vostok7Z

    Vostok7Z Создатель

    Регистр.:
    22 авг 2012
    Сообщения:
    26
    Симпатии:
    2
    День добрый.
    Вопрос следующий. Шаблон leo gifts. Решил поменять корзину в топе на Sj Minicart Pro.
    Редактировать позиции модулей честно говоря не умею, а после тупой замены модулей местами, у модуля Поиск при смене позиции search на cart-top меняется стиль.
    Хотелось стиль у модуля поиска так - рис 1. а получается так -рис.2.
    Подскажите в какую сторону копать - то?
    рис. 1
    1.jpg
    рис.2
    2.jpg


     
  2. Blanigator

    Blanigator Постоялец

    Регистр.:
    11 янв 2013
    Сообщения:
    60
    Симпатии:
    11
    Уважаемый Vostok решение очень просто, судя по сему стили в шаблоне привязаны к позициям, в данном случае можно просто прописать стиль позиции shearch для cart-top
     
    Vostok7Z нравится это.
  3. vladya

    vladya Создатель

    Регистр.:
    5 окт 2009
    Сообщения:
    34
    Симпатии:
    7
    В сторону css-файлов копать вам надо. Стили оформления поиска есть только для позиции search, а именно для блока #leo-search, в котором и распологается поиск. В css сейчас прописано следующее:
    Код:
    #leo-search div.search {
        background: url("http://www.demo4leotheme.com/joomla/leo_gift/templates/leo_gifts/images/default/bg-search.png") repeat scroll 0 0 transparent;
        border-radius: 20px 20px 20px 20px;
        margin-top: 10px;
        padding: 3px 3px 3px 10px;
    }
    Когда вы меняете позицию у поиска, он оказывается в блоке #cart-top, а для него не задано оформление блока div.search. Пропишите и для блока #cart-top оформление.
     
    Vostok7Z нравится это.
  4. tempus

    tempus Создатель

    Заблокирован
    Регистр.:
    10 янв 2013
    Сообщения:
    25
    Симпатии:
    1
    Согласен со всеми кто высказался выше. Но.
    Правильнее всего в таких случаях создавать суффикс класа модуля, чтобы не портить шаблон.
    Как это делается много информации в интернете.
    Гляньте это видео -
     
  5. Vostok7Z

    Vostok7Z Создатель

    Регистр.:
    22 авг 2012
    Сообщения:
    26
    Симпатии:
    2
    Прочитал -понял что дело ясное. Начал делать - оказалось дело темное.
    Я не силен в css, скорее нашел подобное и заменил .
    Позиции search и cart-top описаны в разных документах, template.css и extensions.css соответственно.
    Тяма хватило только на замену бэграунда поиска, а вот кнопка найти остается такая же как и в случае рис. 2.
    Ткните пальцем пожалуйста, что не так делал. ниже части "место писания" модулей с квикстарта.
    Спасибо.
    template.css
    /*------------------------------------------------------------------------
    # Leo Template Framework -
    # ------------------------------------------------------------------------
    # author LeoTheme
    # copyright Copyright (C) 2010 leotheme.com. All Rights Reserved.
    # @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
    # Websites: http://www.leotheme.com
    # Technical Support: Forum - http://www.leotheme.com/forum.html
    -------------------------------------------------------------------------*/

    html, body, fieldset {
    margin: 0;
    padding: 0;
    }
    body {
    margin: 0;
    padding: 0;
    font-family: "Arial";
    }
    body.fs1 {
    font-size: 10px;
    line-height: 16px;
    }
    body.fs2 {
    font-size: 11px;
    line-height: 17px;
    }
    body.fs3 {
    font-size: 11px;
    line-height: 18px;
    background: url(../images/default/bg-body.png) repeat left top scroll;

    }
    body.fs4 {
    font-size: 13px;
    line-height: 19px;
    }
    body.fs5 {
    font-size: 14px;
    line-height: 20px;
    }
    body.fs6 {
    font-size: 15px;
    line-height: 21px;
    }
    .wrap {
    clear: both;
    width: 100%;
    }
    a {
    outline: none;
    color: #575757;
    text-decoration: none;
    }
    a:hover, a:active, a:focus {
    color:#eb6477;
    }
    /* */
    /* http://meyerweb.com/eric/tools/css/reset/ */
    /* v1.0 | 20080212 */

    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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    }
    body {
    line-height: 1.6em;
    font-size:12px;
    color: #808181;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    }
    ul {
    list-style: none;
    }
    /* remember to define focus styles! */
    :focus {
    outline: 0;
    }
    /* remember to highlight inserts somehow! */
    ins {
    text-decoration: none;
    }
    del {
    text-decoration: line-through;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    }
    /* PAGE AND CONTAINER STYLE --------*/
    #page-container:before{
    background: url(../images/default/bg-shadow.png) no-repeat center top scroll;
    content:"";
    width: 90%;
    height: 535px;
    position:absolute;
    top: 37px;
    left: 10%;
    }
    #page-container {
    margin: 0;
    padding: 0;
    width: 100%;
    }
    #page-container-inner {
    width:100%;
    position: relative;
    }
    .leo-container {
    margin: 0 auto;
    }
    .leo-container-inner{
    display: inline-block;
    width: 100%;

    }
    .leo-container-inner-inner {
    }
    /**
    * TOP POST STYLE
    */
    #leo-toppos-right {
    }
    #leo-toppos {
    background: url(../images/default/bg-toppos1.png) repeat-x left top scroll;
    padding-top: 4px;
    }
    #leo-toppos .wrap-inner {
    background: url(../images/default/bg-toppos2.png) repeat-x left top scroll;
    min-height: 33px;
    }
    #leo-toppos .leo-container {
    }
    #leo-toppos.bg_top0 {
    background-image: url(../images/bgtop/bg_top0.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top1 {
    background-image: url(../images/bgtop/bg_top1.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top2 {
    background-image: url(../images/bgtop/bg_top2.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top3 {
    background-image: url(../images/bgtop/bg_top3.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top4 {
    background-image: url(../images/bgtop/bg_top4.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top5 {
    background-image: url(../images/bgtop/bg_top5.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top6 {
    background-image: url(../images/bgtop/bg_top6.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top7 {
    background-image: url(../images/bgtop/bg_top7.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-toppos.bg_top8 {
    background-image: url(../images/bgtop/bg_top8.png);
    background-position: left top;
    background-repeat: repeat;
    }
    /* BREADCRUMBS--------*/
    #leo-breadcrumbs-bottom, #leo-breadcrumbs-top {
    }
    #leo-breadcrumbs-bottom .leo-container, #leo-breadcrumbs-top .leo-container {
    }
    #leo-breadcrumbs-bottom .moduletable, #leo-breadcrumbs-top .moduletable {

    }
    /* COLSPAN -----------*/
    #leo-colspan1 .leo-box-inside{
    padding: 0;
    }
    #leo-content-top1 {
    width: 37.3%!important;
    }
    #leo-content-top2 {
    width: 62.7%!important;
    }
    #leo-content-top1 .leo-box-inside{
    margin-right: 7px;
    }
    #leo-content-top2 .leo-box-inside{
    margin-left: 8px;
    }
    /* MODULETABLE --------*/
    div.modulecontent {
    }
    .leo-module h3 {
    font-size: 20px;
    font-weight: normal;
    }
    div.leo-module {
    position: relative;
    margin: 0 0 15px;
    }

    #leo-right div.leo-module,
    #leo-left div.leo-module,
    #leo-content-top2 div.leo-module,
    #leo-content-top1 div.leo-module,
    #leo-showcase-bottom div.leo-module,
    #leo-usertop2 div.leo-module,
    #leo-showcase-top div.leo-module,
    #leo-usertop1 div.leo-module,
    #leo-headertop div.leo-module {
    background: url(../images/default/bg-content.png) repeat scroll left top #fdfdfd ;
    border-radius: 5px;
    padding: 7px;
    box-shadow:0 0 3px #d2c0a8,0 0 75px -25px #e5e5e5 inset;
    }
    /*module in left and right*/
    #leo-right .leo-module,
    #leo-left .leo-module {
    }
    #leo-right .leomodule,
    #leo-left .leomodule {
    }
    #leo-right h3.moduletitle,
    #leo-left h3.moduletitle,
    #leo-right h3.moduletitle span,
    #leo-left h3.moduletitle span{
    display:block;
    }

    #leo-right h3.moduletitle,
    #leo-left h3.moduletitle {
    color: #fff;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    border-radius: 5px;
    background: #b4ada8;
    }
    #leo-right h3.moduletitle > span,
    #leo-left h3.moduletitle > span {
    }
    #leo-right h3.moduletitle span span,
    #leo-left h3.moduletitle span span {
    }

    #leo-right .leo-module .modulecontent,
    #leo-left .leo-module .modulecontent {
    }
    .color_green h3.moduletitle{
    background: #9aac49!important;
    box-shadow:0 0 5px #88993f inset;
    }
    .color_blue h3.moduletitle{
    background: #7eb5da!important;
    box-shadow:0 0 5px #70a4c8 inset;
    }
    .color_pink h3.moduletitle{
    background: #e38f9b!important;
    box-shadow:0 0 5px #d8838f inset;
    }

    /* blockheader
    --------------------------*/
    #leo-blockheader {
    }
    #leo-blockheader-inner {}
    /* LOGO ---------*/
    #leo-logo {
    float: left;
    width: 25%;
    }
    #leo-logo .leo-logo {
    margin: 15px 0 15px;
    display: block;
    }
    #leo-logo .leo-logo a {
    display: block;
    width: 250px;
    height: 141px;
    background: url(../images/default/logo.png) no-repeat 0 0;
    }
    #leo-logo .leo-logo a span {
    display: none;
    }

    /* TOP MENU ------*/
    #leo-time {
    }
    #leo-topmenu {
    float: left;
    width: 40%
    }
    #leo-topmenu ul.menu {
    display: inline-block;
    margin: 5px 0 8px;
    overflow: hidden;
    }
    #leo-topmenu ul.menu li {
    float: left;
    padding:0;
    margin: 0 13px;
    }
    #leo-topmenu ul.menu li:first-child{
    margin-left: 0;
    }
    #leo-topmenu ul.menu li a {
    color:#c2b9b7;
    font-size: 11px;
    text-shadow: 0 1px 0 #331504;
    }
    #leo-topmenu ul.menu li a:hover {
    color:#ddaa78;
    }

    #leo-toppos-right {
    display: inline-block;
    width: 60%;
    }

    #leo-toppos .leo-module {
    margin-bottom: 0;
    }
    /* SEARCH --------*/
    #leo-search {
    float: left;
    }
    #leo-search div.search {
    margin-top: 10px;
    background: url(../images/default/bg-search.png) repeat 0 0;
    padding: 3px 3px 3px 10px;
    border-radius: 20px;

    }
    #mod-search-searchword {
    background: none repeat scroll 0 0 #F2E9DC;
    border: medium none;
    border-radius: 15px;
    height: 29px;
    float: left;
    color: #9f9a98;
    font-size: 11px;
    }
    #leo-search .button {
    background: url(../images/default/icon-search.png) no-repeat scroll center center #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    height: 29px;
    margin-left: -25px;
    padding: 0;
    text-indent: -999em;
    width: 29px;
    }
    /*leo-header-top*/
    #leo-header{
    float: right;
    text-align: right;
    width: 75%;
    }
    .header-top {
    float: right;
    margin: 20px 0;
    }
    .header-top div.leo-module {
    margin-bottom:0;
    }
    /* blockheader1 */
    #leo-blockheader1 {
    position: relative;

    }
    /* MAINMENU
    --------------------------*/
    #leo-mainmenu {
    float: right;
    background: url(../images/default/bg-menu.png) repeat-x scroll left top ;
    border-top: 1px solid #dc7389;
    border-bottom: 1px solid #d1515f;
    border-right: 1px solid #d46175;
    border-left: 1px solid #d46175;
    border-radius: 5px;
    max-height: 41px;
    }
    #leo-mainmenu-inner {
    }
    #leo-mainmenu .leo-container-inner {
    }
    #leo-mainmenu .leo-container-inner-inner {
    }
    #leo-mainmenu .mainmenu {
    }
    #leo-responsivemenu {
    display:none;
    }

    /* SLIDESHOW
    --------------------------*/
    #leo-slideshow {
    }
    #leo-slideshow-inner {}
    #leo-slideshow-inner-inner {
    }
    /*breadcrumbs-top*/
    #leo-breadcrumbs-top{
    }
    #leo-breadcrumbs-top-inner {
    }


    /* showcase top
    --------------------------*/
    #leo-showcase-top {
    }
    #leo-showcase-top .moduletable .leomodule{
    }
    /*usertop2*/
    #leo-usertop2 .leo-box-inside{
    padding: 0;
    }
    #leo-usertop2 .modulecontent {
    padding: 0;
    }
    /*leo-headertop*/
    #leo-top1 {
    width:73.5%!important;
    }
    #leo-top1 .leo-box-inside{
    margin-right: 7px;
    }
    #leo-top2 {
    width: 26.5%!important;
    }
    #leo-top2 .leo-box-inside{
    margin-left: 8px;
    }
    #leo-headertop .modulecontent{
    padding: 0;
    }
    #leo-headertop .leo-box-inside {
    padding: 0;
    }
    #leo-headertop .leo-usercol p {
    margin: 0;
    }
    /*showcase-bottom1*/
    #leo-showcase-bottom1 {
    }
    #leo-showcase-bottom1 .leo-container {
    }
    #leo-showcase-bottom1 .moduletable {
    }

    /*
    * SPORTLIHT
    */

    .leo-usercol {
    float: left;
    }
    .leo-box-inside {
    padding: 0 10px;
    }
    #leo-mainwrap {
    width:100%;
    display:inline-block;
    }
    #leo-mainwrap-inner {
    display:block;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    }
    div.page-inset {
    width:100%;
    display: inline-block;
    }
    #leo-mainwrap .leo-container {
    }
    #leo-mainwrap .leo-container-inner {
    }
    #leo-mainwrap .leo-container-inner-inner {
    }
    #leo-mainwrap-content{
    }


    /*
    * WIDTH, DIRECTION ALIGNMENT FOR ALL COLUMNS
    */
    #leo-mainwrap .leo-container-inner {
    padding: 0;
    }
    #leo-mainwrap, #leo-mainwrap-left, #leo-mainwrap-right, #leo-mainwrap-full {
    width: 100%;
    }
    /* Create a default width for three 3 main column */
    #leo-left {
    float: left;
    }
    #leo-content {
    float: left;
    }
    #leo-right {
    float: right;
    }
    #leo-mainwrap-left #leo-content {
    width: 75%;
    }
    #leo-mainwrap-right #leo-content {
    width:75%
    }
    #leo-mainwrap-full #leo-content {
    width: 100%;
    }
    #leo-left-inner{
    margin: 0 15px 0 0;
    }
    #leo-right-inner{
    margin: 0 0 0 15px;
    }
    #leo-content-inner {
    margin: 0 ;
    }
    #leo-usertop1 .leo-container-inner, #leo-usertop2 .leo-container-inner,
    #leo-showcase-bottom1 .leo-container-inner, #leo-showcase-bottom2 .leo-container-inner {
    overflow: hidden;
    }
    /*leo-usertop1*/
    #leo-usertop1 .custom p {
    margin: 0;
    }
    #leo-user1 .leo-box-inside{
    padding: 0 9px 0 0;
    }
    #leo-user2 .leo-box-inside{
    padding: 0 5px 0;
    }
    #leo-user3 .leo-box-inside{
    padding: 0 0 0 9px;
    }
    /* Left Column */
    #leo-left {
    }
    .leo-layout-crl #leo-content, .leo-layout-lrc #leo-content {
    margin: 0;
    }

    .leo-layout-crl #leo-left {
    float: right;
    }
    .leo-layout-crl #leo-content {
    float: left;
    }
    .leo-layout-crl #leo-right {
    float: right;
    }
    /* Right Column */

    .leo-layout-lrc #leo-right {
    float: left;
    }
    .leo-layout-lrc #leo-content {
    float: right;
    }
    /* Right Column */
    .leo-layout-rcl #leo-right {
    float: left;
    }
    .leo-layout-rcl #leo-left {
    float: right;
    }
    .leo-layout-rcl #leo-content {
    float: right;
    }


    /*Main content*/

    .homepage #leo-maincontent-inner {
    display: none;
    padding: 0;
    }
    #leo-maincontent-inner {
    background: url(../images/default/bg-content.png) repeat scroll left top ;
    border-radius: 5px;
    padding: 15px;
    box-shadow:0 0 3px #d2c0a8,0 0 75px -25px #e5e5e5 inset;
    overflow: hidden;
    }
    /*leo-colspan2*/

    #leo-colspan2 .leo-container-inner {

    }
    #leo-blockbottom:before{
    background: url(../images/default/bg-shadow-footer.png) no-repeat scroll center top ;
    content: "";
    left: 10%;
    position: absolute;
    width: 90%;
    height: 337px;
    }
    #leo-blockbottom {
    background: url(../images/default/bg-footer.png) repeat scroll left top ;
    margin-top: 30px;
    color: #f4f7f8;
    }
    .leo-blockbottom-inner{
    background: url(../images/default/bg-userbottom1.png) repeat-x scroll left top ;
    padding-top: 7px;
    position: relative;
    }
    #leo-blockbottom.bg_bottom0 {
    background-image: url(../images/bgbottom/bg_bottom0.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom1 {
    background-image: url(../images/bgbottom/bg_bottom1.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom2 {
    background-image: url(../images/bgbottom/bg_bottom2.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom3 {
    background-image: url(../images/bgbottom/bg_bottom3.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom4 {
    background-image: url(../images/bgbottom/bg_bottom4.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom5 {
    background-image: url(../images/bgbottom/bg_bottom5.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom6 {
    background-image: url(../images/bgbottom/bg_bottom6.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom7 {
    background-image: url(../images/bgbottom/bg_bottom7.png);
    background-position: left top;
    background-repeat: repeat;
    }
    #leo-blockbottom.bg_bottom8 {
    background-image: url(../images/bgbottom/bg_bottom8.png);
    background-position: left top;
    background-repeat: repeat;
    }
    /*leo-userbottom*/

    #leo-userbottom {
    }
    #leo-userbottom .leo-container-inner-inner {
    }

    /* leo-userbottom1 */
    #leo-userbottom1 {
    background: url(../images/default/bg-userbottom2.png) repeat-x scroll left top ;
    padding-top:9px;
    }
    #leo-userbottom1 .wrap-inner {
    background: url(../images/default/border-bottom.png) repeat-x scroll left bottom ;
    }
    #leo-userbottom1 .leo-container-inner {
    padding: 20px 0;
    }
    #leo-userbottom1 .leo-module h3.title {
    margin-top: 4px!important;
    }
    #leo-userbottom2 .leo-module h3.title{
    color: #FFFFFF;
    line-height: 20px;
    margin: 4px 0 15px;
    }
    #leo-userbottom1 .leo-module h3.title{
    color: #FFFFFF;
    line-height: 20px;
    margin: 4px 0 5px;
    }
    #leo-userbottom1 div.modulecontent {
    padding:0;
    }
    #leo-userbottom1 .leo-module {
    margin-bottom: 0;
    }
    /*leo-userbottom2*/
    #leo-userbottom2 .leo-container-inner{
    padding-top: 20px;
    }
    #leo-userbottom2 .leo-box-inside {
    }
    #leo-user13 {
    width:25.5%!important;
    }
    #leo-user14 ,
    #leo-user15, #leo-user16 {
    width:16.5%!important;
    }
    #leo-user17 {
    width:25%!important;
    }
    /* FOOTER
    --------------------------*/
    #leo-footer {
    background: url(../images/default/bg-border.png) repeat-x scroll left top #383634;
    }
    #leo-footer .wrap-inner{
    background: url(../images/default/bg-footer2.png) repeat-x scroll left top;
    padding-top: 8px;
    }

    #leo-copyright {
    float: left;
    line-height: 45px;
    }
    #leo-copyright p.logo-footer a {
    background: url(../images/default/logo1.png) no-repeat scroll left top;
    display: block;
    height: 40px;
    text-indent: -999em;
    width: 133px;
    margin: 5px 0;
    }
    #leo-copyright p {
    margin: 0;
    font-size: 12px;
    color: #b9bcbd;
    text-shadow: 0 1px 0 #2c2c2b;

    }
    #leo-copyright a {
    color:#55bcd8;
    }
    #leo-copyright a:hover {
    color:#eb6477;
    }
    #leo-footer-menu {
    float: right;
    }
    #leo-footer-menu .moduletable {
    margin-bottom: 0;
    padding: 8px 0;
    }
    /*category content*/
    .items-row .item, .items-leading .item {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    }
    .items-row .item h2, .items-leading .item h2 {
    margin: 5px 0;
    font-size: 14px;
    color: #515151;
    }
    .items-row .item h2 a, .items-leading .item h2 a {
    font-size: 16px;
    font-weight: normal;
    }
    .items-row .item p img, .items-leading .item p img {
    }
    .blog,.item-page,.newsfeed-category,.contact ,.contact-category,.categories-list,.category-list ,.blog-featured, .login,.remind,.reset,.weblink-category {
    }
    .componentheading, .newsfeed-category > h2,
    .blog > h1, .blog > h2, .item-page > h2,.contact h1 ,.categories-list h1, .category-list h1,.blog-featured h1,.contact-category h1,.login h2, .remind h1, .reset h1, .weblink-category h2{

    }
    .componentheading >span,.newsfeed-category > h2 > span,
    .blog > h1 > span, .blog > h2 > span, .item-page > h2 > span,.contact h1 > span ,.categories-list h > span1, .category-list h1 > span,.blog-featured h1 > span,.contact-category h1 > span,.login h2 > span, .remind h1 > span, .reset h1 > span, .weblink-category h2 > span {
    font-size: 22px;
    font-weight: normal;
    color:#EB6477;
    line-height: 18px;
    }
    .componentheading >span span,.newsfeed-category > h2 > span span,
    .blog > h1 > span, .blog > h2 > span span, .item-page > h2 > span span,.contact h1 > span span,.categories-list h1 > span span, .category-list h1 > span span,.blog-featured h1 > span span,.contact-category h1 > span span,.login h2 > span span, .remind h1 > span span, .reset h1 > span span, .weblink-category h2 > span span{

    }
    /***/

    body.pattern1 {
    background-image:url('../images/patterns/pattern1.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern2 {
    background-image:url('../images/patterns/pattern2.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern3 {
    background-image:url('../images/patterns/pattern3.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern4 {
    background-image:url('../images/patterns/pattern4.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern5 {
    background-image:url('../images/patterns/pattern5.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern6 {
    background-image:url('../images/patterns/pattern6.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern7 {
    background-image:url('../images/patterns/pattern7.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern8 {
    background-image:url('../images/patterns/pattern8.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern9 {
    background-image:url('../images/patterns/pattern9.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern10 {
    background-image:url('../images/patterns/pattern10.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern11 {
    background-image:url('../images/patterns/pattern11.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern12 {
    background-image:url('../images/patterns/pattern12.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern13 {
    background-image:url('../images/patterns/pattern13.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern14 {
    background-image:url('../images/patterns/pattern14.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern15 {
    background-image:url('../images/patterns/pattern15.png');
    background-position: top left;
    background-repeat: repeat !important;
    }
    body.pattern16 {
    background-image:url('../images/patterns/pattern15.png');
    background-position: top left;
    background-repeat: repeat !important;
    }

    extensions.css
    /*------------------------------------------------------------------------
    # Leo Template Framework -
    # ------------------------------------------------------------------------
    # author LeoTheme
    # copyright Copyright (C) 2010 leotheme.com. All Rights Reserved.
    # @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
    # Websites: http://www.leotheme.com
    # Technical Support: Forum - http://www.leotheme.com/forum.html
    -------------------------------------------------------------------------*/
    /* leo Contact Pro--------------*/
    div.jvformcontact {
    width:100%;
    margin:15px 0 0;
    display: inline-block;
    }
    div.jvformcontact #myForm input, div.jvformcontact #myForm textarea, div.jvformcontact #myForm select {
    border:none;
    height:auto;
    }
    div.leo-field {
    overflow: hidden;
    margin-bottom:7px;
    }
    /* -------------------------------
    Module Class
    ----------------------------------*/
    a.moduleItemReadMore {
    }
    /* slideshow */
    div.moduletable_slideshow {
    padding: 10px!important;
    }
    .moduletable_slideshow .lof-slnavslide .lof-next:hover,
    .moduletable_slideshow .lof-slnavslide .lof-next{
    background: url(../images/default/icon-button.png) no-repeat right top scroll!important;
    right: -11px;
    }
    .moduletable_slideshow .lof-slnavslide .lof-previous:hover,
    .moduletable_slideshow .lof-slnavslide .lof-previous {
    background: url(../images/default/icon-button.png) no-repeat left top scroll!important;
    left: -11px;
    }
    .moduletable_slideshow .lof-slnavslide .lof-next, .moduletable_slideshow .lof-slnavslide .lof-previous {
    width: 17px;
    height: 30px;
    z-index:20;
    }
    .moduletable_slideshow .lof-slnavslide .lof-navigator-wrapper {
    left: 10px;
    right: inherit;
    bottom: 10px;
    border-right: none;

    z-index:12!important;
    }
    .moduletable_slideshow .lof-slnavslide .lof-bottom .lof-navigator li.active,
    .moduletable_slideshow .lof-slnavslide ul.lof-navigator li {
    background: none;
    height: 13px!important;
    }
    .moduletable_slideshow .lof-slnavslide .lof-bottom .lof-navigator li.active div{
    background: url(../images/default/icon-nav.png) no-repeat -19px top scroll!important;
    }
    .moduletable_slideshow .lof-slnavslide ul.lof-navigator li div{
    background: url(../images/default/icon-nav.png) no-repeat left top scroll!important;
    height: 13px;
    overflow: hidden;
    padding: 0;
    text-indent: -999em;
    width: 13px;
    margin: 0 3px;
    }

    /*slideshow position content-top*/
    #leo-content-top1 .lof-slnavslide .lof-next:hover,
    #leo-content-top1 .lof-slnavslide .lof-next{
    background: url(../images/default/bt-pn.png) no-repeat right top scroll!important;
    right: 10px;
    }
    #leo-content-top1 .lof-slnavslide .lof-previous:hover,
    #leo-content-top1 .lof-slnavslide .lof-previous {
    background: url(../images/default/bt-pn.png) no-repeat left top scroll!important;
    left: 10px;
    }
    #leo-content-top1 .lof-slnavslide .lof-next, #leo-content-top1 .lof-slnavslide .lof-previous {
    width: 20px;
    height: 33px;
    top:90%;
    }
    #leo-content-top1 .lof-main-item img {
    height: 477px;
    width: 329px;
    }
    #leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-description {
    background: url(../images/default/bg-slide-bottom.png) repeat left top scroll!important;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    }
    #leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-title a {
    background: none!important;
    color: #f9f9f9;
    font-size: 21px;
    padding: 0;
    }
    #leo-content-top1 .lof-slnavslide .lof-main-wapper .lof-main-item .lof-description .lof-desc{
    background: none!important;
    color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    }
    /* leovmscroller*/
    #leo-showcase-top .leo-container-inner{

    }
    #leo-showcase-top .moduletable {
    padding: 10px !important;
    }
    #leo-showcase-top .moduletable .leomodmenu {
    }
    #leo-showcase-top .moduletable h3.moduletitle {
    text-align: center;
    }
    #leo-showcase-top .moduletable h3.moduletitle > span {
    display: block;
    line-height: 30px;
    }
    #leo-showcase-top .moduletable h3.moduletitle span span{
    color: #6E6662;
    font-size: 28px;
    font-weight: normal;
    }

    #leo-showcase-top .moduletable .modulecontent {
    }
    #leo-showcase-top .lof-vm-sliding {
    background: none;
    padding-bottom:0;
    }
    #leo-showcase-top .lof-vm-sliding .lof-text {
    text-align: center;
    color: #808181;
    font-size: 11px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-row .lof-inner {
    border: none;
    margin: 10px;
    padding: 0;
    }
    #leo-showcase-top .lof-vm-sliding .lof-top .lof-navigator-outer {
    margin-right: 0;
    }
    #leo-showcase-top .lof-vm-sliding .lof-container {
    background: none;
    }
    #leo-showcase-top .lof-vm-sliding .lof-main-wapper {
    }
    #leo-showcase-top .lof-vm-sliding .lof-row {
    text-align: left;
    padding: 10px 0;
    }
    #leo-showcase-top .lof-vm-sliding .lof-image .price-cart {
    position:absolute;
    z-index: 55;
    left: 0;
    bottom: 5px;
    width: 100%;
    display: none;
    }
    #leo-showcase-top .lof-vm-sliding .lof-row .lof-inner:hover .price-cart {
    display: block;
    }
    #leo-showcase-top .lof-vm-sliding .lof-info {
    }
    #leo-showcase-top .lof-vm-sliding .lof-image {
    display: inline-block;
    padding: 5px;
    background: #e9e4e0;
    border-radius: 3px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-image a {
    display: inline-block;
    }
    #leo-showcase-top .lof-vm-sliding .lof-image img {
    }
    #leo-showcase-top .lof-vm-sliding .lof-inner .lof-title {
    font-size: 14px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-inner:hover .lof-title {
    }
    #leo-showcase-top .lof-vm-sliding span.quantity-box {
    display: none;
    }
    #leo-showcase-top .lof-description {
    font-size: 11px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-price {
    float: left;
    width: 50%;
    line-height: 35px;
    text-align: center;
    }
    #leo-showcase-top .lof-vm-sliding .price-inner {
    font-size: 20px ;
    background: #eb6477;
    color: #fff;
    margin: 0 0 0 5px;
    }
    #leo-showcase-top .lofaddcart-nav {
    float: right;
    text-align: center;
    width: 50%;
    line-height: 35px;
    }
    #leo-showcase-top .lofaddcart-nav .addtocart-area{
    margin-right: 5px;
    background: url(../images/default/bg-cart.png) repeat left top scroll;
    }
    #leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button {
    background: none;
    display: inline-block;
    padding-left: 0;
    width: auto;
    margin: 0;
    float: none;
    }

    #leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button input.addtocart-button {
    background: none;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0;
    padding: 0 ;
    text-shadow: none;
    height: 35px;
    line-height: 35px;
    }
    #leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button:hover {
    background: none;
    }
    #leo-showcase-top .lof-vm-sliding .lofaddcart-nav span.addtocart-button input.addtocart-button:hover {
    color:#EE2B6F;
    }
    #leo-showcase-top .lof-vm-sliding .lof-next:hover,
    #leo-showcase-top .lof-vm-sliding .lof-next{
    background: url(../images/default/icon-button.png) no-repeat right top scroll!important;
    right: -11px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-previous :hover,
    #leo-showcase-top .lof-vm-sliding .lof-previous {
    background: url(../images/default/icon-button.png) no-repeat left top scroll!important;
    left: -11px;
    }
    #leo-showcase-top .lof-vm-sliding .lof-next, #leo-showcase-top .lof-vm-sliding .lof-previous {
    width: 17px;
    height: 30px;
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    z-index: 10;
    top: -45px;
    }

    /*Lof K2 Scroller*/
    #leo-showcase-bottom .leo-module {
    padding: 10px !important;
    }
    #leo-showcase-bottom .leomodule {
    display: inline-block;
    width:100%;
    }
    #leo-showcase-bottom h3.moduletitle {
    margin-left: 10px;
    }
    #leo-showcase-bottom h3.moduletitle > span {

    }

    #leo-showcase-bottom .modulecontent {

    }
    #leo-showcase-bottom .lofk2-text {
    margin-left: 10px;
    }
    #leo-showcase-bottom .lof-sliding .lof-row {
    padding: 10px 0;
    }

    #leo-showcase-bottom .lof-sliding .lof-image img {
    }
    #leo-showcase-bottom .lof-sliding .lof-image a {
    background: #e9e4e0;
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    }
    #leo-showcase-bottom .lof-sliding .lof-description {
    padding: 10px 0;
    clear: both;
    }
    #leo-showcase-bottom .lof-sliding .lof-inner {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    margin: 0px 11px;
    padding: 0;
    position: relative;
    }
    #leo-showcase-bottom .lof-sliding .lof-inner:hover {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    }
    #leo-showcase-bottom .lof-sliding .lof-inner .lof-title {
    text-transform: none;
    }
    #leo-showcase-bottom .lof-sliding .lof-inner .lof-title:hover {
    color: #ee317b;
    }
    #leo-showcase-bottom .lof-sliding .lof-inner .lof-readmore {
    float: right;
    margin: 0 10px 10px 0;
    }
    #jb-bf{position: absolute; top: 0px; left: -5500px;}
    #leo-showcase-bottom .lof-sliding .lof-next, #leo-showcase-bottom .lof-sliding .lof-previous {
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 17px;
    z-index: 10;
    }
    #leo-showcase-bottom .lof-sliding .lof-next {
    background: url(../images/default/bt-showcase.png) no-repeat scroll right top ;
    right: 126%;
    top: 55%;
    }
    #leo-showcase-bottom .lof-sliding .lof-next:hover {
    background: url(../images/default/bt-showcase.png) no-repeat scroll right -27px ;
    }
    #leo-showcase-bottom .lof-sliding .lof-previous {
    background: url(../images/default/bt-showcase.png) no-repeat scroll left top ;
    left: -31%;
    top: 55%;
    }
    #leo-showcase-bottom .lof-sliding .lof-previous:hover {
    background: url(../images/default/bt-showcase.png) no-repeat scroll left -27px ;
    }
    /
    /* BREADCRUMBS----------*/
    .breadcrumbs {
    margin: 15px 0 15px;
    }
    .breadcrumbs a.pathway {
    font-size: 12px;
    font-style: italic;
    padding: 0 5px 0 3px;
    text-shadow: 0 1px 0 #eaebec;
    }
    .breadcrumbs span {
    padding: 0 3px;
    font-size: 12px;
    font-style: italic;
    color: #ee317b;
    text-shadow: 0 1px 0 #eaebec;
    }
    /* Login Module ---*/

    .login_form label, .login label {
    text-align: left;
    width: 100px;
    float: left;
    }
    .login-fields {
    margin: 0 0 10px;
    }
    .login ul li {
    background: url(../images/default/icon-li.png) no-repeat scroll left 50%;
    line-height: 23px;
    padding-left: 20px;
    }

    /*moduletable-menu*/
    .moduletable ul.vmmanufacturer {
    margin: 0;
    }
    .moduletable_menu .modulecontent {
    }
    .moduletable ul.vmmanufacturer li,
    .moduletable_menu ul li {
    padding: 1px 0;
    }
    .moduletable ul.vmmanufacturer li a,
    .moduletable_menu ul li a{
    display: block;
    line-height: 22px;
    font-size: 12px;
    padding: 4px 0 4px 25px;
    color: #939393;
    }
    .moduletable ul.vmmanufacturer li a:hover,
    .moduletable_menu ul > li.VmOpen > div a,
    .moduletable_menu ul li a:hover{
    background: #eaeaea;
    border-radius: 3px;
    }
    .moduletable ul.vmmanufacturer li,
    .moduletable_menu ul li {
    }
    .moduletable_menu ul li.VmOpen,
    .moduletable ul.vmmanufacturer li:hover,
    .moduletable_menu ul li:hover {
    }
    .moduletable_menu .vm_cart_products .container .product_row{
    border-bottom: 1px dotted #e8e8e8;
    line-height: 31px;
    padding-left: 7px;
    font-size: 12px;
    }
    .moduletable_menu .vm_cart_products .prices {
    font-weight: bold;
    font-family:'Times New Roman';
    font-size: 14px;
    line-height: 31px;
    padding-right: 7px;
    color: #EE2B6F;
    }
    .moduletable ul.vmmanufacturer li a,
    .moduletable_menu ul li a {

    }
    .moduletable_menu ul > li.VmOpen > div a {
    }
    .moduletable ul.vmmanufacturer li ul,
    .moduletable_menu ul li ul {
    margin: 0;
    padding: 0;
    }
    .moduletable ul.vmmanufacturer li li,
    .moduletable_menu ul li li,
    .moduletable ul.vmmanufacturer li li:hover,
    .moduletable_menu ul li li:hover {
    }
    .moduletable_menu .vm_cart_products .product_row li li a,
    .moduletable ul.vmmanufacturer li li a,
    .moduletable_menu ul li li a {
    padding-left: 40px;
    background-position: 30px 13px;
    }

    .moduletable_menu .vm_cart_products .product_row li li a:hover,
    .moduletable ul.vmmanufacturer li li a:hover,
    .moduletable_menu ul li li a:hover {
    background: none;
    color:#e38f9b;
    }
    .moduletable_menu .vmCartModule .total{
    padding-right:7px;
    }
    .moduletable_menu .vmCartModule .total,
    .moduletable_menu .vmCartModule .total_products {
    line-height: 31px;
    margin: 2px 0;
    text-indent:7px;
    float: left;
    font-weight: bold;
    font-family:'Times New Roman';
    font-size: 14px;
    }


    .moduletable_menu ul li:first-child {
    }
    .moduletable_menu .show_cart{
    clear: both;
    padding-right:15px;
    }
    .moduletable_menu .show_cart a{
    background: url(../images/default/bt-cart.png) repeat-x scroll left bottom ;
    border-bottom: 1px solid #e16b7a;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0;
    padding: 4px 10px 3px;
    width: auto;
    }
    .moduletable_menu .show_cart a:hover {
    background: url(../images/default/bt-cart-hover.png) repeat-x scroll left bottom ;
    border-bottom: 1px solid #cbcbcb;
    color: #888989;
    }
    /*moduletable_listmenu */
    .moduletable_listmenu ul li {
    background: url(../images/default/icon-li.png) no-repeat left 9px scroll;
    padding: 4px 0 4px 10px;
    }
    .moduletable_listmenu ul li:hover{
    background: url(../images/default/icon-li.png) no-repeat left -46px scroll;
    }
    .moduletable_listmenu ul li a {
    color: #fff;
    font-size: 11px;
    }
    .moduletable_listmenu ul li:hover a {
    color: #eb6477;
    }
    /*moduletable_mod-produce*/
    .moduletable_mod-produce {
    padding-bottom: 10px;
    }
    .moduletable_mod-produce ul {
    background: url(../images/default/border.png) repeat-x left bottom scroll;
    padding: 5px 0 8px;
    overflow: hidden;
    }
    .moduletable_mod-produce ul li img {
    width: 60px;
    height: 60px;
    background: #F6EAE8;
    border: 1px solid #E0CAC6;
    padding: 3px;
    margin-right: 10px;
    float:left;
    }
    .moduletable_mod-produce ul li a.lof-title {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    }
    .moduletable_mod-produce ul li .product_desc {
    font-size:11px;
    color: #616161;
    }
    .moduletable_mod-produce ul li .lof-price span {
    color: #D35A07;
    font: bold 15px/23px 'Arial';
    }


    /*moduletable_follow*/
    div.moduletable_follow {
    float: right;
    margin: 5px 0!important;
    }
    .moduletable_follow h3.title {

    }
    .moduletable_follow a.facebook, .moduletable_follow a.twitter, .moduletable_follow a.google, .moduletable_follow a.linkedin {
    background-image: url(../images/default/icon-social.png);
    height: 21px;
    margin: 0 2px 0 5px;
    overflow: hidden;
    text-indent: -9999em;
    width: 21px;
    display: inline-block;
    float: left;
    }
    .moduletable_follow a.facebook {
    background-position: -27px 0;
    }
    .moduletable_follow a.twitter {
    background-position: -54px 0;
    }
    .moduletable_follow a.linkedin {
    background-position: left 0px;
    }
    .moduletable_follow a.google {
    background-position: -81px 0;
    }

    .moduletable_follow a.facebook:hover {
    background-position: -27px -21px;
    }
    .moduletable_follow a.twitter:hover {
    background-position: -54px -21px;
    }
    .moduletable_follow a.linkedin:hover {
    background-position: left -21px;
    }
    .moduletable_follow a.google:hover {
    background-position: -81px -21px;
    }
    .moduletable_follow a.facebook:hover ,
    .moduletable_follow a.twitter:hover ,
    .moduletable_follow a.linkedin:hover,
    .moduletable_follow a.google:hover{
    opacity : 0.6;
    }
    /*moduletable_currencies*/
    .moduletable_currencies {
    float: right;
    }
    .moduletable_currencies input.button{
    height: 23px;
    padding-bottom: 2px;
    border-radius: 2px;
    }
    #leo-userbottom1 select#virtuemart_currencies_id {
    background: #fafafa;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    border-radius: 3px;
    }
    #leo-userbottom1 input[value="Ok"] {
    padding: 0 3px ;
    float: left;
    }
    /*moduletable_cart-top*/
    #cart-top {
    float: right;
    margin-left: 20px;
    }
    .moduletable_cart-top {
    margin-top: 10px;
    background: url(../images/default/bg-search.png) repeat 0 0;
    padding: 3px 3px 3px 10px;
    border-radius: 20px;
    }
    .moduletable_cart-top .leomodule {
    display: inline-block;
    }
    .moduletable_cart-top h3.moduletitle {
    padding:0;
    text-align: right;
    }
    .moduletable_cart-top .modulecontent {
    float: left;
    margin: 0;
    }
    .moduletable_cart-top h3.moduletitle span {
    font-size: 20px ;
    font-weight: normal;
    color: #6e6662;
    text-transform: none;
    }
    .moduletable_cart-top .total,
    .moduletable_cart-top .vm_cart_products {
    display: none;
    }
    .moduletable_cart-top .total_products {
    font-size: 12px;
    color: #6e6662;
    }
    .moduletable_cart-top #vmCartModule div.show_cart {
    display: none;
    }
    /* moduletable_paypay*/
    .moduletable_paypay ul {
    margin: 0;
    }
    .moduletable_paypay ul li a{
    }
    /*moduletable_advertising*/

    div.moduletable_advertising {
    padding: 5px!important;
    }
    div.moduletable_advertising p{
    margin: 0;
    }
    /*moduletable_login*/
    .moduletable_login {
    float: left;
    }
    .moduletable_login .lof-panels-wrapper > div {
    }
    .moduletable_login .lof-userpanel .lof-button {
    float: left;
    padding: 1px 0!important;
    }
    .moduletable_login .lof-userpanel .lof-button span{
    color: #fff;
    font-size: 11px;
    }
    .moduletable_login .lof-userpanel .lof-button a:hover span{
    color: #eb6477;
    }
    .moduletable_login .lof-userpanel .lof-button a span{
    margin: 0 10px;
    }
    .panel-wrapper h3 {
    border-bottom: none!important;
    }
    /*moduletable_free*/
    .moduletable_free .custom_free {
    display: inline-block;
    }
    .moduletable_free {}
    .moduletable_free .free-left {
    float: left;
    width: 27.5%;
    text-align: right;
    }
    .moduletable_free .free-center{
    float: left;
    width: 53.5%;
    padding-top: 7px;
    }
    .moduletable_free .free-right{
    float: right;
    width: 19%;
    }
    .moduletable_free .free-center p.text1 {
    color: #EB6477;
    float: left;
    font-size: 60px;
    line-height: 60px;
    margin: 12px 15px 0 0;
    }
    .moduletable_free .free-center p.text2 {
    color: #6E6662;
    font-size: 27px;
    line-height: 27px;
    margin: 0;
    }
    .moduletable_free .free-center p.text3 {
    color: #eb6477;
    font-size: 16px;
    font-weight: bold;
    }
    .moduletable_free .free-center p.text4{
    color: #7d7573;
    text-shadow: 0 1px 0 #fff;
    }
    /**/
    #leo-userbottom1 .leo-module {
    padding: 2px 0 2px 55px}
    .moduletable_truck {
    background: url(../images/default/icon-truck.png) no-repeat scroll left center ;
    }
    .moduletable_light {
    background: url(../images/default/icon-light-bulb.png) no-repeat scroll left center ;
    }
    .moduletable_gift {
    background: url(../images/default/icon-gift.png) no-repeat scroll left center ;
    }
    .moduletable_lock {
    background: url(../images/default/icon-locked.png) no-repeat scroll left center ;
    }
    .moduletable_truck p,
    .moduletable_light p,
    .moduletable_gift p,
    .moduletable_lock p{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    }
    /*moduletable_newsletter*/
    .moduletable_newsletter .inputbox{
    border: 1px solid #fff;
    float: left;
    height: 26px;
    line-height: 26px;width: 170px;
    margin: 0 -2px 0 0;
    }
    .moduletable_newsletter .button{
    background: #eb6477;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    text-transform: uppercase;

    }
    /*moduletable_contact*/
    .moduletable_contact p.phone{
    background: url(../images/default/icon-phone.png) no-repeat scroll left center ;
    padding-left: 30px;
    font-size: 14px;
    line-height: 22px;
    padding-left: 32px;
    color: #fff;
    }
    /*moduletable_tabs*/
    div.moduletable_tabs {
    padding: 0 !important;
    }
    div.moduletable_tabs .gkTabsContainer .gkTabsItem {
    padding: 0 0 10px 0;
    background: none;
    }
    div.moduletable_tabs .gkTabsWrap.vertical ol {
    border: none;
    padding: 10px 10px 0!important;
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav li {
    border-radius: 5px;
    font-size: 20px!important;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
    line-height: 36px!important;
    padding: 0 15px!important;
    }
    div.moduletable_tabs .gkTabsWrap.vertical ol li:hover,
    div.moduletable_tabs .gkTabsWrap.vertical ol li.active,
    div.moduletable_tabs .gkTabsWrap.horizontal ol li:hover,
    div.moduletable_tabs .gkTabsWrap.horizontal ol li.active{
    border-radius: 5px;
    color: #fff;
    text-shadow: none;
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .active:before {
    left: 25px;
    bottom: -7px;
    position: absolute;
    width: 25px;
    height: 10px;
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1.active:before {
    content:url("../images/default/arrow1.png");
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2.active:before {
    content:url("../images/default/arrow2.png");
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3.active:before {
    content:url("../images/default/arrow3.png");
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1.active,
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-1 {
    background: #e38f9b;
    box-shadow:0 0 5px #c17d87 inset;
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2.active,
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-2{
    background: #7eb5da;
    box-shadow:0 0 5px #70a2c4 inset;
    }
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3.active,
    div.moduletable_tabs .gkTabsWrap .gkTabsNav .gkTabs-3{
    background: #9aac49;
    box-shadow:0 0 5px #88993f inset;
    }
    .moduletable_tabs .vmproduct li .item-pro {
    padding: 15px 10px 12px;
    overflow: hidden;
    }
    .moduletable_tabs .vmproduct li img {
    width: 98px;
    height: 108px;
    border: 3px solid #e9e4e0;
    border-radius: 2px;
    margin-right: 10px;
    float: left;
    }
    .moduletable_tabs .vmproduct li .item-pro a.lof-title {
    font-size: 14px;
    padding: 5px 0;
    }
    .moduletable_tabs .vmproduct li .item-pro .lof-price{
    color: #eb6477;
    font-size: 20px;
    line-height: 20px;
    padding: 3px 0;
    }
    .moduletable_tabs .vmproduct li .item-pro .product_desc {
    margin: 10px;
    }
    /* moduletable_produces*/
    .moduletable_produces .vmproduct_produces li {
    padding: 8px 0;
    }
    .moduletable_produces .vmproduct_produces li .item-pro img {
    border: 3px solid #E9E4E0;
    border-radius: 2px ;
    float: left;
    margin-right: 8px;
    width: 70px;
    }
    .moduletable_produces .vmproduct_produces li .product_desc {
    max-height: 40px;
    overflow: hidden;
    margin: 5px;
    }
    .moduletable_produces .vmproduct_produces li a.lof-title {
    font-size: 14px;
    }
    .moduletable_produces .vmproduct_produces li .lof-price{
    color: #eb6477;
    font-size: 18px;
    }
     
  6. Freeman Liberty

    Freeman Liberty

    Регистр.:
    19 май 2009
    Сообщения:
    457
    Симпатии:
    171
    По идее самый простой вариант найти в индексном файле шаблона (файле где прописан вывод всех позиций шаблона) <div id="cart-top"> и заменить на <div id="leo-search">, <div id="leo-search"> - соответственно на просто <div>. Возможно еще css придется немного поправить, но тут Firebug в помощь
     
    Vostok7Z нравится это.
  7. Vostok7Z

    Vostok7Z Создатель

    Регистр.:
    22 авг 2012
    Сообщения:
    26
    Симпатии:
    2
    Уверен, что выше перечисленные пути решения вопроса достижимы, но вариант предложенный Freeman Liberty, оказался для моего уровня знаний в частности самым "победимым".
    Заменил div в выводе шаблона и подправил в css padding самого модуля и все встало как надо.
    Спасиба большая всем.
     
Статус темы:
Закрыта.