Jump to content

Moving or Changing Login/Register Button (Look and Feel)

Ruann
 Share

Recommended Posts

Ruann Newbie

Ruann

Posted
Posted

Hi

I'm trying to change my login/register button to something more prominet.

The site is aimed for ladies above 30 years old. So they are not very computer literate.

 

On my home page at the top right, there is a little padlock where customers can login or register.

 

How can I change this to read "Login or Register"?

 

And also move it more to the left centered?

 

Here is my URL:   http://thulasindi.com

 

 

Regards, R

Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Yes, please see below:

 

{*
* 2007-2012 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2012 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!-- Block user information module HEADER -->
<div id="header_user">
    <ul id="header_nav">
        {if !$PS_CATALOG_MODE}
        <li id="shopping_cart">
            <a href="{$link->getPageLink($order_process, true)}" title="{l s='Your Shopping Cart' mod='blockuserinfo'}">{l s='Cart:' mod='blockuserinfo'}
            <span class="ajax_cart_quantity{if $cart_qties == 0} hidden{/if}">{$cart_qties}</span>
            <span class="ajax_cart_product_txt{if $cart_qties != 1} hidden{/if}">{l s='product' mod='blockuserinfo'}</span>
            <span class="ajax_cart_product_txt_s{if $cart_qties < 2} hidden{/if}">{l s='products' mod='blockuserinfo'}</span>
            <span class="ajax_cart_total{if $cart_qties == 0} hidden{/if}">
                {if $cart_qties > 0}
                    {if $priceDisplay == 1}
                        {assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
                        {convertPrice price=$cart->getOrderTotal(false, $blockuser_cart_flag)}
                    {else}
                        {assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
                        {convertPrice price=$cart->getOrderTotal(true, $blockuser_cart_flag)}
                    {/if}
                {/if}
            </span>
            <span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>
            </a>
        </li>
        {/if}
        <li id="your_account"><a href="{$link->getPageLink('my-account', true)}" title="{l s='Your Account' mod='blockuserinfo'}">{l s='Your Account' mod='blockuserinfo'}</a></li>
    </ul>
    <p id="header_user_info">
        {l s='Welcome' mod='blockuserinfo'}
        {if $logged}
            <a href="{$link->getPageLink('my-account', true)}" class="account"><span>{$cookie->customer_firstname} {$cookie->customer_lastname}</span></a>
            <a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log me out' mod='blockuserinfo'}" class="logout">{l s='Log out' mod='blockuserinfo'}</a>
        {else}
            <a href="{$link->getPageLink('my-account', true)}" class="login">{l s='Log in' mod='blockuserinfo'}</a>
        {/if}
    </p>
</div>
<!-- /Block user information module HEADER -->
 

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

module.css line 33

#header_user_info {
color: #FFF;
font-size: 0px !important;
}

change font-size param (increase it to 12px;)

 

change backgrund to background: none;

increase width param from 14 to 30px

top to top:43px; in:

#header_user_info a.login {
background: url(../img/user_info.png) left center no-repeat !important;
padding: 0px !important;
height: 30px !important;
line-height: 30px !important;
font-weight: bold;
color: #999;
width: 14px;
margin: 0 0 0 76px !important;
position: absolute;
top: -45px;
}

it's also a part of module.css line 45

 

effect:
9NLKppa.png

  • Like 1
Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted (edited)

Hi

Thanks for the help. I am getting there slowly.

 

Please see attached screen shot.

 

The login and log out image is over lapping the words.

How do I move the Login/log out images slightly to the left?

 

Also the Login is very close to the Cart Section, how can I move all of that slightly to the left?

 

post-755014-0-70185900-1393323181_thumb.jpg

Edited by Ruann (see edit history)
Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Here is my module.css as it is at the moment.

 

 

/* Design by VTEM http://www.vtem.net  All Rights Reserved */
.products_block img,
#product_list img{
    width:100%;
    height:auto;
}

#featured-products_block_center{ display:block; width:100%; clear:both; margin:0px; padding:30px 0px 40px;}
#featured-products_block_center .block_content{ padding:10px 0 0 !important;}
#featured-products_block_center .vt_heading1{ float:none;}
.block h4 .vt_heading1{
background:url(../img/bg_title.jpg) left bottom repeat-x;
display:inline;
margin:0 auto;
padding-bottom:20px;
}
#order-detail-content{ overflow:hidden; overflow-x:auto;}
input#bt_compare{ font-weight:bold;}
ul#header_links{ float:right !important; z-index:9999; margin:10px 50px 0px 0px !important;}
#header_links li{ border:0px !important; padding:0px 15px 0px 0px !important;}
#header_links a{ color:#666 !important; font-size:12px;}
#header_links a:hover,
#header_links a.active{ text-decoration:none !important;}
#search_block_top{ display:none;}
#header_right{ min-height:40px; z-index:9;padding-top:20px;}
#header_right #header_user{
    position:relative;
    *width:450px;
    float:right;
    }
#shopping_cart{ position:relative;}
#header_user{ display:block; margin-top:11px;}
#header_user_info {
    clear: none !important;
    color: #FFF;
    float: left !important;
    margin:0 !important;
    padding:0px !important;
    background:none;
    font-size:12px !important;
    *font-size:0px !important;
}
#my-account #header_user_info{ display:block !important; margin:10px 10px 0 0 !important;}
#header_user_info a.logout,
#header_user_info a.login/Register{
background:url(../img/user_info.png) left center no-repeat !important;
padding:0px !important;
height:10px !important;
line-height:30px !important;
font-weight:bold;
color:#999;
width:30px;
margin: 0 0 0 76px !important;
position:absolute;
top:43px;
}
#header_user_info a{ padding:3px 0 0 0px !important; color:#666;  border:0px !important;}
#shopping_cart{
    height:38px;
}
#shopping_cart a{
background:url(../img/fashion_basket.png) left center no-repeat !important;  
height:36px !important;
line-height:36px !important;
font-size:18px !important;
color:#666;
font-weight:normal;
padding:0px 0px 0px 30px !important;
display:inline-block !important;
text-align:center;
min-width:0px !important;
}
#header_right ul#header_nav li#shopping_cart a{
    
}
#shopping_cart a:hover{ text-decoration:none !important;}
#header #cart_block{
    z-index:999 !important;
    top:110px !important;
    right:0px !important;
    background:#333 !important;
    border:0px !important;
    color:#fff;
    box-shadow:none !important;
    border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    width:182px !important;
    }
    
#header #cart_block h4{ display:none;}    
#header #cart_block .price,    
#header #cart_block a{ color:#fff !important; font-weight:normal !important;}    
#cart_block #cart-prices{
border:0px !important;
clear:both;
margin-top:0px;
*margin-top:20px;
padding:10px 0px !important;
float:left;
width:100%;
display:none;
}
.vp_shipingcart, .vp_tolocart{ position:relative; clear:both; display:block; padding-bottom:5px; float:left; width:100%;  border-bottom:1px solid #666;}
.vp_shipingcart span, .vp_tolocart span{ *position:relative; *top:10px;}
.vp_shipingcart{  margin-bottom:5px; margin-top:5px;}
#cart_block #cart_block_shipping_cost, #cart_block #cart_block_total{ padding:2px;}
#cart_block #cart-buttons #button_order_cart:hover{
opacity:0.8;
filter:alpha(opacity=80);
}
#cart_block #cart_block_list dl{border-bottom:1px solid #666 !important; }
.msie1.version7 #cart_block #cart_block_list dl{ width:100%; padding-bottom:0px !important;}
#cart_block #cart_block_list dt{ display:block;}
#cart_block .vp_shipping,
#cart_block .vp_total,
#header #cart_block .price,
#cart_block .remove_link{ *position:relative; *top:-23px;}    
#cart_block .arrow_drop    {
    width:100%;
    height:8px;
    position:absolute;
    top:-6px;
    background:url(../img/arrow_drop.png) center top no-repeat;
}
#cart_block #cart-buttons #button_order_cart{
    color:#fff !important;
    height: 25px;
    line-height: 25px;
    padding: 2px 10px !important;
    width:115px !important;
    text-transform:uppercase;
    float:none !important;
    border:0px !important;
}
#cart_block .block_content{ padding:10px  !important; background:none !important;}
#cart-buttons{ text-align:center; clear:both; padding-top:10px; padding-bottom:0px;}
#cart_block #cart-buttons #button_order_cart span{
    background:none !important;    
}
#cart_block .remove_link{ margin:3px 0 0 5px !important;}
#cart_block .remove_link a{
        background:url(../img/icon/delete.png) left 3px no-repeat !important;
        width:16px !important;
        height:16px !important;
        }
#header #cart_block .price{ font-family:Arial, Helvetica, sans-serif;}
#shopping_cart a span{text-align:center;}
#shopping_cart a span.ajax_cart_no_product,
#shopping_cart a span.ajax_cart_quantity{ padding:0px; font-size:100% !important;}
#editorial_block_center .rte p{ font-style:italic;}
/*   Language  */
#header_right #currencies_block_top{
    margin:0px !important;
}
#header_right #languages_block_top{
    border-left:1px solid #ccc !important;
    border-right:1px solid #ccc !important;
    margin:0px !important;
}
#header_right #currencies_block_top,
#header_right #languages_block_top{
background:none !important;
height:22px;
line-height:22px;
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
margin-bottom:0px !important;
position:relative;
z-index:99;
*width:26px;
float:right;
}
#header_right #currencies_block_top{ padding-left:5px !important;}
#header_right #currencies_block_top:hover,
#header_right #languages_block_top:hover{background:#fff !important;}
#header_right #currencies_block_top:hover p{font-weight:none !important;}
#countries{ top:5px !important;*width:26px;}
#countries img{ width:20px; height:14px;}
#setCurrency{ top:5px !important;}
#header_right #header_user{margin:18px 0px 0px 0px !important;}
#header_right #header_user ul#header_nav #shopping_cart{
    background:url(../img/vp_fashion_cartbasket_bg.jpg) repeat-x !important;
    border:1px solid #E8E8E8;
    border-radius:0px;
    min-width:168px;
    text-align:center;
    padding:0px 6px;
}
#header_right #currencies_block_top p{
    padding:0px 8px !important;
    *padding-top:2px !important;
}
#header_right #currencies_block_top p,
#header_right #languages_block_top p {
    background:none !important;
}
#header_right #languages_block_top p{
    padding:0px 5px !important;
}
#setCurrency p{
    margin-left:0px !important;
    *top:0px !important;
}
#languages_block_top ul#first-languages li {
    float: left;
    margin-right: 10px !important;
    opacity:0.3;
    filter:alpha(opacity=30);
    list-style:none;
}
#countries p img{ padding-left:0px !important;}
#languages_block_top ul#first-languages li:hover,
#languages_block_top ul#first-languages li.selected_language{ opacity:1;filter:alpha(opacity=100); }
#header_right #currencies_block_top p{ font-size:16px !important;color:#666 !important; top:-4px;*top:-5px !important;}
#header_right #currencies_block_top p:hover{color:#666  !important;}
#languages_block_top #countries .countries_ul_hover{left:auto !important;  right:-7px !important;
 background:#fff !important; width:26px !important; line-height:25px;margin:0px auto !important;}
#languages_block_top #countries .countries_ul_hover li img{margin-left:4px !important;}
#currencies_block_top #setCurrency .currencies_ul_hover{background:#fff !important; left:auto !important; right:-10px !important; width:25px !important; line-height:25px; font-size:16px;}
#languages_block_top #setCurrency .countries_ul_hover li img{margin-left:0px;}
#currencies_block_top #setCurrency .currencies_ul_hover a{color:#666;margin-left:6px;}
/* ************************************************************************************************
        editorial_block_center
************************************************************************************************ */
.editorialvp_block h1{ margin:0px !important; padding:0px !important;}
.editorialvp_block{
 width:100%;  
 margin:0px !important;
 text-align:left;
 padding:50px 0px;
 }
.editorialvp_block .skillfoto{ width:33.33%; *width:33%; float:left; text-align:center;}
.editorialvp_block img{ margin:0 auto;}
.editorialvp_block h3,
.editorialvp_block h3 strong,
.editorialvp_block h4{text-transform:none; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal;}
 /* ************************************************************************************************
        Vtem_prestashop_carousel
************************************************************************************************ */
/*************** Block ADVERTISING ***************/
.advertising_block{/* margin:0px 0px 20px !important;*/}
.advertising_block img,
.advertising_block {
width:100%;
height:auto;
}
.advertising_block.grid_4 img{ height:371px;}
.advertising_block_head{ float:left; width:100%;}
/*************** Block Store ***************/
.blockstore p{ font-weight:normal !important; text-align:right;}
.blockstore img{ width:100%; height:auto;}
.block_content.blockstore{ padding:0px !important;}
.block_content.blockstore img{ width:100%; height:auto; margin:0px;}
/*************** copyright ***************/
.vt_logo_footer{ display:block; text-align:center;}
/* ************************************************************************************************
        addresses
************************************************************************************************ */
div.addresses {
   position:relative;
   padding:15px;
   background:#fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #ddd;
    font-size:12px;
}
ul.address {
   list-style-type:none;
   float:left;
   position:relative;
   width:46% !important;
   margin:5px 10px !important;
    padding: 0px 0px 10px;
    border: 1px solid #eee;
    background:#fff;
}
#address_delivery {margin-right:35px;}
#address_invoice {margin-right:0}
#delivery_address {margin-right:65px;}
ul.address li {
    padding:7px 15px;
}
ul.address li.address_title {
   font-weight: bold;
   background:#eee;
   text-shadow:0 1px 0 #fff;
   text-transform:uppercase;
}
ul.address li.address_firstname,
ul.address li.address_company {
    margin-top:8px
}
ul.address  li.address_update {
    margin-top:20px
}
ul.address  li.address_update,
ul.address li.address_delete {
    font-size:11px;
   text-transform:none
}
.address_add {
   padding:20px 0
}
.address_select {
    width: 200px;
    margin-left: 10px;
}
label[for=id_address_delivery], label[for=id_address_invoice] {
    float: left;
    width: 225px;
}
.addressesAreEquals label {
    margin-left: 5px;
}
.addressesAreEquals input {
    float: left;
}
p.address_delivery, p.addressesAreEquals {
    padding-bottom: 14px
}
/* PAGE ADRESSES ******************************************************************************* */
.addresses ul.address {
   list-style-type:none;
   float:left;
   position:relative;
    margin:30px 30px 0 0;
   width:46% !important;
   border:1px solid #eee;
   min-height:195px;
}
.addresses ul.address.alternate_item,
.addresses ul.address.last_item {margin-right:0}
.addresses ul.address li {
    padding:0 15px;
    line-height:24px;
    font-weight:normal;
    text-transform:none;
}
.addresses ul.address li.address_title{
    font-weight:bold;
    text-transform:uppercase;
}
.addresses ul.address .address_title {
    margin-bottom:5px;
    height: 29px;
   line-height:29px;
    text-shadow:0 1px 0 #fff;
}
.addresses ul.address .address_update {margin-top:20px}
.addresses ul.address .address_update,
.addresses ul.address .address_delete {
    font-size:12px;
   text-transform:none;
   margin:5px 0px;
}
.addresses ul.address .address_update a,
.addresses ul.address .address_delete a{
    height:25px;
    line-height:25px;
    background:#fff url(../img/button_overlay.png) left top repeat-x;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:0px 10px;
    display:inline-block;
    border:1px solid #ddd;
}
.addresses ul.address .address_update a:hover,
.addresses ul.address .address_delete a:hover{
    background:#fff url(../img/button_overlay.png) left -60px repeat-x;
    text-decoration:none;
    }
/* ************************************************************************************************
        authentication
************************************************************************************************ */
/* create account ****************************************************************************** */
#account-creation_form {}
    #account-creation_form  fieldset {
        padding:0 0 15px 0;
        border: 1px solid #ddd;
        background:#fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin:13px 0px;
    }
        #account-creation_form  h3 {
            padding:14px 12px;
            margin:0px;
            font-size:14px;
            font-weight:bold;
            text-transform:uppercase;
            border-bottom: 1px solid #ddd;
            font-family:Arial, Helvetica, sans-serif;
            background:#f5f5f5 url(../img/button_overlay_lang.png) left top repeat-x;
        }
        #center_column #account-creation_form p {margin:0;}
        #account-creation_form p.required {color:#222;}
        #account-creation_form .account_creation.customerprivacy p.required{ float:left;}
        #account-creation_form p.required  sup {color:#990000}
        
        #account-creation_form p.radio span,
        #account-creation_form p.text label,
        #account-creation_form p.password label,
        #account-creation_form p.select label,
        #account-creation_form p.select span,
        #account-creation_form p.textarea label {
            display:inline-block;
            padding:6px 15px;
            width:230px;/* 260 */
            font-size:14px;
            text-align:right
        }
        #account-creation_form p.radio label {
            float:none;
            padding-right:10px;
            width:auto;
            font-size:14px
        }
        #account-creation_form p.checkbox label {
            float:none;
            width:auto;
            font-size:12px
        }
        #account-creation_form p.text input,
        #account-creation_form p.password input,
        #account-creation_form p.select input{width:260px;/* 370 */}
        
        #add_address p.text input,
        #add_address p.password input,
        #add_address p.select input,
        #add_address p.select select,
        .address_select,
        #ordermsg .textarea textarea,
        #add_address p.textarea textarea,
        #account-creation_form p.select select,
        #account-creation_form p.textarea textarea,
        #account-creation_form p.text input,
        #account-creation_form p.password input,
        #account-creation_form p.select input {
            padding:7px 5px;
            font-size: 12px;
            color:#666;
            border:1px solid #eee;
            border-radius:4px;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            background:#fff url(../img/bg_discount_name.png) left top repeat-x;
        }
        #account-creation_form p.checkbox input {
            margin-left:260px;
        }
        #account-creation_form p.select select {
            margin-right:10px;
            width:auto !important;
        }
        #account-creation_form p.textarea textarea {
            height:80px;
            width:370px;
            color:#666
        }
        
        #account-creation_form span.form_info {
            display:block;
            margin:5px 0 0 265px;
            color:#666
        }
        #account-creation_form p.inline-infos {
            margin:0 0 0 100px !important;
            font-size:12px;
            color:#666;
        }
    
    #center_column #account-creation_form p.cart_navigation {margin:20px 0}
    
/* ************************************************************************************************
        category
************************************************************************************************ */    
.vp_box_title{
 display:block;
 *line-height:normal !important;
  }
.title_pic{
padding:0px;
background:#fff;
text-align:left;
width:20%;
float:left;
border:0px;
margin:0px;
}
.title_pic #categoryImage{
max-width:100%;
width:100%;
height:auto;
margin:0px;
padding:0px;
}
.product_view {
    float: right;
    width:65px;
    padding-top:10px;
}
.product_view li {
    background-image: url(../img/product_view.png);
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 24px;
    width: 25px;
    text-indent:-9999px;
    margin:0px 2px;
    list-style:none;
}
.product_view li + li {
    margin: 0 0 0 10px;
}
.product_view li#product_view_grid {
    background-position: 0 0;
}
.product_view li#product_view_grid.current {
    background-position: 0 -24px;
    cursor: default;
}
.product_view li#product_view_list {
    background-position: 0 -48px;
}
.product_view li#product_view_list.current {
    background-position: 0 -72px;
    cursor: default;
}
.vp_box_title{ *position:relative;}
.resumecat,#manufacturer .nbrmanufacturer,
#supplier .nbrmanufacturer {
    margin:-10px 0px 0px;
    padding:0px;
    font-size:12px;
    font-weight:none;
    font-style:italic;
    text-align:right;
    float:right;
    
}
.content_scene_cat{
    /*clear:both;*/
    display:block;
    margin-top:12px;
}
.cat_desc, .description_box {
    font-size: 12px;
    margin:0px;
    padding:0 10px 0 10px;
    width:76%;
    float:right;
    text-align:justify;
}
.cat_desc p, .description_box p{ padding:0px;}
.cat_desc .lnk_more {
   padding:0 10px 0px 0px;
    background:url(../img/arrow_right_1.png) no-repeat 100% 8px transparent;
    margin-right:10px;
    margin-top:10px;
    color:#666;
    float:left;
}
/* ************************************************************************************************
      SUB CATEGORIES
************************************************************************************************ */
#subcategories {margin-top:15px}
#subcategories h3 {
    padding:0px 12px;
    font-weight:normal;
    font-size:18px;
    text-shadow:0px 1px 0px #fff;
}
.inline_list {
    list-style-type:none;
    margin-top:10px;
}
.inline_list li {
    float:left;
    text-align:center;
    width:26%;
    padding:14px;
    margin:10px;
    border:1px solid #ddd;
}
.inline_list li a.img{ display:block; float:left;}
.inline_list li .box_list{
    border:1px solid #ddd;
    background:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin:10px;
    padding:10px;
    }
.inline_list  li img {
    width:100%;
    height:auto;
}
.inline_list  li .cat_name {
    font-weight:bold;
    font-size:13px;
    padding-top:10px;
    clear:both;
    display:block;
}
.inline_list  li .cat_desc{ display:none;}
/* ************************************************************************************************
        comparator
************************************************************************************************ */
table#product_comparison {
    width:100%;
    border:1px solid #e5e5e5;
    background:#fff;
    margin:10px 0px;
    }
#product_comparison tr.comparison_header {font-weight:bold}
#product_comparison td {
    padding:6px;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    vertical-align:top
}
#product_comparison td.td_empty{
    border:none;
    background:#fff;
}
#product_comparison tr.comparison_header,
#product_comparison td.comparison_feature_even {background:#f8f8f8}
#product_comparison .product_image {
    display:block;
    text-align:center
}
#product_comparison .comparison_infos{ text-align:center;}
#product_comparison .product_image img {
    border:0px;
    width:100% !important;
    *width:120px !important;
    max-width:160px !important;  
    height:auto !important;
    max-height:160px !important;
}
    
#product_comparison h5 {
    margin-bottom:10px;
    font-size:12px;
    text-align:center;
}
#product_comparison .product_desc {
    padding-bottom:5px;
    height:40px;
    color:#666;
    text-align:center;
}
#product_comparison .lnk_more {
    display:block;
    margin-bottom:10px;
    font-weight:bold;
    padding:5px 10px;
    font-weight:bold;
}
.comparison_product_infos a.exclusive{ font-weight:bold; text-transform:capitalize;}
.prices_container {height:50px}
#product_comparison .price {
    font-weight:bold;
    font-size:14px;
}
.discount {
   display:inline-block;
   padding:1px 5px;
   font-size:10px;
   font-weight:bold;
}
.comparison_availability_statut {display:none}
#product_comparison .cmp_remove {
    display:block;
    height:12px;
    width:12px;
    text-indent:-9999px;
    margin:0 auto 10px;
   font-weight:bold;
    text-align:center;
    background:url(../img/icon/delete.png) no-repeat;
}
/* ************************************************************************************************
        contact-form
************************************************************************************************ */
    #contact  fieldset {
        padding:0 0 15px 0;
        border:1px solid #eee;
        background:#fff;
    }
        #contact  h3 {
            margin:0 0 15px 0;
            padding:8px;
            font-size:18px;
            border-bottom:1px solid #eee;
            background:#f5f5f5;
        }
        #contact #center_column p {margin:0; padding:20px 0 0px;}
        #contact #center_column p.bold{ padding:0;margin-top:17px;}
        #contact #center_column p.desc_contact { text-align: center; padding-left: 10px; padding-right: 10px; display:none; }
        
        #contact p.text label,
        #contact p.select label,
        #contact p.select span,
        #contact p.textarea label {
            display:inline-block;
            padding:6px 15px;
            width:150px;/* 180 */
            font-size:12px;
            text-align:right
        }
        #contact p.textarea label {vertical-align:top}
        #contact p.text input,
        #contact p.select input {
            padding:2px 5px;
            height:27px;
            line-height:27px;
            width:260px;/* 270 */
            font-size: 12px;
            color:#666;
        }
        #contact p.select select {
            margin-right:10px;
            font-size: 12px;
            padding:7px 5px;
            width:210px;
            color:#666
        }
        #contact p.textarea textarea {
            height:80px;
            width:270px;
            border:1px solid #ddd;
            font-size: 12px;
            color:#666
        }
        #fileUpload{
            background: none repeat scroll 0 0 transparent !important;
            border: 0 none !important;
            height: auto !important;
            line-height: normal !important;
            }
        #contact p.submit input {margin-left:185px;}
        
        #compare_shipping_form input,
        #compare_shipping_form select,
        #contact p.textarea textarea,
        #contact p.select select,
        #contact p.text input,
        #contact p.select input{
            border:1px solid #eee;
            border-radius:0px;
            -moz-border-radius:0px;
            -webkit-border-radius:0px;
            background:#fff url(../img/bg_discount_name.png) left top repeat-x;
        }
        
        #compare_shipping_form input,
        #compare_shipping_form select {
            padding:7px 5px;
            font-size: 12px;
            width:210px;
            color:#ccc;
        }
        .SE_SubmitRefreshCard input {
            box-shadow: none !important;
            display: inline-block;
            width: auto !important;
        }
        #compare_shipping_form input[type=radio]{ border:0px !important; width:30px !important; background:none !important;}
        input[type=radio]{ border:0px !important; width:30px !important; background:none !important;}
        #compare_shipping_form label{ width:60px; float:left;}
        
        .SE_SubmitRefreshCard input{ padding:5px 10px !important;}
        #compare_shipping #availableCarriers .price{ font-family:Arial, Helvetica, sans-serif;}
        
/* ************************************************************************************************
        history
************************************************************************************************ */        
#history #left_column {display:none}
#history #center_column h4{
    margin:20px 0;
    padding:15px 20px;
    background:#ccc
}
#history #center_column h4 input {
    position: relative;
   top: -8px;
    float:right;
}
.info-order {
    margin-bottom:20px;
}
.info-order p {padding-bottom:10px}
.info-order p .icon {
    position:relative;
    top:2px;
    left:0
}
#order-list {
    margin-bottom:20px;
    width:100%;
    border:1px solid #e5e5e5;
    border-bottom:none
}
#order-list  th {
    padding:14px 12px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #fff;
    background:#eee url(../img/button_overlay_lang.png) left top repeat-x;
}
#order-list tr.alternate_item {background-color: #f3f3f3}
#order-list  td {
    padding:12px;
    border-right:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    font-weight:bold;
    font-size:12px;
    vertical-align:top
}
#order-list  td.history_detail {border-right:none;}
#order-list .last_item  td {border-bottom:1px solid #999}
.adresses_bloc {margin-bottom:20px}
.adresses_bloc  .item {margin-right:60px}
.detail_step_by_step {width:100%}
.detail_step_by_step tr.last_item td {border-bottom:1px solid #999}
#order-detail-content table {width:100%}
#order-detail-content table th{ padding:10px 0px; background:#666 ; color:#fff; font-weight:bold;}
#order-detail-content table .price{ font-family:Arial, Helvetica, sans-serif;}
#order-detail-content table .order_qte_input {display:none}
#order-detail-content table tr.totalprice td {border-bottom:1px solid #999}
#order-detail-content table tr:nth-child(even) {background:#f9f9f9;}
#sendOrderMessage {margin-bottom:20px}
#sendOrderMessage p {padding-bottom:10px}
#returnOrderMessage .textarea textarea,
#sendOrderMessage .textarea textarea {
    width:100%;
    border:1px solid #999
}
/* ************************************************************************************************
        identity
************************************************************************************************ */
#identity #left_column {display:none}
#identity h3 {
    font-weight:normal;
    font-size:13px
}
#identity p {padding-bottom:10px}
#identity form.std fieldset {
    margin-top:0;
    padding:10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background:#fff;
    border:1px solid #e5e5e5;
}
#identity .std p.required {color:#333}
#identity .std p.text label,
#identity .std p.password label,
#identity .std p.select label {
    display:inline-block;
    padding-right:10px;
    width:174px;/* 184 */
    font-weight:bold;
    font-size:12px;
    text-align:right
}
#identity .std p.text label sup,
#identity .std p.password label sup,
#identity .std p.select label sup {color:#990000}
#identity .std p.text input,
#identity .std p.password input {
    padding:0 5px;
    height:30px;
    width:253px;/* 263 */
    border:1px solid #ccc;
    background:url(../img/bg_input.png) repeat-x 0 0 #fff
}
#identity .std p.select select {
    border:1px solid #ccc
}
#identity .std p.radio span {
    display:inline-block;
    padding-right:10px;
    width:174px;/* 184 */
    font-weight:bold;
    font-size:12px;
    text-align:right
}
#identity .std p.radio input {
    padding:0 5px;
    height:auto;
    width:auto;
    border:none;
    background:none
}
#identity .std p.checkbox input {
    position:relative;
    top:2px;
    left:0;
    margin:0 2px 0 187px;
}
#identity .std p.submit {padding:10px 0 20px 187px}
#identity .std p.submit .button {padding:5px 25px}
#identity .std #security_informations {
    padding:0 0 0 187px;
    font-size:11px
}
/* ************************************************************************************************
        maintenance
************************************************************************************************ */
#maintenance {
    margin:0 auto;
    width:940px;
    font:normal 30px Arial, Verdana, sans-serif;
    color:#333;
}
#maintenance #message {
    margin:0 20px;
    padding:50px 310px 0 0;
    height:360px;
    background:url(../img/bg_maintenance.png) no-repeat 100% 0 #fff
}
/* ************************************************************************************************
        my-account
************************************************************************************************ */
#my-account  #left_column {display:none}
#my-account #center_column h1 {margin-bottom:20px}
#my-account #center_column h4 {
    font-weight:normal;
    font-size:12px;
    color:#666
}
#my-account .myaccount_lnk_list {list-style-type:none}
#my-account .myaccount_lnk_list li {
    font-size:13px;
    line-height:36px
}
#my-account .myaccount_lnk_list img.icon,
#my-account p img.icon {
    position:relative;
    top:6px;
    left:0
}
/* ************************************************************************************************
        order-opc
************************************************************************************************ */
#orderopc  #left_column {display:none}
#orderopc #center_column{width:757px}
#orderopc  #left_column h2 {margin-top:20px}
#opc_account_choice {padding:0 15px;}
#opc_account_choice .opc_float {
    float:left;
    width:350px
}
#opc_account_choice .opc_float ul {margin:0 0 20px 30px}
form#new_account_form {}
#new_account_form  fieldset {
        padding:0 0 15px 0;
        border:1px solid #ccc;
        background:#f8f8f8
}
#new_account_form  h3 {
    margin:0 0 15px 0;
    padding:8px;
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#center_column #new_account_form p {margin:0; padding:0 0 10px 0;}
#new_account_form p.required {color:#222;}
#new_account_form p.required  sup {color:#990000;}
#new_account_form p.radio label {
    padding-right:10px;
    font-size:14px;
}
#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
    display:inline-block;
    padding:6px 15px;
    width:230px;/* 260 */
    font-size:14px;
    text-align:right
}
#new_account_form p.checkbox label {
    font-size:12px;
}
#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input {
    padding:0 5px;
    height:22px;
    width:360px;/* 370 */
    border:1px solid #ccc;
    font-size: 12px;
    color:#666
}
#new_account_form p.checkbox input {
    margin-left:260px;
}
#new_account_form p.select select {
    margin-right:10px;
    border:1px solid #ccc;
    font-size: 12px;
    color:#666
}
#new_account_form p.textarea textarea {
    height:80px;
    width:370px;
    border:1px solid #ccc;
    font-size: 12px;
    color:#666
}
#new_account_form span.form_info,
#new_account_form span.inline-infos {
    display:block;
    margin:5px 0 0 265px;
    color:#666
}
#opc_account_errors {
    margin: 10px;
    margin-bottom: 15px;
}
#center_column #new_account_form p#opc_account_saved {
    color: green;
    float: right;
    margin-right: 20px;
    padding: 0;
}
/* ************************************************************************************************
        product_list
************************************************************************************************ */
#prices-drop ul#product_list.grid,
#new-products ul#product_list.grid {border-bottom: 1px solid #ddd;}
    #product_list li {
        margin-bottom:0px;
        padding: 20px 8px;
        background:#fff;
        border-bottom: 1px solid #ddd;
    }
    #product_list.grid li{ border:0px;}
        #product_list li a {
            text-decoration: none
        }
#product_list li .left_block {
    float:right;
    padding-top:10px;
    width:100%;
}
#product_list li .left_block p.compare{float:right;}
#product_list li .center_block p.product_desc{ text-align:justify;}
    #product_list li .left_block  .compare label {display:block; float:left;}
        #product_list li p.compare input {
            vertical-align: text-bottom;
            float:left;
            *float:none !important;
            width:20px;
            margin-top:3px;
            *margin-top:0px;
        }
#product_list li .center_block {
   float: left;
   padding:0 20px 0 0;
   border-right:1px solid #eee;
   width:77%;
}
    #product_list a.product_img_link {
        position:relative;
        float: left;
        display:block;
        margin-right: 14px;
        overflow:hidden;
    }
        #product_list a.product_img_link img {
            display: block;
            vertical-align: bottom;
            width:140px;
            height:auto;
        }
        #product_list li span.new {
            width:51px;
            height:51px;
            text-indent:-9999px;
            position:absolute;
            left:-10px;
            top:-10px;
            background:url(../img/coner_new.png) no-repeat;
            display:none;
        }
    
        #product_list li a {
            text-decoration: none;
        }
        #product_list li a:hover{ text-decoration:underline;}
    #product_list li p.product_desc {
        overflow: hidden;
        padding:0;
    }
    #product_list li p.product_desc,
    #product_list li p.product_desc a {
        color:#666;
    }
#product_list li .right_block {
    position:relative;
   float: right;
   width:18%;
   padding:0;
   text-align: right;
}
#product_list.grid li .right_block{border-left:0px !important;}
    #product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
        display:none;
        color:#999;
    }
    #product_list li .discount {
        
        display: inline-block;
        font-weight:normal;
        padding: 1px 5px;
        font-size: 100%;
    }
    #product_list.grid li .discount{
        position:absolute;
        top:0;
        right:0;
        display:none;
    }
    #product_list.grid li .content_price{
        margin:10px 0px 0px;
        display:block;
        float:left;
    }
    #product_list.grid li .content_price span.price{*position:absolute; *bottom:20px;}
    #product_list li .online_only {
        margin:0 0 10px 0
    }
    #product_list li .content_price {
        margin:0;
    }
        #product_list li .price,
        #right_column .wapper_column_right .block_content span.price,
        .wapper_center_column .vp_products_pricebox .our_price_display #our_price_display{
            display: block;
            font-size:30px !important;
        }
        #product_list li span.availability {
            display:none;
            color: #488C40
        }
    #product_list li .ajax_add_to_cart_button:hover{
        text-decoration:none !important;
    }
    #product_list li a.button{ float:right; padding:0px !important; text-align:center;}
    #product_list.grid li a.button {
    margin:14px 0px 0 !important;
    float:right;
}
    #homefeatured_carousel a.ajax_add_to_cart_button{ margin:14px 0px 0 !important;}
    #center_column #homefeatured_block_carousel h4.title_block{padding-bottom: 4px !important;}
    #product_list.grid li .vp_button_viewcart{ width:100% !important; clear:both; float:left;}
    #product_list li .lnk_view {
    }
    
/* ************************************************************************************************
        product_grid
************************************************************************************************ */    
ul#product_list.grid li{
    text-align:center;
    float:left;
}
#product_list.grid li .online_only{ display:none;}
#product_list.grid li .left_block{
width:80%;
text-align:center;
display:block;
position:absolute;
top:2px;
*left:0px !important;
}    
#product_list.grid li .center_block{
    width:100% !important;
    float:none !important;
    border:0px !important;
    padding:0px !important;
}
#product_list.grid li .center_block h3 a,
#product_list.list li .center_block h3 a,
#product_list li .center_block h3 a,
#right_column .wapper_column_right .block_content h5 a{
    color:#666 !important;
    font-size:14px;
    font-weight:bold;
    font-family:Arial;
}
#product_list.grid li .center_block h3 a:hover,
#product_list.list li .center_block h3 a:hover,
#right_column .wapper_column_right .block_content h5 a:hover{
    text-decoration:none;
    font-size:14px;
    font-weight:normal;
}
#product_list.grid a.product_img_link{
    text-align:center !important;
    margin:0px 0 10px !important;
    width:100%;
    clear:both;
}
#product_list.grid a.product_img_link img{
    margin:0 auto !important;
    height:auto;
    width:100%;
}
#product_list.grid li h3{
    border-bottom: 1px solid #eee;
    clear: both;
    display: block;
    padding: 0 0 10px !important;
    text-align: center !important;
}
#product_list.grid li .product_desc{
    display:none !important;
}
#product_list.grid li .right_block{
    width:100% !important;
    text-align:center;
    padding:0px;
}
#product_list.grid li .right_block{position:relative; display:block;}
#product_list.grid li .right_block .left_block,
#product_list.grid li .right_block .left_block .compare{
    float:left !important;
}
#product_list.grid li .discount{ width:100%;}
/* ************************************************************************************************
        scenes
************************************************************************************************ */
/*TMP*/
#scenes .cluetip span{
    background:transparent url(../img/icon/cible.gif) no-repeat scroll center center;
    color:black;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    height:23px;
    padding-top:5px;
    text-align:center;
    width:23px;
}
/*TMP*/
.thumbs_banner{
    margin:10px auto;
    padding:2px 0;
    height: 60px !important;
    width:100%;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.thumbs_banner .space-keeper{
    width:21px;
    float:left;
    display:block;
    height:100%;
}
.thumbs_banner .space-keeper a.prev{
    display:none;
    width:21px;
    text-align:center;
    font-size:1.5em;
    text-decoration:none;
    background:url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eee;
}
#scenes_list{
    overflow:hidden;
    float:left;
    width:478px;
}
#scenes_list ul{
    list-style-type:none;
}
#scenes_list li{
    float:left;
}
#scenes_list a{
    display:block;
}
.thumbs_banner a.next {
    float:left;
    display:block;
    width:21px;
    text-align:center;
    font-size:1.5em;
    text-decoration:none;
    background:url(../img/icon/serial_scroll_right.gif) no-repeat 0 0 #ddd;
}
/* Cluetip design ****************************************************************************** */
#scenes .screen_scene {
    margin:0 auto;
}
#scenes a.cluetip{
    display:block;
    position:absolute;
    text-decoration:none;
}
.cluetip-product_scene {
    padding:10px;
    border:7px solid #999;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
   border-radius:3px;
    text-align:left;
    background:#fff;
    opacity:0.95;
}
.cluetip-product_scene #cluetip-close{
    text-align:right;
    float:right;
}
.cluetip-product_scene img {
    float:left;
    margin-right:10px;
    border:1px solid #ccc
}
.cluetip-product_scene h4{
    display:inline-block;
    margin-bottom:5px;
    padding:0 !important;
    font-size:12px;
}
.cluetip-product_scene .clear {margin:0; padding:0}
.cluetip-product_scene .clear a {
    /*float:left;*/
    margin-top:2px;
}
.cluetip-product_scene p.description{
    float:left;
    padding:0;
    width:140px;
    color:#666
}
.cluetip-product_scene div.prices{
    float:right;
    position:relative;
    width:65px;
    text-align:right;
}
.cluetip-product_scene .new {
    position:absolute;
    top:0;
    right:0;
   display: inline-block;
   padding: 1px 5px;
   font-weight: bold;
   font-size: 10px;
   color: #fff;
   text-transform: uppercase;
    background: none repeat scroll 0 0 #9B0000
}
.cluetip-product_scene .price{
    padding-top:18px;
    font-weight:bold;
    font-size:13px;
    color:#990000
}
.cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
    display:block;
    font-weight:bold;
    color:#DA0F00;
    text-transform:uppercase;
}
/* END Cluetip design */
/* ************************************************************************************************
        sitemap
************************************************************************************************ */
#listpage_content,
#sitemap_content {
    background:#fff;
    margin-bottom:20px;
    }
#listpage_content h3,
#sitemap_content h3{ padding-bottom:15px;}    
#sitemap_content{margin-top:20px;}
#sitemap_content div.sitemap_block {
   float: left;
   min-height: 120px;
   padding: 0;
}
#sitemap_content div.sitemap_block ul {list-style-type:none; padding:0px 10px;}
#sitemap_content div.sitemap_block li a {
   display: block;
   padding: 7px 0 7px 15px;
    background:url(../img/arrow_black.png) left center no-repeat transparent;
    border-bottom:1px solid #eee;
}
#listpage_content div.categTree {
   float: left;
}
#sitemap_content div.sitemap_block,
#listpage_content div.categTree{ width:50%;}
#listpage_content div.tree_top {
   padding: 3px 0 5px 24px;
   background: url(../img/sitemap-top.gif) no-repeat -1px -3px transparent
}
#listpage_content ul {list-style-type:none}
#listpage_content ul.tree li {
   margin-left: 11px;
   padding-left: 20px;
   border-left: 1px dotted #999;
   padding-top:7px;
   padding-bottom:7px;
   background: url(../img/sitemap-horizontal.png) no-repeat left 10px transparent
}
#listpage_content ul.tree li.last {
   border: medium none;
   background: url(../img/sitemap-last.gif) no-repeat -12px -2px transparent
}
/* ******************************************************************************************
    Block Tags
****************************************************************************************** */
div.tags_block .block_content{ padding:10px 0px !important;}
.tags_block a{
background:#444 !important;    
border:0px !important;  
color:#fff !important;
font-weight:normal;
padding:2px 5px !important;
margin:4px 2px !important;
display:inline-block;
border-radius:0px !important;
-moz-border-radius:0px !important;
-webkit-border-radius:0px !important;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
}
/* ************************************************************************************************
        stores
************************************************************************************************ */
#stores #center_colum label {
    display:inline-block;
    width:150px;
    font-weight:bold;
    text-align:right
}
input#addressInput {
    padding:2px 5px;
    width:300px;
    border:1px solid #ccc
}
select#radiusSelect {
    margin: 0 5px 0 0;
    width:50px;
    border:1px solid #ccc
}
#stores_loader {
   display: none;
   margin-left: 5px
}
#locationSelect {
   visibility: hidden;
   width: 400px;
    border:1px solid #ccc
}
#stores #center_column p .button {float:right}
#map {
   margin:15px auto;
   height:375px;
   width:535px
}
#stores-table {border-bottom:1px solid #999}
#stores-table tr:nth-child(odd) {background-color: #f3f3f3;}
#stores-table td {
    border-top:1px solid #ccc;
    border-bottom:none
}
#stores-table td.distance {border-right:1px solid #999}
/*  Back to Top  */
#back-top {
    top: 10px;
    /*top:-6px;*/
    right:0px;
    position:absolute;
    z-index: 9999;
}
#back-top span {
display: block;
background:url(../img/back_to_top.png) center top no-repeat;
width:28px;
height:28px;
text-indent:-99999px;
transition: background 0.5s ease 0s;
-webkit-transition: background 0.5s ease 0s;
-moz-transition: background 0.5s ease 0s;
}
#back-top a:hover span {
   background:url(../img/back_to_top.png) center -28px no-repeat;
}
.wapper_showcase_advertising .advertising_block  a{ float:left; width:100%;}
/*  Editor  8*/
#editorialvp_block_center{ color:#fff;}
/*  Slide */
.skitter-module .vtemskitter-wrapper{ float:left;}
.vp_slide{
position:relative;
margin:0px !important;
z-index:1;
}
#index .vp_slide{}
#index .skitter-module{ display:block;}
.box_skitter .box_clone img,
.vtem_main_slideshow .image img{
    margin:0 auto !important;
    }
.vtemskitter-wrapper .vtem_main_slideshow{ margin:0 auto !important;}
.tracker-individual-container{ bottom:-50px !important;}
.box_skitter .label_skitter{ display:none !important;}
.box_skitter .prev_button,.box_skitter .next_button{
    height:30px !important;
    width:30px !important;
    margin-top:134px !important;
    background:url(../img/navi_slide.png) 0 0  no-repeat !important;
    transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease 0s;
    -moz-transition: background 0.5s ease 0s;
    top:auto !important;
    bottom:20px !important;
}
.box_skitter .prev_button{
    background-position:0 0 !important;    
    left:20px !important;
}
.box_skitter .prev_button:hover{background-position:0 -55px !important;}
.box_skitter .next_button{
background-position:-30px 0 !important;
left:55px !important;
}
.box_skitter .next_button:hover{background-position:-55px -55px !important;}
.box_skitter .info_slide_dots{
    bottom: 60px !important;
    right: 10% !important;
}
.vtemskitter-wrapper .box_skitter .info_slide_dots .image_number{
    background:#fff !important;
    width:30px !important;
    height:8px !important;
    border-radius:4px !important;
    -moz-border-radius:4px !important;
    -webkit-border-radius:4px !important;
}
/* VTEM Carousel */
div.vtem_prestashop_carousel{width:100% !important; }
.products_block_carousel{ background:#f5f5f5; margin:0px !important; border-top:1px solid #dedede;}
.vtem_prestashop_carousel .jcarousel-container-horizontal{ margin:0px;}
.vtem_prestashop_carousel{ top:10px !important;}
.vtem_prestashop_carousel .jcarousel-clip{ width:94% !important; margin:0 auto !important;}
.vtem_prestashop_carousel ul li a{background:none !important;}
.vtem_prestashop_carousel ul li img{border:0; width:150px; height:70px; outline:none;}
.vtem_prestashop_carousel ul li span{ display:block; clear:both;}
.vtem_prestashop_carousel .jcarousel-prev-horizontal,
.vtem_prestashop_carousel .jcarousel-next-horizontal{
    width:36px !important;
    height:36px !important;
    top:36% !important;
    background:url(../img/navi_carousel.png) 0 0 no-repeat !important;
    transition: background 0.5s ease 0s;
    -webkit-transition: background 0.5s ease 0s;
    -moz-transition: background 0.5s ease 0s;
}
.vtem_prestashop_carousel .jcarousel-prev-horizontal{ background-position:0 0 !important;}
.vtem_prestashop_carousel .jcarousel-prev-horizontal:hover,
.vtem_prestashop_carousel .jcarousel-prev-horizontal:focus,
.vtem_prestashop_carousel .jcarousel-prev-horizontal:active{ background-position:0 -36px !important;}
.vtem_prestashop_carousel .jcarousel-next-horizontal{background-position:-36px 0 !important;}
.vtem_prestashop_carousel .jcarousel-next-horizontal:hover,
.vtem_prestashop_carousel .jcarousel-next-horizontal:focus,
.vtem_prestashop_carousel .jcarousel-next-horizontal:active{ background-position:-36px -36px !important;}
/*  CONTENT  */
#newsletter_block_center, #special_block_center{
    width:48%;
    float:left;
}
#newsletter_block_center{ margin-right:2%; font-size:14px;}
#special_block_center{ margin-left:2%;}
#newsletter_block_center .inputNew{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:0px 5px;
    margin:5px 5px 0px 0px;
    height:36px;
    line-height:36px;
    width:67%;
    *width:60%;
    font-size:12px;
    color:#999;
    border:1px solid #eee;
    background:#fff url(../img/bg_discount_name.png) left top repeat-x;
    float:left;
}
#newsletter_block_center .button_mini{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:0px 20px !important;
    border:0px !important;
    height:39px;
    line-height:39px;
    color:#fff;
    font-weight:bold;
    float:left;
}
#special_block_center .product_image img{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:5px solid #f5f5f5;
    width:100px;
    height:100px;
    margin-right:10px;
}
#special_block_center span.price-discount{
    display:block;
    clear:both;
    font-style:italic;
    color:#999;
}
#special_block_center span.line_through{
    font-size:18px;
    text-decoration:line-through;
    }
#special_block_center span.price-discount .reduction{
    font-size:12px;
    text-decoration:none !important;
    font-family:Arial, Helvetica, sans-serif;
}
#special_block_center .price{font-style:italic;}
/* ************************************************************************************************
        BEGIN STYLE FOR MOUDLE FILE BY TIEPVV
************************************************************************************************ */
/* Begin For Home Featured by tiepvv */
#homefeatured_block_carousel .owl-controls{position:absolute; top:-30px; right:0;}
#homefeatured_block_carousel .owl-controls .owl-prev,
#homefeatured_block_carousel .owl-controls .owl-next{
    background:url(../img/navi_product.png) 0 0  no-repeat;
    height:26px;
    width:26px;
    display:block;
    float:left;
    text-indent:-99999px;
    overflow:hidden;
}
#homefeatured_block_carousel .owl-controls .owl-next{
    background-position:-26px 0px;
}
#homefeatured_block_carousel .owl-controls .owl-next:hover{
    background-position:-26px -26px !important;
}
#homefeatured_block_carousel .owl-controls .owl-prev:hover{
    background-position:0px -26px !important;
}
#homefeatured_block_carousel .featured_item{margin:20px 10px; border:1px solid #ddd; padding:15px;}
#homefeatured_block_carousel .featured_item .price_container{padding-bottom:5px;}
ul#product_list.grid li{
    width:184px !important;
    height:auto;
}
ul#product_list.grid,
ul#product_list.list,
ul#product_list{
    list-style:none !important;
}
ul#product_list.grid li{
    margin-top:20px ;
}
ul#product_list.grid,
ul#product_list.list,
ul#product_list{
    *padding-bottom:20px !important;
    padding-bottom:20px;
}
ul#product_list.grid li .right_block h3,
ul#product_list.list li .right_block h3{
    padding-bottom:10px !important;
}
ul#product_list.grid li .right_block a.lnk_view,
ul#product_list.list li .right_block a.lnk_view,
ul#product_list li .right_block a.lnk_view{
    height:40px;
    width:40px;
    transition: background 0.5s ease 0s;
    text-indent: -9999px;
    border-radius:0px !important;
    border:none !important;
    margin-right:10px;

}
ul#product_list.grid li .right_block a.lnk_view{ display:none !important;}

#homefeatured_carousel a.product_image{ text-align:center; display:block; margin:0; padding:0;}
#homefeatured_carousel h5{ padding:0px 10px;border-bottom:1px solid #eee;padding:5px 0px 7px; text-align:center;}
#product_list li .ajax_add_to_cart_button,
#primary_block #pb-left-column .content_prices span.add_cart,
#homefeatured_carousel .cart-view .ajax_add_to_cart_button,
#product_list.grid .right_block .ajax_add_to_cart_button,
#product_list.list .right_block .ajax_add_to_cart_button{
    float:right;
    height:40px;
    width:40px;
    transition: background 0.5s ease 0s;
    text-indent: -9999px;
}
#pb-left-column form#buy_block .vt_addtocart_button #add_to_cart span.add_cart input{ background:none !important;font-size:0px !important;text-indent: -9999px; color:#666; width:40px; height:40px; float:left;}
#primary_block #pb-left-column .content_prices span.add_cart{border:none !important; padding:0px !important; border-radius:0px !important; margin:0px !important;}

ul#product_list.grid li .right_block a.lnk_view:hover,
ul#product_list.list li .right_block a.lnk_view:hover,
ul#product_list li .right_block a.lnk_view:hover,
#product_list li .ajax_add_to_cart_button:hover,
#primary_block #pb-left-column .content_prices span.add_cart:hover,
#homefeatured_carousel .cart-view .ajax_add_to_cart_button:hover,
#product_list.grid .right_block .ajax_add_to_cart_button:hover,
#product_list.list .right_block .ajax_add_to_cart_button:hover{
    background-position:0px -40px !important;
}
#product_list.grid li .right_block p.compare,
#product_list.list li .right_block p.compare,
#product_list li .right_block p.compare{ display:inline-block; *display:inline-block;margin-top:5px; padding:0px;}
#product_list.grid li .right_block p.compare,
#product_list li .right_block p.compare{*width:138px !important;}
#product_list.list li .right_block p.compare{*width:136px !important;}
.no-homepage .wapper_showcase_advertising{ display:none;}
.vtemskitter-wrapper{
    float:left;
    margin:0px 0px 20px !important;    
}
#vp_main_page .vp_slide{
    *z-index:0px !important;
}
.advertising_vertical{
    
    float:right;
}
#editorial_block_center{
    margin:0px !important;
    display:inline-block;
}
#editorial_block_center h1{
    margin:0px 30px 0px 0px !important;
    width:190px;
    float:left;
    font-size:36px;
    line-height:75px;
    font-family:Arial;
    font-weight:normal;
    padding-top:0px;
    border-right:1px solid #eee;
}
.editorial_block .rte{ float:left; width:718px;}
.elastislide-wrapper nav span.elastislide-prev,
.elastislide-wrapper nav span.elastislide-next{
    background:url(../img/navi_product.png) 0 0  no-repeat !important;
    height:24px !important;
    width:24px !important;
    display:block !important;
    position:absolute;
}
.elastislide-wrapper nav span.elastislide-prev{
    background-position:0 0 !important;
    margin-top:-236px !important;
    margin-left:915px !important;
}
.elastislide-wrapper nav span.elastislide-prev:hover{
    background-position:0 -24px !important;
}
.elastislide-wrapper nav span.elastislide-next{
    background-position:-24px 0 !important;
    margin-top:-236px !important;
    right:4px !important;
}
.elastislide-wrapper nav span.elastislide-next:hover{
    background-position:-24px -24px !important;
}
#center_column #featured-products_block_center h4{
    margin:0px !important;
}
#vp_main_page #center_column .rte h2{margin-bottom:20px !important;}
#columns #center_column .vp_box_title h1,
#columns #right_column .block h4,
#columns #center_column h1,
#columns #center_column h2{
    background: url(../img/bg_title.jpg) repeat-x scroll left bottom transparent !important;
    margin:0px 0px 10px !important;
    padding:2px 0px !important;
    *padding:2px 0px !important;
    *padding:0px 0px 8px 0px !important;
}
#columns #center_column #pb-left-column h1{ background:none !important;}
#manufacturer #columns #center_column h1,
#supplier  #columns #center_column h1{position:relative;}
#manufacturer #columns #center_column .nbrmanufacturer,
#supplier #columns #center_column .nbrmanufacturer{position:absolute; right:0px; top:0px;*top:-12px;}
#special_block_right .block_content{margin-top:10px;}
#center_column #featured-products_block_center h4,
#columns #center_column .vp_box_title h1,
#columns #right_column .block h4,
#columns #center_column h1,
#columns #center_column h2{
    font-size:24px;
    text-align:left;
    text-transform:capitalize;
}
#product #columns #center_column h1,
#product #columns #center_column h2{
    text-transform:none !important;
}
#center_column #featured-products_block_center .block_content .elastislide-horizontal{
    padding:0px !important;
    box-shadow:none !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel{
    width:100% !important;    
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured{
    min-height: 384px !important;
    overflow: hidden;
    width: 10000px !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li{
    max-width: 202.24px !important;
    min-height:330px !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li{
    float:left;
    border:1px solid #EEEEEE;
    padding:12px !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li a{
    display:inline-block !important;
    text-align:center;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li a img{
    max-width:100% !important;
    margin:5px auto;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li a.lnk_more{
    display:none !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li p.price_container{
    float:left !important;
}
#center_column #featured-products_block_center .block_content .elastislide-carousel #vphomeFeatured li a.ajax_add_to_cart_button{
    float:right !important;
}
#vp_wapper_footer #footer #reinsurance_block{
    padding:0px 10px;
}
#vp_wapper_footer #footer #reinsurance_block ul li{
    position:relative;
    list-style:none;
    padding:15px 1% !important;
    width:23%;
}
#vp_wapper_footer #footer #reinsurance_block ul li img{
    margin-top:10px;
}
#vp_wapper_footer #footer #reinsurance_block ul li span.infotext{
    font-size:18px;
    font-style:italic;
    color:#999;
    text-transform:none !important;
    text-shadow:none !important;
    line-height:20px;
    padding-top:22px !important;
}
#vp_wapper_footer #footer #reinsurance_block ul li span.node{
    background:url('../img/vp_fashion_bg_reinsurance.png') no-repeat top left;
    position:absolute;
    width:32px;
    left:10px;
    top:-18px;
    text-align:center;
    font-style:italic;
    color:#FFF;
    padding-top:3px !important;
    font-size:15px;
}
#footer .vtemfooter_block li.text_content .UIContentBlogDes span.content{}
#footer .vtemfooter_block li.text_content .UIContentBlogDes span.quote_top,
#footer .vtemfooter_block li.text_content .UIContentBlogDes span.quote_bottom{
    width:20px;
    position:relative;
    display:inline-block;
}
#footer .vtemfooter_block li.text_content .UIContentBlogDes span.quote_top{
    background: url("../img/vp_fashion_commas_top.png") no-repeat scroll left top transparent;
    margin-right:5px;
    top:-3px;
}
#footer .vtemfooter_block li.text_content .UIContentBlogDes span.quote_bottom{
    background: url("../img/vp_fashion_commas_bottom.png") no-repeat scroll right bottom transparent;
    margin-left:5px;
    bottom:-2px;
    
}
#footer .vtemfooter_block li.text_content .UILeftBlogDes .UIRightBlogDes .UIContentBlogDes,
#footer .vtemfooter_block li.article{
    font-style:italic;
    color:#999;
}
#footer .vtemfooter_block li.text_content .UILeftBlogDes .UIRightBlogDes .UIContentBlogDes{
    font-size:12px;
}
#footer .vtemfooter_block li.text_content{
    padding-bottom:0px !important;
}
#footer .vtemfooter_block li.article{
    font-size:14px;
    font-weight:bold;
    padding:0px !important;
}
#footer .vtemfooter_block li a{
    color:#ccc;
}
#special_block_right img{
    width:100%;
}
#new-products_block_right .block_content{margin-top:8px;}
#special_block_right .block_content{margin-top:20px;}
ul#order_step{margin: 20px 0 !important;}
#center_column{position:relative;}
.resumecat{position:absolute;top:70px; right:0px;}
/* ************************************************************************************************
        END STYLE FOR MODULE FILE BY TIEPVV
************************************************************************************************ */

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

 

 

#header_user_info a.login/Register{

background:url(../img/user_info.png) left center no-repeat !important;

padding:0px !important;

height:10px !important;

line-height:30px !important;

font-weight:bold;

color:#999;

width:30px;

margin: 0 0 0 76px !important;

position:absolute;

top:43px;

}

 

 

what is:  a.login/Register ?

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

okay that's not problem, modification like that is related to translations only, so you have to translate it with prestashop translation tool (modules translations / blockuserinfo)

 

but i still don't know why you use this code:
 

#header_user_info a.login/Register{
background:url(../img/user_info.png) left center no-repeat !important;
padding:0px !important;
height:10px !important;
line-height:30px !important;
font-weight:bold;
color:#999;
width:30px;
margin: 0 0 0 76px !important;
position:absolute;
top:43px;
}

this part:

a.login/Register

is definitely bad and will not work.

Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Ok thank you, yes I must remove the register part. Will do.

 

Please see attached screenshot of what it looks like now. The postition still is not right, how do I fix this?

 

Also I am not familiar with Translations. How do I setup the code for the translations?

 

Thank you for the assistance!

 

 

post-755014-0-06196000-1393496817_thumb.jpg

Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Hi

Thanks for the reply.

 

I am a bit confused as to where exactly to edit the code.

Please see below my updated css code how it looks at the moment.

 

#header_user_info {
    color: #FFF;
    font-size:12px !important;
}
#my-account #header_user_info{ display:block !important; margin:10px 10px 0 0 !important;}
#header_user_info a.logout,
#header_user_info a.login {
background: none
padding: 0px !important;
height: 30px !important;
line-height: 30px !important;
font-weight: bold;
color: #999;
width: 30px;
margin: 0 0 0 76px !important;
position: absolute;
top to top: 43px; in:
}

 

Must I change top to "top to top"? as seen below:

top: -45px;  to  top to top: 43px; in:??

 

See attached screeshot of what it looks like now. The position still does not seem right. The login now seems way off to the right.

Thanks

post-755014-0-96223000-1393583662_thumb.jpg

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

i attached my message once again:

 

 

 

module.css line 33

#header_user_info {
color: #FFF;
font-size: 0px !important;
}

font-size: increase it to 12px;

 

change backgrund to background: none;

increase width param from 14 to 40px

top to top:-43px; in:

#header_user_info a.login {
background: url(../img/user_info.png) left center no-repeat !important;
padding: 0px !important;
height: 30px !important;
line-height: 30px !important;
font-weight: bold;
color: #999;
width: 14px;
margin: 0 0 0 76px !important;
position: absolute;
top: -45px;
}

it's also a part of module.css line 45

 

effect:
9NLKppa.png

  • Like 1
Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Hi, Thank you.

I see that I had some errors on the code.

 

It seems to look much beter now. The login is 100% right.

 

It's just once I am logged in, the log out button the 'out' part overlaps the cart section.

How do I move this up one line so it's one word?  Example:  Login and Logout.

It also seems that the login is two words, I need to move the in so it reads: Login

 

Please see attached sample.

 

regards, Ruan

post-755014-0-59405100-1393836237_thumb.jpg

Link to comment
Share on other sites
Ruann Newbie

Ruann

Posted
  • Author
Posted

Hi

Is there anyone that can help me sort this out. The login looks fine now.

It's just the logout part that overlaps the cart.

 

How do I change this? And where?

Please see my previous post with attachment.

 

Kind Regards, R

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...