Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url("grid_prestashop.css");
- /* ************************************************************************************************
- 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:auto;}
- 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;
- }
- 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 -3px;
- }
- a, a:visited, a:active, a:link, a:focus {
- cursor: pointer;
- text-decoration: none;
- color: #333;
- outline: none;
- }
- a:hover {
- text-decoration: none;
- color: #a9a9a9;
- }
- 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%;
- }
- #nivo-directionNav {
- display:none;
- }
- nivo-directionNav {
- display:none;
- }
- /* ************************************************************************************************
- STRUCTURE
- ************************************************************************************************ */
- #wrapp {
- background: url(../img/bg-main.jpg) left top repeat-x #fff;
- position: relative;
- overflow: hidden;
- width: 100%;
- }
- #wrapp_2 {
- margin: 0 auto;
- padding: 0;
- text-align: left;
- background:url(../img/shine.png) no-repeat 50% 54px;
- }
- #right_column {
- padding: 0px 0px 10px 0px;
- }
- body#index .instant + #right_column {
- display: block;
- }
- #center_column {
- padding-bottom: 30px;
- }
- #product #center_column {
- padding-bottom: 30px;
- }
- body#index #center_column {
- padding-bottom: 0px;
- }
- body#index #center_column.instant { padding-bottom:10px;}
- body#index #center_column.instant .price { margin-bottom:20px; float:none;}
- /* ************************************************************************************************
- MAIN STYLE STORE
- ************************************************************************************************ */
- h1 strong {
- float: right;
- padding: 0px 6px 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-size: 17px;
- color: #ec3020;
- font-weight: bold;
- font-family: 'Open Sans', sans-serif;
- text-transform:none;
- line-height:20px;
- }
- a.product_link:hover {
- color: #ff7618;
- }
- .price {
- color: #02c6f7;
- font-family: 'Open Sans', sans-serif;
- font-weight: bold;
- font-size: 18px;
- line-height:20px;
- display:inline-block;
- }
- .price-old {
- text-decoration:line-through;
- color: #ff6c08;
- font-family: 'Open Sans', sans-serif;
- font-weight: bold;
- font-size: 18px;
- line-height:20px;
- display:inline-block;
- margin-left:10px;
- }
- .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 {
- margin-bottom: 2px;
- }
- #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 {
- padding: 12px 14px;
- font-weight: 400;
- font-size: 12px;
- font-family: 'Open Sans', sans-serif;
- color: #fff;
- line-height: 15px;
- display: inline-block;
- border:none;
- *display: inline;
- margin-bottom: 0;
- vertical-align: middle;
- cursor: pointer;
- *border: 0;
- *zoom: 1;
- background:#272727;
- text-transform:uppercase;
- border-radius:4px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- }
- 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;
- color: #fff;
- background: #c7c7c7;
- margin-bottom: 10px;
- }
- 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:#ff6c08;
- }
- a.btn_add_cart {
- color: #fff;
- text-transform:uppercase;
- margin-right: 2px;
- padding: 11px 14px;
- background:#008000;
- font-family: 'Open Sans', sans-serif;
- margin-bottom: 10px;
- }
- a.btn_add_cart span {
- line-height: 18px;
- padding: 2px 0 2px 0px;
- }
- a.btn_add_cart:hover {
- background:#02c6f7;
- color:#fff;
- }
- .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-left: -20px;
- 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;
- }
- #right_column .block_content .store_list{ border:none; padding:0; margin:0;}
- ul.store_list,
- #right_column .block_content{
- margin-bottom:10px;
- background:#fff;
- border:1px solid #d6d6d6;
- border-top: none;
- padding:10px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;}
- /* ************************************************************************************************
- 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 {
- list-style-type: none;
- float: left;
- margin: 4px 0 0 0;
- }
- .pagination ul {
- border-radius: 0px;
- box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
- -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
- -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
- }
- .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {}
- .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {}
- .pagination ul > li > a, .pagination ul > li > span {
- border: none !important;
- line-height: 30px;
- background:#272727;
- padding: 0 10px;
- border-color: #D4D4D4 #A5A5A5 #A5A5A5 #D4D4D4;
- border-style: solid;
- border-width: 1px;
- color: #FFF;
- }
- .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus{ background:#d6d6d6; color:#fff;}
- .pagination ul > li > a:hover,
- .pagination ul > li > a:focus,
- .pagination ul > .active > a,
- .pagination ul > .active > span{background:#ff6c08; color:#fff;}
- .pagination ul > li.current > span{ background:#ff6c08;}
- /* ************************************************************************************************
- SUBCATEGORIES
- ************************************************************************************************ */
- .center_column .cat_desc {
- margin: 0px 0px 0px 0px;
- padding: 10px 15px 10px 15px;
- font-size: 13px;
- color: #333;
- font-family: Arial, Helvetica, sans-serif;
- font-style: italic;
- font-weight: normal;
- position: relative;
- background:#fff;
- border:1px solid #d6d6d6;
- }
- .row_category .category_image {
- float: left;
- margin:10px 20px 5px 5px;
- position:relative;
- z-index:55;
- }
- .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 {
- color: #7a7a7a;
- 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;
- padding: 0px 0px 30px 0px;
- }
- #header_logo {
- display: block;
- position: absolute;
- left: 0px;
- top: 85px;
- }
- #header-inner {
- padding: 191px 0px 0px 0px;
- position: relative;
- }
- /* ************************************************************************************************
- BLOCKPERMANENTLINKS
- ************************************************************************************************ */
- .blockpermanentlinks-header {
- position: absolute;
- left: 0px;
- top: 12px;
- }
- #header_links li {
- float: left;
- padding: 0px 20px 0px 0px;
- margin: 0;
- }
- #header_links li a {
- color: #ffffff;
- text-decoration: none;
- font-size: 14px;
- font-weight: 400;
- line-height: 22px;
- text-transform:capitalize;
- font-family: 'Open Sans', sans-serif;
- display:inline-block;
- -moz-transition: all 0.4s ease 0s;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- }
- #header_links li a i{
- color:#a9a9a9;
- font-size:17px;
- line-height:22px;
- margin:1px 10px 0 0;
- display:inline-block;
- float:left;
- -moz-transition: all 0.4s ease 0s;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- }
- #header_links li a span{ display:inline-block; margin-top:0px; float:left;}
- #header_links li a:hover, body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store {
- color: #ff6c08;
- -moz-transition: all 0.4s ease 0s;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- }
- #header_links li a:hover i, body#index a.header_links_home i, #sitemap a.header_links_sitemap i, #contact a.header_links_contact i, #cms a.header_links_delivery i, #stores a.header_links_store i{
- color:#fff;
- -moz-transition: all 0.8s ease 0s;
- -webkit-transition: all 0.8s ease 0s;
- -o-transition: all 0.8s ease 0s;
- transform: rotate(360deg);
- -ms-transform: rotate(360deg); /* IE 9 */
- -webkit-transform: rotate(360deg); /* Safari and Chrome */
- }
- .mobile-link-top {
- display: none;
- }
- /* ************************************************************************************************
- LANGUAGES AND CURRENCIES
- ************************************************************************************************ */
- #currencies_block_top, #languages_block_top {
- position: absolute;
- right: 0px;
- top: 0px;
- }
- #currencies_block_top form {
- margin: 0;
- }
- #languages_block_top:hover, #currencies_block_top:hover, .mobile-link-top h4 {
- cursor: pointer;
- }
- .list_header {
- display: none;
- z-index: 1000;
- width: 140px;
- position: absolute;
- right: 0px;
- top: 48px;
- list-style: none;
- background: #444;
- border-radius:4px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- }
- #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {
- color: #ffffff;
- font-size: 18px;
- position: relative;
- font-weight:600;
- text-transform:capitalize;
- margin-bottom: 0;
- font-family: 'Open Sans', sans-serif;
- }
- #languages_block_top p{
- width:56px;
- text-align:center;
- background:url(../img/lang-bg.png) no-repeat 0 0;
- overflow:hidden;
- padding:9px 0 10px 15px;
- }
- #languages_block_top p span{ display:inline-block; float:left;}
- #languages_block_top p i{
- font-size:26px;
- line-height:26px;
- margin:1px 0 0 4px;
- display:inline-block;
- float:left;
- }
- #currencies_block_top p.inner-carrencies{
- width:46px;
- text-align:center;
- background:url(../img/cur-bg.png) no-repeat 0 0;
- overflow:hidden;
- padding:9px 0 10px 14px;
- }
- #currencies_block_top p.inner-carrencies span{ display:inline-block; float:left;}
- #currencies_block_top p.inner-carrencies i{
- font-size:26px;
- line-height:26px;
- margin:1px 0 0 6px;
- display:inline-block;
- float:left;
- }
- .list_header li {
- border-top: 1px solid #555;
- }
- .list_header li:first-child {
- border:none;
- }
- .list_header li.selected {
- padding: 8px 0 8px 10px;
- cursor: default;
- }
- .list_header li.selected a {
- color: #979797;
- cursor: default;
- }
- .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: #a9a9a9;
- }
- .list_header li.selected span {
- cursor: default;
- font-weight: bold;
- }
- #currencies_block_top p.inner-carrencies:hover, #languages_block_top p:hover, .mobile-link-top h4:hover {
- color: #000
- }
- .arrow_header_top {
- width:auto;
- }
- #currencies_block_top p.active, #languages_block_top p.active, .mobile-link-top h4.act .arrow_header_top {
- color:#000;
- }
- /* languages */
- #languages_block_top {
- right: 61px;
- }
- #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 */
- #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 LOGIN/LOGOUT
- ************************************************************************************************ */
- .blockuserinfo {
- position: absolute;
- top: 0px;
- right: 133px;
- background:#a9a9a9;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .blockuserinfo a {
- display: inline-block;
- color:#fff;
- font-family: 'Open Sans', sans-serif;
- font-size:18px;
- line-height:20px;
- font-weight:700;
- padding:13px 15px 15px 15px;
- }
- .blockuserinfo a:hover{ color:#000;}
- .blockuserinfo a i{ display:none;}
- /* ************************************************************************************************
- BLOCK HEADER USER INFO SHOPPING CART
- ************************************************************************************************ */
- #header_user {
- position: absolute;
- right: 400px;
- top: 97px;
- z-index: 99;
- }
- #header_user #shopping_cart a {
- overflow:hidden;
- padding: 17px 19px 0px 0px;
- display: inline-block;
- color:#979797;
- font-weight:700;
- font-size:16px;
- line-height:20px;
- background:url(../img/cart-bg.png) no-repeat 100% 0;
- border-radius:4px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- font-family: 'Open Sans', sans-serif;
- min-width:244px;
- }
- #header_user #shopping_cart a:hover {
- color:#2e2e2e;
- }
- #header_user #shopping_cart .shopping_cart_title {
- padding: 17px 31px 20px 20px;
- color: #ffffff;
- display: inline-block;
- text-transform: uppercase;
- float: left;
- margin-top:-17px;
- margin-right:8px;
- font-size:18px;
- font-weight:800;
- text-transform:uppercase;
- font-family: 'Open Sans', sans-serif;
- background:url(../img/cart-title-bg.gif) no-repeat 100% 0 #ff6c08;
- }
- #header_user #shopping_cart .shopping_cart_title:hover{ color:#2e2e2e;}
- #header_user #shopping_cart span {
- margin-right:0px;
- }
- #header_user #shopping_cart .ajax_cart_total {
- font-family: Arial, Helvetica, sans-serif;
- font-style: italic;
- }
- #header_user #shopping_cart .opancart {
- float:right;
- margin:2px 0 0 5px;
- color:#ff6c08;
- font-size:26px;
- line-height:20px;
- font-weight:400;
- }
- #header_user.close-cart #shopping_cart a {
- color: #303030;
- }
- #header_user.close-cart #shopping_cart a i{ color:#303030;}
- .hidden {
- display: none;
- visibility: inherit;
- }
- /* ************************************************************************************************
- SEARCH
- ************************************************************************************************ */
- #search_block_top {
- position: absolute;
- top: 97px;
- right: 0px;
- margin:0px;
- background:url(../img/search-input.gif) repeat-x 0 0;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- overflow:hidden;
- }
- #search_block_top label {
- float:left;
- background:url(../img/search-title-bg.gif) no-repeat 100% 0 #a9a9a9;
- color: #FFFFFF;
- display: inline-block;
- float: left;
- font-family: 'Open Sans',sans-serif;
- font-size: 18px;
- font-weight: 800;
- padding: 17px 32px 20px 20px;
- text-transform: uppercase;
- margin-bottom:0;
- }
- #search_block_top form, #search_block_top p {
- margin: 0;
- }
- #search_block_top input.search_query {
- margin: 1px 0;
- float: left;
- height: 55px;
- line-height: 20px;
- background: #fff;
- padding: 0px 0px;
- max-width:190px;
- min-width:190px;
- width:auto;
- position: relative;
- vertical-align: middle;
- border:none;
- background:none;
- box-shadow: none;
- border-right: none;
- outline:none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-user-modify: read-write-plaintext-only;
- }
- body.lang_fr #search_block_top input.search_query{max-width:143px; min-width:143px;}
- #search_block_top input.search_query:focus {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- #search_block_top a {
- padding: 9px 0 0 0;
- background:url(../img/search-bg.gif) no-repeat 0 0;
- display: block;
- float: left;
- width: 57px;
- height: 48px;
- text-align:center;
- color:#03c8f2;
- -moz-transition: all 0.4s ease 0s;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- }
- #search_block_top a:hover {
- color:#ff6c08;
- -moz-transition: all 0.4s ease 0s;
- -webkit-transition: all 0.4s ease 0s;
- -o-transition: all 0.4s ease 0s;
- }
- #search_block_top a span { display:none;}
- #search_block_top a i {
- font-size:38px;
- line-height:40px;
- width:100%;
- height:100%;
- display:inline-block;
- }
- .ac_results {
- width: 225px!important;
- border: 1px solid #ddd!important;
- }
- .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:#ccc;
- }
- /* ************************************************************************************************
- MAIN STYLE BOX COLUMN
- ************************************************************************************************ */
- .column .block {
- margin: 0 0 0px 0;
- }
- h1, .column .block h4, .center_column .block h4, #layered_block_left h3 {
- color: #272727;
- font-size: 18px;
- line-height:21px;
- text-transform: uppercase;
- font-weight: bold;
- padding: 17px 0px 17px 18px;
- margin: 0 0 0px 0;
- border: 1px solid #d6d6d6;
- background:#f8f8f8;
- font-weight:800;
- font-family: 'Open Sans', sans-serif;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-topright: 4px;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- #layered_block_left h3{
- padding:10px;
- }
- h1#instant_search_results { overflow:hidden;}
- h1, .column .block h4 span, .center_column h4 span, #layered_block_left h3 span {
- padding-right: 5px;
- color: #272727;
- font-weight:800;
- font-family: 'Open Sans', sans-serif;
- margin-bottom:10px;
- }
- .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 {
- }
- .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 {
- 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: 155px;
- 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 {
- width: 270px;
- float: left;
- }
- #newsletter_block_left div.block_content {
- 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 HEADER CART
- ************************************************************************************************ */
- #header #cart_block h4 {
- display: none;
- }
- #header #cart_block {
- z-index: 999;
- display: none;
- position: absolute;
- right: 400px;
- top: 155px;
- width: 275px;
- padding: 0px 10px 10px 10px;
- border: 1px solid #ff6c08;
- background: #fff;
- font-family: 'Open Sans', sans-serif;
- text-transform:uppercase;
- font-weight:700;
- border-radius:4px;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- }
- /* ************************************************************************************************
- 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;
- margin-top:1px;
- 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;
- }
- #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
- ************************************************************************************************ */
- #center_column .breadcrumb { display:none;}
- .breadcrumb {
- margin: 0px 0 20px 0px;
- background: none;
- border-radius: 0px;
- padding: 7px 0 7px 0px;
- background: #f8f8f8;
- width: 1170px;
- font-size: 14px;
- min-height:30px;
- line-height:30px;
- border:1px solid #d6d6d6;
- }
- .breadcrumb span {
- display: inline;
- }
- .breadcrumb a {
- font-size: 14px;
- line-height: 22px;
- position:relative;
- }
- .breadcrumb a i {
- vertical-align: -4px;
- }
- .breadcrumb-home {
- }
- .breadcrumb-home i {
- font-size: 25px;
- }
- .breadcrumb-home:hover {
- }
- .breadcrumb .navigation-pipe {
- margin: 0 10px 0 10px;
- font-size: 14px;
- line-height: 22px;
- }
- .breadcrumb .navigation_page {
- font-size: 14px;
- line-height: 22px;
- }
- .breadcrumb_inset {
- padding:0 10px;
- }
- /* ************************************************************************************************
- 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: #03c8f2;
- }
- #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{
- background:url(../img/footer-bg.png)
- }
- .block.blockcms_footer {}
- footer {margin:30px 0 0 0; }
- footer .modules {
- position: relative;
- padding-bottom: 10px;
- margin: 0;
- }
- footer .block h4 {
- font-size: 18px;
- line-height:24px;
- color: #ff6c08;
- font-weight: 800;
- font-family: 'Open Sans', sans-serif;
- text-transform: uppercase;
- padding: 0 0 3px 0;
- margin: 23px 0 6px 0;
- }
- footer .block h4 i {
- display:none;
- }
- footer .block h4 a {
- color: #1c1c1c;
- font-weight: bold;
- }
- footer .block a {
- color: #7a7a7a;
- }
- footer .block a:hover {
- color: #ff6c08;
- text-shadow: 0 0 #ff6c08;
- }
- footer .block .list-footer li {
- padding: 0px 0 10px 0;
- }
- footer .block .list-footer li i{ display:none;}
- footer .block .list-footer li.referralprogram i, footer .block .list-footer li.loyalty i { display:none;}
- footer .block .list-footer li a {
- font-size: 14px;
- font-weight:400;
- color: #FFFFFF;
- text-shadow: 0 0 #FFFF00;
- font-family: 'Open Sans', sans-serif;
- text-transform:none;
- padding:0 0 0 23px;
- word-wrap:break-word;
- background:url(../img/f-marker.png) no-repeat 0 2px;
- }
- footer .block .list-footer li a:hover{
- color:#ff6c08;
- text-shadow:0 0 #ff6c08;
- }
- footer .block .list-footer li img {
- display: none;
- }
- footer .footer-text {
- padding: 0px 0 0 0;
- }
- .bottom_footer {
- position: absolute;
- bottom: 22px;
- left: 0px;
- font-size: 14px;
- border-top: 1px solid #d6d6d6;
- width: 100%;
- padding-top: 27px;
- font-weight:400;
- color:#272727;
- text-shadow:0 0 #272727;
- font-family: 'Open Sans', sans-serif;
- }
- .bottom_footer a {
- color: #ff6c08;
- text-shadow:0 0 #ff6c08;
- }
- .bottom_footer a:hover {
- color: #272727;
- text-shadow:0 0 #272727;
- }
- .block.block_category_footer {
- margin-left:0;
- }
- .block.block_category_footer ul ul {
- margin-left: 20px;
- display:none !important;
- }
- /*blocksocial */
- .blocksocial li a {
- display: inline-block;
- font-size: 14px;
- font-weight:400;
- color: #FFFFFF;
- text-shadow: 0 0 #FFFF00;
- font-family: 'Open Sans', sans-serif;
- text-transform:none;
- padding:0 0 0 23px;
- }
- .blocksocial li {
- vertical-align: middle;
- padding-top: 1px;
- margin-left:-1px;
- margin-bottom:8px;
- }
- .blocksocial li.facebook a {
- background: url(../img/sprite_pict_social_block.png) no-repeat 0 0px;
- padding: 0px 0 0px 25px;
- height: 20px;
- }
- .blocksocial li.twitter{ margin-bottom:9px;}
- .blocksocial li.twitter a {
- background: url(../img/sprite_pict_social_block.png) no-repeat 0 -29px;
- padding: 0px 0 0px 25px;
- height: 20px;
- }
- .blocksocial li.rss a {
- background: url(../img/sprite_pict_social_block.png) no-repeat 0 -60px;
- padding: 0px 0 0px 25px;
- height: 20px;
- }
- #paiement_logo_block_left {
- margin:15px 0 0 30px;
- float:left;
- }
- /* ************************************************************************************************
- 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_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
- ************************************************************************************************ */
- #bestsales .sortPagiBar {
- margin-bottom: 20px
- }
- /* ************************************************************************************************
- 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: #a9a9a9;
- 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;
- margin-left: -35px;
- 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;
- }
- }
- /* ************************************************************************************************
- 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;
- border: 1px solid;
- margin: 5px 0;
- }
- .page_product_box .carusel-inner li a {
- display:inline-block;
- }
- .page_product_box .carusel-inner li {
- display: block;
- float: left;
- margin-left: 20px;
- height: 220px;
- 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: 5px 0px 0px 0px
- }
- .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: 75px;
- 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;}
- }
- .producttags {
- list-style:none;
- position:relative;
- clear:both;
- display:block;
- padding-bottom:20px;
- margin-bottom:20px;
- }
- .producttags li, .producttags a{
- float:left;
- height:24px;
- line-height:24px;
- position:relative;
- font-size:11px;
- }
- .producttags a{
- margin-left:20px;
- padding:0 10px 0 12px;
- background:#0089e0;
- color:#fff;
- text-decoration:none;
- -moz-border-radius-bottomright:4px;
- -webkit-border-bottom-right-radius:4px;
- border-bottom-right-radius:4px;
- -moz-border-radius-topright:4px;
- -webkit-border-top-right-radius:4px;
- border-top-right-radius:4px;
- }
- .producttags a:visited{
- color:#fff;
- }
- .producttags a:before{
- content:"";
- float:left;
- position:absolute;
- top:0;
- left:-12px;
- width:0;
- height:0;
- border-color:transparent #0089e0 transparent transparent;
- border-style:solid;
- border-width:12px 12px 12px 0;
- }
- .producttags a:after{
- content:"";
- position:absolute;
- top:10px;
- left:0;
- float:left;
- width:4px;
- height:4px;
- -moz-border-radius:2px;
- -webkit-border-radius:2px;
- border-radius:2px;
- background:#fff;
- -moz-box-shadow:-1px -1px 2px #004977;
- -webkit-box-shadow:-1px -1px 2px #004977;
- box-shadow:-1px -1px 2px #004977;
- }
- .producttags a:hover{background:#555; text-decoration:none;}
- .producttags a:hover:before{border-color:transparent #555 transparent transparent;}
- .footerInterval {
- display: block;
- width: 100%;
- margin: 0;
- text-align: center;
- padding: 15px;
- height: 40px;
- border: 1px solid #7A7A7A
- border-left: none;
- border-right: none;
- }
- .visa_master {
- display: block;
- background: #FFF;
- width: 150px;
- }
- .blackBlock {
- background: #141414;
- display: block;
- width: 100%;
- height: 20px;
- }
- fb-like-box{
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement