Files
PrestaShop/themes/default/css/global.css
2013-01-23 15:31:01 +01:00

2102 lines
59 KiB
CSS

/* ##################################################################################################
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_left {float:left}
.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 tbody tr td.cart_discount_delete {
padding-left: 34px;
}
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 p.discount_name_block {float:left;}
.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;
line-height:22px
}
#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:110px;right:0;width:94%}
.ie9 #featured-products_block_center .product_image span.new{top:21px;right:-24px}
.ie8 #featured-products_block_center .product_image span.new{top:110px;right:0;width:94%}
.lt-ie6 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%}