Jump to content

Can I modifiy a theme if prestashop is installed only locally?


Recommended Posts

hello,

 

this is probably again a stupid question, I know.

I have installed Prestashop locally and would like to change the theme there. I know that I have to do this in the global.css but I cannot find it. Where do I have to go, please?

 

Thank you so much,

mareblu

Link to comment
Share on other sites

  On 4/12/2013 at 9:36 AM, mareblu said:

hello,

 

this is probably again a stupid question, I know.

I have installed Prestashop locally and would like to change the theme there. I know that I have to do this in the global.css but I cannot find it. Where do I have to go, please?

 

Thank you so much,

mareblu

 

Themes -> Default -> CSS -> global.css

  • Like 1
Link to comment
Share on other sites

Hi there,

 

I'm sorry to come back with this - the problem was solved but after I had to pause my work for a while there won't be any changes visible if I change the colours now in the css. I haven't done anything different so I am quite at a loss now what happened.

Any ideas?

 

Thanks,

mareblu

Link to comment
Share on other sites

  On 4/12/2013 at 6:58 PM, mareblu said:

Sure. As I said before, it is installed only locally.Maybe I find out myself.

 

Thanks anyway,

mare

 

you can just put it in a subfolder in your server.. and rename it with a unique name not related to prestashop.. then make changes and the successful ones move them to the live shop.. if not you can buy one server for as low as 1$.. this way we can give you better support!

Link to comment
Share on other sites

Hello,

 

maybe I could just insert the global in here for you to have a look at it?

 

/* ##################################################################################################

PRESTASHOP CSS

################################################################################################## */

 

@import url("grid_prestashop.css");

 

/* ****************************************************************************

reset

**************************************************************************** */

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}

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

fieldset,img{border:0}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}

del,ins{text-decoration:none}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:baseline}

sub{vertical-align:baseline}

legend{color:#000}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

input,button,textarea,select{font-size:100%}

a {cursor:pointer}

 

.clearfix:before,

.clearfix:after {

content: ".";

display: block;

height: 0;

overflow: hidden

}

.clearfix:after {clear: both}

.clearfix {zoom: 1}

 

 

/* ************************************************************************************************

struture

************************************************************************************************ */

#page {}

#header {z-index:10}

#columns {z-index:1}

#left_column {}

#center_column {}

#right_column {}

#footer {}

 

 

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff;

}

body.content_only {

background: #FFF;

}

 

/* positionnement ****************************************************************************** */

.hidden {display:none}

.f_right {float:right}

p.center {text-align:center}

.clearBoth {clear:both}

 

/* title *************************************************************************************** */

h1 {

margin-bottom:20px;

font-size:24px;

line-height: 22px

}

h2 {

padding-bottom:20px;

font-size:18px

}

h3 {

padding-bottom:20px;

font-size:16px

}

.title_block {

padding-bottom:20px;

font-size:14px

}

 

.hide-left-column #left_column {display:none}

.hide-left-column #center_column {width:757px}

 

/* text **************************************************************************************** */

p {padding-bottom:20px}

 

p em {font-style:italic}

 

.warning {

margin:0 0 10px 0;

padding:10px;

border:1px solid #e6db55;

font-size:13px;

background:#ffffe0

}

.success {

margin:0 0 10px 0;

padding:10px;

border:1px solid #5cff74;

font-size:13px;

background: #d3ffab

}

.error {

margin:0 0 10px 0;

padding:10px;

border:1px solid #990000;

font-size:13px;

background:#ffcccc

}

.error ol {margin-left:20px}

.error p.lnk {

margin-top:20px;

padding:0;

font-size:11px

}

.required {color:#990000}

 

/* link **************************************************************************************** */

a, a:active, a:visited {

color:#333;

text-decoration:none;

outline: medium none

}

a:hover {text-decoration:underline}

 

 

/* HACK IOS ipad, iphone */

input[type=text], input[type=email], input[type=search], input[type=password], input[type=submit], input[type=image] {

-webkit-appearance:none;

-moz-appearance:none;

appearance:none;

-webkit-border-radius:0px !important;

-moz-border-radius:0px !important;

border-radius:0px !important;

}

 

/*buttons ************************************************************************************** */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

position:relative;

display:inline-block;

padding:5px 7px;

border:1px solid #cc9900;

-moz-border-radius: 3px !important;

-webkit-border-radius: 3px !important;

border-radius: 3px !important;

font-weight:bold;

color:#000;

background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;

cursor: pointer;

}

*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,

*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,

*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,

*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {

border:none

}

 

 

/* input button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {

/*padding-bottom: 2px*/

}

 

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

/*background-position: left -36px;

cursor: default;

color: #888!important*/

}

 

/* exclusive button */

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

/*color: white!important*/

}

 

/* exclusive disabled button */

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {

/*color: #488c40!important*/

}

 

/* hover button */

input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,

a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,

a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {

text-decoration:none;

background-position: left -50px

}

 

/* exclusive hover button */

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {

/*color: white!important*/

}

 

/* active button */

input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,

input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,

a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,

a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {

background-position: left -100px

}

 

/* classic buttons */

input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {

/*width: 30px;

background-image: url('../img/button-mini.png')*/

}

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {

/*width: 60px;

background-image: url('../img/button-small.png')*/

}

input.button_disabled, input.exclusive_disabled, span.exclusive {

border:1px solid #ccc;

color:#999;

background:url(../img/bg_bt_2.gif) repeat-x 0 0 #CCCCCC;

cursor:default;

}

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {

/*width: 180px;

background-image: url('../img/button-large.png')*/

}

 

/* exclusive button */

/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }

input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }

input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }

input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/

 

/* form **************************************************************************************** */

form.std fieldset {

margin:20px 0;

border:1px solid #ccc

}

 

/* table *************************************************************************************** */

table.std,

table.table_block {

margin-bottom:20px;

width:100%;

border:1px solid #999;

border-bottom:none;

background:white;

}

table.std th,

table.table_block th {

padding:14px 12px;

font-size:12px;

color:#fff;

font-weight:bold;

text-transform:uppercase;

text-shadow:0 1px 0 #000;

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

}

table.std tr.alternate_item,

table.table_block tr.alternate_item {background-color: #f3f3f3}

table.std td,

table.table_block td {

padding:12px;

border-right:1px solid #e9e9e9;

border-bottom:1px solid #e9e9e9;

font-size:12px;

vertical-align:top

}

 

/* BLOCK .block ******************************************************************************** */

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

.block .title_block, .block h4 {

padding:6px 11px;

font-size:12px;

color:#fff;

text-shadow:0 1px 0 #000;

text-transform:uppercase;

background:#383838;

text-align:left;

font-weight: bold;

}

.block .title_block a, .block h4 a {color:#fff}

.block ul {list-style-type:none}

.block li.last { border:none}

.block li a {

display:block;

color:#333

}

 

/* BLOCK .products_block *********************************************************************** */

.products_block {}

.products_block li {float:left

}

.products_block li img {border:1px solid #d1d1d1}

 

/* BLOCK customer privacy ******************************************************************* */

.account_creation label{

float:left;

padding-top:5px;

width:80%;

text-align:left;

cursor:pointer

}

 

/* BLOCK .footer_links (cms pages) ************************************************************* */

ul.footer_links {

list-style-type:none;

margin-bottom:20px

}

ul.footer_links li {float:left}

ul.footer_links li.f_right {float:right}

ul.footer_links li .icon {

position:relative;

top:6px;

left:0

}

 

/* barre comparaison / tri ********************************************************************* */

.content_sortPagiBar {margin:20px 0;}

#center_column .sortPagiBar {

padding:10px;

font:normal 11px Arial, Verdana, sans-serif;

color:#666;

background:#eee;

}

#center_column .sortPagiBar strong {color:#000;}

#center_column .sortPagiBar p {padding:0;}

#center_column .sortPagiBar form {display:inline-block;}

 

.sortPagiBar #productsSortForm {float:right;}

.sortPagiBar select#selectPrductSort {

margin:0 0 0 10px;

color:#000;

border:1px solid #ccc

}

 

.sortPagiBar #bt_compare {

padding:3px 7px;

border:none;

color:#fff;

text-shadow:0 1px 0 #000;

background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;

}

 

.sortPagiBar .nbrItemPage {margin-left:40px;}

 

.sortPagiBar .PrductSort {float:left;}

 

.sortPagiBar .nbrProduct {

display:inline-block;

padding:0 10px;

}

 

.sortPagiBar #nb_item {border:1px solid #ccc}

 

/* pagination ********************************************************************************** */

form.pagination {display:none;}

 

div.pagination {

margin:10px 0;

text-align: center

}

ul.pagination {list-style-type:none}

ul.pagination li {display: inline;}

ul.pagination a, ul.pagination span {

display:inline-block;

height:24px;

width:24px;

border:1px solid #eee;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

font:11px/24px Arial,Verdana,sans-serif;

color:#999

}

ul.pagination a {

text-align:center;

}

ul.pagination a:hover {

color:#333;

border:1px solid #333

}

ul.pagination .current span {

color:#000;

border:1px solid #fff

}

ul.pagination li.disabled span {color:#ccc}

 

#pagination_previous {float:left}

#pagination_next {float:right}

#pagination_previous a, #pagination_previous span,

#pagination_next a, #pagination_next span {

padding:0 8px;

width:auto;

}

#pagination_previous span,

#pagination_next span {

color:#ccc;

border:1px solid #eee

}

 

/* CART steps *********************************************************************** */

ul#order_step { background-color: white;}

ul.step {

list-style-type:none;

margin-bottom:30px;

height:52px;

width:757px

}

ul.step li {

float:left;

height:52px;

width:151px;

text-align:center;

text-transform:uppercase;

background:url(../img/step_standard.gif) no-repeat center bottom transparent

}

ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {

display:inline-block;

padding:8px 10px 12px;

color:#000;

background:url(../img/step_current_span.gif) no-repeat center bottom transparent

}

ul.step li.step_current {

font-weight:bold;

background:url(../img/step_current.gif) no-repeat center bottom transparent

}

 

ul.step li.step_current_end {

font-weight:bold;

background:url(../img/step_end_current.gif) no-repeat center bottom transparent

}

ul.step li.step_todo span {

display:inline-block;

padding:8px 10px 6px;

color:#999;

text-shadow:0 1px 0 #fff;

background:#eee

}

ul.step li.step_done {

font-weight:bold;

background:url(../img/step_done.gif) no-repeat center bottom transparent

}

/*ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}*/

 

/* module productcomments ********************************************************************** */

.rating {

clear: both;

display: block;

margin: 2em;

cursor: pointer;

}

.rating:after {

content: '.';

display: block;

height: 0;

width: 0;

clear: both;

visibility: hidden

}

.cancel, .star {

overflow: hidden;

float: left;

margin:0 1px 0 0;

width: 16px;

height: 16px;

text-indent: -999em;

cursor: pointer

}

.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

.cancel a, .star a {

display: block;

width: 100%;

height: 100%;

background-position: 0 0

}

div.star_on a { background-position: 0 -16px }

div.star_hover a, div.star a:hover { background-position: 0 -32px }

.pack_content { margin: 10px 0 10px 0 }

.pack_price {

float: right;

margin-right: 3px;

font-size: 12px

}

.confirmation {

margin: 0 0 10px;

padding: 10px;

border: 1px solid #e6db55;

font-size: 13px;

background: none repeat scroll 0 0 #ffffe0;

}

#page .rte { background: transparent none repeat scroll 0 0 }

 

.listcomment {

list-style-type:none;

margin:0 0 20px 0 !important;

}

.listcomment li {

padding:10px 0;

border-bottom:1px dotted #ccc;

color:#666

}

.listcomment .titlecomment {

display:block;

font-weight:bold;

font-size:12px;

color:#333

}

.listcomment .txtcomment {

display:block;

padding:5px 0;

color:#333

}

.listcomment .authorcomment {}

 

 

/* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {

float:left;

display:block;

margin-top:30px;

}

 

#header_right {

position:relative;

float: right

}

 

 

/* ************************************************************************************************

BREADCRUMB

************************************************************************************************ */

.breadcrumb {

margin-bottom:10px;

font-size:12px

}

.breadcrumb .navigation-pipe {margin:0 3px 0 5px}

.breadcrumb img {

position:relative;

top:5px

}

 

 

/* ************************************************************************************************

FOOTER

************************************************************************************************ */

#footer {

color:#fff;

background:#333

}

.blockcategories_footer,

#footer .myaccount ,

#block_various_links_footer,

#social_block,

#block_contact_infos {

float:left;

width:175px

}

.blockcategories_footer {margin-left:0}

#footer .title_block {

padding-bottom: 10px;

text-transform:uppercase

}

#footer .title_block ,

#footer .title_block a {

font-weight:normal;

font-size:14px;

color:#fff

}

#footer a {color:#fff}

#footer a:hover {text-decoration:underline}

#footer ul {list-style-type:none}

#footer li {padding:7px 0}

#footer li a {color:#fff}

 

#footer .myaccount {padding: 15px 10px}

#footer .myaccount .title_block, #footer .myaccount h4 {

padding:0 0 10px 0;

background:none;

text-shadow:none

}

#footer .myaccount .favoriteproducts img,

#footer .myaccount .lnk_wishlist img {display:none}

 

/* ************************************************************************************************

PRODUCT PAGE

************************************************************************************************ */

 

/* BLOCK idTabs ******************************************************************************** */

.idTabs {

list-style-type: none;

margin-top: 20px;

padding:0 5px;

border-bottom: 8px solid #f7b900

}

ul.idTabs li {

float: left;

margin-right: 1px

}

.idTabs a {

display:block;

padding:10px 10px 7px 10px;

font-weight:bold;

text-decoration:none;

color:#fff;

background:#000

}

.idTabs .selected {

color:#000;

background: url(../img/bg_li_idTabs.png) repeat-x 0 0

}

 

#more_info_sheets {padding-top:10px}

#more_info_sheets ul,

#more_info_sheets ol,

#more_info_sheets dl {margin-left:20px}

#more_info_sheets em {font-style:italic}

 

#more_info_sheets .product_desc{

margin-top:5px

}

 

#more_info_sheets .product_desc .product_image{

float:left

}

 

#more_info_sheets .product_desc .block_description{

float:left;

margin-left:10px;

width:420px

}

#more_info_sheets .product_desc .clear_product_desc{

clear:both;

height:0px;

line-height:0px

}

 

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */

#short_description_content ul,

#short_description_content ol,

#short_description_content dl,

#tinymce ul,

#tinymce ol,

#tinymce dl {margin-left:20px}

 

.block_hidden_only_for_screen {display:none}

 

 

/* ************************************************************************************************

PAGE AUTHENTIFICATION

************************************************************************************************ */

#authentication #left_column {display:none}

#authentication #center_column{width:757px}

 

 

/* ************************************************************************************************

PAIMENT - PAGE ORDER

************************************************************************************************ */

 

/* nav bottom ********************************************************************************** */

#order #left_column , #order-confirmation #left_column {display:none}

#order #center_column, #order-confirmation #center_column{width:757px}

 

.cart_navigation {margin:20px 0}

.cart_navigation .exclusive,

.cart_navigation .exclusive_large {

float:right

}

.cart_navigation .button,

.cart_navigation .button_large {

border-color:#ccc;

background-image:url(../img/bg_bt_2.gif)

}

 

 

/* step 1 - cart ******************************************************************************* */

.cart_last_product {display:none}

 

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

 

#order-detail-content {margin-bottom:20px}

 

table#cart_summary th {

padding:14px 12px;

color:#fff;

font-weight:bold;

text-transform:uppercase;

text-shadow:0 1px 0 #666;

background:url(../img/bg_table_th.png) repeat-x 0 -15px #999

}

table#cart_summary th.cart_product {text-align:center}

table#cart_summary td {

padding:12px;

border-right:1px solid #e9e9e9;

border-bottom:1px solid #e9e9e9;

font-weight:bold;

font-size:12px;

vertical-align:top

}

table#cart_summary td.cart_delete,

table#cart_summary td.price_discount_del {border-right:none;text-align: center}

table#cart_summary .last_item td {border-bottom:1px solid #999}

 

 

table#cart_summary tr.cart_item.odd,

table#cart_summary tr.cart_total_delivery,

table#cart_summary tr.cart_total_price,

table#cart_summary tr.cart_total_voucher{

background-color: #fff

}

table#cart_summary tr.cart_item.even {

background-color: #f3f3f3

}

 

table#cart_summary tr.customization.odd {

background-color: #fff

}

table#cart_summary tr.customization.even {

background-color: #f3f3f3

}

 

table#cart_summary tr ul {

list-style: none;

}

table#cart_summary .cart_product {

width:80px;

text-align:center

}table#cart_summary tbody tr:last-child td {

border-bottom: 1px solid #999;

}

table#cart_summary .cart_product img {border:1px solid #ccc}

table#cart_summary .cart_description {

width:230px;

}

table#cart_summary .cart_unit {width:130px;text-align: center}

table#cart_summary td.cart_unit {text-align: right}

table#cart_summary .cart_quantity {width:130px}

table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;}

.cart_quantity .cart_quantity_input {

float:left;

margin-left: 5px;

width: 20px;

border:1px solid #fff

}

.cart_quantity .cart_quantity_button {

float:left;

position: relative;

top: -5px

}

table#cart_summary .cart_total {width:120px;text-align: center}

table#cart_summary td.cart_total {text-align: right}

table#cart_summary .cart_delete {

width:64px;

text-align:center

}

table#cart_summary .cart_discount_price {text-align: right}

.cart_delete a.cart_quantity_delete,

a.price_discount_delete {

display:inline-block;

padding:1px 2px;

font-size:8px;

color:#666;

text-transform:uppercase;

text-shadow:0 1px 0 #fff;

background:#ccc;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px

}

 

.cart_total_price .total_price_container {

border-right:none;

}

 

table#cart_summary .cart_total_price td.cart_voucher {

border-bottom:1px solid #999;

vertical-align:middle

}

 

table#cart_summary #total_price_container {

border-bottom:1px solid #999;

}

 

.cart_voucher .title_block, .cart_voucher h4

.cart_voucher p {float:left;}

.cart_voucher .title_block, .cart_voucher h4 {

margin-right:12px;

padding:5px 0;

font-size:13px

}

.cart_voucher p {padding-bottom:0;}

.cart_voucher #display_cart_vouchers {

clear:both;

line-height: 20px;

color:#666;

padding-top:2px;

font-weight:normal;

border-top:1px dotted #ccc

}

.cart_voucher .title_offers {

margin-top:15px;

margin-bottom:5px

}

.cart_voucher #display_cart_vouchers span {

font-weight:bold;

cursor:pointer;

}

.cart_voucher input.discount_name {

padding:0 5px;

height:22px;

width:170px;/* 180 */

border:1px solid #ccc;

font-weight:normal;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

.cart_voucher .submit input.button {

margin-left:2px;

padding:2px;

height:24px;

border:1px solid #000;

-moz-border-radius:0;

-webkit-border-radius:0;

border-radius:0;

color:#fff;

text-transform:uppercase;

text-shadow:0 -1px 0 #333;

background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000

}

 

#cart_summary .price {

border-right:none;

text-align: right;

white-space: nowrap;

}

.total_price_container p {text-align: left}

 

table#cart_summary .cart_total_price .total_price_container {

padding:0;

border-bottom:1px solid #999;

border-right:1px solid #999;

}

.cart_total_price .total_price_container p {

display:block;

padding:8px;

font-weight:bold;

color:#fff;

text-transform:uppercase;

background:#333

}

.cart_total_price .total_price_container span {

display:block;

padding:15px;

font-weight:bold;

font-size:18px;

text-align:center

}

 

#order_carrier {

clear:both;

margin-top:20px;

border:1px solid #999;

background:#fff

}

#order_carrier .title_block {

padding:0 15px;

height: 29px;

font-weight: bold;

line-height:29px;

color:#fff;

font-weight:bold;

text-transform:uppercase;

background:url(../img/bg_table_th.png) repeat-x 0 -10px #999

}

#order_carrier span {

display:block;

padding:15px;

font-weight:bold

}

 

.order_delivery .first_item {margin-right:35px;}

 

.multishipping_close_container {

text-align: center;

}

 

table#cart_summary .gift-icon {

color: white;

background: #0088CC;

line-height: 20px;

padding: 2px 5px;

border-radius: 5px;

}

 

/* step 2 - authentification ******************************************************************* */

#create-account_form, #authentication #login_form {

clear: none;

float: left;

height: 20em;

width: 49%;

}

#create-account_form {margin-right: 11px;}

 

#authentication #create-account_form fieldset,

#authentication #login_form fieldset {

height: 200px

}

 

#authentication #create-account_form .form_content,

#authentication #login_form .form_content {

padding:15px 10px

}

 

#create-account_form h3,

#authentication #login_form h3 {

padding:8px;

border-bottom:1px solid #ccc;

font-weight:bold;

font-size:12px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898

}

#create-account_form .title_block {

padding-bottom:22px;

font-size:11px;

color:#333

}

 

#create-account_form label,

#login_form label {

display:inline-block;

width:110px;

color:#666

}

 

#order-opc #login_form_content label {

display:block;

margin:0 0 10px 0

}

 

#create-account_form #email_create,

#login_form #email,

#login_form #passwd,

#login_form #login_email,

#login_form #login_passwd {

padding:0 5px;

height:20px;

width:220px;/* 230 */

border:1px solid #ccc;

color:#666;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

 

#create-account_form #SubmitCreate,

#login_form #SubmitLogin {

float:right

}

 

.lost_password {

float:left;

width:200px

}

.lost_password a {color:#666}

 

#order-opc .lost_password {

display:block;

float:none;

margin:5px 0 10px;

width:auto;

font-size:11px;

color:#666

}

 

#ordermsg p {padding-bottom:0}

#ordermsg p.txt {

float:left;

margin-right:25px;

width:220px

}

/*#ordermsg .textarea {float:right}*/

#ordermsg .textarea textarea {

height:90px;

width:475px;

border:1px solid #ccc

}

 

/* step 3 - address ************************************************************************** */

 

.address-form-multishipping { padding: 10px 0px; }

#multishipping_mode_box {

border: 1px solid #D0D3D8;

background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;

margin-bottom: 10px;

padding: 5px;

}

#multishipping_mode_checkbox {

vertical-align: middle;

margin-right: 5px;

}

#multishipping_mode_box.on {

border: 1px solid #ddd;

}

#multishipping_mode_box .title {

padding: 5px;

font-weight: bold;

}

#multishipping_mode_box .description, #multishipping_mode_box .description_off {

padding: 5px;

}

#multishipping_mode_box .description_off {

display: none;

padding: 5px;

}

#multishipping_mode_box .description_off div {

margin-bottom: 10px;

}

#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {

display: block;

text-align: center;

text-decoration: none;

padding: 5px 10px;

margin: 0 160px;

border: 1px solid #ccc;

background: #ddd;

}

#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {

background: #f3f3f3;

border: 1px solid #ccc;

}

#multishipping_mode_box.on .description_off {

display: block;

}

 

 

/* step 4 - paiement ************************************************************************** */

 

.delivery_options {

border: 1px solid #BDC2C9;

border-top: 0;

}

 

#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {

/*background: url("../img/table_header.gif") no-repeat;

color: #374853;

font-weight: bold;

height: 14px;

padding: 5px 10px;

margin: 10px 0 0 0;*/

padding: 6px 11px;

font-size: 12px;

color: #fff;

text-shadow: 0 1px 0 #000;

text-transform: uppercase;

background: none repeat scroll 0 0 #383838;

}

#order .delivery_option_radio, #order-opc .delivery_option_radio {

float: left;

margin: 21px 12px;

}

#order .delivery_option label, #order-opc .delivery_option label {

display: block;

padding-bottom: 5px;

padding-top: 5px;

}

#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {

height: 46px;

width: 685px;

}

#order .delivery_option.item, #order-opc .delivery_option.item {

background: #fafafa;

}

#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {

border-top: 1px solid #bdc2c9;

background: #f1f2f4;

border-bottom: 1px solid #bdc2c9;

}

#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {

padding: 0 8px;

}

#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {

width: 300px;

}

#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {

width: 100px;

text-align: right;

}

#order .delivery_option_carrier td {width:200px}

#order .delivery_option_carrier td + td {width:280px;}

#order .delivery_option_carrier td + td + td {width:200px}

#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {

padding-left:10px;

width: 160px;

}

#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ }

#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {

padding: 3px 5px 3px 12px;

background:url(../img/arrow_right_2.png) no-repeat 3px 7px

}

 

.order_carrier_content {

padding:15px;

border:1px solid #ccc;

font-size:12px;

color:#000;

background:#f8f8f8

}

.order_carrier_content h3 {

padding:15px 0 10px 0;

font-size:13px;

color:#000

}

.order_carrier_content h3.carrier_title {padding-top:0}

.order_carrier_content input {

position:relative;

top:1px

}

 

#carrierTable {

border:1px solid #999;

border-bottom:none;

background:#fff

}

 

#carrierTable tbody{

border-bottom:1px solid #999;

}

#carrierTable th {

padding:0 15px;

height: 29px;

font-weight: bold;

line-height:29px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_table_th.png) repeat-x 0 -10px #999

}

#carrierTable td {

padding:15px;

font-weight:bold;

border-right:1px solid #e9e9e9

}

#carrierTable td.carrier_price {border:none}

 

#gift_div {

display:none;

padding-bottom:10px

}

#gift_div label {

display:block;

margin-bottom:5px

}

#gift_div #gift_message {

height:50px;

width:720px;

border:1px solid #999

}

 

a.iframe {font-weight:bold}

 

.hook_extracarrier {

margin-top: 5px;

padding: 5px;

}

 

/* step 5 - paiement ************************************************************************** */

.paiement_block {

padding:15px;

border:1px solid #ccc;

font-size:12px;

color:#000;

background:#f8f8f8

}

 

.payment_module {

position:relative;

padding-top:20px;

border-top:1px dotted #ccc;

text-transform:uppercase;

}

.payment_module a {display:block;}

.payment_module img {

float:left;

margin-right:10px

}

/*.payment_module span {

position:absolute;

top:50px;

left:145px

}*/

 

.payment_module:before,

.payment_module:after {

content: ".";

display: block;

height: 0;

overflow: hidden

}

.payment_module:after {clear: both}

.payment_module {zoom: 1}

 

 

/* ************************************************************************************************

PAGE ORDER-OPC

************************************************************************************************ */

#order-opc #left_column {display:none}

#order-opc #center_column{width:757px}

 

 

#order-opc h2 {}

#order-opc h2 span {

display:inline-block;

padding:5px 7px;

color:#fff;

background:#333;

}

 

#order-opc #login_form fieldset {

background: none repeat scroll 0 0 #FFFFE0;

border: 1px solid #E6DB55;

font-size: 13px;

margin: 0 0 10px;

padding: 10px;

}

#order-opc #login_form fieldset p {padding:0}

#order-opc #login_form fieldset p a {padding:0}

 

#order-opc #new_account_form p.submit {

margin-right: 120px;

text-align:right

}

#order-opc #new_account_form p.opc-required {margin-left:20px}

 

#order-opc .addresses {margin-bottom:20px}

 

#order-opc #opc_delivery_methods h3 {margin-top:20px;}

#order-opc #opc_delivery_methods textarea {

height:60px;

width:755px;

border:1px solid #ccc

}

 

#order-opc #opc_payment_methods {margin-bottom:20px}

#order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0}

 

.delivery_option_carrier td {width:200px}

.delivery_option_carrier td + td {width:280px;}

.delivery_option_carrier td + td + td {width:200px}

.delivery_option_carrier {

margin: 5px 0 0 45px;

width: 670px;

display: none;

}

.delivery_option_carrier tr td {

padding: 5px;

}

.delivery_option_carrier.selected {

display: table;

}

.delivery_option_carrier.not-displayable {

display: none;

}

.delivery_option_title {

font-weight: bold;

}

 

 

/* ************************************************************************************************

express checkout

************************************************************************************************ */

#new_account_form {clear:both;margin-bottom: 20px}

#new_account_form h3 {

margin-bottom:20px;

padding:8px;

border-bottom:1px solid #ccc;

font-weight:bold;

font-size:12px;

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 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;

font-size: 14px;

text-align: right

}

#new_account_form p.radio label {

float:none;

padding-right:10px;

width:auto;

font-size:14px;

}

#new_account_form p.checkbox label {

float: none;

width: auto;

font-size: 12px;

}

#new_account_form p.text input,

#new_account_form p.password input,

#new_account_form p.select input {

height:22px;

padding:0 5px;

width:360px;

border:1px solid #ccc;

font-size:12px;

color:#666

}

#new_account_form p.checkbox input {margin-left: 260px;}

 

#new_account_form #submitGuestAccount {float: right}

 

/* ************************************************************************************************ */

 

/* ************************************************************************************************

paiment - CONFIRMATION

************************************************************************************************ */

#orderconfirmation #left_column {display:none}

#orderconfirmation #center_column{width:757px}

 

 

/* ************************************************************************************************

PAGE PASSWORD

************************************************************************************************ */

#form_forgotpassword fieldset {

padding: 10px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

background: #eee

}

#form_forgotpassword p.text label {

display: inline-block;

padding-right: 10px;

width: 174px;

font-weight: bold;

font-size: 12px;

text-align: right

}

#form_forgotpassword p.text input {

padding: 0 5px;

height: 20px;

width: 288px;

border: 1px solid #ccc;

background: url(../img/bg_input.png) repeat-x 0 0 #fff

}

#form_forgotpassword p.submit {

margin-right:25px;

padding-bottom:5px;

text-align:right

}

 

#password .icon {

position:relative;

top:6px;

}

 

 

/* ************************************************************************************************

PAGE ADRESSES

************************************************************************************************ */

#addresses #left_column {display:none}

#addresses #center_column{width:757px}

 

#address p.inline-infos {

margin:0 0 0 100px !important;

font-size:12px;

color:#666;

}

 

 

/* ************************************************************************************************

PAGE ADD ADRESS

************************************************************************************************ */

#address #left_column {display:none}

#address #center_column{width:757px}

 

form#add_adress {}

#add_adress fieldset {

margin:0;

border:1px solid #ccc;

background:#F8F8F8

}

#add_adress 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 #add_adress p {margin:0; padding:0 0 10px 0}

#add_adress p.required {color:#222}

#add_adress p.required sup {color:#990000}

 

#add_adress p.text label,

#add_adress p.password label,

#add_adress p.select label,

#add_adress p.select span,

#add_adress p.textarea label {

display:inline-block;

padding:6px 15px;

width:230px;/* 260 */

font-size:14px;

text-align:right

}

#add_adress p.text input,

#add_adress p.password input,

#add_adress p.select input {

padding:0 5px;

height:22px;

width:360px;/* 370 */

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#add_adress p.checkbox input {

margin-left:260px;

}

#add_adress p.select select {

margin-right:10px;

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#add_adress p.textarea label {vertical-align:top}

#add_adress p.textarea textarea {

height:80px;

width:370px;

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#center_column #add_adress p.submit2 {

margin-top:20px;

text-align:right

}

 

#add_adress span.form_info,

#add_adress span.inline-infos {

display:block;

margin:5px 0 0 265px;

color:#666

}

 

 

/* ************************************************************************************************

PAGE ORDER-SPLIP

************************************************************************************************ */

#order-slip #left_column {display:none}

#order-slip #center_column{width:757px}

 

#order-slip #order-list {border-bottom:1px solid #999}

#order-slip #order-list td {

border-top: 1px solid #ccc;

border-bottom:none

}

#order-slip #order-list td.history_invoice {border-right:none}

 

 

/* ************************************************************************************************

PAGE DISCOUNT

************************************************************************************************ */

#discount #left_column {display:none}

#discount #center_column{width:757px}

 

#discount .table_block tr.last_item td {border-bottom:1px solid #999}

#discount .table_block td.discount_expiration_date {border-right:1px solid #999}

#discount .table_block td.discount_value {white-space:nowrap}

 

 

/* ************************************************************************************************

PAGE ORDER FOLLOW

************************************************************************************************ */

#order-follow #left_column {display:none}

#order-follow #center_column{width:757px}

 

 

/* ************************************************************************************************

PAGE NEW-PRODUCTS

************************************************************************************************ */

#newproducts .sortPagiBar {margin-bottom:20px}

 

 

/* ************************************************************************************************

PAGE BEST SALES

************************************************************************************************ */

#bestsales .sortPagiBar {margin-bottom:20px}

 

/* ************************************************************************************************

PAGE PRICES DROP SALES

************************************************************************************************ */

#pricesdrop .sortPagiBar {margin-bottom:20px}

 

 

/* ************************************************************************************************

PAGE MANUFACTURER

************************************************************************************************ */

#manufacturer .nbrmanufacturer {

margin: 15px 0 10px;

padding: 8px 7px;

font-size:12px;

color: #000;

background: none repeat scroll 0 0 #f0f0f0

}

 

#manufacturer #product_list {margin-top:15px}

 

ul#manufacturers_list {list-style-type:none}

ul#manufacturers_list li {

margin-bottom: 14px;

padding: 12px 8px;

border: 1px solid #eee;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius:3px;

}

ul#manufacturers_list li a.lnk_img {

display: block;

float: left;

}

ul#manufacturers_list li img {

display: block;

float: left;

margin-right: 14px;

border: 1px solid #ccc;

vertical-align: bottom

}

ul#manufacturers_list li h3 {

padding: 0 0 10px;

font-size: 13px;

color: #000

}

ul#manufacturers_list li .description {

overflow: hidden;

padding: 0;

font-size:12px;

color:#666

}

ul#manufacturers_list li .right_side {float:right;}

 

.description_box {

border: 1px solid #CCCCCC;

border-radius: 3px 3px 3px 3px;

box-shadow: 0 1px 1px #E2E2E2;

padding: 5px;

margin-bottom: 20px;

font-size: 12px;

line-height: 18px;

}

.description_box p {

margin: 0;

padding: 0 10px 5px;

}

.description_box .hide_desc {

display: none;

}

.description_box .lnk_more {

background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;

color: #0088CC;

padding: 0 10px;

}

.description_box ul {

padding-left: 30px;

padding-bottom: 10px;

}

 

/* ************************************************************************************************

PAGE SUPPLIER

************************************************************************************************ */

#supplier .nbrmanufacturer {

margin: 15px 0 10px;

padding: 8px 7px;

font-size:12px;

color: #000;

background: none repeat scroll 0 0 #f0f0f0

}

ul#suppliers_list {list-style-type:none}

ul#suppliers_list li {

margin-bottom: 14px;

padding: 12px 8px;

border: 1px solid #eee;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius:3px;

}

ul#suppliers_list li a.lnk_img {

display: block;

float: left;

}

ul#suppliers_list li img {

display: block;

float: left;

margin-right: 14px;

border: 1px solid #ccc;

vertical-align: bottom

}

ul#suppliers_list li h3 {

padding: 0 0 10px;

font-size: 13px;

color: #000

}

ul#suppliers_list li .description {

overflow: hidden;

padding: 0;

font-size:12px;

color:#666

}

ul#suppliers_list li .right_side {float:right;}

 

 

/* ************************************************************************************************

PAGE SEARCH

************************************************************************************************ */

#search h3.nbresult {

margin:0 0 10px 0;

padding:10px;

border:1px solid #e6db55;

font-size:13px;

background:#ffffe0

}

#search .sortPagiBar {margin-bottom:20px}

 

 

/* ************************************************************************************************

PAGE 404

************************************************************************************************ */

#pagenotfound #left_column,

#pagenotfound #right_column,

#pagenotfound #footer {display:none}

 

#pagenotfound #left_column,

#pagenotfound #right_column,

#pagenotfound #footer {display:none}

 

#pagenotfound #center_column {width:940px;}

 

#pagenotfound .pagenotfound {

padding:30px 300px 0 0;

height:330px;

font-size:14px;

background:url(../img/bg_404.png) no-repeat 100% 0

}

#pagenotfound h3 {

font-weight:normal;

font-size:14px

}

#pagenotfound fieldset {border:none}

#pagenotfound fieldset label {color:#333}

#pagenotfound #search_query {

-moz-border-bottom-colors: none;

-moz-border-image: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-bottom: 1px solid #666;

border-left: 1px solid #666;

border-right: 1px solid #fff !important;

border-top: 1px solid #666;

padding: 0 5px;

height: 24px;

width: 200px;

color: #ccc;

background: url(../../../modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff

}

#pagenotfound .button_small {

padding: 4px 7px;

border: medium none;

-moz-border-radius:0;

-webkit-border-radius:0;

border-radius:0;

color: #fff;

text-transform: uppercase;

background: url("../../../modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010

}

#pagenotfound .pagenotfound a {

font-weight:bold;

color:#333

}

#pagenotfound .pagenotfound .icon {

position:relative;

top:3px

}

 

 

/* ************************************************************************************************

addons payment cheque

************************************************************************************************ */

#module-cheque-payment #left_column {display:none}

#module-cheque-payment #center_column{width:757px}

 

 

/* ************************************************************************************************

addons payment bankwire

************************************************************************************************ */

#module-bankwire-payment #left_column {display:none}

#module-bankwire-payment #center_column{width:757px}

 

 

/* ************************************************************************************************

addons google checkout

************************************************************************************************ */

#module-gcheckout-payment #left_column {display:none}

#module-gcheckout-payment #center_column{width:757px}

 

/* ************************************************************************************************

addons paypal

************************************************************************************************ */

#module-payment-submit #left_column {display:none}

#module-payment-submit #center_column{width:757px}

 

 

/* ************************************************************************************************

addons cashondelivery validation

************************************************************************************************ */

#module-cashondelivery-validation #left_column {display:none}

#module-cashondelivery-validation #center_column{width:757px}

 

 

/* ************************************************************************************************

addon RerversoForm

************************************************************************************************ */

#account-creation_form fieldset.reversoform {padding:10px !important}

#account-creation_form fieldset.reversoform .text label{

display:block;

padding:0 0 10px 0;

width:100%;

text-align:left;

}

#account-creation_form fieldset.reversoform .infos-sup {

padding:0 !important;

font-size:10px;

font-style:italic;

text-align:right

}

/* ************************************************************************************************

addon customer privacy

************************************************************************************************ */

#account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{

padding-bottom:0;

font-size:14px;

text-align:left;

cursor:pointer

}

 

/* ************************************************************************************************

addon referralprogram

************************************************************************************************ */

#module-referralprogram-referralprogram-program #left_column {display:none}

#module-referralprogram-referralprogram-program #center_column{width:757px}

 

#footer .myaccount li.referralprogram img {display:none}

 

#module-referralprogram-referralprogram-program .sheets {padding-top:10px}

 

#module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold}

#module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline}

#module-referralprogram-referralprogram-program form p.submit {text-align:right}

#module-referralprogram-referralprogram-program form p.see_email {

padding-left:10px;

color: #0088cc;

background:url(../img/arrow_right_1.png) no-repeat 0 4px;

}

#module-referralprogram-referralprogram-program form p.see_email a {

color: #0088cc;

text-decoration:underline

}

 

/* ************************************************************************************************

addon loyalty

************************************************************************************************ */

#module-loyalty-default #left_column {display:none}

#module-loyalty-default #center_column{width:757px}

 

#product p#loyalty {

padding:10px 0 0 20px;

border-top:1px solid #ccc;

background:url(../img/icon/info.png) no-repeat 0 8px;

margin-top: 10px;

}

 

#footer .myaccount li.loyalty img {display:none}

 

 

/* ************************************************************************************************

addon Livezilla

************************************************************************************************ */

#livezilla_lnk {

margin:10px 0;

text-align: right

}

#livezilla_lnk a {

display:inline-block;

padding:6px 8px 8px 8px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

font:bold 10px Arial,Verdana,sans-serif;

color:#fff;

text-shadow: 0 -1px 0 #000;

background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000

}

#livezilla_lnk a:hover {text-decoration:none}

 

/* ************************************************************************************************

addons comments products

************************************************************************************************ */

form#sendComment fieldset{

padding:10px;

border:1px solid #ccc;

background:#eee

}

form#sendComment h3 {font-size:14px;}

#new_comment_form p.text {

margin-bottom: 0;

padding-bottom: 0;

}

#sendComment p.text label,

#sendComment p.textarea label {

display: block;

margin: 12px 0 4px;

font-weight: bold;

font-size: 12px;

}

#sendComment p.text input {

padding: 0 5px;

height: 28px;

width: 498px;

border: 1px solid #ccc;

background: url(../img/bg_input.png) repeat-x 0 0 #fff;

}

#sendComment p.textarea textarea {

height:80px;

width:508px;

border:1px solid #ccc;

}

#sendComment p.submit {

padding:0;

text-align:right

}

 

#sendComment p.closeform {

float:right;

padding:0;

height:12px;

width:12px;

text-indent:-5000px;

background:url(../img/icon/delete.gif) no-repeat 0 0

}

 

.star {

position: relative;

top:2px;

float: left;

height: 12px;

width: 12px;

overflow: hidden;

text-indent: -999em;

cursor: pointer

}

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

div.star_on a { background-position: 0 -12px }

div.star_hover a, div.star a:hover { background-position: 0 -12px }

 

 

/* ************************************************************************************************

xxxxx

************************************************************************************************ */

 

 

/* ************************************************************************************************

guest tracking

************************************************************************************************ */

 

#guest-tracking fieldset p:first-child {

padding-top: 10px;

}

#guest-tracking fieldset p:last-child {

padding-bottom: 10px;

}

 

 

 

/* ************************************************************************************************

CSS Modules

************************************************************************************************ */

 

/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/

 

/*************** Block ADVERTISING ***************/

.advertising_block { width: 191px; margin-bottom: 1em; text-align: center }

 

 

 

/*************** Block CATEGORIES ***************/

#categories_block_left li {border-bottom:1px dotted #ccc}

#categories_block_left li.last { border:none;}

#categories_block_left li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

#categories_block_left li ul {margin-left:40px}

#categories_block_left li ul li {border:none}

#categories_block_left li ul li a {

padding-left:0;

background:none

}

 

#categories_block_left li .OPEN,

#categories_block_left li .CLOSE {

display:block;

float:right;

margin:10px 10px 0;

height:9px;

width:9px;

background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;

cursor:pointer

}

#categories_block_left li .CLOSE {background-position:0 0}

 

 

/* footer */

.blockcategories_footer {

padding:15px 10px;

}

.blockcategories_footer ul ul {display:none !important}

 

 

 

/*************** Block CMS ***************/

/* footer */

#footer .block_various_links {padding:15px 10px;}

 

/* Block CMS links */

.informations_block_left li {border-bottom:1px dotted #eee}

.informations_block_left li.last {border:none;}

.informations_block_left li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent;

}

 

tr.subitem > td:first-child + td {

padding-left: 10px;

}

 

 

 

/*************** Block CONTACTINFOS ***************/

 

#block_contact_infos {padding:15px 10px;}

#block_contact_infos li {

padding:0 !important;

line-height: 20px;

}

#block_contact_infos li strong {

font-weight:normal;

font-size:13px;

}

#block_contact_infos li pre {font: 11px/20px Arial,Verdana,sans-serif;}

 

 

 

/*************** Block LINK ***************/

#links_block_left .block_content li {border-bottom:1px dotted #eee}

#links_block_left .block_contentt li.last {border:none;}

#links_block_left .block_content li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent;

}

 

 

 

/*************** Block MANUFACTURER ***************/

.blockmanufacturer li {border-bottom:1px dotted #ccc}

.blockmanufacturer li.last { border:none;}

.blockmanufacturer li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

 

.blockmanufacturer form {margin-top:10px;}

.blockmanufacturer p {

padding:0;

text-align:center

}

 

/*************** Block LOGO PAYMENT ***************/

 

.paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em }

.paiement_logo_block a { text-decoration: none }

.paiement_logo_block img { margin: 0 0.5em }

 

 

 

/*************** Block RSS ***************/

#rss_block_left p {

margin:0;

padding:10px;

}

 

#rss_block_left li {border-bottom:1px dotted #ccc}

#rss_block_left li.last { border:none;}

#rss_block_left li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

 

/*************** Block SOCIAL ***************/

#social_block {padding:15px 10px;}

#social_block li {padding-left:22px !important;}

#social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;}

#social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;}

#social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;}

 

 

/*************** Block STORE ***************/

.blockstore img { margin: 10px 0 0 0}

.blockstore p {

padding-bottom:0;

font-weight:bold;

text-align: right

}

.blockstore p.store_image {

padding-bottom:10px;

text-align:center

}

 

 

/*************** Block SUPPLIER ***************/

.blocksupplier li {border-bottom:1px dotted #ccc}

.blocksupplier li.last { border:none;}

.blocksupplier li a {

display:block;

padding:7px 11px 5px 22px;

color:#333;

background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent

}

 

.blocksupplier form {margin-top:10px;}

.blocksupplier p {

padding:0;

text-align:center

}

 

.ie7 #featured-products_block_center .product_image span.new {top:-20px;right:-19px}

 

 

In fact I haven't changed anything but the colour code in the body background (which I have changed back into the original state as it had no effect anyway).

 

Thanks for your big help again!

 

mareblu

Link to comment
Share on other sites

×
×
  • Create New...