Top horizontal menu drop down list modify to be horizontal?

bryanblue · April 7, 2014

hi guys, i have long list of sub-category when navigate in home page i have to scroll down the page to see what's on the bottom of drop down list. therefore i am trying to see if you guys could help me turn into horizontal list like macys. Thanks in advance.

bryanblue · April 8, 2014

anyone?

vekia · April 8, 2014

share url to your website - then it will be possible to help

modification like that needs changes in css files

bryanblue · April 8, 2014

share url to your website - then it will be possible to help

modification like that needs changes in css files

thanks for the help

Edited April 8, 2014 by bryanblue (see edit history)

vekia · April 8, 2014

i analysed your code and it is possible, but one question

what, if your subcategory is with other subcategories?

it will not be possible to display another full width menu

bryanblue · April 8, 2014

i analysed your code and it is possible, but one question

what, if your subcategory is with other subcategories?

it will not be possible to display another full width menu

thanks for the replay, i would only want to display subcategory 1. so any other sub sub category would have to be click though from the sub category to a sub sub category page.

vekia · April 8, 2014

okay it's clear now, thank you

so, it will be necessary to modify css styles

#menu-wrap ul li ul {width: 1170px!important; position: absolute!important; left: 0px!important; top: 41px!important;}
#menu-wrap ul li ul li {width:200px!important; float:left; display:inline-block; border-top:0px!important; border:none!important;}
#menu-wrap ul li ul li a {border:none!important;}
#menu-wrap ul li ul li ul {display:none!important;}
.desktop #menu-custom > li {float: left; border-right: 1px solid #919191; position: static!important;}

paste styles above somewhere to your global.css stylesheet file

effect

bryanblue · April 8, 2014

@import url("grid_prestashop.css");

@import url("//fonts.googleapis.com/css?family=Henny+Penny");

#menu-wrap ul li ul {width: 1170px!important; position: absolute!important; left: 0px!important; top: 41px!important;}

#menu-wrap ul li ul li {width:200px!important; float:left; display:inline-block; border-top:0px!important; border:none!important;}

#menu-wrap ul li ul li a {border:none!important;}

#menu-wrap ul li ul li ul {display:none!important;}

.desktop #menu-custom > li {float: left; border-right: 1px solid #919191; position: static!important;}

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

GENERAL STYLE

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

* {margin: 0;padding: 0;}

ul, ol {list-style: none;margin: 0;}

html {margin: 0;padding: 0;outline: 0!important;}

body {font: 13px/1.6 Arial, Helvetica, sans-serif;color: #7a7a7a;margin: 0;padding: 0;text-align: left;-webkit-text-size-adjust:none;}

body {min-width: 320px;position: relative;}

body#cms.content_only { background:#fff; min-width:100%; max-width:100%;}

body#cms.content_only .block em {float:left;margin:5px 15px 0 0;font-size:20px;line-height:20px;}

h1 {font-size: 24px;line-height: 1.5;margin-bottom: 14px;overflow: hidden;}

h2 {font-size: 20px;line-height: 1.5;margin-bottom: 12px;}

h3 {font-size: 18px;line-height: 1.5;margin-bottom: 10px;}

h4 {font-size: 14px;line-height: 1.5;margin-bottom: 8px;}

h5 {font-size: 12px;line-height: 1.5;margin: 0px;}

h6 {font-size: 11px;line-height: 1.5;margin-bottom: 4px;}

p {font-size: 12px;margin: 0 0 20px 0;}

a, a:visited, a:active, a:link, a:focus {cursor: pointer;text-decoration: none;color: #333;outline: none;}

a:hover {text-decoration: none;color: #ed1b24;}

a.btn {color: #fff;}

.btn i {margin-right: 7px;}

ol {counter-reset: item;list-style-type: none;margin: 0 0 0 15px;}

ol li:before {content: counter(item, decimal) " ";counter-increment: item;}

legend {color: #000}

sup {color: #F00;font-size: 100%;top: -4px;}

.clearfix:before, .clearfix:after {content: ".";display: block;height: 0;overflow: hidden}

html {width: 100%;}

#fancybox-wrap {margin-left: 12px;}

.clearblock {height: 0;clear: both;overflow: hidden;font-size: 0;line-height: 0;}

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

STRUCTURE

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

#wrapp {background: url(../img/bg_top.png) 0 0 repeat-x #fff;position: relative;overflow: hidden;width: 100%;}

#wrapp_2 {margin: 0 auto;padding: 0;text-align: left;}

#columns {}

#index #columns {padding: 50px 0 0 0;}

#index.instant_search #columns {padding: 0;}

#left_column {display: none;}

#center_column {padding: 0 0 50px 0;}

#index #center_column {}

#index.instant_search #center_column {}

#right_column {padding: 50px 0 30px 0;}

#index #right_column {display: none;}

#index.instant_search #right_column {display: block;}

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

MAIN STYLE STORE

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

h1 strong {float: right;padding: 0px 0 0 0;font-size: 14px;line-height: 20px;font-weight: normal;color: #333;font-style: italic;display: block;white-space: nowrap;}

.notification {font-sise: 16px;font-family: Georgia, "Times New Roman", Times, serif;letter-spacing: 1px;padding: 20px 20px 20px 60px;border-radius: 4px;}

.notification strong {margin-right: 5px;}

.notification p {font-size: 11px;padding: 0px;margin: 0px;color: #333333;}

.notification_warning {background-image: url(../img/error.png);background-position: 15px center;background-repeat: no-repeat;border: 2px solid #FFC237;background-color: #FFEAA8;color: #826200;}

a.product_link {font: bold 12px 'Arial';color: #7c7c7c;}

a.product_link:hover {color: #ed1b24;}

.product_desc {color: #999;}

.price {padding-left: 10px;padding-right: 10px;background: #f7f7f7;font-weight: bold;font-style: italic;color: #000;display:inline-block;}

.price-old {text-decoration:line-through;}

.columns .bordercolor,

#columns .bordercolor {border-color: #ccc;}

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

ERRORS

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

div.error {margin: 20px 0 20px 0;padding: 20px;}

div.error p {padding: 0;margin: 0 0 0px 0;font-size: 14px;text-transform: uppercase;}

div.error ol {margin: 0px 0 0 0}

div.error p.lnk {float: right;margin-top: 7px;}

div.error p.lnk .btn {color: #fff;font-weight: normal;}

div.error li {padding: 0px 0 0 0;list-style-position: inside;list-style-type: decimal;}

p.warning {background: #d4eeff;border: 1px solid #34acf9;margin: 20px 0 20px 0;padding: 12px 10px 12px 20px;font-size: 14px;color: #0473b9;}

p.warning i {font-size: 25px;vertical-align: -3px;margin-right: 20px;}

p.warning a {}

p.warning a:hover {}

.warning_inline {color: #ff0000;font-weight: bold;}

.alert-error, div.error {background: url(../img/warning.png) 20px center no-repeat #fde4e1;padding-left: 70px;font-size: 14px;font-weight: bold;border: 1px solid #ebbcb5;font-size: 12px;font-weight: bold;color: #df0505;}

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

SUCCESS CNFIRMATION

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

p.success, p.confirmation {margin: 20px 0 0 0;padding: 12px 10px 12px 20px;font: bold 12px "Arial";color: #95bc01;background: #f7fde1;border: 1px solid #dfebb5;border-radius: 5px;}

p.success i {font-size: 25px;vertical-align: -3px;margin-right: 20px;}

.success_inline {color: #33a33b;font-weight: bold;}

.required {color: #FF0000}

#order-confirmation p.success {margin-bottom: 20px;}

a.cus-suport {margin-left: 10px;color: #a9a9a9;}

a.cus-suport:hover {color: #333;}

.cus-suport i {margin-right: 5px;font-size: 13px;}

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

CMS PAGE

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

#cms #center_column div.rte {padding: 0 0px 0px 0px;}

#cms #center_column div.rte .block em {float:left;font-size:56px;line-height:56px;min-width:56px;margin-right:25px;text-align:center;}

#cms #center_column div.rte .block .extra-wrap { overflow:hidden;}

#cms #center_column div.rte .block h5 {font-size:13px;line-height:17px;color:#323232;text-transform:uppercase;margin-bottom:10px;}

#cms #center_column div.rte .block h4 { margin-bottom:40px;}

#cms #center_column div.rte .block {font-size:13px;line-height:18px;}

#cms #center_column div.rte .block .clearfix {padding-bottom:25px;}

#cms #center_column h1 {}

#cms #center_column h2 {padding-bottom: 9px;}

#cms #center_column .titled_box p {margin-bottom: 4px;}

#cms #center_column .titled_box.titled_box_center p {margin-bottom: 20px;}

#cms #center_column .titled_box h2 {margin-top: 6px;}

#cms #center_column .titled_box.titled_box_center h2 {margin-top: 0;text-align: center;}

#cms #center_column .titled_box.titled_box_center h2 span {padding: 4px 10px 0px 10px;display: inline-block;}

.center_column .rte ul {margin: -15px 0 -3px 0px;padding: 0px 0 0 0;list-style: none;}

#cms #center_column .titled_box .img_cms {margin-bottom: 9px;}

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

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 {min-height: 35px;display: inline-block;padding: 0 10px;background: url(../img/bttns.png) 0 0 repeat-x #f6f6f6;border: none;border: 1px solid #d2d2d2;font: bold 12px/33px 'Arial';color: #333;text-decoration: none;text-transform: uppercase;cursor: pointer;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

@-moz-document url-prefix() {

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-top: 9px;}

}

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 {cursor: default;background: #ccc;color: #7c7c7c;background: #ccc;}

input.button_mini:hover,

a.button_mini:hover,

input.button_small:hover,

a.button_small:hover,

input.button:hover,

a.button:hover,

input.button_large:hover,

a.button_large:hover,

input.exclusive_mini:hover,

a.exclusive_mini:hover,

input.exclusive_small:hover,

a.exclusive_small:hover,

input.exclusive:hover,

a.exclusive:hover,

input.exclusive_large:hover,

a.exclusive_large:hover {background: #333;border-color: #333;color: #fff !important;}

.btn-img {padding: 2px 12px 1px 3px !important;}

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

FORM

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

form {margin: 0 0 20px 0;padding: 0;}

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {background-color: white;font-family: inherit;border: 1px solid #cccccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-appearance: none;color: rgba(0, 0, 0, 0.75);display: block;font-size: 14px;margin: 0 0 12px 0;padding: 6px;height: 32px;width: 100%;-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;outline: none;}

input[type=text].oversize, input[type=password].oversize, input[type=date].oversize, input[type=datetime].oversize, input[type=email].oversize, input[type=number].oversize, input[type=search].oversize, input[type=tel].oversize, input[type=time].oversize, input[type=url].oversize, textarea.oversize {font-size: 17px;padding: 4px 6px;}

input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, textarea:focus {background: #fafafa;outline: none !important;border-color: #b3b3b3;box-shadow: none;}

input[type=text][disabled], input[type=password][disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=email][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=time][disabled], input[type=url][disabled], textarea[disabled] {background-color: #ddd;box-shadow: none;}

textarea {height: auto;resize: none;}

select, select:focus, select:focus {width: 100%;outline: none;}

select {background: #FFFFFF;border-color: #cccccc #cccccc #cccccc #cccccc;border-radius: 0px 0px 0px 0px;border-style: solid;border-width: 1px;height: auto;padding: 6px 6px 6px 2px;width: auto;}

.product_sort .btn {width: 177px;text-align: left;}

.btn {border-radius: 0;}

.product_sort .dropdown-menu .active > a, .product_sort .dropdown-menu .active > a:hover {background: #333;}

select.btn-mini {height: auto;line-height: 14px;}

select.btn {-webkit-appearance: button;-moz-appearance: button;appearance: button;padding-right: 16px;}

select.btn-mini + .caret {;margin-top: 9px;}

input[type=submit], input[type=button] {-webkit-border-radius: 0px;}

.modal-footer input[type=submit] {}

label {font-size: 13px;display: inline-block;color: #333;margin-bottom: 5px;cursor: default;}

input, textarea, select {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;}

input:before, textarea:before, select:before, input:after, textarea:after, select:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input, textarea, select, .uneditable-input {margin-bottom: 0;}

.radio input[type=radio], .checkbox input[type=checkbox] {float: left;margin-left: 0px;}

input[type=radio], input[type=checkbox] {line-height: normal;margin: 4px 0 0;}

.checkbox label, .radio label {display: inline-block;}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {outline: 0 none;}

form p.id_state {display: none;}

form.std fieldset, form fieldset {border: none;}

form.std .text label, form.std .password label, form.std .textarea label, form.std .select label {display: block;}

form.std .select span, form.std .radio span, form.std .checkbox span {text-align: left;padding: 4px 0px 0 0;color: #333;}

form.std span.inline-infos {display: block;margin: 0 0 -3px 0;padding: 2px 0 0 157px;font: normal 11px "Arial";color: #3a3a3a;}

span.editable {padding: 0 0 0 7px;font: normal 12px "Arial";color: #3a3a3a;margin: 0;float: none;}

span.form_info {padding: 0 0 0 5px;color: #333;font-style: italic;}

form.std .text, form.std .password, p.textarea {margin: 0;}

form.std .text input, form.std .password input {width: 400px;}

select#days {width: 94px;margin: 0 8px 10px 0;}

select#months {width: 95px;margin: 0 8px 10px 0;}

select#years {width: 95px;margin: 0 0px 10px 0;}

input:focus {outline: none;}

form.std p.checkbox, form.std p.radio {margin: 0;padding: 15px 0 0 0;overflow: hidden;}

form.std p.submit {margin: 0;padding: 20px 0 0 0px;}

form.std .required_desc {margin: 0 0 -3px 0;padding-left: 157px;}

#order-detail-content-table td:first-child {padding-left: 10px;}

#block-order-detail .adresses_bloc ul {padding: 20px 2%;border: 1px solid #ccc;background: #fefefe;display: inline-block;margin-left: 4%;margin-bottom: 20px;width:48%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto !important;}

#block-order-detail .adresses_bloc ul.item { margin-left:0;}

.tit-ord {margin-bottom: 7px;}

#order-detail-content-table input {text-align: center;width: 50px;}

#order-detail-content-table tfood td strong {margin-right: 10px;}

/* Time css */

#pagenotfound #right_column, #pagenotfound #left_column {padding: 0;}

#pagenotfound form {margin-bottom: 0;}

#pagenotfound form #search_query {margin-bottom: 20px;}

#pagenotfound h2 {margin-bottom: 10px;}

#authentication form.std .text input, #authentication form.std .password input, #identity input[type=text], #identity input[type=password] {width: 100%;}

#add_address h2 {margin-bottom: 12px;}

#vat_area {padding-bottom:12px;}

#add_address .submit2 {padding: 0;margin: 10px 0 0 0}

#add_address input[type=text], #add_address input[type=password], #add_address input[type=date], #add_address input[type=datetime], #add_address input[type=email], #add_address input[type=number], #add_address input[type=search], #add_address input[type=tel], #add_address input[type=time], #add_address input[type=url] {width: 100%;}

#add_address textarea {margin-bottom: 20px;height: 100px;}

#add_address .inline-infos.required {margin-bottom: 5px;}

.order_qte_input + label {float: left;margin-left: 5px;}

#order-detail-content td {padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}

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

TABLE

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

div.table_block {padding: 20px 0 0 0;}

table.std th, table.std td {vertical-align: middle;}

table.std th {white-space: nowrap;background: #f5f5f5;}

table.std tfoot td {color: #333;text-align: right;white-space: nowrap;}

table, table.std {background: #fdfdfd;border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width: 100%;}

table th {border: 1px solid #ccc;color: #7a7a7a;font-size: 13px;font-weight: bold;padding: 10px;text-align: center;vertical-align: middle;text-transform: uppercase;}

table td {border: 1px solid #ccc;padding: 10px;}

.delivery_option table td {text-align: center;}

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

FOOTER LINK PAGE

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

ul.footer_links {padding: 20px 0 0 0;}

ul.footer_links li {float: left;margin: 0 25px 0 0;}

ul.footer_links li img.icon {margin: -3px 5px 0 0;}

ul.footer_links li a {font-size: 15px;}

ul.footer_links li a i {font-size: 25px;vertical-align: -3px;margin-right:5px;}

.footer_link_bottom i {font-size: 25px;vertical-align: -3px;}

.footer_link_bottom a {font-size: 14px;}

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

PRODUCT SORT

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

.sortPagiBar .btn, .sortPagiBar .btn-group > .btn:first-child {padding-right: 27px;border-radius: 0;}

.sortPagiBar .caret {position: absolute;right: 10px;}

.sortPagiBar {padding: 20px 0 10px 0;}

.sortPagiBar p {padding: 0;margin: 0}

.nbrItemPage {float: left;}

.nbrItemPage label {float: left;}

.dropdown-menu li > a {padding: 6px 10px 6px 10px;}

.dropdown-menu li > a:hover {background: #333;}

.dropdown-menu {padding: 0;border-radius: 0;min-width: 215px;}

#itempage {float: left;margin: 0;}

.nbrItemPage label {padding: 8px 10px 0 0;}

.nbrItemPage.nbr_page {margin: 0 0 10px 0;position: relative;}

.nbrItemPage.nbr_page .b-core-ui-select {width: 50px;}

.product_sort form {margin: 0 20px 0 0;}

.product_sort {float: left;margin-right: 50px;min-width: 210px;}

.product_sort #productsSortForm label {float: left;padding: 5px 10px 0 0;}

.product_sort #productsSortForm select {width: 190px;margin: 0px 0 0 0;padding: 4px 6px 5px 2px;position: absolute;z-index: 5;}

.product_view {float: right;margin-top: 2px;}

.product_view li {width: 31px;height: 29px;float: left;cursor: pointer;text-align:center;color:#9D9C9C;-webkit-box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);border: 1px solid #cccccc;}

.product_view li i {font-size:24px;line-height:24px;vertical-align:middle;margin-top:4px;display:inline-block;}

.product_view li.current {cursor:default;color:#000;border:1px solid #000;}

.product_view li:hover {-webkit-box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);}

.product_view li#product_view_list {margin-left: 10px;}

#productsSortForm {float: left;margin-right: 30px;margin-bottom: 10px;position: relative;}

#productsSortForm .dropdown-toggle {float: left;}

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

PAGINATION AND COMPARE

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

.bottom_pagination.shop_box_row {padding: 20px 0 0px 0;margin-top:30px;border-bottom:none;}

.bottom_pagination > form > p {margin: 0;}

.bottom_pagination > form {float: right;margin: 0;}

#pagination {padding: 0px 0 0 0;float: left;border-radius: 0px 0px 0px 0px;}

#pagination_form {float: left;}

#pagination_form select {float: left;margin: 0px 0 0 0;}

#pagination_form label {display: inline-block;float: left;padding: 3px 12px 0 20px;}

#pagination li {float: left;margin-right: 10px;margin-bottom:10px;}

#pagination li#pagination_next {margin-right:0;}

#pagination li.current .button {background: #ed1b24;border-color: #ed1b24;color: #fff;}

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

SUBCATEGORIES

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

.center_column .cat_desc {margin: 0px 0px 0px 0px;padding: 0px;font-size: 13px;color: #333;font-family: Arial, Helvetica, sans-serif;font-style: italic;font-weight: normal;position: relative;}

.row_category .category_image {float: left;margin-right: 20px;}

.row_category {padding-bottom: 20px;margin-bottom: 0px;}

.center_column .cat_desc .lnk_more {margin-left: 10px;font-size: 13px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-style: normal;}

#subcategories {margin: 0px 0 0px 0;padding: 0px 0px 15px 0px;}

#subcategories h2 {font-weight: bold;font-size: 13px;line-height:17px;background: none;padding: 10px 0px 9px 0px;margin: 0;}

#subcategories h2 span {background: #fff;padding-right: 5px;}

#subcategories ul {margin-bottom: 0px;}

#subcategories ul li {margin: 15px 20px 0px 0px;width: 158px;float: left;border: none;}

#subcategories ul li.product_list_5 {margin-right: 0;}

#subcategories ul li a {display: block;}

#subcategories ul li.product_list_6 {margin-right: 0;}

#subcategories ul li .lnk_more_sub {margin: 12px 0 0px 0;font-size: 13px;font-weight: bold;font-style: italic;color: #a9a9a9;}

#subcategories ul li .lnk_more_sub:hover, #subcategories ul li:hover .lnk_more_sub {color: #000;}

.center_column .cat_desc .lnk_more_cat {font-weight: bold;font-style: normal;color: #000;margin-left: 5px;cursor:pointer;display:inline-block;}

.center_column .cat_desc .lnk_more_cat:hover {color: #a9a9a9;}

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

HEADER

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

#header {position: relative;z-index: 101;}

#header-inner {padding: 179px 0 0 0;position: relative;}

.header_logo_wrapper {display: block;position: absolute;left: -2px;top: 79px;}

#header_logo {}

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

BLOCKPERMANENTLINKS

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

.blockpermanentlinks-header {position: absolute;left: 0;top: 11px;}

.mobile-link-top {display: none;}

#header_links li {float: left;line-height: 1.2em;}

#header_links li + li {padding: 0 0 0 15px;}

#header_links li a {font: bold 12px 'Arial';color: #333;text-transform: uppercase;}

#header_links li a:hover,

#index a.header_links_home,

#contact #header_link_contact a,

#sitemap #header_link_sitemap a {color: #ed1b24;}

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

BLOCK HEADER USER INFO LOGIN/LOGOUT

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

.blockuserinfo {position: absolute;top: 9px;right: 0px;}

.blockuserinfo a span {}

.blockuserinfo a span i {font-size: 16px;color:#333;}

.blockuserinfo a:hover span i {color:#ed1b24;}

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

LANGUAGES AND CURRENCIES

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

#currencies_block_top,

#languages_block_top {position: absolute;top: 11px;}

#languages_block_top:hover,

#currencies_block_top:hover,

.mobile-link-top h4 {cursor: pointer;}

.list_header {width: 140px;list-style: none;background: #333;position: absolute;right: 0px;top: 28px;z-index: 1000;display: none;}

.list_header li {}

.list_header li + li {border-top: 1px solid #555;}

.list_header li.selected {padding: 8px 5px 8px 10px;cursor: default;color: #aaa;}

.list_header li.selected span {cursor: default;font-weight: bold;}

.list_header li a {color: #fff;text-decoration: none;font-size: 13px;padding: 8px 5px 8px 10px;display: block;font-weight: bold;}

.list_header li a:hover {color: #979797;}

#currencies_block_top p.inner-carrencies,

#languages_block_top p,

.mobile-link-top h4 {font: bold 12px 'Arial';color: #333;text-transform: uppercase;position: relative;}

#currencies_block_top p.inner-carrencies:hover,

#languages_block_top p:hover,

.mobile-link-top h4:hover {color: #ed1b24;}

#currencies_block_top .arrow_header_top,

#languages_block_top .arrow_header_top {width:auto;display: inline-block;margin: -1px 0 0 5px;font-size: 16px;color: #bababa;vertical-align: top;}

#currencies_block_top p.active,

#languages_block_top p.active {color:#ed1b24;}

/* languages */

#languages_block_top {right: 72px;}

#countries_2 .countries_ul li img {float: left;margin: 2px 10px 0px 0px}

#countries_2 .countries_ul li span .firstWord {display: none;}

#countries_2 .countries_ul li span {display: block;}

/* currencies */

#currencies_block_top {right: 29px;}

#setCurrency .currencies_ul li span {padding-right: 10px;display: inline-block;font-weight: bold}

#setCurrency .currencies_ul li.selected {padding: 8px 5px 8px 10px;font-weight: bold;cursor: default}

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

BLOCK HEADER USER INFO SHOPPING CART

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

#header_user {position: absolute;right: 0;top: 88px;z-index: 99;}

#header_user #shopping_cart {width: 220px;height: 41px;display: block;background: #fff;text-transform: uppercase;cursor: pointer;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

#header_user #shopping_cart a {}

#header_user #shopping_cart i.icon-shopping-cart {width: 42px;height: 41px;display: block;margin: 0 10px 0 0;float: left;background: #ed1b24;font-size: 25px;color: #fff;line-height: 41px;text-align: center;}

#header_user #shopping_cart i.icon-caret-down {float: right;margin: 12px 12px 0 0;font-size: 16px;color: #bababa;}

#header_user #shopping_cart a {font: normal 12px/41px 'Arial';}

#header_user #shopping_cart span {color: #8d8d8d;}

#header_user #shopping_cart span.shopping_cart_title {font: bold 14px 'Arial';color: #333;}

#header_user #shopping_cart span.ajax_cart_quantity {margin-left: 5px;font: bold 14px "Arial";color: #ed1b24;}

#header_user:hover #shopping_cart span,

#header_user.close-cart #shopping_cart span {color: #ed1b24;}

.hidden {display: none;visibility: inherit;}

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

BLOCK HEADER CART

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

#header #cart_block h4 {display: none;}

#header #cart_block {width: 306px;padding: 0px 10px 10px 10px;background: #fff;border: 1px solid #ccc;position: absolute;right: 0px;top: 132px;z-index: 999;display: none;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

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

SEARCH

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

#search_block_top {height: 41px;background: #fff;border: 1px solid #d2d2d2;position: absolute;top: 88px;right: 230px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

#search_block_top label {}

#search_block_top form,

#search_block_top p {margin: 0;}

#search_block_top #search_query_top {width: 227px;height: 39px;float: left;padding: 0 10px 0 10px;background: none;border: none;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

#search_block_top #search_query_top {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

#search_block_top a {height: 39px;display: block;float: left;padding: 0 10px;background: url(../img/header_search_btn.png) 0 0 repeat-x;border-left: 1px solid #d2d2d2;font: bold 14px/38px 'Arial';color: #333;text-transform: uppercase;}

#search_block_top a:hover {color: #ed1b24;}

#search_block_top a span {}

#search_block_top a i {display: none;}

.ac_results {width: 229px !important;;border: 1px solid #d2d2d2 !important;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.ac_over {background: #333 !important;}

#instant_search_results .title_shop {opacity:1;}

#instant_search_results .title_shop_block {float: right;opacity: 1;width:45%;text-align:right;padding-right:0;background:none;}

#instant_search_results .title_shop:hover {color:#ed1b24;}

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

MAIN STYLE BOX COLUMN

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

.column .block {margin: 0 0 0px 0;}

h1,

.column .block h4,

#layered_block_left h3 {margin: 0 0 20px 0;padding: 17px 0 4px 0;border-bottom: 1px solid #000;font: bold 21px 'Arial';color: #333;text-transform: uppercase;}

h1#instant_search_results { overflow:hidden;}

h1,

.column .block h4 span,

.center_column h4 span,

#layered_block_left h3 span {background: #fff;padding-right: 5px;color: #333333;font-weight: bold;}

.column .block h4 a:hover {color: #8b12a0;}

.column .block h4 .column_icon_toggle {display: none;}

.column .block.myaccount ul li a img {display: none;}

#layered_block_left h4.toggle {margin-bottom: 18px;}

.column .block .store_list {margin-top: -11px;}

.column .block form p {margin-bottom: 12px;}

.column .block form {margin-bottom: 2px;}

.column .block .store_list form p {margin-bottom: 9px;}

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

CATEGORIES

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

#categories_block_left .block_content {padding: 0 0px 0px 0px;}

#categories_block_left ul.tree {padding: 0px 0 0 0;list-style: none;}

#categories_block_left ul.tree li {position: relative;}

#categories_block_left ul.tree li a:hover, #categories_block_left ul.tree a.selected, #categories_block_left .grower:hover + a {color: #666;}

#categories_block_left ul.tree li ul li a {padding-left: 20px;}

#categories_block_left ul.tree li ul li ul li a {padding-left: 30px;}

#categories_block_left .grower {width: 13px;height: 13px;display: block;cursor: pointer;position: absolute;right: 8px;top: 11px;}

#categories_block_left .OPEN {color:#666;}

#categories_block_left .CLOSE {background: url(../img/plus_minus.png) 0px 0px no-repeat;}

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

Filter

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

#layered_block_left ul {padding: 5px 0;}

#layered_block_left ul li .disabled {color: #666;}

#layered_block_left h2 {background: none;color: #8B12A0;padding: 0px 0 0px 0;margin: 0;}

#layered_block_left h2 span {padding: 0 10px 4px 0px;font-size: 13px;line-height:16px;color: #7a7a7a;font-weight: bold;background: #fff;text-transform: uppercase;}

#layered_block_left input {margin: -1px 10px 0 0;text-align: center;}

#layered_block_left span.layered_close {float: right;padding: 0 0 0 0px;}

#layered_block_left .layered_price ul {padding-bottom: 11px;padding-top: 13px;}

#layered_block_left .hide-action {display: block;text-align: right;padding-right: 5px;}

#layered_block_left .hide-action:hover {text-decoration: underline;}

#layered_block_left .layered_close {float: right;padding-right: 5px;}

#layered_block_left span.layered_close a {display: block;outline: none;}

#layered_block_left span.layered_close a:hover, #layered_block_left span.closed a:hover {color:#a9a9a9;}

#layered_block_left .nomargin a {display: inline;font-size: 14px;font-style: italic;}

#layered_block_left div.radio {margin-right: 11px;margin-top: 1px;}

#layered_block_left div.checker {margin-right: 12px;}

#layered_block_left .nomargin a span {color: #a9a9a9;font-weight: bold;}

#layered_block_left .color-option {border: 1px solid #666666;height: 16px;margin-left: 0;padding: 0;width: 16px;}

#layered_block_left .color-option.disable {opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

.layered_slider {margin-top: 5px;}

.layered_price_range {margin-left: 7px;}

.layered_price_range_unit {margin-right: 7px;}

.layered_slider_container {margin: 6px 0 6px 6px;width: 93%;}

.layered_weight > ul.store_list_filter > li span { float:left; margin: 5px 7px 11px 0;}

.store_list_filter .layered_input_range_min, .store_list_filter .layered_input_range_max {width: 50px;float:left;display:inline-block;}

.layered_list_selected {font-weight: bold;}

.layered_ajax_loader p {margin: 20px 0;text-align: center;}

.hide-action {text-align: center;text-align: right;display: block;cursor: pointer;}

.layered_list {display: inline-block;cursor: pointer;padding: 0 0 5px 0px;}

#ul_layered_price_0 li.layered_list {display:inline-block;clear:both;float:left;}

#ul_layered_price_0 { overflow:hidden;}

.layered_list:hover {color: #333;}

#layered_form .b-core-ui-select__dropdown__list ul {padding: 0;}

#layered_form div div ul {padding: 16px 0 0 0;}

#layered_form .b-core-ui-select {width: 248px;}

#layered_form #enabled_filters {margin-top: -15px;margin-bottom: 16px;}

#enabled_filters h2 {text-align: center;background: url(../img/line-bg.gif) repeat-x left 20px;font-style: italic;color: #333;padding: 13px 0 10px 0;}

#enabled_filters h2 span {padding: 0 10px 0 10px}

#layered_form #enabled_filters ul {padding-bottom: 0px;padding-top: 0;border-bottom: 1px solid #ccc;margin-bottom: 8px;}

#enabled_filters ul li {padding: 5px 0;color: #333;line-height: 24px;font-style: italic;}

#enabled_filters ul li.enabled_filters_extra {color: #a9a9a9;}

#enabled_filters li a {float: right;margin: 0px 0px 0 10px;outline: none;font-size: 20px;line-height:20px;}

#enabled_filters li a:hover {color:#a9a9a9;}

#layered_form .color-option {margin-left: 0;width: 25px;height: 25px;padding: 0;border-radius: 25px;border: none;}

#ul_layered_id_attribute_group_2 li {float: left;padding: 0px 0 8px 0;}

#layered_block_left #ul_layered_id_attribute_group_2 {padding-bottom: 0;}

#ul_layered_id_attribute_group_2 li label {display: none;}

#ul_layered_id_attribute_group_2 li input {margin-right: 20px;}

#ul_layered_id_attribute_group_2 li:first-child {}

#layered_form .color-option.on {box-shadow: 0px 0px 5px 0px #a9a9a9;}

#layered_form > div > div {margin-bottom: 9px;}

#layered_form > div > div .b-core-ui-select__dropdown ul {padding: 0;}

#layered_form > div {margin-bottom: -6px;}

#layered_form div div ul {padding: 15px 0px 8px 0px;}

#layered_form input[type=radio] {}

#layered_form .select {width: 270px;height: 32px;opacity: 0;filter: alpha(opacity=0);}

#layered_block_left .color-option.disable {opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

#product_list .warning {margin-top: 13px;}

#layered_price_range_min, #layered_price_range_max {display: inline-block;float: left;width: 50px;}

#ul_layered_price_0 span {float: left;margin: 5px 7px 0 0}

.layered_price_range_unit {float: left;}

.layered_price ul {width: 100%;}

#ul_layered_id_attribute_group_3 li:first-child {padding-bottom: 10px;}

#layered_block_left ul#ul_layered_manufacturer_0 label { display:inline;}

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

TAGS BLOCK

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

#tags_block_left p {text-align: justify;font-size: 0.9em;margin-bottom: 4px;padding-right: 30px;}

#tags_block_left p a {margin: 0 0.1em;line-height: 1.5em;padding: 2px 2px 5px 2px;}

a.tag_level3 {font-size: 1.5em;font-weight: bold}

a.tag_level2 {font-size: 1.4em}

a.tag_level1 {font-size: 1em;}

#tags_block_left p a i {margin-right: 7px;}

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

BLOCK PRODUCT COLUMN

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

.products_block ul {padding-top: 0px;}

.products_block .block_content {padding-bottom: 9px;}

.products_block ul li:first-child {margin-top: 0px;}

.products_block ul li {padding: 0px 0px 20px 0px;margin-bottom: 20px;}

.products_block ul li a.products_block_img {width: 80px;display: block;float: left;margin-right: 12px;}

.products_block ul li > div {width: 177px;float: left;padding: 0 0px 0 0px;margin-top: -4px;}

.products_block ul li p {padding: 7px 0 0 0;margin-bottom: 6px;}

.products_block ul li .reduction {color: #a9a9a9;font-style: italic;margin-left: 14px;margin-right: 15px;}

.products_block ul li span.price-discount {text-decoration: line-through;margin-top: 0px;display: inline-block;}

.products_block ul li .price {font-size: 14px;float: left;}

#special_block_right h5 {padding: 12px 0 9px 0;}

#special_block_right span.price-discount {text-decoration: line-through;}

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

BLOCK NEWSLETTER

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

#newsletter_block_left {}

#newsletter_block_left div.block_content {padding: 0px 0 0px 0;text-align: center;}

#newsletter_block_left input.inputNew {width: 100%;margin: 0px 0 10px 0;position: relative;}

#newsletter_block_left input.button_form {margin: 0px auto;display: block;width: 100%;}

#newsletter_block_left .warning_inline {padding-top: 10px;}

#newsletter_block_left p.success_inline {color: #418B19;text-align: center;font-weight: bold;}

#newsletter_block_left p.warning_inline {color: #DA0F00;text-align: center;font-weight: bold;}

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

BLOCK STORE

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

#stores_block_left div.block_content {padding-bottom: 20px;}

#stores_block_left p {text-align: left;margin: 0;}

#stores_block_left p a img {margin: 0 0 20px 0;}

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

BLOCK MANUFACTURE AND SUPPLIER

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

.blockmanufacturer select, .blocksupplier select {width: 100%;margin: 10px 0 0 0;}

.blockmanufacturer li.last {border: none;}

#viewed-products_block_left ul li.last {border: none;padding-bottom: 0;}

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

BLOCK CART

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

/*#header .cart-prices, #header p#cart-buttons { display:none;}*/

#cart_block #cart_block_no_products {padding: 15px 0 5px 0px;color: #333;margin: 0;}

#cart_block #cart_block_summary {padding: 10px 0 0 0;display: none;}

#cart_block #cart_block_summary span {color: #000;}

#cart_block #cart_block_summary span.ajax_cart_total {margin: 0 0 0 5px;font-weight: bold;}

#cart_block .quantity-formated {display: inline-block;margin-right: 5px;float: left;line-height: 16px;color: #343336;}

#cart_block #cart_block_list dl {margin: 0;}

#cart_block #cart_block_list dt:first-child {border: none;}

#cart_block .cart-images {width: 70px;margin-right: 10px;}

#cart_block #cart_block_list dt {padding: 10px 0 0px 0;border-top: 1px dotted #ccc;position: relative;clear: both;}

#cart_block #cart_block_list dt a {display: inline-block;float: left;line-height: 17px;}

#cart_block #cart_block_list dt a img {display: inline-block;margin-right: 10px;margin: 0px 0 10px 0;}

#cart_block #cart_block_list dd {position: relative;margin: 0px 0 10px 0px;}

#cart_block #cart_block_list dd a {font-style: italic;}

#cart_block .remove_link {position: absolute;right: 7px;top: 15px;height: 24px;width: 19px;}

#cart_block .remove_link a {z-index: 9;display: block;height: 24px;width: 19px;margin-top: 0px;margin-left: 5px;font-size:24px;line-height:24px;}

#cart_block .remove_link a:hover {color:#A9A9A9;}

#cart_block .products .price {display: inline-block;padding: 15px 0 5px 0;width: 150px;font-size: 17px;background: none;}

#cart_block table#vouchers {clear: both;width: 100%;position: relative;border:none;background:none;}

#cart_block table#vouchers td { border:none;}

#cart_block table#vouchers tr td.quantity {margin-right: 5px;min-width: 18px}

#cart_block table#vouchers tr td.delete a {padding: 0;width: 9px;height: 9px;position: absolute;right: 0;top: 7px;}

#cart_block ul.cart_block_customizations {padding: 0 0 0 13px;list-style: none;}

#cart_block ul.cart_block_customizations li {font: 11px/15px "Arial";}

#cart_block ul.cart_block_customizations li .quantity-formated {line-height: 14px;}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct {width: 9px;height: 9px;position: absolute;right: 3px;top: 3px;}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {background: url(../img/icon/delete.gif) no-repeat 0 0;display: block;height: 9px;width: 9px;}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct a:hover {}

#cart_block .cart-prices div {border-top: 1px dotted #cccccc;padding: 7px 0px 7px 0px;}

#cart_block #cart_block_shipping_cost, #cart_block #cart_block_total, #cart_block #cart_block_wrapping_cost {float: right}

#cart_block #cart-buttons {display: block;}

#cart_block #cart-buttons #button_order_cart {float: left;}

#cart_block #cart-buttons #button_order_cart span {}

#cart_block p#cart-buttons {padding: 10px 0 0 0px;margin: 0;border-top: 1px dotted #cccccc;overflow:hidden;}

#cart_block p#cart-buttons a.button_mini {float: left;margin-right: 10px;}

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

BREADCRUMB

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

.ps_breadcrumb {padding: 20px 0 0 0;font-size: 14px;}

.ps_breadcrumb span {display: inline;}

.ps_breadcrumb a {font-size: 14px;line-height: 22px;position:relative;}

.ps_breadcrumb a i {font-size: 25px;vertical-align: -4px;}

.ps_breadcrumb_inset {}

.ps_breadcrumb .navigation-pipe {margin: 0 5px;font-size: 14px;line-height: 22px;}

.ps_breadcrumb .navigation_page {font-size: 14px;line-height: 22px;}

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

CONTACT PAGE

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

#contact_form p#desc_contact0, #contact_form p#desc_contact1, #contact_form p#desc_contact2 {padding: 0;margin-bottom: 10px;color: #09F}

#contact_form p.file_input label {padding-top: 3px;}

#contact_form {padding: 0px 0px 20px 0px;margin: 0px 0 0 0;}

#contact_form p {margin-bottom: 20px;}

#contact_form p.textarea {margin: 0;}

#contact_form h2 {margin-bottom: 10px;}

#desc_contact0 {display: none;}

#contact_form textarea#message {height: 150px;margin: 0;}

#contact_form .select select {width: 400px;}

#contact_form .text input, #contact_form .password input {width: 400px;}

#contact_form input[type=file] {width:100%;height:100%;}

#contact-form .submit {padding-top: 15px;}

.title-pagecontact {padding: 0;margin: 0 0 5px 0;display: inline-block;}

.title-pagecontact i {margin-right: 7px;}

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

HISTORY

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

#order-list td {text-align: left;}

#order-list td.history_invoice i {font-size: 25px;vertical-align: -1px;}

.myaccount ul {padding-bottom: 10px;}

.favoriteproducts img {width: 16px;height: 16px;}

div#block-history {padding: 0px;}

div#block-history textarea {height: 100px;margin-bottom: 20px;}

table#order-list {margin-bottom: 0;border: none;}

#module-loyalty-default #block-history { overflow:auto;}

table#order-list td.history_link a {font-weight: bold;color: #a9a9a9;}

table#order-list td.history_detail .btn {display: block;}

table#order-list td.history_detail .btn + a {margin-top: 10px;}

table#order-list td.history_detail a.details_link {text-transform: capitalize;}

#block-history #block-order-detail table.std td.inputs input.order_qte_input {height: 15px;padding: 1px;float: left;}

#block-history #block-order-detail table.std td.inputs label {display: block;float: left;padding: 2px 0 0 7px;font-weight: bold;}

#block-history h3 {padding: 17px 0 0 0;}

#block-history #block-order-detail {padding: 3px 0 0 0;}

#block-history #block-order-detail h4 {overflow: hidden;}

div#order-detail-content table.std th {padding: 15px 12px;}

form#sendOrderMessage p.submit {padding: 0px 0 0 0;}

#sendOrderMessage {margin-bottom: 0;}

#sendOrderMessage label {display: block;padding-bottom: 6px;}

#sendOrderMessage select {width: 300px;}

.info-order strong {color: #333}

.addresses #sendOrderMessage label {display: block;padding-bottom: 4px;}

.addresses .address_delivery label {display: block;padding-bottom: 4px;}

.addresses .address_delivery, .addresses .addressesAreEquals {padding: 20px 0 0 0;margin: 0;}

.addresses .address_delivery select {width: 416px;}

#conditionsValided + label { display:inline;}

#module-referralprogram-program .idTabs { display:none;}

.addresses #address_invoice_form select { width:100%;}

.addresses .addressesAreEquals input {margin: 3px 7px 0 0}

table.discount {margin: 17px 0 0 0;}

table.discount td.discount_code {font-weight: bold;}

table.discount td.discount_value {white-space: nowrap;}

body#discount div.center_column sup {vertical-align: top;}

.delivery_options {padding-top: 20px;}

.delivery_options_address .delivery_option_radio {margin: 0px auto 0px auto;}

.delivery_options_address table td:first-child {text-align: left;padding-left: 12px;}

.delivery_options_address .delivery_options label { display:block;}

table.delivery_option_carrier {background: #D9EDF7;border: 1px solid #BCE8F1;}

table.delivery_option_carrier td {border: 1px solid #BCE8F1;color: #3A87AD;text-transform: none;font-size: 12px;}

.order_carrier_content .carrier_title {text-align: left;margin-bottom: 20px;}

.order_delivery .address.first_item, .addresses #address_delivery {padding: 20px;border: 1px solid #ccc;background: #F8F8F8;margin-bottom: 20px;}

.order_delivery .address.alternate_item, .addresses #address_invoice {padding: 20px;border: 1px solid #ccc;background: #F8F8F8;margin-bottom: 20px;}

#order-detail-content-table .td-3 {text-align: center;}

#order-detail-content-table tbody td:first-child {padding-left: 40px;}

.cart_total_price.cart_last_tr .price {font-size: 17px;color: #a9a9a9;}

#order-detail-content-table tfoot tr.item td { display:block !important; border-left:none; border-right:none; border-bottom:none;}

#order-detail-content-table tfoot tr.item:first-child td { border:none;}

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

MY ACCOUNT

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

body#my-account ul.footer_links li {float: none;}

body#my-account div#center_column ul.myaccount_lnk_list {padding: 3px 0 0 0;list-style: none;}

body#my-account div#center_column ul.myaccount_lnk_list li {line-height:18px;padding: 12px 0 0 0;}

body#my-account div#center_column ul.myaccount_lnk_list li img {margin: 0 5px 0 0;display: inline-block;width: 16px;}

body#my-account div#center_column ul.myaccount_lnk_list li a i { font-size:18px; line-height:18px; width:24px; display:inline-block; vertical-align:-1px;}

.account_creation .select span {display: block;margin-bottom: 7px;}

.account_creation .after-box {padding: 20px 0 0 0;}

#account-creation_form #passwd {float: left;margin-right: 20px;}

#account-creation_form fieldset h2 {margin: 10px 0 15px 0;}

#account-creation_form fieldset .checkbox label { display:inline;}

#account-creation_form fieldset:first-child h2 {margin: 0;}

#center_column #account-creation_form .titled_box p {margin: 0;padding: 0 0 20px 0}

#center_column #account-creation_form .account_creation.customerprivacy p {padding: 0;float: left;}

#center_column #account-creation_form .titled_box p input[type=checkbox] {margin-right: 10px;}

#account-creation_form p.radio span, #account-creation_form p.select span, #identity p.radio span {display: block;margin-bottom: 7px;padding: 6px 0px;text-align: left}

#identity #center_column .std input[type=checkbox] { margin-right:7px;}

#identity #center_column .std input[type=checkbox] + label { display:inline;}

#account-creation_form p.radio label {padding-right: 10px;}

#center_column #account-creation_form p.cart_navigation {margin: 0;padding: 20px 0 0 0;}

form#account-creation_form p.radio input, #identity p.radio input, #new_account_form p.radio input {margin: 2px 5px 0 0;float: left;}

form#account-creation_form p.radio label, #identity p.radio label, #new_account_form p.radio label {padding: 0px 25px 0 3px;float: left;display: inline-block;}

form#account-creation_form textarea {width: 210px;max-width: 563px;}

#identity p.radio {padding: 0;}

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

Product Comparison

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

.comparison_product_infos {padding-top: 10px;}

#product_comparison #availability_label {font-weight: bold;color: #333;}

#product_comparison #availability_value {color: #0C6;}

#product_comparison .comparison_availability_statut {padding: 0px;margin: 0;display: none;}

#product_comparison.breakpoint .comparison_product_infos, #product_comparison.breakpoint .comparison_product_infos .product_link, #product_comparison.breakpoint .comparison_product_infos .row-compare-button {text-align: left;}

#product_comparison .product_image_div {position: relative;margin-bottom: 13px;text-align:center;}

#product_comparison .product_image_div a {display: block;}

#product_comparison th:first-child, #product_comparison td:first-child {text-align: left;padding: 5px 10px 5px 10px;font-weight: bold;}

#product_comparison .product_image_div a.product_image {position: relative;display: inline-block;}

#product_comparison td.ajax_block_product { vertical-align:top;}

#product_comparison .product_image_div a.product_image img { background:none;}

.shop_table .title_compare {font-size: 13px;color: #333;}

#product_comparison .comparison_header .price {font-size: 32px;font-weight: normal;}

#product_comparison .on_sale, #product_comparison .discount {width: 54px;height: 48px;display: block;position: absolute;left: 0px;top: 0px;}

#product_comparison .product_link {padding: 0 0 0px 0;display:inline-block;text-align: center;}

#product_comparison .comparison_product_infos a.cmp_remove {position: absolute;right: 0px;top: 0;z-index: 5;font-size:25px;line-height:25px;}

#product_comparison .comparison_product_infos a.cmp_remove:hover {color:#a9a9a9;}

#product_comparison .product_desc {margin: 0 0 9px 0;min-height:38px;}

#product_comparison .row-compare-button {text-align: left;padding-top:10px;}

#product_comparison .comparison_product_infos a.button {margin-right: 8px;margin-bottom: 10px;}

#product_comparison .comparison_product_infos .exclusive {margin: 0px 0 10px 0;}

#product_comparison td:first-child {background: #F5F5F5;color: #888;}

.shop_table td.comparison_feature_even.comparison_infos, .shop_table td.comparison_feature_odd.comparison_infos {text-align: center;}

#product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product {padding: 10px 20px}

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

Identity

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

form.identity p.radio input {top: 3px;}

form.identity p.radio label {padding: 0 15px 0 3px;line-height: 19px;display: inline-block;}

form.identity p.required_desc {padding: 20px 0 0 157px;}

p#security_informations {padding: 20px 0 0 0px;font-style: italic;margin: 0;}

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

Orderopc

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

#orderopc #left_column {display: none}

#orderopc #center_column {width: 757px}

#orderopc #left_column h2 {margin-top: 20px}

#opc_account_choice {padding: 0 0px;}

#login_form_content {width:90%;padding:20px 5%;background:#f5f5f5;border:1px solid #ccc;}

#opc_account_form input.text, #new_account_form #opc_account_form textarea { width:100%;}

#opc_account_form input[type=checkbox] + label { display:inline;}

#opc_account_choice .opc_float {width:90%;padding:10px 5%;background:#f5f5f5;border:1px solid #ccc;margin-bottom:15px;}

#opc_account_choice .opc_float ul {margin: 0 0 20px 30px}

form#new_account_form {padding-top: 10px;}

form#new_account_form h4 {margin-bottom: 10px;}

.account_creation.customerprivacy.titled_box label { display:inline;}

#new_account_form fieldset {padding: 0 0 15px 0;}

#center_column #new_account_form p {margin: 0;padding: 0 0 10px 0;}

#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;text-align: right}

#new_account_form p.textarea textarea {height: 80px;width: 205px;}

#new_account_form span.form_info, #new_account_form span.inline-infos {display: block;margin: 5px 0 0 0px;color: #666}

#order #loyalty {margin: 10px 0 12px 0;font-size: 13px;padding: 20px 0 20px 0;border-top: 1px dotted #ccc;}

#order #loyalty img {margin-right: 10px;}

.list-radio {margin-right: 25px;float: left;}

.short_description_pack {padding: 10px 0px 0px 0;}

.short_description_pack h3 {padding: 5px 0 0 0;margin: 0;}

.short_description_pack p {padding: 5px 0 0 0;}

.short_description_pack .pack_content {padding: 10px 0 0 0;}

.pack_content {margin: 5px 0 5px 0;}

#pb-left-column #color_picker p {padding-bottom: 5px;font-weight: bold;}

span.our_price_display {padding-top: 7px;font-size: 24px;line-height: 18px;display: inline-block;}

*:first-child + html .content_prices #add_to_cart .exclusive {padding: 4px 3px 4px 11px;}

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

FOOTER

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

.footer-bg-mob {padding: 0 0 92px 0;background: url(../img/bg_footer-2.png) 0 bottom repeat-x;}

.footer-bg-mob-2 {background: url(../img/bg_footer-1.png) 0 0 repeat-x #fff;}

footer {}

footer .modules {position: relative;margin: 0;}

footer .block h4 {margin: 0;padding: 50px 0 7px 0;border-bottom: 1px solid #d2d2d2;font: bold 14px/1.2em 'Arial';color: #333;text-transform: uppercase;}

footer .block h4 i {display: none;}

footer .block h4 a {}

footer .block ul li {line-height: 1.2em;}

footer .block .list-footer {padding: 17px 0 0 0;}

footer .block .list-footer li {padding: 10px 0 0 0;font: bold 12px/1.2em 'Arial';}

footer .block .list-footer li i {display: none;}

footer .block .list-footer li a {color: #333;text-transform: uppercase;word-wrap: break-word;}

footer .block .list-footer li a:hover {color: #ed1b24;}

footer .block .list-footer li img {display: none;}

.bottom_footer {height: 45px;font: normal 12px/45px 'Arial';color: #7c7c7c;position: absolute;left: 0;bottom: -92px;}

.bottom_footer a {color: #ed1b24;}

.bottom_footer a:hover {color: #333;}

.block_category_footer {}

.block_category_footer ul ul {display: none !important;}

.blockcms_footer {margin-left: 0;}

.blockmyaccountfooter {}

.blockcontactinfos {}

.blockcontactinfos ul {}

.blockcontactinfos ul li {}

.blockcontactinfos ul li.contact_company {display: none;}

.blockcontactinfos ul li.contact_address {padding: 27px 0 0 0;font: bold 12px 'Arial';color: #7c7c7c;}

.blockcontactinfos ul li.contact_tel {padding: 4px 0 0 0;font: bold 20px 'Arial';color: #7c7c7c;}

.blockcontactinfos ul li.contact_tel i {margin: 0 9px 0 0;font-size: 25px;color: #333;position: relative;top: 2px;}

.blockcontactinfos ul li.contact_email {display: none;}

.blocksocial {}

.blocksocial ul {padding: 27px 0 0 0;}

.blocksocial li {float: left;}

.blocksocial li + li {padding: 0 0 0 10px;}

.blocksocial li a {}

.blocksocial li a i {font-size: 42px;color: #767474;}

.blocksocial li a:hover i {color: #ed1b24;}

.blocksocial li.facebook a {}

.blocksocial li.twitter a {}

.blocksocial li.rss a {}

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

PAIMENT - PAGE ORDER

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

#order .p-cart {font-size: 13px;text-transform: uppercase;color: #535353;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}

.ordercart-title {font-weight: bold;color: #333;margin: 0;padding: 6px 0 14px 0;}

.ordercart-title #summary_products_quantity {}

#order_steps {overflow: hidden;margin: 20px 0 10px 0px;}

#order_steps li.even:first-child {background: #9c9c9c;}

#order_steps li.even.step_current:first-child {background: #202020;}

#order_steps li.even {background: url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;}

#order_steps li.odd {background: url(../img/marker-order.png) 0px 29px no-repeat #777777;}

#order_steps li {width: 20%;float: left;text-align: center;}

#order_steps li span {display: block;padding: 5px 0 5px 0px;}

#order_steps li span {color: #fff;font-weight: bold;}

#order_steps li span span {color: #fff;font-weight: bold;font-size: 27px;line-height: 27px;}

#order_steps li.step_current {background-color: #202020;}

#order_steps li a {font-weight: bold;color: #ccc;text-decoration: none;}

#order_steps li a:hover {color: #fff;}

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

#cart_summary {background: none;border: none;margin-bottom: 0;}

#order #HOOK_SHOPPING_CART {padding-bottom: 0px;margin-bottom: 10px;}

table#cart_summary h5 {padding-bottom: 10px;margin-top: -4px;display: block;}

table#cart_summary .cart-atr {padding-bottom: 5px;display: inline-block;}

#order-detail-content .title-th {float: left;padding-right: 10px;display: inline-block;font-weight: bold;color: #333}

table#cart_summary tr {border-width: 0px 0px 1px 0px;border-style: dotted;border-color: #ccc}

table#cart_summary tr.cart_last_tr {border: none;}

#seperated_packag {padding: 0;}

#seperated_packag input {margin: -3px 10px 0 0;}

table#cart_summary .insset-bottom {padding-bottom: 16px;padding-top: 0px;}

.cart_quantity_title {padding: 3px 10px 0 0;}

table#cart_summary tbody tr {border-top: 1px dotted #ccc;}

table#cart_summary td {padding: 20px 0 20px 0;border: none;vertical-align: top;}

table#cart_summary .customization {border-color: #ccc}

table#cart_summary td.cart_product {width: 162px;}

table#cart_summary tr ul {list-style: none;}

table#cart_summary .customizationUploaded {margin-bottom: 10px;}

table#cart_summary .cart_quantity .cart_quantity_down {float: left;}

table#cart_summary .cart_discount_name {color: #333;text-transform: uppercase;vertical-align: middle;}

table#cart_summary .cart_discount {border-width: 1px 0 1px 0;border-style: solid;}

table#cart_summary .cart_discount_price .div_cart_quantity_delete {float: none;margin-left: 7px;display: inline-block;}

table#cart_summary .cart_discount_price .div_cart_quantity_delete a i {font-size:16px;line-height:16px;}

table#cart_summary .div_cart_quantity_delete {float: left;}

table#cart_summary .div_cart_quantity_delete a {display:inline-block;margin: 5px 0 0 10px}

table#cart_summary .div_cart_quantity_delete a i {font-size:25px;line-height:25x;width:auto;}

table#cart_summary .div_cart_quantity_delete a:hover {background-position: -76px -24px;}

table#cart_summary .customization .cart_quantity {padding: 20px 0px 20px 0;border: none;margin-bottom: 0;}

table#cart_summary .cart_quantity .cart_quantity_input {float: left;border-left: none;border-right: none;display: inline-block;height: 24px;text-align: center;width: 40px;margin: 0;}

table#cart_summary .cart_quantity .cart_quantity_button {float: left;}

table#cart_summary a.price_discount_delete {margin-top: 3px}

table#cart_summary .cart_total_price .total_price_container {border-right: none;}

table#cart_summary .cart_total_price td.cart_voucher {vertical-align: middle}

table#cart_summary #total_price_container {vertical-align: middle;}

#cart_summary tfoot {font-weight: bold}

#cart_summary .cart_last_tr #total_price {font-size: 22px;font-weight: normal;}

table#cart_summary tfoot td {padding: 16px 0 14px 0;border: none;text-align: left;}

table#cart_summary tfoot td + td {text-align: right;}

#total_price_container {vertical-align: middle;}

#cart_summary .price {border: none;white-space: nowrap;}

.total_price_container p {text-align: left}

table#cart_summary .cart_total_price .total_price_container {padding: 0;}

.cart_total_price .total_price_container p {display: block;padding: 8px;}

.cart_total_price .total_price_container span {display: block;padding: 15px;font-weight: bold;font-size: 18px;text-align: center}

table#cart_summary .gift-icon {color: white;background: #0088CC;line-height: 20px;padding: 2px 5px;border-radius: 5px;}

table#cart_summary .min-with-td {display: inline-block;font-weight: normal;min-width: 50px;}

table#cart_summary #cart_quantity_button .cart_quantity_down {background: url(../img/quantity_down_mob.png) 0 0px no-repeat;height: 43px;width: 45px;}

table#cart_summary #cart_quantity_button .cart_quantity_up {background: url(../img/quantity_up_mob.png) 0 0px no-repeat;height: 43px;width: 45px;float: left;}

table#cart_summary #cart_quantity_button .cart_quantity_up img, table#cart_summary #cart_quantity_button .cart_quantity_down img {display: none;}

.address-form-multishipping {width:94%;padding:15px 3%;background:#f5f5f5;border:1px solid #ccc;margin-bottom:20px;}

table#cart_summary #cart_quantity_button span {line-height: 43px;}

table#cart_summary .cart_quantity .cart_quantity_input {height: 43px;}

.cart_quantity_title {padding: 11px 10px 0 0;}

table#cart_summary .div_cart_quantity_delete a {margin-top:7px;margin-left: 20px;}

table#cart_summary .cart_discount_price .div_cart_quantity_delete a {margin-top: 0px;}

#HOOK_SHOPPING_CART .page_product_box h3 i { display:none;}

#cart_summary .price {padding-left: 0;padding-right: 0;background: none;}

#cart_summary #total_price {color: #000;}

/*cart_voucher******************************************************************************* */

form#voucher fieldset {padding: 25px 0px 0px 0px;border-top: 2px solid #3a3a3a;}

form#voucher fieldset h4 {padding: 6px 10px 0 0;margin: 0;float: left;}

form#voucher fieldset p {float: left;margin: 0;padding: 0px 0px 0 0;}

form#voucher fieldset p.submit {padding: 0px 0 0 0;}

form#voucher fieldset p label {float: left;text-align: right;padding: 2px 7px 0 0;}

form#voucher fieldset p input.discount_name {width: 330px;margin-bottom: 0;height:32px;line-height:32px;}

#cart_voucher {padding-top: 9px;}

#cart_voucher .btn.btn-inverse {padding-top: 7px;padding-bottom: 7px;line-height: 1.25em;}

#seperated_packag label { display:inline;}

form#voucher fieldset div#display_cart_vouchers h4 {margin: 10px 0 0 0;padding: 10px 0 0 0;border-top: 1px solid #eee;}

form#voucher fieldset div#display_cart_vouchers div {padding: 4px 0 0 0;}

form#voucher fieldset div#display_cart_vouchers span.voucher_name {font-weight: bold;text-decoration: underline;cursor: pointer;}

form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {text-decoration: none;}

#order_carrier {clear: both;margin-top: 20px;border: 1px solid #999;}

#carrier_area .checkbox {margin: 0;padding: 12px 0 0 0}

#carrier_area .checkbox input {margin: 3px 7px 0 0;}

#carrier_area .checkbox label {display: inline;}

#order_carrier h4 {padding: 0 15px;}

#order_carrier span {display: block;padding: 15px;font-weight: bold}

.order_delivery {padding-top: 7px;padding-bottom: 20px;}

#order .order_delivery.row { margin:0;}

.order_delivery .first_item {margin-bottom:10px;}

.address_select {width: 100px;}

.multishipping_close_container {text-align: center;padding-top: 10px;}

/* ————— carriercompare.tpl ————— */

#compare_shipping_form p {margin: 0;}

#compare_shipping #availableCarriers {}

#compare_shipping ul#carriercompare_errors_list li {background: url("../img/warning.png") no-repeat 20px center #FDE4E1;border: 1px solid #EBBCB5;color: #DF0505;font-size: 12px;font-weight: bold;padding-left: 70px;margin-left: 0!important;margin-bottom: 10px;}

#compare_shipping_form p label {padding: 5px 7px 5px 0;display: block;}

#compare_shipping_form p select {margin-bottom: 10px;width: 395px;}

#compare_shipping_form p input {margin-bottom: 2px;width: 394px;margin-right: 10px;}

#compare_shipping_form {padding: 16px 0px 0px 0px;border-top: 2px solid #3a3a3a;margin-top: 20px;margin-bottom: 10px;}

#compare_shipping_form #compare_shipping {padding: 0;}

#compare_shipping_form #compare_shipping h3 {padding-top: 0;border-bottom: 3px solid #000;text-transform: uppercase;color: #333;font-weight: bold;padding-bottom: 4px;font-size: 17px;}

#compare_shipping_form #compare_shipping p {padding: 0;}

#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {padding-top: 20px;}

#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {width: auto;margin-bottom: 0;margin-right: 16px;}

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

.cart_navigation {margin: 20px 0}

.cart_navigation .exclusive, .cart_navigation .exclusive_large {float: right}

/* order carrier */

div#order_carrier {margin: 20px 0 0 0;padding: 10px;border-width: 1px;border-style: solid;}

div#order_carrier h4 {float: left;padding: 0 10px;}

/* cart navigation */

#order p.cart_navigation.inner-top {border-top: 1px dotted #ccc;}

p.cart_navigation {clear: both;margin: 0;padding: 25px 0 0px 0;}

p.cart_navigation .button, p.cart_navigation .button_large {float: left;}

p.cart_navigation .button:hover, p.cart_navigation .button_large:hover {}

p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {}

p.cart_navigation .exclusive:hover, p.cart_navigation .exclusive_large:hover {}

#compare_shipping_form #availableCarriers {padding: 15px 0 0 0;margin: 0!important;}

#compare_shipping_form #noCarrier {margin: 12px 0 0;padding: 10px 13px;text-align: center;}

#availableCarriers_table {width: 100%;text-align: center;}

#availableCarriers_table th {text-align: center;border: 1px solid #CCC;}

#carriercompare_errors_list li {margin: 0;padding: 10px 0 10px 0;}

#availableCarriers_table td.radio {padding: 0 5px 0 5px;text-align: center;border: none;}

#availableCarriers_table td input {float: none;margin-top: 15px;}

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

LOGIN PAGE

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

#create-account_form .text input, #create-account_form .password input, #login_form .text input, #login_form .password input {width: 100%;margin-bottom: 0px;}

#authentication #create-account_form .title_block {text-transform: none;font-size: 13px;font-weight: bold;color: #7a7a7a;}

#authentication #create-account_form .title_block, #authentication #login_form .title_block {margin: 0;padding: 13px 0 0 0;}

#authentication #create-account_form p.text, #authentication #login_form p.text {padding: 14px 0 0 0;}

#authentication #login_form p.submit {padding: 15px 0 0 0;clear:both;}

#authentication #create-account_form p.submit {padding: 20px 0 0 0;}

#authentication #create-account_form label, #authentication #login_form label {display: block;clear: both;text-align: left;padding: 0 0 5px 0;}

#authentication #login_form p.lost_password {padding: 15px 0 0 0;margin-bottom:0;}

#opc_account_form .shop_box {padding: 10px 0 10px 0;}

.cart_total {text-align: right;}

/* ————— password.tpl ————— */

.forgot_password #restore_password label {width: 170px;}

.forgot_password p.submit {padding-left: 177px;}

#password #center_column h1 + p {margin: 3px 0 17px 0;}

#password #center_column p.text input {margin: 0;}

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

div.order_address p.select label {float: left;text-align: right;padding: 2px 7px 0 0;}

div.order_address p#address_invoice_form a.button_large {margin: 0 auto;}

div.order_address p.address_add {padding: 20px 0 0 0;margin: 0;}

div.order_address #ordermsg p {margin: 0;}

div.order_address #ordermsg textarea {height: 100px;}

#multishipping_mode_box h2 {text-align: center;margin-bottom: 12px;}

#multishipping_mode_box .btn {color: #333;}

#multishipping_mode_box h2 span {padding-left: 10px;padding-right: 10px;}

#multishipping_mode_checkbox {vertical-align: top;margin-right: 5px;}

#multishipping_mode_box.on {}

#multishipping_mode_box .title {padding: 5px;font-weight: bold;color: #333}

#multishipping_mode_box .description, #multishipping_mode_box .description_off {}

#multishipping_mode_box .description .button {margin: 0 auto;display: inline-block;}

#multishipping_mode_box .description_off {display: none;padding: 5px;}

#multishipping_mode_box .description_off div {margin-bottom: 10px;}

#multishipping_mode_box.on .description_off {display: block;}

table.multishipping-cart td {padding: 12px!important;}

table.multishipping-cart th {border-width: 0 0 1px 0;}

.multishipping-cart .cart_quantity .cart_quantity_input {float: left;margin: 0;height: 22px;line-height: 22px;border-left: 0;border-right: 0;text-align: center;}

.multishipping-cart .cart_quantity a {float: left;}

.multishipping-cart .cart_quantity {width: 140px;}

#order-detail-content #cart_summary.multishipping-cart {border: 1px solid #ccc;margin-bottom: 20px;}

#order-detail-content #cart_summary.multishipping-cart td.cart_product {width: auto;}

#order-detail-content {padding-top: 0;}

#order-detail-content #cart_summary.multishipping-cart td {border: 1px solid #ccc}

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

table#carrierTable {margin: 17px 0 0 0;}

table#carrierTable tr td.radio input {background: none;border: none;position: relative;top: 1px;left: 0;}

p#gift_div {display: none;clear: both;margin: 0;}

p#gift_div label {display: block;}

p#gift_div textarea {height: 100px;margin: 12px 0 10px 0;}

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

p.payment_module {display: block;padding: 20px 0 0px 0;margin: 0;}

.payment_module img {vertical-align: middle;margin: 0 10px 0 0;float: left;}

.payment_module a {display: block;background: #fafafa;border: 1px solid #ccc;padding: 15px;color: #333;text-decoration: none;text-align: left;overflow: hidden;font-weight: bold;}

.payment_module a:hover, .payment_module a:focus, .payment_module a:active {background: #fefefe;border: 1px solid #000;color: #000;}

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

PAGE ORDER-OPC

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

div#order-opc h2.bordercolor {margin: 20px 0 0 0;padding: 17px 0 0 0;border-width: 1px 0 0 0;border-style: solid;}

div#order-opc table#carrierTable {margin: 17px 0 0 0;}

div#order-opc textarea#message {height: 100px;}

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

express checkout

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

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

#new_account_form h3 {margin-bottom: 20px;}

#center_column #new_account_form p {margin: 0;padding: 0 0 10px 0}

#center_column #new_account_form p input {margin-right: 10px;}

#new_account_form p.required {color: #222}

#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: block;padding: 6px 0px 6px 0;font-size: 12px;text-align: left}

#new_account_form #submitGuestAccount {float: right}

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

paiment - CONFIRMATION

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

#orderconfirmation #left_column {display: none}

#orderconfirmation #center_column {width: 757px}

.orderconfirmation {border: 1px solid #ccc;padding: 20px;margin: 30px 0 0 0;background: #f8f8f8}

.orderconfirmation a {color: #0C0;}

.orderconfirmation a:hover {color: #333;}

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

PAGE ADRESSES

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

.bloc_adresses .address {background:#f8f8f8;border:1px solid #cccccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:20px;margin-bottom:20px;overflow:hidden;}

.order_delivery .address.alternate_item, ul#address_invoice {margin: 0px 0 0 0;padding: 0 0 17px 0;float: left;width: 43%}

.order_delivery .address.alternate_item { padding:20px;}

.order_delivery .address.first_item, ul#address_delivery {float: left;margin-right: 30px;width: 43%}

.addresses .address_add.submit {padding: 0;margin: 0px 0 20px 0}

ul.address li {margin: 0px 0px 0 0px;}

ul.address li {line-height: 25px;color: #333;}

ul.address li.address_delete, ul.address li.address_update {float: left;}

ul.address li .btn {color: #fff;margin-top: 10px;}

ul.address li.address_title {margin: 0px 0px 8px 0px;color: #a9a9a9;font-size: 13px;text-transform: uppercase;font-weight: bold;}

ul.address li.address_title h3 {margin: 0;}

ul.address li.address_update {margin-right: 10px;}

.addresses #id_address_delivery {width: 417px;}

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

PAGE DISCOUNT

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

table.discount {margin: 17px 0 0 0;font-family:Arial, Helvetica, sans-serif;}

table.discount td.discount_code {font-weight: bold;}

table.discount td.discount_value {white-space: nowrap;}

body#discount div.center_column sup {vertical-align: top;}

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

PAGE ORDER FOLLOW

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

#order-follow #left_column {display: none}

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

PAGE NEW-PRODUCTS

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

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

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

PAGE BEST SALES

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

#best-sales .sortPagiBar {padding-top: 0;border-top: none;}

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

PAGE PRICES DROP SALES

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

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

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

PAGE MANUFACTURER

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

.mnf_sup_list {margin: 0px 0 0 0;padding: 0px;list-style-type: none;}

.title_manuf {padding: 14px 0 24px 0;margin: 0;width: 100%;overflow: hidden;display: block;text-align: right;}

.mnf_sup_list li {padding: 0px 0px 20px 0px;margin-bottom: 20px;}

.mnf_sup_list li.last_item {border-bottom:none; margin-bottom:0; padding-bottom:0;}

.mnf_sup_list li .logo {display: block;float: left;}

.mnf_sup_list li .logo a {display: block;}

.mnf_sup_list li .logo img {vertical-align: middle;margin-top: 24px;}

.mnf_sup_list li .left_side {width: 490px;float: left;padding: 0 20px 0 20px;min-height:242px;border-right: 1px solid #cccccc;}

.mnf_sup_list li .left_side div {padding: 7px 0 0 0;display: inline-block;}

.mnf_sup_list li .left_side div p {padding: 0;margin: 0;}

.mnf_sup_list li .left_side h3 {padding: 0px 0 0 0;color: #7a7a7a;text-transform: uppercase;font-size: 13px;margin: -4px 0 5px 0;display: inline-block;}

.mnf_sup_list li .right_side {width: 170px;float: right;position: relative;padding-left: 20px;}

.mnf_sup_list li .right_side p {padding: 10px 0 0 0;margin: 0;}

.mnf_sup_list li .right_side p span {}

.mnf_sup_list li .right_side p a {text-decoration: none;}

.mnf_sup_list li .right_side a.button {margin: 12px 0 0 0;}

.mnf_sup_list li .des-small {display: none;}

.mnf_sup_list li .left_side h3 {margin-top: 10px;}

.mnf_sup_list li .left_side h3 a {display: block;margin-top: -4px;}

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

PAGE SEARCH

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

#search h3.nbresult {margin: 10px 0 10px 0;padding: 10px;border: 1px solid #e6db55;font-size: 13px;background: #ffffe0}

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

PAGE 404

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

p.error404 {border: 2px solid #dd0000;background: #f5f5f5;margin: 20px 0 0 0;padding: 10px;line-height: 32px;}

p.error404 img {margin: 0 10px 0 0;}

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

addons payment cheque

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

#module-cheque-payment #columns h1 {text-align: left;margin: 0 0 14px 0;}

#module-cheque-payment #columns h2 {margin-bottom: 20px;}

#module-cheque-payment #columns .box-payment-style p {margin: 0;padding: 0;}

#module-cheque-payment #columns .cart_navigation a, #module-cheque-payment #columns .cart_navigation input {margin-top: 20px;}

#module-cheque-payment #columns form img {float: left;margin: 0 20px 2px 0;}

#module-bankwire-payment form img {}

#module-cheque-payment #columns form {font-size: 13px;}

#module-bankwire-payment #columns form {margin-top: 15px;font-size: 13px;}

#module-cheque-payment form select, #module-bankwire-payment form select {margin: 20px 0 20px 0;}

.box-payment-style {padding: 20px;border: 1px solid #ccc;color: #333;font-size: 13px;background: #F8F8F8;margin-bottom:10px;}

.box-payment-style ul li {margin-bottom: 5px;}

.box-payment-style ul {padding-top: 7px;}

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

addons payment bankwire

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

#module-gcheckout-payment aside, #module-payment-submit aside, #module-payment-submit aside {display: none}

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

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: 12px;text-align: left;cursor: pointer;display: inline;}

#account-creation_form fieldset.customerprivacy p {padding: 0;margin: 0;}

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

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 {}

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

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}

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

guest tracking And TIME CSS

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

#guest-tracking fieldset p:first-child {padding-top: 10px;}

#guest-tracking fieldset p:last-child {padding-bottom: 10px;}

#address_invoice_form {margin-bottom: 20px;}

#opc_account.opc-main-block #address_invoice_form select { width:100%;}

#address_invoice_form label {display: block;padding-bottom: 4px;}

#order #fancybox-content h2 {font-size: 14px;text-transform: uppercase;color: #3a3a3a}

.popup-extra h3 {color: #ed038a;font-size: 14px;padding-bottom: 7px;}

#module-favoriteproducts-favoriteproducts-account #left_column {display: none}

#module-favoriteproducts-favoriteproducts-account #center_column {width: 757px}

#favoriteproducts_block_account .favoriteproduct {position: relative;margin-bottom: 14px;margin-top: 15px;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:20px;}

.favoriteproduct a.product_img_link {display: block;float: left;margin-right: 14px;overflow: hidden;position: relative;}

.favoriteproduct h3 {color: #000000;font-size: 13px;padding: 0 0 10px;}

.favoriteproduct p.product_desc {line-height: 16px;overflow: hidden;padding: 0;}

.favoriteproduct .remove {position: absolute;top: 15px;right: 20px}

.favoriteproduct .remove .icon {cursor: pointer}

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

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}

.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}

.star {position: relative;top: 2px;float: left;height: 12px;width: 12px;overflow: hidden;text-indent: -999em;cursor: pointer}

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

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

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

.confirmation {margin: 0 0 10px;padding: 10px;border: 1px solid #e6db55;font-size: 13px;background: #ffffe0;}

#main .rte {background: 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}

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

#new_comment_form .btn {margin-bottom: 10px;margin-left:5px;color: #fff;}

#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: 16px;width: 12px;text-indent: -5000px;background: url(../img/icon/delete.gif) no-repeat 0 0}

#new_comment_form .product img {float: left;margin: 7px 14px 10px 8px;padding: 4px;border: 1px solid #fff;-moz-box-shadow: 0px 0px 9px #ddd;-webkit-box-shadow: 0px 0px 7px #ddd;box-shadow: 0px 0px 7px #ddd;}

#new_comment_form .product .product_desc {text-align: left;max-width:300px;}

#new_comment_form .product .product_desc .product_name {padding-bottom: 5px;font-size: 13px;color: #000}

#new_comment_form .grade_content {margin: 0 0 20px 0}

#new_comment_form .grade_content span, #new_comment_form .grade_content span {display: inline-block;padding: 0 10px;width: 150px;font-weight: bold}

#new_comment_form .grade_content .cancel {margin-right: 5px}

.new_comment_form_content .intro_form {padding-bottom: 10px;font-weight: bold;font-size: 12px}

#new_comment_form label {display: block;margin: 12px 0 4px 0;font-weight: bold;font-size: 12px;}

#new_comment_form textarea {height: 80px;}

#new_comment_form .submit {margin-top: 20px;padding: 0;font-size: 13px;text-align: right}

#new_comment_form #criterions_list {border-bottom: 1px solid #CCC;padding-bottom: 15px;list-style-type: none;}

#new_comment_form #criterions_list li {margin-bottom: 5px;padding-top: 5px;}

#new_comment_form #criterions_list label {display: block;margin: 0 0px 0 0px;padding-bottom: 5px;}

#new_comment_form #criterions_list .star_content {float: left;}

#new_comment_form #new_comment_form_footer {margin-top: 0px;font-size: 12px;}

#new_comment_form p.required {float: left;margin: 0 0 5px;}

#new_comment_form form {text-align:left;}

#new_comment_form form .row-fluid { padding-bottom:10px}

.product_image img, .product_img_link img {background:#f5f5f5;}

.fl {float: left;}

.fr {float: right;}

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

POPUP COMPARE

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

#cluetip-close img {border: 0;}

#cluetip-title {overflow: hidden;}

#cluetip-title #cluetip-close {float: right;position: relative;}

#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url('../img/loader.gif');}

.cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;}

#cluetip-extra {display: none;}

#cluetip {background-color: transparent;}

#cluetip #cluetip-outer {border: 1px solid #ccc;position: relative;background-color: #fff;text-align: left!Important;}

#cluetip #cluetip-inner .comment {text-align: left!Important;}

#cluetip h3#cluetip-title {margin: 0px;padding: 0px 0px;font-size: 12px;font-weight: normal;color: #333;}

#cluetip #cluetip-inner {padding: 5px 5px 5px;display: inline-block;}

#cluetip div#cluetip-close {text-align: right;margin: 0 5px 5px;color: #900;}

#cluetip div#cluetip-close a {}

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

TIME OTHER GLOBAL CSS

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

.shop_box {border-bottom: 1px solid #cccccc;}

.titled_box h2, .account_creation h3 {color: #333;text-transform: uppercase;font-weight: bold;font-size: 13px;padding: 10px 0px 0px 0px;margin: 0 0 5px 0;position:relative;border-bottom:1px solid #000;}

.titled_box h2 span, .account_creation h3 span {position:relative;z-index:1;}

.icon-style {width: 16px;height: 16px;background: url(../img/icon-style.png) center center no-repeat;}

.shop_box_row {border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}

.shop_box_row.shop_box_row_other {border-top: none;padding-top: 0;}

.shop_box_row.shop_box_row_search { border-top:none;}

.title_shop {color: #000;font-size: 13px;font-style: italic;font-weight: bold;}

.lnk_more {font-size: 13px;color: #a9a9a9;line-height: 16px;display: inline-block;font-style: italic;font-weight: bold;}

.lnk_more:hover {color: #a9a9a9;}

.store_list {padding: 0;margin: 0;list-style-type: none;}

.store_list li:first-child a {border: none;}

.store_list li {padding: 0px 0 0px 0px;margin: 0;}

.store_list li a {padding: 7px 0 7px 0px;display: block;border-top: 1px solid #cccccc;}

.store_list li a i {margin-right: 10px;}

.store_list li a:hover {background-position: 0 -918px}

.shop_table {background: #fefefe;border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width: 100%;}

#order-detail-content-table input.order_qte_input { display:none;}

#order-detail-content-table input.order_qte_input + label { float:none;}

#order-detail-content-table td.expand label { cursor:pointer;}

.shop_table th {border: 1px solid #cccc;}

.shop_table th {background: #f9f9f9;border: 1px solid #ccc;color: #333;font-size: 13px;font-weight: bold;padding: 15px 20px;text-align: center;vertical-align: middle;text-transform: uppercase;background: #fefefe;}

.shop_table td {border: 1px solid #ccc;padding: 10px 20px;color: #888888;}

.shop_table td .footable-row-detail-inner strong {font-size: 14px;font-weight: normal;margin: 0 10px 10px 0;display: inline-block;color: #333;}

.footable.breakpoint > tbody > tr > td.expand {background: url(../img/u.png) 7px center no-repeat;padding-left: 40px;}

.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {background: url(../img/uu.png) 7px center no-repeat;padding-left: 40px;}

.footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {cursor: pointer;}

.footable > tbody img {vertical-align: middle;}

/* Global Declaration */

div.checker span, div.radio span, div.uploader, div.uploader span.action {background: url(../img/sprite.png);background-repeat: no-repeat;-webkit-font-smoothing: antialiased;}

.radio, .checker, .uploader, .radio *, .checker *, .uploader * {margin: 0;padding: 0;}

/* Checkbox */

div.checker {width: 19px;height: 19px;float: left;}

div.checker input {width: 19px;height: 19px;}

div.checker span {background-position: 0px -260px;height: 19px;width: 19px;}

div.checker:active span, div.checker.active span {background-position: -19px -260px;}

div.checker.focus span, div.checker:hover span {background-position: -38px -260px;}

div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {background-position: -57px -260px;}

div.checker span.checked {background-position: -76px -260px;}

div.checker:active span.checked, div.checker.active span.checked {background-position: -95px -260px;}

div.checker.focus span.checked, div.checker:hover span.checked {background-position: -114px -260px;}

div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {background-position: -133px -260px;}

div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {background-position: -152px -260px;}

div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {background-position: -171px -260px;}

/* Radio */

div.radio {width: 18px;height: 18px;float: left;}

div.radio input {width: 18px;height: 18px;}

div.radio span {height: 18px;width: 18px;background-position: 0px -279px;}

div.radio:active span, div.radio.active span {background-position: -18px -279px;}

div.radio.focus span, div.radio:hover span {background-position: -36px -279px;}

div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {background-position: -54px -279px;}

div.radio span.checked {background-position: -72px -279px;}

div.radio:active span.checked, div.radio.active span.checked {background-position: -90px -279px;}

div.radio.focus span.checked, div.radio:hover span.checked {background-position: -108px -279px;}

div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {background-position: -126px -279px;}

div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {background-position: -144px -279px;}

div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {background-position: -162px -279px;}

/* Uploader */

div.uploader {background-position: 0px -297px;height: 28px;}

div.uploader span.action {background-position: right -409px;height: 24px;line-height: 24px;}

div.uploader span.filename {height: 24px;/* change this line to adjust positioning of filename area */

margin: 2px 0px 2px 2px;line-height: 24px;}

div.uploader.focus, div.uploader.hover, div.uploader:hover {background-position: 0px -353px;}

div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {background-position: right -437px;}

div.uploader.active span.action, div.uploader:active span.action {background-position: right -465px;}

div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {background-position: right -493px;}

div.uploader.disabled {background-position: 0px -325px;}

div.uploader.disabled span.action {background-position: right -381px;}

/* Checker */

div.checker {margin-right: 5px;}

/* Radio */

div.radio {margin-right: 3px;}

/* Uploader */

#contact_form div.uploader {}

div.uploader span.action {width: 110px;text-align: center;display: block;background-color: #fff;color: #333;}

div.uploader span.filename {border-right: solid 1px #ccc;color: #333;}

div.uploader input {width: 120px;color: #333;}

div.uploader.disabled span.action {color: #aaa;}

div.uploader.disabled span.filename {border-color: #ccc;}

/*select*/

/* Select */

div.selector {

line-height: 30px; height: 30px; padding: 0 0 0 0px; position: relative; overflow: hidden; border:1px solid #ccc; float:left;background:url(../img/select.png) no-repeat 95% 12px; }

div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height: 30px; line-height: 30px; padding-right: 0px;padding-left:10px; cursor: pointer; width: 85% !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; display: block;font-size:12px; }

.nbr_page div.selector { background-position:89% 12px;}

div.selector.fixedWidth { width: 190px; }

div.selector.fixedWidth span { width: 155px; }

div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 31px; top: 0px;padding:0 20px 0 0; left: 0px; width: 100%;}

/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line

-----------------------------------------------------

*/

.checker, .radio, .uploader {display: -moz-inline-box;display: inline-block;vertical-align: middle;zoom: 1; *display: inline;}

.radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;}

/* Checker */

div.checker {position: relative;}

div.checker span {display: -moz-inline-box;display: inline-block;text-align: center;}

div.checker input {opacity: 0;margin: 0!important; filter: alpha(opacity:0);display: inline-block;background: none;}

/* Radio */

div.radio {position: relative;}

div.radio span {display: -moz-inline-box;display: inline-block;text-align: center;}

div.radio input {opacity: 0; filter: alpha(opacity:0);text-align: center;display: inline-block;background: none;}

/* Uploader */

div.uploader {position: relative;overflow: hidden;cursor: default;}

div.uploader span.action {float: left;display: inline;padding: 2px 0px;overflow: hidden;cursor: pointer;}

div.uploader span.filename {padding: 0px 10px;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: default;}

div.uploader input {-moz-box-sizing: 0!important;opacity: 0; filter: alpha(opacity:0);position: absolute;top: 0;right: 0;bottom: 0;float: right;height: 25px;border: none;cursor: default;}

#product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer {background: url(../img/icon/warning.png) no-repeat 10px 15px #D4EEFF;color: #fff;opacity: .85;filter: alpha(opacity = 85);margin-top: 5px;margin-bottom: 5px;text-align: left;display: none;padding: 10px 10px 6px 45px;border: 1px solid #34ACF9;color: #0473B9;font: 13px "Arial";border-radius: 5px;}

#product div.jGrowl div.jGrowl-notification div.close {font-size: 18px;color: #34ACF9;margin-top: 7px;opacity: .99;filter: alpha(opacity = 99);}

.b-core-ui-select {position: relative;float: left;width: 150px;padding: 6px 10px 6px 10px;font-size: 12px;line-height: 18px;color: #333;cursor: pointer;border: 1px solid #ccc;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

.b-core-ui-select__select {position: static;width: 80%;padding: 10px;font-size: 12px;line-height: 18px;}

.b-core-ui-select__value {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 25px;}

.b-core-ui-select__select_state_hide {margin: 0;padding: 0;position: absolute;text-indent: -9999px;overflow: hidden;opacity: 0;z-index: -1;}

.b-core-ui-select:HOVER {color: #333333;}

.b-core-ui-select.focus {outline: 0;}

.b-core-ui-select.disabled, .b-core-ui-select.disabled:ACTIVE {opacity: .5;color: #333333;background-color: #e6e6e6;background-position: 0 -15px;transition: background-position 0.1s linear;}

.b-core-ui-select__button {position: absolute;right: 10px;top: 10px;display: block;width: 0;height: 0;border-top: 5px solid black;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";margin-top: 3px;margin-left: 2px;}

.b-core-ui-select__dropdown {display: none;position: absolute;top: 0;color: #333;margin-top: -1px;max-height: 200px;font-size: 12px;border: 1px solid #ccc;background-color: whiteSmoke;background-image: -ms-linear-gradient(top, white, #E6E6E6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));background-image: -webkit-linear-gradient(top, white, #E6E6E6);background-image: -o-linear-gradient(top, white, #E6E6E6);background-image: linear-gradient(top, white, #E6E6E6);background-image: -moz-linear-gradient(top, white, #E6E6E6);background-repeat: repeat-x;}

.b-core-ui-select__dropdown.hide {display: none;}

.b-core-ui-select__dropdown.show {display: block;}

.b-core-ui-select__dropdown__wrap {max-height: 200px;overflow: auto;outline: none;}

.j-scroll-pane .b-core-ui-select__dropdown__item {}

.b-core-ui-select__dropdown__list {overflow: hidden;margin: 0!important;}

.b-core-ui-select__dropdown__item {padding: 5px 10px;min-height: 18px;list-style-type: none;cursor: pointer;}

.b-core-ui-select__dropdown__label {padding: 10px;min-height: 18px;font-style: italic;list-style-type: none;border-bottom: 1px solid #ccc;}

.b-core-ui-select__dropdown__item.disabled, .b-core-ui-select__dropdown__item.disabled:HOVER {color: #ccc;background: none;}

.b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:HOVER {background: #999;color: #fff;}

.b-core-ui-select__dropdown__item:HOVER {background: #ccc;}

.sortPagiBar select {float: left;display: block;width: 222px;height: 33px;}

.b-content {margin: 60px;padding: 80px 80px 80px 140px;width: 60%;font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;background: #FFFFFF;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset;}

.b-content__title {margin: 0 0 40px;font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;}

.b-content P {margin: 0 0 20px;}

.b-content H2, .b-content H3 {margin: 15px 0 30px;}

.b-content OL, .b-content UL {margin: 0 0 40px;}

.b-row {margin: 15px 0 45px -60px;padding: 30px 0 30px 59px;border: 1px solid #ccc;}

.b-code-block {background: none repeat scroll 0 0 #E6E6E6;border-left: 1px solid #D9D4D3;clear: both;color: #533D3A;counter-reset: code;font: 12px/20px Consolas, monospace;margin: 0 0 15px -60px;padding: 12px 0 12px 59px;white-space: normal;}

.b-code-block CODE:before {color: #B3A9A7;content: counter(code, decimal-leading-zero) ".";counter-increment: code;;position: absolute;}

.b-code-block CODE {display: block;padding: 0;white-space: pre-wrap;}

.jspContainer {overflow: hidden;position: relative;outline: none;width: 100% !important;}

.jspPane {position: absolute;width: 100% !important;outline: none;}

.jspVerticalBar {position: absolute;top: 0;right: 0;width: 8px;height: 100%;z-index: 100;}

.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}

.jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;}

.jspCap {display: none;}

.jspHorizontalBar .jspCap {float: left;}

.jspTrack {position: relative;border-radius: 5px;background-color: #E5E5E5;background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;}

.jspDrag {position: relative;top: 0;left: 0;cursor: pointer;border-radius: 4px;border: solid 1px #A6A6A6;background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 233, 233, 0.05)), color-stop(100%, rgba(221, 221, 221, 0.05)));background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);background-color: #E9E9E9;}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}

.jspArrow {text-indent: -20000px;display: block;cursor: pointer;}

.jspArrow.jspDisabled {cursor: default;}

.jspVerticalBar .jspArrow {position: relative;display: block;width: 0;height: 4px;}

.jspVerticalBar .jspArrow.jspArrowDown {top: 4px;border-top: 4px solid #ccc;border-right: 4px solid transparent;border-left: 4px solid transparent;}

.jspVerticalBar .jspArrow.jspArrowUp {top: -4px;border-bottom: 4px solid #ccc;border-right: 4px solid transparent;border-left: 4px solid transparent;}

.jspVerticalBar .jspArrow:focus {outline: none;}

.jspCorner {background: #eeeef4;float: left;height: 100%;}

.modal-body {overflow-y: auto;-webkit-overflow-scrolling: touch;max-height:200px;}

@media print {* {background: transparent !important;color: black !important;box-shadow: none !important;text-shadow: none !important;filter: none !important;-ms-filter: none !important;}

a, a:visited {text-decoration: underline;}

a[href]:after {content: "";}

abbr[title]:after {content: "";}

.ir a:after, a[href^=javascript:]:after, a[href^=#]:after {content: "";}

a:link:after, a:visited:after { content: "";}

pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}

thead {display: table-header-group;}

tr, img {page-break-inside: avoid;}

img {max-width: 100% !important;}

@page {margin: 0.5cm;}

p, h2, h3 {orphans: 3;widows: 3;}

h2, h3 {page-break-after: avoid;}

.hide-on-print {display: none !important;}

.print-only {display: block !important;}

.hide-for-print {display: none !important;}

.show-for-print {display: inherit !important;[spam-filter]

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

CROSSELING AND CATEGORY PRODUCTS

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

.crossselling.page_product_box h3, .tab-video.page_product_box h3 {margin-top: 10px;}

#carouselproduct {width: 100000px;}

#row-2-extra {}

#carouselproductcross {width: 100000px;}

.page_product_box .carusel-inner {padding: 20px 0 0px 0;position: relative;margin: 0 0 0px -20px;display: block;}

.page_product_box .carusel-inner .caroufredsel_wrapper {cursor: default!important;}

.page_product_box {overflow: hidden;margin: 0;}

.page_product_box .carousel-ul {display: block;padding: 0;margin: 0;width: 10000px;}

.page_product_box {position: relative;}

.page_product_box .carusel-inner li a {display:inline-block;}

.page_product_box .carusel-inner li {display: block;float: left;margin-left: 20px;height: 235px;width: 146px;text-align:center;}

.page_product_box .carusel-inner li .price_display {margin: 0;}

.page_product_box .carusel-inner .product_link {display: inline-block;margin: 15px 0;}

.page_product_box a.prev, .page_product_box a.next {background: url(../img/slider-arrow.png) no-repeat transparent;width: 27px;height: 27px;display: block;position: absolute;top: 105px;display: none;opacity: 1;filter: alpha(opacity=0);-moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;-webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;-o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;transition: opacity 300ms ease, left 300ms ease, right 300ms ease;}

.page_product_box .carusel-inner:hover, .page_product_box .carusel-inner img:hover {cursor: move;cursor: pointer;}

.page_product_box .carusel-inner:hover a.prev {opacity: 1;filter: alpha(opacity=100);left: 40px;}

.page_product_box .carusel-inner:hover a.next {opacity: 1;filter: alpha(opacity=100);right: 22px;}

.page_product_box a.prev {left: 40px;background-position: 0 0;}

.page_product_box a.prev:hover {background-position: 0 -27px;}

.page_product_box a.next {right: 22px;background-position: -27px 0;}

.page_product_box a.next:hover {background-position: -27px -27px;}

.page_product_box a.next.disabled, .page_product_box a.prev.disabled {opacity: 0.2;}

.page_product_box a.prev.disabled, .page_product_box a.next.disabled {cursor: default;}

#HOOK_SHOPPING_CART .page_product_box > h3{background: none repeat scroll 0 0 #A9A9A9; color: #FFFFFF; display: block; font-size: 20px; font-weight: normal; line-height: 1.5; margin: 20px 0 0; padding: 9px 50px 9px 20px; position: relative;}

#HOOK_SHOPPING_CART .page_product_box.accordion h3 {cursor:pointer;}

#HOOK_SHOPPING_CART .page_product_box.accordion h3 .icon-toggle {display: block; font-size: 27px; line-height: 27px; position: absolute; right: 12px; top: 10px;}

#HOOK_SHOPPING_CART .page_product_box.accordion h3 i {display:inline-block;}

@media only screen and (min-width: 768px) and (max-width: 979px) {.page_product_box .carusel-inner a.prev{opacity:1;filter:alpha(opacity=100); left:40px;}

.page_product_box .carusel-inner a.next{opacity:1;filter:alpha(opacity=100); right:22px;[spam-filter]

#product_comments_block_tab button.usefulness_btn {

border: none !important;

color: #FFFFFF !important;

font-weight: normal !important;

margin: 0 !important;

padding: 4px 12px !important;

}

hi, this is the modified file of my /themes/theme723/css/global.css but it didn't make any difference. did i did something wrong? thanks for the help

vekia · April 8, 2014

your shop uses CCC for css files

so in this case TEMPORARILY turn CCC OFF (adv. parameters > performance tab in back office)

and turn CACHE OFF and FORCE COMPILE ON.

then refresh your front office.

bryanblue · April 8, 2014

Thank you so much for the help you got it working. and one more question how do i put my top horizontal menu to display sub-menu Depth of 1.

vekia · April 9, 2014

you're welcome

and regarding to your question,

i'm not understand :/ sorry for the problem, but can you explain it a little more, please?

bryanblue · April 9, 2014

you're welcome

and regarding to your question,

i'm not understand :/ sorry for the problem, but can you explain it a little more, please?

thanks for the reply, right now top horizontal shows category - subcategory - sub sub category - sub sub sub category so on.

but i only want it to show category - subcategory and that is it.

in this case i don't want anything below flatware to show.

Top horizontal menu drop down list modify to be horizontal?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites