Files
PrestaShop/themes/default/css/global.css

1629 lines
45 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
}
/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_right {float:right}
/* 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
}
h4 {
padding-bottom:20px;
font-size:14px
}
/* text **************************************************************************************** */
p {padding-bottom:20px}
.warning {
margin:0 0 10px 0;
padding:10px;
border:1px solid #e6db55;
font-size:13px;
background:#ffffe0
}
.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
}
a:hover {text-decoration:underline}
/*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;
-webkit-border-radius: 3px;
border-radius: 3px;
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, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
/*width: 120px;
background-image: url('../img/button-medium.png')*/
}
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
}
table.std th,
table.table_block th {
padding:14px 12px;
color:#fff;
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 h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838
}
.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 ********************************************************************************** */
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 {
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_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 }
.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
}
#header_right {
position:relative;
float: right
}
/* ************************************************************************************************
BREADCRUMB
************************************************************************************************ */
.breadcrumb {
margin-bottom:20px;
font-size:12px
}
.breadcrumb .navigation-pipe {margin:0 3px 0 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 h4 {
padding-bottom: 10px;
text-transform:uppercase
}
#footer h4,
#footer h4 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 h4 {
padding:0 0 10px 0;
background: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}
.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 {display:none}
#order #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;
text-transform:uppercase;
text-shadow:0 1px 0 #000;
background:url(../img/bg_table_th.png) repeat-x 0 0 #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 {border-right:none}
table#cart_summary tr:nth-child(odd),
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price {
background-color: #fff
}
table#cart_summary tr:nth-child(even) {
background-color: #f3f3f3
}
table#cart_summary .cart_product {
width:80px;
text-align:center
}
table#cart_summary .cart_product img {border:1px solid #ccc}
table#cart_summary .cart_description {
width:230px;
font-weight:normal
}
table#cart_summary .cart_unit {width:130px}
table#cart_summary .cart_quantity {width:130px}
.cart_quantity .cart_quantity_input {
float:left;
width: 20px;
border:1px solid #fff
}
.cart_quantity #cart_quantity_button {
float:left;
position: relative;
top: -5px
}
table#cart_summary .cart_total {width:120px}
table#cart_summary .cart_delete {
width:64px;
text-align:center
}
.cart_delete a.cart_quantity_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_tax {display:none}
.cart_total_delivery #total_shipping,
.cart_total_price #total_price {
border-right:none
}
table#cart_summary .cart_total_price td.cart_voucher {
border-bottom:1px solid #999;
vertical-align:middle
}
#cart_voucher h4,
#cart_voucher p {float:left;}
#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: 16px;
color:#666;
font-weight:normal;
border-top:1px dotted #ccc
}
.cart_voucher #display_cart_vouchers .title_offers {margin-top:10px}
.cart_voucher #display_cart_vouchers span {font-weight:bold}
#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-raduis: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_total_price #total_price {
padding:0;
border-bottom:1px solid #999;
}
.cart_total_price #total_price p {
display:block;
padding:8px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
background:#333
}
.cart_total_price #total_price 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 h4 {
padding:0 15px;
height: 29px;
font-weight: bold;
line-height:29px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_address_title.png) repeat-x 0 0 #989898
}
#order_carrier span {
display:block;
padding:15px;
font-weight:bold
}
/* 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: 170px
}
#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 h4 {
padding-bottom:22px;
font-size:11px;
color:#333
}
#create-account_form label,
#login_form label {
display:inline-block;
width:110px;
color:#666
}
#create-account_form #email_create,
#login_form #email,
#login_form #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}
#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 ************************************************************************** */
.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_address_title.png) repeat-x 0 0 #989898
}
#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}
/* 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}
/* ************************************************************************************************
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}
/* ************************************************************************************************
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
************************************************************************************************ */
#new-products .sortPagiBar {margin-bottom:20px}
/* ************************************************************************************************
PAGE BEST SALES
************************************************************************************************ */
#best-sales .sortPagiBar {margin-bottom:20px}
/* ************************************************************************************************
PAGE PRICES DROP SALES
************************************************************************************************ */
#prices-drop .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;}
/* ************************************************************************************************
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 ul.product_list {margin-top:15px}
/* ************************************************************************************************
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(../../../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("../../../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-paypal-payment-submit #left_column {display:none}
#module-paypal-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{
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-loyalty-program #left_column {display:none}
#module-loyalty-loyalty-program #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
}
#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 {
float: left;
width: 17px;
height: 15px;
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 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
/* ************************************************************************************************
xxxxx
************************************************************************************************ */