/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ @import url("grid_prestashop.css"); img.scale-with-grid { max-width: 100%; height: auto; } /* ################################################################################################## MEDIA QUERIES ################################################################################################## */ #wrapper {position: relative; min-height:100%;} /* **************************************************************************** Large desktop **************************************************************************** */ @media only screen and (min-width: 1200px) { .container_9 {width: 1200px;margin-left: auto;margin-right: auto;} .container_9 .grid_2 {margin-right: 6.5%;} .container_9 .grid_5 {width:100%;margin-left: 0;margin-right: 0;} #page_header {width: 1200px;} #header {width: 1200px;} #footer {width: 1200px; height: 40px; margin-top: 5px;} #page_footer {width: 1200px;} #bottom_footer {width: 1200px; float: left; margin: 0 auto; } .block_myaccount {width: 23.5%; margin: 20px 2% 0 0; float: left;} #footer .block_various_links {width: 23.5%; margin: 20px 2% 0 0;} #blockcategories_footer {float: left; width: 23.5%; margin: 20px 2% 0 0;} #social_block {clear: both; float: left; margin: 90px 0 0 0; width: auto;} #newsletter {float:left;width: 23.5%; padding: 20px 0 0 0;} #block_contact_infos {margin: 5px 0 0 0;} #currencies_lang_curr {margin: 10px 0 10px 10px;float: right;} #currencies_block_top {margin: 10px 20px 10px 0;float: right;} #featured-products_block_center li.feat, #new-products_block_center li.feat {margin-left: 25px; width: 252px !important; height: auto !important} #featured-products_block_center li.new, #new-products_block_center li.new {margin-right: 25px; width: 252px !important; height: auto !important} #featured-products_block_center .product_image img, #new-products_block_center .product_image img {width: 250px; height: 250px} #footer_court { border-bottom: 40px solid #241F1D; height: 5px; margin-top: 5px; position: absolute;} #bottom_footer li {float: left;padding: 10px 10px;} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block; margin: 13px 0 0;} #bottom_footer li.footer_link_powered {padding: 10px;} #bottom_footer li.footer_link_copyright {padding: 10px;} #footer h4, #footer h4 a {padding-left: 0;} #footer div.subMenu {display: block !important} #footer h4, #footer h4 a {margin-bottom: 20px;} #header_user p.userinfo {position: relative} .sf-menu {margin: -30px 0 0 -10px; width: 75%; height: 40px;} .sf-menu li {float: left; font-size:18px;} .sf-menu li li {width:200px;} .sf-menu a {padding: 0 10px 0 10px;} #header_logo {padding: 15px 0 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {right: 3%;} .theme-default a.nivo-nextNav {top:92.5%; right:18px;} .theme-default a.nivo-prevNav {left: 82.5%; top: 92.5%;} ul#product_list {width: 100%;} ul#product_list li {margin-left: 31px;width: 232px; float: left;} ul#product_list a.product_image img {height: 230px; width: 230px;} ul.pagination li {display: inline;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {float: right; margin: 1px 0 0 0;} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {margin-top: 20px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 20px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width: 715px; margin: 0 0 20px 35px;} #pb-left-column #haut ul li {float: left; min-width: 25%;} #pb-left-column #bas {padding: 10px} #pb-right-column #image-block img {height: 450px; width: 450px} #pb-right-column #views_block {width: 450px;} #pb-right-column {width: 450px} #thumbs_list {left: 42px; width: 370px;} #pb-left-column #buy_block label {display:inline-block;} .our_price_display {font-size: 35px;} #productscategory_scroll_right, #crossselling_scroll_right {float: right; margin-top: -57px; margin-right: 5px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -57px; margin-right: 40px;} #productscategory_list li, #crossselling_list li {margin: 0 30px 30px 0;} h2.productscategory_h2 {padding: 25px 0;} ul.idTabs li {float: left;margin-right: 5px} #product_comments_block_extra .comments_note span.read {float: left; margin: 0 0 0 10px} #product_comments_block_extra .comments_note {clear: both; height: 40px; line-height: 40px;} #product_comments_block_extra .comments_advices {float: right; margin: 0 10px 0 0;} #new_comment_form {width: 585px;} #new_comment_form .product .product_desc {margin-left: 15px; width: 300px;} #new_comment_form #criterions_list li {padding-left: 20px} #new_comment_form input[type=text] {width: 540px;} #new_comment_form textarea {width: 540px;} #new_comment_form .product img {height: 210px; width: 210px;} #product_comments_block_tab div.comment div.comment_details {float: left;overflow:hidden;width: 80%} #product_comments_block_tab div.comment div.comment_author {float: left;padding-right:2%;width: 18%;line-height:20px} #send_friend_form .product .product_desc {margin-left: 15px; width: 300px;} #send_friend_form .product img {height: 210px;width: 210px;} #send_friend_form {width: 585px;} .customizationUploadLine label {display: inline-block; width: 350px;} .customizationUploadLine textarea {width: 99%;} #more_info_sheets ul#idTab4 li {margin-left: 7px;} .details-border:before {right: 14px; top: -15px;} #header #cart_block {right: 0; top: 160px; width: 350px;} #cart_block .price {float: right;} #cart_block #cart_block_list #resume {margin-top: 17px;} ul.step {height: 72px;} ul.step li {float:left; height:72px; width: 20%;} ul.step li a, ul.step li.step_current span {padding: 18px 20px 22px; font-size: 15px;} ul.step li.step_todo span {padding: 18px 10px 16px; font-size: 15px;} span.contains {float: right;} #create-account_form, #authentication #login_form {width: 49%;} #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd {width: 98%;} #form_forgotpassword p.text input {width: 360px;} table.std th, table.table_block th {font-size: 15px; padding: 0 11px;} div.store-small {margin: 0 0 20px 0; padding: 0; width: 100%; height: auto;} div.store-hours {margin: 60px 20px;} #contact p.text label, #contact p.select label, #contact p.select span, #contact p.textarea label {padding: 6px 15px; width: 200px; text-align: right;} #contact p.text input, #contact p.select input {width: 300px;} #contact p.textarea textarea {width: 400px;} #contact p.submit input {margin-left: 234px;} #contact p.select select {width: 200px;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { float: none;padding:6px 15px;width:370px;text-align:right} #account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input {width: 360px;} #account-creation_form span.form_info {margin:5px 0 0 405px;} #account-creation_form p.checkbox input {margin-left: 405px;} #account-creation_form p.select select {width: 115px;} #create-account_form {margin-right: 19px;height: 380px;} #create-account_form, #authentication #login_form {height: 410px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height: 300px;} #my-account .myaccount_lnk_list li {float: left; width: 15%; height: 180px; margin: 0 2% 30px 0; padding: 15px;} #my-account .myaccount_lnk_list span.address-76, #my-account .myaccount_lnk_list span.cart-76, #my-account .myaccount_lnk_list span.return-76,#my-account .myaccount_lnk_list span.slip-76, #my-account .myaccount_lnk_list span.perso-76,#my-account .myaccount_lnk_list span.voucher-76, #my-account .myaccount_lnk_list span.fidelity-76, #my-account .myaccount_lnk_list span.gift-76, #my-account .myaccount_lnk_list span.favori-76, #my-account .myaccount_lnk_list span.icon-user-secret {height: 76px; width: 76px; display: inline-block; float: none; margin: 20px 0 0;} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: 170px; margin: 10px 0 0 5px;} #my-account #center_column p {clear: both} #order-list th {font-size: 15px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:15px;} table#cart_summary td {padding:12px;font-size:13px;} table.std td, table.table_block td {padding:12px;font-size:15px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 48% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} table#cart_summary .cart_total_price td.cart_voucher {line-height: 70px;} .addresses ul.address {width: 48% !important} #ordermsg .textarea textarea {width: 77%;} p.address_delivery, p.addressesAreEquals {margin-bottom: 0px} p.address_delivery, p.addressesAreEquals {height: 40px;line-height: 40px;} #address_delivery {margin-right:20px;} .address_add {padding: 20px 0 20px 27px;} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label {padding:6px 15px; width:370px; text-align:right} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 360px;} #add_adress p.textarea textarea {width:370px;} #address p.inline-infos {margin:0 0 0 285px !important;} .adresses_bloc .item {margin-right:35px} #returnOrderMessage .textarea textarea, #sendOrderMessage .textarea textarea {width: 99%;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label {padding: 6px 15px; text-align: right; width: 405px;} #identity .std p.text input, #identity .std p.password input {width: 360px;} #identity .std p.select select {width: 115px;} #identity .std p.checkbox input {margin:0 2px 0 403px;} #identity .std #security_informations {padding:0 0 0 403px;} #identity .std p.radio span {width: 405px; padding: 6px 15px; text-align: right;} #identity .std p.submit {padding:10px 0 20px 403px} .favoriteproduct .remove {top:18px;} #module-blockwishlist-mywishlist #mywishlist p.text label {padding: 6px 15px; text-align: right; width: 370px;} #module-blockwishlist-mywishlist #mywishlist p.text input {width: 360px;} #module-blockwishlist-mywishlist #mywishlist p.submit {text-align: right;} #module-blockwishlist-mywishlist .wishlistLinkTop li {float:left} ul.wlp_bought_list li {float: left;margin: 20px 20px 0 0;} .wl_send p label {padding: 6px 15px; text-align: right; width: 370px;} .wl_send p input[type=text] {width: 360px; } #opc_account_choice .opc_float {width:50%;} #new_account_form {padding: 25px;} #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 {padding: 6px 15px; width: 370px; text-align: right} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {width: 360px;} #new_account_form p.checkbox input {margin-left: 405px;} #new_account_form p.select select {width: 115px;} #order-opc #new_account_form p.submit {margin: 20px 30px 0 0; text-align:right} #new_account_form p.textarea textarea {width: 360px;} #new_account_form span.form_info, #new_account_form span.inline-infos {margin:5px 0 0 405px;} #pagenotfound .pagenotfound {padding: 30px 280px 0 0; background:url(../img/bg_404.png) no-repeat 100% 0} #pagenotfound #search_query {width: 99%; margin-bottom: 10px; margin-left: 0;} #pagenotfound fieldset label {float: left; margin-bottom: 10px} #category img#categoryImage {height: 250px;} #new-products_block_right li img {height: 234px; width: 234px;} .blockstore img {height: 234px; width: 234px;} #best-sellers_block_right li p {width: 48%;} #special_block_right li.product_image img {height: 234px; width: 234px;} .advertising_block img { height: 400px; width: 260px;} table.std, table.table_block {padding: 25px;} #listpage_content {padding: 25px;} .view {width: 250px; height: 250px;} .products_block li img { width: 250px; height: 250px} .view .mask,.view .content {width: 250px; height: 250px;} .view div#desk {margin: 40px 10px 45px 10px;} #featured-products_block_center h5, #new-products_block_center h5 {font-size: 15px;} #featured-products_block_center .price, #new-products_block_center .price {font-size: 21px;} #featured-products_block_center .price_container, #new-products_block_center .price_container { float: left; margin-top:5px;} #featured-products_block_center .icons_container, #new-products_block_center .icons_container { float: right; margin:-5px 2px 0;} #featured-products_block_center .icons_container span.cart, #new-products_block_center .icons_container span.cart { margin:0;} #featured-products_block_center .icons_container span.fav, #new-products_block_center .icons_container span.fav { margin:-5px 5px 0; display: inline-block;} ul#newsletter {margin-top: -87px;} ul#newsletter li.icon {width: 7%;} ul#newsletter li.newsname {width: 15%;} ul#newsletter li.msg_news {width: 31%;} ul#newsletter li.inputmail {width: 32%; margin: 7px 0} ul#newsletter li.selectaction {width: 17%;} #header_right #search_block_top {margin: 0;clear:right;} #header_right #search_block_top {float: right;} .fond-search {margin: -102px 65px 0 0;} .fond-search, x:-moz-any-link, x:default {margin: -105px 65px 0 0 ;} #header_user p.userinfo {margin: -15px 0 0 0;clear:right;} #header_user li {float: right; margin-top: 13px} #header_right #search_block_top .search_query {width: 58%;} #header_user p.userinfo {float: right;} .view a.info {margin: 113px 0 0} #footer .block_various_links li {display: inline; border-left: 1px solid #747474; padding: 0 5px 0 10px;} #footer .block_various_links li.first_item {border: none; padding-left: 0} #footer .block_store_infos li.trade {display: inline; float: right;} #footer .block_various_links { margin: 10px 0 15px 0;} ul#product_list h5 {font-size: 15px;} ul#product_list .price {font-size: 21px;} ul#product_list .price_container { float: left; margin-top:5px;} ul#product_list .icons_container { float: right; margin:-5px 2px 0;} ul#product_list .icons_container span.cart { margin:0;} ul#product_list .icons_container span.fav { margin:-5px 2px 0; display: inline-block;} ul#product_list .view {width: 230px; height: 230px;} .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {top: -9.5%;} .nivoSlider {width: 588px; height: 700px;} #featured-products_block_center li {margin-bottom: 30px;} #footer .block_contact_infos li {padding: 0 5px 0 0;} #layered_block_left ul li label {font-size: 15px;} #viewed-products_block_left img {height: 234px; width: 234px;} ul#newsletter p {margin: -40px 180px 0 0;} #view_scroll_right {margin: 38px 14px 0 0;} #view_scroll_left {margin: 38px 0 0 14px;} #featured-products_block_center li span.on_sale {right: 0;} #new-products_block_center li span.on_sale {right: 0;} #new-products_block_center div.titleborderout {width: 92%;} #crossselling div.titleborderout, #productscategory div.titleborderout {width: 92%;} #crossselling div.titlebordrtext, #productscategory div.titlebordrtext {width: 100%;} .colleft {width: 65%; float: left} .colright {width: 35%; text-align: right; float: left} .colright img {vertical-align: middle; width: 350px; height: 239px} .blockmanucarous_block_center div.titleborderout {width: 92%;} #manufacturers .caroufredsel_wrapper { height: 190px !important; } #header_user_cart {width: 25%;} #header_notification p.notification { background-color: #e7025f; vertical-align:middle; text-align: center; color: #ffffff; font-weight: bold; } } /* **************************************************************************** Desktop **************************************************************************** */ @media only screen and (min-width: 1024px) and (max-width: 1199px) { .container_9 {width: 990px;margin-left: auto;margin-right: auto;} .container_9 .grid_2 {margin-right: 4%;} .container_9 .grid_5 {width:72.669%;margin-left: 0;margin-right: 0;} #page_header {width: 990px;} #header {width: 990px;} #footer {width: 990px; height: 60px; margin-top: 5px;} #page_footer {width: 990px;} #bottom_footer {width: 990px; float: left; margin: 0 auto;} .block_myaccount {width: 23.5%;margin: 20px 2% 0 0;float: left;} #footer .block_various_links {width: 23.5%;margin:20px 2% 0 0;} #blockcategories_footer {float: left; width: 23.5%; margin: 20px 2% 0 0;} #social_block {clear: both;float: left;margin: 90px 0 0 0;width: auto;} #newsletter {float:left;width: 23.5%;padding: 20px 0 0 0;} #block_contact_infos {margin:5px 0 0 0} #currencies_lang_curr {margin: 10px 0 10px 10px;float: right;} #currencies_block_top {margin: 10px 20px 10px 0;float: right;} #featured-products_block_center li.feat, #new-products_block_center li.feat {margin-left: 22px; width: 202px !important; height: auto !important} #featured-products_block_center li.new, #new-products_block_center li.new {margin-right: 22px; width: 202px !important; height: auto !important} #featured-products_block_center .product_image img, #new-products_block_center .product_image img {width: 188px; height: 188px} #footer_court { border-bottom: 60px solid #241F1D; height: 5px; margin-top: 5px; position: absolute;} #bottom_footer li {float: left;padding: 10px 10px;} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block; margin: 13px 0 0;} #bottom_footer li.footer_link_powered {padding: 10px;} #bottom_footer li.footer_link_copyright {padding: 10px;} #footer h4, #footer h4 a {padding-left: 0;} #footer div.subMenu {display: block !important} #footer h4, #footer h4 a {margin-bottom: 20px;} #header_user p.userinfo {position: relative} .sf-menu {margin: -30px 0 0 -10px; width: 70%; height: 40px;} .sf-menu li {float: left; font-size:15px;} .sf-menu li li {width:200px;} .sf-menu a {padding: 0 6px 0 6px;} #header_logo {padding: 15px 0 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {right: 3.5%;} .theme-default a.nivo-nextNav {top:91%; right:17px;} .theme-default a.nivo-prevNav {top:91%; left:79%;} ul#product_list {width: 103%;} ul#product_list li {margin-left: 16.2px;width: 202px;float: left;} ul#product_list a.product_image img {height: 200px;width: 200px;} ul.pagination li {display: inline;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {float: right; margin: 1px 0 0 0;} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {margin-top: 10px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 20px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width: 575px; margin: 0 0 20px 35px;} #pb-left-column #haut ul li {float: left; min-width: 25%; font-size:13px;} #pb-left-column #bas {padding: 10px} #pb-right-column #image-block img {height: 380px; width: 380px} #pb-right-column #views_block {width: 380px;} #pb-right-column {width: 380px} #thumbs_list {left: 65px; width: 240px;} #pb-left-column #buy_block label {display:inline-block;} .our_price_display {font-size: 35px;} #productscategory_scroll_right, #crossselling_scroll_right {float: right; margin-top: -57px; margin-left: 5px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -57px; margin-right: 40px;} #productscategory_list li, #crossselling_list li {margin: 0 42px 20px 0;} h2.productscategory_h2 {padding: 10px 0 25px;} ul.idTabs li {float: left;margin-right: 5px} #product_comments_block_extra .comments_note span.read {float: left; margin: 0 0 0 10px} #product_comments_block_extra .comments_note {clear: both; height: 40px; line-height: 40px;} #product_comments_block_extra .comments_advices {float: right; margin: 0 10px 0 0;} #new_comment_form {width: 585px;} #new_comment_form .product .product_desc {margin-left: 15px; width: 300px;} #new_comment_form #criterions_list li {padding-left: 20px} #new_comment_form input[type=text] {width: 540px;} #new_comment_form textarea {width: 540px;} #new_comment_form .product img {margin-bottom: 5px;} #new_comment_form .product img {height: 269px; width: 210px;} #product_comments_block_tab div.comment div.comment_details {float: none;overflow:hidden;width: 100%; margin-top:10px} #product_comments_block_tab div.comment div.comment_author {float: none;padding-right:0;width: 111%;line-height:18px} #send_friend_form .product .product_desc {margin-left: 15px; width: 300px;} #send_friend_form .product img {height: 210px;width: 210px;} #send_friend_form {width: 585px;} .customizationUploadLine label {display:inline-block;width:350px;} .customizationUploadLine textarea {width: 98%;} #more_info_sheets ul#idTab4 li {margin: 0 0 10px 4px;} .details-border:before {right: 14px; top: -15px;} #header #cart_block {right: 0; top: 160px; width: 350px;} #cart_block .price {float: right;} #cart_block #cart_block_list #resume {margin-top: 17px;} ul.step {height: 72px;} ul.step li {float:left; height:72px; width: 20%;} ul.step li a, ul.step li.step_current span {padding: 18px 20px 22px; font-size: 15px;} ul.step li.step_todo span {padding: 18px 10px 16px; font-size: 15px;} span.contains {float: right;} #create-account_form, #authentication #login_form {width: 49%;} #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd {width: 97%;} #form_forgotpassword p.text input {width: 360px;} table.std th, table.table_block th {font-size: 14px; padding: 0 11px;} div.store-small {margin: 0 0 20px 0; padding: 0; width: 100%; height: auto;} div.store-hours {margin: 20px;} #contact p.text label, #contact p.select label, #contact p.select span, #contact p.textarea label {padding: 6px 15px; width: 200px; text-align: right;} #contact p.text input, #contact p.select input {width: 300px;} #contact p.textarea textarea {width: 400px;} #contact p.submit input {margin-left: 234px;} #contact p.select select {width: 200px;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { float: none;padding:6px 15px;width:270px;text-align:right} #account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input {width: 360px;} #account-creation_form span.form_info {margin:5px 0 0 305px;} #account-creation_form p.checkbox input {margin-left: 305px;} #account-creation_form p.select select {width: 115px;} #create-account_form {margin-right: 19px;height: 380px;} #create-account_form, #authentication #login_form {height: 380px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height: 300px;} #my-account .myaccount_lnk_list li {float: left; width: 14%; height: 180px; margin: 0 2% 30px 0; padding: 15px;} #my-account .myaccount_lnk_list span.address-76, #my-account .myaccount_lnk_list span.cart-76, #my-account .myaccount_lnk_list span.return-76,#my-account .myaccount_lnk_list span.slip-76, #my-account .myaccount_lnk_list span.perso-76,#my-account .myaccount_lnk_list span.voucher-76, #my-account .myaccount_lnk_list span.fidelity-76, #my-account .myaccount_lnk_list span.gift-76, #my-account .myaccount_lnk_list span.favori-76, #my-account .myaccount_lnk_list span.icon-user-secret {height: 76px; width: 76px; display: inline-block; float: none; margin: 20px 0 0;} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: 150px; margin: 10px 0 0 -5px;} #my-account #center_column p {clear: both} #order-list th {font-size: 14px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:13px;} table#cart_summary td {padding:12px;font-size:13px;} table.std td, table.table_block td {padding:12px;font-size:13px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 48% !important;} .cart_quantity .cart_quantity_button {display: none;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} table#cart_summary .cart_total_price td.cart_voucher {line-height: 70px;} .addresses ul.address {width: 47% !important} #ordermsg .textarea textarea {width: 72%;} p.address_delivery, p.addressesAreEquals {margin-bottom: 0px} p.address_delivery, p.addressesAreEquals {height: 40px;line-height: 40px;} #address_delivery {margin-right:20px;} .address_add {padding: 20px 0 20px 27px;} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span,#add_adress p.textarea label {padding:6px 15px; width:270px; text-align:right} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 360px;} #add_adress p.textarea textarea {width:370px;} #address p.inline-infos {margin:0 0 0 305px !important;} .adresses_bloc .item {margin-right:30px} #returnOrderMessage .textarea textarea, #sendOrderMessage .textarea textarea {width: 99%;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label {padding: 6px 15px; text-align: right; width: 270px;} #identity .std p.text input, #identity .std p.password input {width: 360px;} #identity .std p.select select {width: 115px;} #identity .std p.checkbox input {margin:0 2px 0 303px;} #identity .std #security_informations {padding:0 0 0 303px;} #identity .std p.radio span {width: 270px; padding: 6px 15px; text-align: right;} #identity .std p.submit {padding:10px 0 20px 303px} .favoriteproduct .remove {top:18px;} #module-blockwishlist-mywishlist #mywishlist p.text label {padding: 6px 15px; text-align: right; width: 260px;} #module-blockwishlist-mywishlist #mywishlist p.text input {width: 360px;} #module-blockwishlist-mywishlist #mywishlist p.submit {text-align: right;} #module-blockwishlist-mywishlist .wishlistLinkTop li {float:left} ul.wlp_bought_list li {float: left;margin: 20px 20px 0 0;} .wl_send p label {padding: 6px 15px; text-align: right; width: 260px;} .wl_send p input[type=text] {width: 360px; } #opc_account_choice .opc_float {width:50%;} #new_account_form {padding: 25px;} #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 {padding: 6px 15px; width: 260px; text-align: right} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {width: 360px;} #new_account_form p.checkbox input {margin-left: 295px;} #new_account_form p.select select {width: 115px;} #order-opc #new_account_form p.submit {margin: 20px 30px 0 0; text-align:right} #new_account_form p.textarea textarea {width: 360px;} #new_account_form span.form_info, #new_account_form span.inline-infos {margin:5px 0 0 295px;} #pagenotfound .pagenotfound {padding: 30px 280px 0 0; background:url(../img/bg_404.png) no-repeat 100% 0} #pagenotfound #search_query {width: 99%; margin-bottom: 10px; margin-left: 0;} #pagenotfound fieldset label {float: left; margin-bottom: 10px} #category img#categoryImage {height: 200px;} #new-products_block_right li img {height: 185px; width: 185px;} .blockstore img {height: 185px; width: 185px;} #best-sellers_block_right li p {width: 37%;} #special_block_right li.product_image img {height: 185px; width: 185px;} .advertising_block img { height: 322px; width: 209px;} table.std, table.table_block {padding: 25px;} #listpage_content {padding: 22px;} #featured-products_block_center h5, #new-products_block_center h5 {font-size: 13px;} #featured-products_block_center .price, #new-products_block_center .price {font-size: 18px;} #featured-products_block_center .price_container, #new-products_block_center .price_container { float: left; margin-top: 5px;} #featured-products_block_center .icons_container, #new-products_block_center .icons_container { float: right; margin:-5px 2px 0;} #featured-products_block_center .icons_container span.cart, #new-products_block_center .icons_container span.cart { margin:0;} #featured-products_block_center .icons_container span.fav, #new-products_block_center .icons_container span.fav { margin:-5px 5px 0; display: inline-block;} ul#newsletter {margin-top: -87px;} ul#newsletter li.icon {width: 7%;} ul#newsletter li.newsname {width: 13%;} ul#newsletter li.msg_news {width: 33%;} ul#newsletter li.inputmail {width: 28%; margin: 7px 0} ul#newsletter li.selectaction {width: 15.8%;} #header_right #search_block_top {margin: 0; clear:right;} #header_right #search_block_top {float: right;} .fond-search {margin: -102px 79px 0 0;} .fond-search, x:-moz-any-link, x:default {margin: -105px 79px 0 0;} #header_user p.userinfo {margin: -15px 0 0 0;clear:right;} .fond-search {width: 200px;} #header_user li {float: right; margin-top: 13px} #header_right #search_block_top .search_query {width: 62%;} #header_user p.userinfo {float: right;} .view a.info {margin: 78px 0 0 0} #footer .block_various_links li {display: inline; border-left: 1px solid #747474; padding: 0 5px 0 10px;} #footer .block_various_links li.first_item {border: none; padding-left: 0} #footer .block_store_infos li.trade {display: inline; float: right;} #footer .block_various_links { margin: 10px 0 15px 0;} ul#product_list h5 {font-size: 13px;} ul#product_list .price {font-size: 18px;} ul#product_list .price_container { float: left; margin-top:5px;} ul#product_list .icons_container { float: right; margin:-5px 2px 0;} ul#product_list .icons_container span.cart { margin:0;} ul#product_list .icons_container span.fav { margin:-5px 2px 0; display: inline-block;} .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {top: -11%;} .nivoSlider {width: 483px; height: 575px;} #featured-products_block_center li {margin-bottom: 30px;} #footer .block_contact_infos li {padding: 0 5px 0 0;} #layered_block_left ul li label {font-size: 15px;} #viewed-products_block_left img {height: 185px; width: 185px;} ul#newsletter p {margin: -40px 180px 0 0;} #view_scroll_right {margin: 38px 32px 0 0;} #view_scroll_left {margin: 38px 0 0 27px;} #featured-products_block_center li span.on_sale {right: 0;} #new-products_block_center li span.on_sale {right: 0;} #new-products_block_center div.titleborderout {width: 91%;} #crossselling div.titleborderout, #productscategory div.titleborderout {width: 91%;} #crossselling div.titlebordrtext, #productscategory div.titlebordrtext {width: 100%;} .blockmanucarous_block_center div.titleborderout {width: 91%;} .colleft {width: 65%; float: left} .colright {width: 35%; text-align: right; float: left} .colright img {vertical-align: middle; width: 300px; height: 205px} #new-products_block_center .caroufredsel_wrapper { height: 290px !important; } #manufacturers .caroufredsel_wrapper { height: 160px !important; } #header_user_cart {width: 30%;} } /* **************************************************************************** Portrait tablet to landscape and desktop **************************************************************************** */ @media only screen and (min-width: 768px) and (max-width: 1023px) { .container_9 {width: 728px; margin-left: auto; margin-right: auto;} .container_9 .grid_5 {width:72.669%; margin-left: 0; margin-right: 0;} .sf-menu {margin: 10px 0; padding:0; width:728px; background: white;} #page_header {width: 728px;} #header {width: 728px;clear: both; height: auto; margin-bottom: 20px;} #footer {width: 728px; height: 60px; margin-top: 10px;} #page_footer {width: 728px;} #bottom_footer {width: 728px; float: left; margin: 0 auto;} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: left; margin: 30px 0 0; width: auto;} #newsletter {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #currencies_lang_curr {margin: 10px 0 10px 10px;float: right;} #currencies_block_top {margin: 10px 20px 10px 0;float: right;} #featured-products_block_center li.feat, #new-products_block_center li.feat {margin-left: 16px; width: 142px !important; height: auto !important} #featured-products_block_center li.new, #new-products_block_center li.new {margin-right: 16px; width: 142px !important; height: auto !important} #featured-products_block_center .product_image img, #new-products_block_center .product_image img {width: 121px; height: 121px} #footer_court {border-bottom: 60px solid #241f1d; height: 5px; margin-top: 5px; clear: both;} #bottom_footer li {float: left;padding: 10px} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block; margin: 13px 0 0;} #bottom_footer li.footer_link_powered {padding: 10px;} #bottom_footer li.footer_link_copyright {padding: 10px;} #footer h4, #footer h4 a {background-color: #FAFAFA;} #footer ul {padding-left:5px} #left_column { display: none } #footer h4, #footer h4 a {margin-bottom: 10px;} #footer a h4 {background:url(../img/cultura/next-down.png) white no-repeat right 15px center; color: #241F1D; padding-left: 10px;} #footer a:hover h4 {background:url(../img/cultura/next-down-hover.png) white no-repeat right 15px center; color: #8d0000;} #header_user p.userinfo {position: relative} .sf-menu {margin: 20px 0;width: 100%;} .sf-menu {height: none;} .sf-menu a {padding: 0 10px 0 10px;} .sf-menu li {background-color: #FFFFFF; float: none;margin: 5px 0;-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);font-size:18px;} .sf-menu li li {width:200px;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;box-shadow: none;} #header_logo {margin-top:15px;} .jcarousel-skin-tango .jcarousel-prev-horizontal {right: 5%;} .theme-default a.nivo-nextNav {top:88%; right:15px;} .theme-default a.nivo-prevNav {top:88%; left:72%;} ul#product_list {width: 103%;} ul#product_list li {margin-left: 19.2px;width: 202px;float: left;} ul#product_list a.product_image img {height: 200px;width: 200px;} #center_column {width: 100%;} ul.pagination li {display: inline;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {float: right; margin: 1px 0 0 0;} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {margin-top: 10px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 20px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width: 100%; margin: 0 0 20px;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #pb-left-column #bas {padding: 10px;} #pb-right-column #image-block img {height: 727px; width: 727px} #pb-right-column #views_block {width: 727px;} #pb-right-column {width: 100%} #thumbs_list {left: 65px; width: 687px;} #pb-left-column #buy_block label {display:inline-block;} .our_price_display {font-size: 25px;} #productscategory_scroll_right, #crossselling_scroll_right {float: right; margin-top: -57px; margin-left: 5px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -57px; margin-right: 40px;} #productscategory_list li, #crossselling_list li {margin: 0 40px 20px 0;} h2.productscategory_h2 {padding: 10px 0 25px;} ul.idTabs li {float: none;margin-right: 0} #product_comments_block_extra .comments_note span.read {float: left; margin: 0 0 0 10px} #product_comments_block_extra .comments_note {clear: both; height: 40px; line-height: 40px;} #product_comments_block_extra .comments_advices {float: right; margin: 0 10px 0 0;} #new_comment_form {width: 585px;} #new_comment_form .product .product_desc {margin-left: 15px; width: 300px;} #new_comment_form #criterions_list li {padding-left: 20px} #new_comment_form input[type=text] {width: 540px;} #new_comment_form textarea {width: 540px;} #new_comment_form .product img {height: 269px; width: 210px;} #product_comments_block_tab div.comment div.comment_details {float: left;overflow:hidden;width: 100%; margin-top:10px} #product_comments_block_tab div.comment div.comment_author {float: left;padding-right:0;width: 100%;line-height:18px} #send_friend_form .product .product_desc {margin-left: 15px; width: 300px;} #send_friend_form .product img {height: 210px;width: 210px;} #send_friend_form {width: 585px;} .customizationUploadLine label {display:inline-block;width:350px;} .customizationUploadLine textarea {width: 98%;} #more_info_sheets ul#idTab4 li {margin: 0 0 20px 35px;} .details-border:before {right: 14px; top: -15px;} #header #cart_block {right: 0; top: 160px; width: 350px;} #cart_block .price {float: right;} #cart_block #cart_block_list #resume {margin-top: 17px;} ul.step {height: 72px;} ul.step li {float:left; height:72px; width: 20%;} ul.step li a, ul.step li.step_current span {padding: 18px 20px 22px; font-size: 11px;} ul.step li.step_todo span {padding: 18px 10px 16px; font-size: 13px;} span.contains {float: right;} #create-account_form, #authentication #login_form {width: 100%;} #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd {width: 98%;} #form_forgotpassword p.text input {width: 360px;} table.std th, table.table_block th {font-size: 14px; padding: 0 11px;} div.store-small {margin: 0 0 20px 0; padding: 0; width: 100%; height: auto;} div.store-hours {margin: 20px;} #contact p.text label, #contact p.select label, #contact p.select span, #contact p.textarea label {padding: 6px 15px; width: 200px; text-align: right;} #contact p.text input, #contact p.select input {width: 300px;} #contact p.textarea textarea {width: 400px;} #contact p.submit input {margin-left: 234px;} #contact p.select select {width: 200px;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { float: none;padding:6px 0;width:100%;text-align:left} #account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input {width: 97%;} #account-creation_form span.form_info {margin:5px 0 0 0;} #account-creation_form p.checkbox input {margin-left: 0;} #account-creation_form p.select select {width: 115px;} #create-account_form {margin-right: 0;height: 360px;} #create-account_form, #authentication #login_form {height: 380px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height: 300px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list span.address-76, #my-account .myaccount_lnk_list span.cart-76, #my-account .myaccount_lnk_list span.return-76,#my-account .myaccount_lnk_list span.slip-76, #my-account .myaccount_lnk_list span.perso-76,#my-account .myaccount_lnk_list span.voucher-76, #my-account .myaccount_lnk_list span.fidelity-76, #my-account .myaccount_lnk_list span.gift-76, #my-account .myaccount_lnk_list span.favori-76, #my-account .myaccount_lnk_list span.icon-user-secret {height: 76px; width: 76px; margin: 10px 0 10px 10px;} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: auto; margin: 30px 0 10px 10px;} #my-account #center_column p {clear: none} #order-list th {font-size: 13px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:13px;} table#cart_summary td {padding:12px;font-size:13px;} table.std td, table.table_block td {padding:12px;font-size:13px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 47% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} table#cart_summary .cart_total_price td.cart_voucher {line-height: 70px;} .addresses ul.address {width: 47% !important} #ordermsg .textarea textarea {width: 62%;} p.address_delivery, p.addressesAreEquals {height: none;line-height: 30px;} #address_delivery {margin-right:20px;} .address_add {padding: 20px 0 20px 27px;} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span,#add_adress p.textarea label {padding:6px 4px; width:98%; text-align: left} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 98%;} #add_adress p.textarea textarea {width:98%;} #address p.inline-infos {margin:0 !important;} .adresses_bloc .item {margin: 0 10px 20px 0} #returnOrderMessage .textarea textarea, #sendOrderMessage .textarea textarea {width: 99%;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label {padding: 6px 15px; text-align: left; width: 270px;} #identity .std p.text input, #identity .std p.password input {width: 360px;} #identity .std p.select select {width: 112px;} #identity .std p.checkbox input {margin:0 2px 0 303px;} #identity .std #security_informations {padding:0 0 0 303px;} #identity .std p.radio span {width: 270px; padding: 6px 15px; text-align: left;} #identity .std p.submit {padding:10px 0 20px 303px} .favoriteproduct .remove {top:18px;} #module-blockwishlist-mywishlist #mywishlist p.text label {padding: 6px 15px; text-align: right; width: 120px;} #module-blockwishlist-mywishlist #mywishlist p.text input {width: 360px;} #module-blockwishlist-mywishlist #mywishlist p.submit {text-align: right;} #module-blockwishlist-mywishlist .wishlistLinkTop li {float: left} ul.wlp_bought_list li {float: left;margin: 20px 20px 0 0;} .wl_send p label {padding: 6px 15px; text-align: right; width: 120px;} .wl_send p input[type=text] {width: 360px; } #opc_account_choice .opc_float {width:100%;} #new_account_form {padding: 25px;} #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 {padding: 6px 15px; width: 120px; text-align: right} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {width: 360px;} #new_account_form p.checkbox input {margin-left: 155px;} #new_account_form p.select select {width: 115px;} #order-opc #new_account_form p.submit {margin: 20px 30px 0 0; text-align:right} #new_account_form p.textarea textarea {width: 360px;} #new_account_form span.form_info, #new_account_form span.inline-infos {margin:5px 0 0 155px;} #pagenotfound .pagenotfound {padding: 30px 280px 0 0; background:url(../img/bg_404.png) no-repeat 100% 0} #pagenotfound #search_query {width: 98%; margin-bottom: 10px; margin-left: 0;} #pagenotfound fieldset label {float: left; margin-bottom: 10px} #category img#categoryImage {height: 200px;} .cart_quantity .cart_quantity_button { display: none} table.std, table.table_block {padding: 25px;} #listpage_content {padding: 22px;} #featured-products_block_center h5, #new-products_block_center h5 {font-size: 13px;} #featured-products_block_center .price, #new-products_block_center .price {font-size: 18px;} #featured-products_block_center .price_container, #new-products_block_center .price_container { float: left; margin-top: 5px;} #featured-products_block_center .icons_container, #new-products_block_center .icons_container { float: right; margin:-8px 2px 0;} #featured-products_block_center .icons_container span.cart, #new-products_block_center .icons_container span.cart { margin:0;} #featured-products_block_center .icons_container span.fav, #new-products_block_center .icons_container span.fav { display: none;} ul#newsletter {margin-top: -67px;} ul#newsletter li.msg_news {display: none;} ul#newsletter li.icon {width: 13%;} ul#newsletter li.newsname {width: 20%;} ul#newsletter li.inputmail {width: 45%; margin: 7px 0} ul#newsletter li.selectaction {width: 22%;} #header_right #search_block_top {margin: 0;clear:right;} #header_right #search_block_top {float: right;} .fond-search {margin: -102px 79px 0 0;} .fond-search, x:-moz-any-link, x:default {margin: -105px 79px 0 0;} #header_user p.userinfo {margin: -15px 0 0 0;clear:right;} .fond-search {width: 200px;} #header_user li {float: right; margin-top: 13px} #header_right #search_block_top .search_query {width: 62%;} #header_user p.userinfo {float: right;} .view a.info {margin: 45px 0 0 0} #bottom_footer ul {background: #241F1D; margin: 20px 0 0 0; padding: 10px 0} #footer .block_various_links li {display: inline; border-left: 1px solid #747474; padding: 0 5px 0 10px;} #footer .block_various_links li.first_item {border: none; padding-left: 0} #footer .block_store_infos li.trade {display: none; float: right;} #footer .block_various_links { margin: 10px 0 15px 0;} ul#product_list h5 {font-size: 13px;} ul#product_list .price {font-size: 18px;} ul#product_list .price_container { float: left; margin-top:5px;} ul#product_list .icons_container { float: right; margin:-8px 2px 0;} ul#product_list .icons_container span.cart { margin:0;} ul#product_list .icons_container span.fav { margin:-5px 2px 0; display: inline-block;} .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {top: -13.5%;} #pb-left-column #haut ul {display: none} .nivoSlider {width: 355px; height: 423px;} #featured-products_block_center li {margin-bottom: 17px;} #footer .block_contact_infos li {padding: 0 5px 0 0;} ul#newsletter p {margin: -40px 170px 0 0;} #view_scroll_right {margin: 38px 19px 0 0;} #view_scroll_left {margin: 38px 0 0 27px;} #featured-products_block_center li span.on_sale {left: 0; top: 35px;} #new-products_block_center li span.on_sale {left: 0; top: 35px;} #new-products_block_center .caroufredsel_wrapper {height: 220px !important;} #new-products_block_center div.titleborderout {width: 88%;} #crossselling div.titleborderout, #productscategory div.titleborderout {width: 88%;} #crossselling div.titlebordrtext, #productscategory div.titlebordrtext {width: 100%;} .blockmanucarous_block_center div.titleborderout {width: 88%;} .colleft {width: 100%; float: left; margin-bottom: 20px;} .colright {width: 100%; text-align: center; float: none} .colright img {vertical-align: middle; width: 350px; height: 239px} #new-products_block_center .caroufredsel_wrapper { height: 220px !important; } #manufacturers .caroufredsel_wrapper { height: 130px !important; } #header_user_cart {width: 100%;} } /* **************************************************************************** Landscape phone to portrait tablet **************************************************************************** */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container_9 {width: 440px;margin-left: auto;margin-right: auto;} .container_9 .grid_5 {width:72.669%;margin-left: 0;margin-right: 0;} #page_header {width: 440px;} #header {width: 440px;} #footer {width: 440px; height: 80px; margin-top: 0;} #page_footer {width: 440px;} #bottom_footer {width: 440px; float: left; margin: 0 auto;} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: left; margin: 30px 0 0; width: auto;} #newsletter {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #currencies_lang_curr {margin: 10px 0 10px 10px;float: right;} #currencies_block_top {margin: 10px 20px 10px 0;float: right;} #featured-products_block_center li, #new-products_block_center ul li {margin-right: 10px; width: 182px !important; height: auto !important} #featured-products_block_center .product_image img, #new-products_block_center .product_image img {width: 180px; height: 180px} #footer_court {border-bottom: 80px solid #241f1d; height: auto; margin-top: 5px; clear: both;} #bottom_footer li {float: left;padding: 5px} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block; margin: 8px 0 0;} #bottom_footer li.footer_link_powered {padding: 5px;} #bottom_footer li.footer_link_copyright {padding: 5px;} #footer h4, #footer h4 a {background-color: #FAFAFA;} #footer ul {padding-left:5px} #left_column { display: none } #footer h4, #footer h4 a {margin-bottom: 10px} #footer a h4 {background:url(../img/cultura/next-down.png) white no-repeat right 15px center; color: #241F1D; padding-left: 10px;} #footer a:hover h4 {background:url(../img/cultura/next-down-hover.png) white no-repeat right 15px center; color: #8d0000;} #header_user p.userinfo {position: relative} .sf-menu {margin: 20px 0;width: 100%;} .sf-menu {height: none;} .sf-menu a {padding: 0 10px 0 10px;} .sf-menu li {background-color: #FFFFFF; float: none;margin: 5px 0;-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);font-size:18px;} .sf-menu li li {width:200px;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;box-shadow: none;} #header_logo {margin-top:15px;} .jcarousel-skin-tango .jcarousel-prev-horizontal {right: 8%;} .theme-default a.nivo-nextNav {top:90%; right:15px;} .theme-default a.nivo-prevNav {top:90%; left:77.5%;} ul#product_list {width: 102%;} ul#product_list li {margin-left: 14px;width: 182px;float: left;} ul#product_list a.product_image img {height: 180px;width: 180px;} #center_column {width: 100%;} ul.pagination li {display: inline;} ul.pagination .current span {display: none} ul.pagination li.others {display: none;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {float: left; margin: 20px 0 0 0;} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {margin-top: 45px;} ul#manufacturers_list li .description, ul#suppliers_list li .description {display: none;} ul#manufacturers_list li h3, ul#suppliers_list li h3 {padding: 6px 0;line-height: 17px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 20px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width: 440px; margin: 0 0 20px 0;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #pb-left-column #bas {padding: 10px;} #pb-right-column #image-block img {height: 440px; width: 440px} #pb-right-column #views_block {width: 440px;} #pb-right-column {width: 100%} #thumbs_list { left: 40px; width: 370px;} #pb-right-column {margin-left: 0;} #pb-left-column #buy_block label {display:inline-block;} .our_price_display {font-size: 30px;} #productscategory_scroll_right, #crossselling_scroll_right {float: right; margin-top: -57px; margin-left: 5px;} #productscategory_scroll_left, #crossselling_scroll_left {float: left; margin-top: -57px; margin-right: 40px;} #productscategory_list li, #crossselling_list li {margin: 0 9px 20px 0;} h2.productscategory_h2 {width: 80%; line-height: 22px; padding: 10px 0;} ul.idTabs li {float: none;margin-right: 0} #product_comments_block_extra .comments_note span.read {float: left; margin: 0 0 0 10px} #product_comments_block_extra .comments_note {clear: both; height: 40px; line-height: 40px;} #product_comments_block_extra .comments_advices {float: right; margin: 0 10px 0 0;} #new_comment_form {width: 100%;} #new_comment_form .product .product_desc {margin-top: 10px; width: 100%;} #new_comment_form #criterions_list li {padding-left: 0} #new_comment_form input[type=text] {width: 97%;} #new_comment_form textarea {width: 97%;} #new_comment_form .product img {margin-bottom: 5px;} #new_comment_form .product img {height: 425px; width: 425px;} #product_comments_block_tab div.comment div.comment_details {float: none;overflow:hidden;width: 100%; margin-top:10px} #product_comments_block_tab div.comment div.comment_author {float: none;padding-right:0;width: 100%;line-height:18px} #product_comments_block_tab div.comment_details h4 {padding-bottom: 10px;padding-left: 0;margin-top: 10px;margin-bottom: 0;} #send_friend_form .product .product_desc {margin-top: 10px; width: 100%;} #send_friend_form .product img {height: 210px; width: 210px;} #send_friend_form {width: 100%;} .customizationUploadLine label {display:inline-block;width:350px;} .customizationUploadLine textarea {width: 96%;} #more_info_sheets ul#idTab4 li {margin: 0 0 10px 9px;} .details-border:before {right: 14px; top: -15px;} #header #cart_block {right: 0; top: 280px; width: 418px;} #cart_block .price {float: right;} #cart_block #cart_block_list #resume {margin-top: 17px;} ul.step {height: 380px;} ul.step li {float:left; height:72px; width: 100%;} ul.step li a, ul.step li.step_current span {padding: 18px 20px 22px; font-size: 15px;} ul.step li.step_todo span {padding: 18px 10px 16px; font-size: 15px;} span.contains {display: none; margin-bottom: 20px} #create-account_form, #authentication #login_form {width: 100%;} #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd {width: 98%;} #form_forgotpassword p.text input {width: 360px;} table.std th, table.table_block th {font-size: 12px; padding: 0 11px;} div.store-small {margin: 0 0 20px 0; padding: 0; width: 100%; height: auto;} div.store-hours {margin: 40px 20px;} #contact p.text label, #contact p.select label, #contact p.select span, #contact p.textarea label {padding: 6px 0; width: 95%; text-align: left;} #contact p.text input, #contact p.select input {width: 97%;} #contact p.textarea textarea {width: 97%;} #contact p.submit input {margin-left: 0;} #contact p.select select {width: 100%;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { float: none;padding:6px 0;width:100%;text-align:left} #account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input {width: 97%;} #account-creation_form span.form_info {margin:5px 0 0 0;} #account-creation_form p.checkbox input {margin-left: 0;} #account-creation_form p.select select {width: 115px;} #create-account_form {margin-right: 0;height: 360px;} #create-account_form, #authentication #login_form {height: 380px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height: 300px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list span.address-76, #my-account .myaccount_lnk_list span.cart-76, #my-account .myaccount_lnk_list span.return-76,#my-account .myaccount_lnk_list span.slip-76, #my-account .myaccount_lnk_list span.perso-76,#my-account .myaccount_lnk_list span.voucher-76, #my-account .myaccount_lnk_list span.fidelity-76, #my-account .myaccount_lnk_list span.gift-76, #my-account .myaccount_lnk_list span.favori-76, #my-account .myaccount_lnk_list span.icon-user-secret {height: 76px; width: 76px; margin: 10px 0 10px 10px;} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: auto; margin: 30px 0 10px 10px;} #my-account #center_column p {clear: none} #order-list th {font-size: 10px;padding: 0 5px;} #order-list td {padding: 10px 6px;font-size:10px;} table#cart_summary .cart_product {display: none;} table#cart_summary .cart_unit {display: none;} table#cart_summary .cart_ref {display: none;} table#cart_summary .cart_quantity {display: none;} table#cart_summary tr.cart_total_price td {display: inline-block;} table#cart_summary tr.cart_total_delivery td {display: inline;} table#cart_summary tr.cart_total_tax td {display: inline-block;} .cart_total_price .total_price_container p {margin-left: 15px;} table#cart_summary td {padding:12px;font-size:13px;} table.std td, table.table_block td {padding:12px;font-size:5px;} table#cart_summary .cart_description {padding-left: 10px;} .order_delivery .first_item {margin: 0 0 20px 0;} ul.address {width: 100% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right; margin-bottom: 10px} table#cart_summary .cart_total_price td.cart_voucher {line-height: 0;} .addresses ul.address {width: 100% !important} #ordermsg .textarea textarea {width: 97%;} p.address_delivery, p.addressesAreEquals {height: none;line-height: 30px;} #address_delivery {margin:0 0 20px 0;} .address_add {padding: 20px 0 20px 27px;} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span,#add_adress p.textarea label {padding:6px 0; width:96%; text-align: left} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 96%;} #add_adress p.textarea textarea {width:96%;} #address p.inline-infos {margin:0 !important;} .adresses_bloc .item {margin: 0 0 20px 0} #returnOrderMessage .textarea textarea, #sendOrderMessage .textarea textarea {width: 96%;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label {padding: 6px 0; text-align: left; width: 96%;} #identity .std p.text input, #identity .std p.password input {width: 96%;} #identity .std p.select select {width: 115px;} #identity .std p.checkbox input {margin:0 2px 0 0;} #identity .std #security_informations {padding:0;} #identity .std p.radio span {width: 96%; padding: 6px 0; text-align: left;} #identity .std p.submit {padding:10px 0 20px 0} .favoriteproduct .remove {top:18px;} #module-blockwishlist-mywishlist #mywishlist p.text label {padding: 6px 0; text-align: left; width: 90%;} #module-blockwishlist-mywishlist #mywishlist p.text input {width: 96%;} #module-blockwishlist-mywishlist #mywishlist p.submit {text-align: left;} #module-blockwishlist-mywishlist .wishlistLinkTop li {float: none} ul.wlp_bought_list li {float: none; margin: 20px auto;} .wl_send p label {padding: 6px 0; text-align: left; width: 90%;} .wl_send p input[type=text] {width: 96%; } #opc_account_choice .opc_float {width:100%;} #new_account_form {padding: 25px;} #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 {padding: 6px 0; width: 100%; text-align: left} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {width: 96%;} #new_account_form p.checkbox input {margin-left: 0;} #new_account_form p.select select {width: 117px;} #order-opc #new_account_form p.submit {margin: 20px 30px 0 0; text-align:right} #new_account_form p.textarea textarea {width: 96%;} #new_account_form span.form_info, #new_account_form span.inline-infos {margin:5px 0 0 0;} #pagenotfound .pagenotfound {padding: 0; background: none} #pagenotfound #search_query {width: 96%; margin-bottom: 10px; margin-left: 0;} #pagenotfound fieldset label {float: left; margin-bottom: 10px} #category img#categoryImage {height: 150px;} table.std, table.table_block {padding: 25px;} #listpage_content {padding: 13px;} #featured-products_block_center h5, #new-products_block_center h5 {font-size: 13px;} #featured-products_block_center .price, #new-products_block_center .price {font-size: 18px;} #featured-products_block_center .price_container, #new-products_block_center .price_container { float: left; margin-top: 5px;} #featured-products_block_center .icons_container, #new-products_block_center .icons_container { float: right; margin:-8px 2px 0;} #featured-products_block_center .icons_container span.cart, #new-products_block_center .icons_container span.cart { margin:0;} #featured-products_block_center .icons_container span.fav, #new-products_block_center .icons_container span.fav { margin:-5px 5px 0; display: inline-block;} ul#newsletter {margin-top: -67px;} ul#newsletter li.msg_news {display: none;} ul#newsletter select {display: none;} ul#newsletter li.newsname {display: none;} ul#newsletter li.icon {width: 15%;} ul#newsletter li.inputmail {width: 44%; margin: 7px 23px 0 0} ul#newsletter li.selectaction {display: none;} #header_right #search_block_top {margin: 0;clear:right;} #header_right #search_block_top {float: right;} .fond-search {margin: -102px 79px 0 0;} .fond-search, x:-moz-any-link, x:default {margin: -105px 79px 0 0;} #header_user p.userinfo {margin: -15px 0 0;clear:right;} .fond-search {width: 200px;} #header_user li {float: right; margin-top: 13px} #header_right #search_block_top .search_query {width: 62%;} #header_user p.userinfo {float: right;} .view a.info {margin: 70px 0 0 0} #bottom_footer ul {background: #241F1D; margin: 20px 0 0 0; padding: 10px 0} #footer .block_various_links li {display: block; border-left: none; padding: 10px; margin: 7px 0; width: auto; background-color : white;} #footer .block_various_links li.first_item {border: none; padding-left: 10px;} #footer .block_store_infos li.trade {display: none; float: right;} #footer .block_various_links { margin: 10px 0 15px 0;} ul#product_list h5 {font-size: 13px;} ul#product_list .price {font-size: 18px;} ul#product_list .price_container { float: left; margin-top:5px;} ul#product_list .icons_container { float: right; margin:-8px 2px 0;} ul#product_list .icons_container span.cart { margin:0;} ul#product_list .icons_container span.fav { margin:-5px 2px 0; display: inline-block;} .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {top: -11.5%;} #pb-left-column #haut ul {display: none} #featured-products_block_center li {margin-bottom: 30px;} #footer .block_contact_infos li {padding: 5px 5px 0 0;} ul#newsletter p {margin: -33px 150px 0 0;} #view_scroll_right {margin: 38px 13px 0 0;} #view_scroll_left {margin: 38px 0 0 13px;} #featured-products_block_center li span.on_sale {left: 0; top: 35px;} #new-products_block_center li span.on_sale {left: 0; top: 35px;} #q_modify {display: none;} #new-products_block_center div.titleborderout {width: 79%;} #crossselling div.titleborderout, #productscategory div.titleborderout {display: none;} #crossselling div.titlebordrtext, #productscategory div.titlebordrtext {width: 70%;} .blockmanucarous_block_center div.titleborderout {display: none;} .blockmanucarous_block_center div.titlebordrtext {width: 70%;} .colleft {width: 100%; float: left; margin-bottom: 20px;} .colright {width: 100%; text-align: center; float: none} .colright img {vertical-align: middle; width: 350px; height: 239px} #new-products_block_center .caroufredsel_wrapper { height: 290px !important; } #manufacturers .caroufredsel_wrapper { height: 130px !important; } #header_user_cart {width: 100%;} } /* **************************************************************************** Landscape phones and down **************************************************************************** */ @media only screen and (max-width: 479px) { .container_9 {width: 280px;margin-left: auto;margin-right: auto;} .container_9 .grid_5 {width:72.669%;margin-left: 0;margin-right: 0;} #page_header {width: 280px;} #header {width: 280px;} #footer {width: 280px; height: auto;} #page_footer {width: 280px;} #bottom_footer {width: 280px; float: left; margin: 0 auto;} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: left; margin: 30px 0 0; width: auto;} #newsletter {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #currencies_lang_curr {margin: 10px 0 10px 10px;float: right;} #currencies_block_top {margin: 10px 20px 10px 0;float: right;} #featured-products_block_center li, #new-products_block_center ul li {margin-left: 0; width: 250px !important; height: auto !important} #featured-products_block_center .product_image img, #new-products_block_center .product_image img {width: 248px; height: 248px} #footer_court {border-bottom: 120px solid #241f1d; height: 10px; margin-top: 5px; clear: both;} #bottom_footer li {float: left;padding: 5px} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block; margin: 8px 0 0;} #bottom_footer li.footer_link_powered {padding: 5px;} #bottom_footer li.footer_link_copyright {padding: 5px;} #footer h4, #footer h4 a {background-color: #FAFAFA;} #footer ul {padding-left:5px} #left_column { display: none } #footer h4, #footer h4 a {margin-bottom: 10px} #footer a h4 {background:url(../img/cultura/next-down.png) white no-repeat right 15px center; color: #241F1D; padding-left: 10px;} #footer a:hover h4 {background:url(../img/cultura/next-down-hover.png) white no-repeat right 15px center; color: #8d0000;} #header_user p.userinfo {position: relative} .sf-menu {margin: 20px 0;width: 100%;} .sf-menu {height: none;} .sf-menu a {padding: 0 10px 0 10px;} .sf-menu li {background-color: #FFFFFF; float: none; margin: 5px 0;-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);} .sf-menu li li {width:200px;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;box-shadow: none;} #header_logo {margin-top: 15px;} /*#header_user li { margin-top: 10px;} */ .jcarousel-skin-tango .jcarousel-prev-horizontal {right: 12%;} .theme-default a.nivo-nextNav {top:86%; right:10px;} .theme-default a.nivo-prevNav {top:86%; left:66%;} ul#product_list {width: 100%;} ul#product_list li {margin-left: 0; width: 252px;} ul#product_list a.product_image img {height: 250px;width: 250px;} #center_column {width: 100%;} ul.pagination li {display: inline;} ul.pagination .current span {display: none} ul.pagination li.others {display: none;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {float: left; margin: -35px 10px 0;} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {margin-top: 0; display: none} ul#manufacturers_list li .description, ul#suppliers_list li .description {display: none;} ul#manufacturers_list li h3, ul#suppliers_list li h3 {display: none;} ul#manufacturers_list li img, ul#suppliers_list li img {float: none; margin-right: auto; margin-left: auto} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: none;} #pb-left-column {width:100%; margin: 0 0 20px 0;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #pb-left-column #bas {padding: 10px;} #pb-right-column #image-block img {height: 280px; width: 280px} #pb-right-column #views_block {width: 280px;} #pb-right-column {width: 100%} #thumbs_list {left: 22px; width: 240px;} #pb-left-column #buy_block label {display:none;} .our_price_display {font-size: 22px;} #productscategory_scroll_right, #crossselling_scroll_right {float: right; margin-top: -57px; margin-left: 5px;} #productscategory_scroll_left, #crossselling_scroll_left {float: left; margin-top: -57px; margin-right: 40px;} #productscategory_list li, #crossselling_list li {margin: 0 60px 20px ;} h2.productscategory_h2 {width: 80%; line-height: 22px; padding: 10px 0;} ul.idTabs li {float: none;margin-right: 0} #product_comments_block_extra .comments_note span.read {float: left; clear: both} #product_comments_block_extra .comments_note {clear: both; height: 40px; line-height: 40px;} #product_comments_block_extra .comments_advices {margin: -15px 10px 0 0;} #new_comment_form {width: 100%;} #new_comment_form .product .product_desc {margin-top: 10px; width: 100%;} #new_comment_form #criterions_list li {padding-left: 0} #new_comment_form input[type=text] {width: 97%;} #new_comment_form textarea {width: 97%;} #new_comment_form .product img {margin-bottom: 5px;} #new_comment_form .product img {height: 100%; width: 100%;} #product_comments_block_tab div.comment div.comment_details {float: none;overflow:hidden;width: 100%} #product_comments_block_tab div.comment div.comment_author {float: none;padding-right:2%;width: 100%;line-height:18px} #product_comments_block_tab div.comment_details h4 {padding-bottom: 10px;padding-left: 0;margin-top: 10px;margin-bottom: 0;} #send_friend_form .product .product_desc {margin-top: 10px; width: 100%;} #send_friend_form .product img {height: 100%; width: 100%;} #send_friend_form {width: 100%;} .customizationUploadLine label {width:auto;} .customizationUploadLine textarea {width: 96%;} #more_info_sheets ul#idTab4 li {margin: 0 0 20px 27px;} .details-border:before {right: 14px; top: -15px;} #header #cart_block {right: 0; top: 280px; width: 260px;} #cart_block .price {float: right;} #cart_block #cart_block_list #resume {margin-top: 17px;} ul.step {height: 380px;} ul.step li {float:left; height:72px; width: 100%;} ul.step li a, ul.step li.step_current span {padding: 18px 20px 22px; font-size: 13px;} ul.step li.step_todo span {padding: 18px 10px 16px; font-size: 13px;} span.contains {display: none; margin-bottom: 20px} #create-account_form, #authentication #login_form {width: 100%;} #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd {width: 95%;} #form_forgotpassword p.text input {width: 95%;} table.std th, table.table_block th {font-size: 12px; padding: 0;} div.store-small {margin: 0 0 20px 0; padding: 0; width: 100%; height: auto;} div.store-image {width: 240px;} div.store-hours {margin: 20px;} #contact p.text label, #contact p.select label, #contact p.select span, #contact p.textarea label {padding: 6px 0; width: 95%; text-align: left;} #contact p.text input, #contact p.select input {width: 97%;} #contact p.textarea textarea {width: 97%;} #contact p.submit input {margin-left: 0;} #contact p.select select {width: 100%;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { float: none;padding:6px 0;width:100%;text-align:left} #account-creation_form p.text input, #account-creation_form p.password input, #account-creation_form p.select input {width: 97%;} #account-creation_form span.form_info {margin:5px 0 0 0;} #account-creation_form p.checkbox input {margin-left: 0;} #account-creation_form p.select select {width: 100%; margin-bottom:5px} #create-account_form {margin-right: 0;height: 360px;} #create-account_form, #authentication #login_form {height: 400px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset {height: 320px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list span.address-76, #my-account .myaccount_lnk_list span.cart-76, #my-account .myaccount_lnk_list span.return-76, #my-account .myaccount_lnk_list span.slip-76, #my-account .myaccount_lnk_list span.perso-76, #my-account .myaccount_lnk_list span.voucher-76, #my-account .myaccount_lnk_list span.fidelity-76, #my-account .myaccount_lnk_list span.gift-76, #my-account .myaccount_lnk_list span.favori-76, #my-account .myaccount_lnk_list span.icon-user-secret {position: relative; margin: 8px; float: left; width: 30px; height: 30px} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: 210px; margin: 9px 10px 10px 10px;} #my-account #center_column h4 {margin-bottom: 30px;} #my-account #center_column p {clear: none} #order-list th {font-size: 5px;padding: 0 5px;} #order-list td {padding: 10px 6px;font-size:5px;} table#cart_summary .cart_product {display: none;} table#cart_summary .cart_unit {display: none;} table#cart_summary .cart_ref {display: none;} table#cart_summary .cart_quantity {display: none;} table#cart_summary td.cart_total {display: none;} table#cart_summary tr.cart_total_price td {display: inline-block;} table#cart_summary tr.cart_total_delivery td {display: inline;} table#cart_summary tr.cart_total_tax td {display: inline-block;} .cart_total_price .total_price_container p {margin-left: 15px;} table#cart_summary td {padding:8px;font-size:5px;} table.std td, table.table_block td {padding:8px;font-size:5px;} table#cart_summary .cart_description {padding-left: 10px;} .SE_SubmitRefreshCard {display: none;} .order_delivery .first_item {margin: 0 0 20px 0;} ul.address {width: 100% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float: right; margin-bottom:10px} .cart_voucher h4 {height: 15px; line-height: 0; margin-bottom: 0;} table#cart_summary .cart_total_price td.cart_voucher {line-height: 0;} .addresses ul.address {width: 100% !important} .addresses ul.address .address_title {font-size:14px;} #ordermsg .textarea textarea {width: 97%;} p.address_delivery, p.addressesAreEquals {height: none;line-height: 30px;} #address_delivery {margin:0 0 20px 0;} .address_add {padding: 0; text-align: center; margin: 20px auto 30px auto} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span,#add_adress p.textarea label {padding:6px 0; width:94%; text-align: left} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 94%;} #add_adress p.textarea textarea {width:94%;} #address p.inline-infos {margin:0 !important;} .adresses_bloc .item {margin: 0 0 20px 0} #returnOrderMessage .textarea textarea, #sendOrderMessage .textarea textarea {width: 96%;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label {padding: 6px 0; text-align: left; width: 94%;} #identity .std p.text input, #identity .std p.password input {width: 94%;} #identity .std p.select select {width: 94%;} #identity .std p.checkbox input {margin:0 2px 0 0;} #identity .std #security_informations {padding:0;} #identity .std p.radio span {width: 96%; padding: 6px 0; text-align: left;} #identity .std p.submit {padding:10px 0 20px 0} .favoriteproduct .remove {top:18px;} #module-blockwishlist-mywishlist #mywishlist p.text label {padding: 6px 0; text-align: left; width: 90%;} #module-blockwishlist-mywishlist #mywishlist p.text input {width: 96%;} #module-blockwishlist-mywishlist #mywishlist p.submit {text-align: left;} #module-blockwishlist-mywishlist .wishlistLinkTop li {float: none} ul.wlp_bought_list li {float: none; margin: 20px auto;} .wl_send p label {padding: 6px 0; text-align: left; width: 90%;} .wl_send p input[type=text] {width: 94%; } #opc_account_choice .opc_float {width:92%;} #new_account_form {padding: 13px;} #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 {padding: 6px 0; width: 100%; text-align: left} #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input {width: 96%;} #new_account_form p.checkbox input {margin-left: 0;} #new_account_form p.select select {width: 100%; margin-bottom: 5px} #order-opc #new_account_form p.submit {margin: 20px 30px 0 0; text-align: left} #new_account_form p.textarea textarea {width: 96%;} #new_account_form span.form_info, #new_account_form span.inline-infos {margin:5px 0 0 0;} #pagenotfound .pagenotfound {padding: 0; background: none} #pagenotfound #search_query {width: 95%; margin-bottom: 10px; margin-left: 0;} #pagenotfound fieldset label {float: left; margin-bottom: 10px} #category img#categoryImage {height: 100px;} table.std, table.table_block {padding: 5px;} #listpage_content {padding: 9px;} #featured-products_block_center h5, #new-products_block_center h5 {font-size: 15px;} #featured-products_block_center .price, #new-products_block_center .price {font-size: 21px;} #featured-products_block_center .price_container, #new-products_block_center .price_container { float: left; margin-top: 5px;} #featured-products_block_center .icons_container, #new-products_block_center .icons_container { float: right; margin:-5px 2px 0;} #featured-products_block_center .icons_container span.cart, #new-products_block_center .icons_container span.cart { margin:0;} #featured-products_block_center .icons_container span.fav, #new-products_block_center .icons_container span.fav { margin:-5px 5px 0; display: inline-block;} ul#newsletter {margin-top: -67px;} ul#newsletter li.msg_news {display: none;} ul#newsletter select {display: none;} ul#newsletter li.newsname {display: none;} ul#newsletter li.icon {width: 18%;} ul#newsletter li.inputmail {width: 24%; margin: 7px 12px 0 0} ul#newsletter li.selectaction {display: none;} #header_right #search_block_top {margin: 0;clear:right;} #header_right #search_block_top {float: right;} .fond-search {margin: -102px 0 0 0;} .fond-search, x:-moz-any-link, x:default {margin: -105px 0 0 0;} #header_user p.userinfo {margin: -15px 0 0 0;clear:right;} ul#header_links {display: none;} ul#footer_links {display: none;} /*#header_logo {margin-bottom: 35px;}*/ .fond-search {width: 280px;} #header_user li {float: right; margin-top: 13px} #header_right #search_block_top .search_query {width: 45%;} #header_user p.userinfo {float: right;} .view a.info {margin: 100px 0 0 0} #listpage_content ul.tree li {font-size: 10px;} #bottom_footer ul {background: #241F1D; margin: 20px 0 0 0; padding: 10px 0} #footer .block_various_links li {display: block; border-left: none; padding: 10px; margin: 7px 0; width: auto; background-color : white;} #footer .block_various_links li.first_item {border: none; padding-left: 10px;} #footer .block_store_infos li.trade {display: none; float: right;} #footer .block_various_links { margin: 10px 0 15px 0;} ul#product_list h5 {font-size: 15px;} ul#product_list .price {font-size: 21px;} ul#product_list .price_container { float: left; margin-top:5px;} ul#product_list .icons_container { float: right; margin:-5px 2px 0;} ul#product_list .icons_container span.cart { margin:0;} ul#product_list .icons_container span.fav { margin:-5px 2px 0; display: inline-block;} .jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal {top: -9%; z-index: 1000} #pb-left-column #haut ul {display: none} #pb-left-column #quantity_wanted_p {display: none !important} #featured-products_block_center li {margin-bottom: 30px;} #footer .block_contact_infos li pre {display: none} #footer .block_contact_infos li {padding: 10px 5px 0 0;} ul#newsletter p {margin: -33px 20px 0 0;} #view_scroll_right {margin: 38px 4px 0 0;} #view_scroll_left {margin: 38px 0 0 4px;} #featured-products_block_center li span.on_sale {right: 0;} #new-products_block_center li span.on_sale {right: 0;} #crossselling div.titleborderout, #productscategory div.titleborderout {display: none;} #crossselling div.titlebordrtext, #productscategory div.titlebordrtext {width: 70%;} .blockmanucarous_block_center div.titleborderout {display: none;} .blockmanucarous_block_center div.titlebordrtext {width: 70%;} .colleft {width: 100%; float: left; margin-bottom: 20px;} .colright {width: 100%; text-align: center; float: none} .colright img {vertical-align: middle; width: 280px; height: 191px} #manufacturers .caroufredsel_wrapper { height: 130px !important; } #header_user_cart {width: 100%;} } /* **************************************************************************** reset **************************************************************************** */ html{color:#000; background:#ffffff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:none;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} a {cursor:pointer} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} /* ************************************************************************************************ struture ************************************************************************************************ */ #page {} #header {z-index:10} #columns {z-index:1} #left_column { } #center_column { } #right_column {display: none} #footer {} #page_header { margin: 0 auto; border-bottom: 1px dotted #8d0000; } #header_court { /* background: #f2f2f0;*/ margin-bottom: 20px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); height: auto; width: 100% } #product #center_column{width:100%} #index #center_column{width:100%} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ /* background-color: #f8f8f8;*/ font: normal 15px 'Playfair Display', 'Bodoni', 'Georgia', serif; color: #493D3B; height: 100%; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right} /* title *************************************************************************************** */ h1 { color: #75989C; font-family: 'Playfair Display', 'Bodoni', 'Georgia', serif; font-size: 40px; font-weight: normal; padding: 20px 0; line-height: 20px; margin: 15px 0; } h1 span { color: #493D3B; float: right; font-size: 15px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-weight: normal; text-transform: none; } h2 { padding-bottom:20px; font-size:18px } h3 { padding: 6px 0; line-height: 17px; font-size:16px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-weight: bold; margin-bottom: 10px; } h4 { color: #75989C; line-height: 20px; margin-bottom: 20px; font-size: 40px; font-weight: normal; font-family: 'Playfair Display', 'Bodoni', 'Georgia', serif; } .hide-left-column #left_column {display:none} .hide-left-column #center_column {width:100%} /* text **************************************************************************************** */ p {color: #3B3532} .warning { margin: 20px 0; padding: 15px; color: #C09853; font-weight: normal; font-size: 15px; background: #FAF2CB; } .success { margin: 20px 0; padding: 15px; color: #468847; font-weight: normal; font-size: 15px; background: #C3E4B8; } .error { margin: 20px 0; padding: 15px; color: #B94A48; font-weight: normal; font-size: 15px; background: #E7C1C0; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:13px } .required {color:#8d0000} /* link **************************************************************************************** */ a, a:active, a:visited { color:#241F1D; text-decoration:none; outline: medium none; } a:hover {color:#8d0000; font-weight:bold;} /*buttons ************************************************************************************** */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { position:relative; display:inline-block; height: 40px; line-height: 40px; padding: 0 10px; font-weight: bold; text-transform: uppercase; color: white; background: #8d0000; cursor: pointer; border: none } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { /*padding-bottom: 2px*/ } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { background: #8d0000; border: none; font-weight: bold } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { text-decoration:none; background: #241F1D; font-weight: bold } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { background: #241F1D; border: none } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { text-decoration:none; background: #241F1D; font-weight: bold } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { /*width: 30px; background-image: url('../img/button-mini.png')*/ } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('../img/button-small.png')*/ } input.button_disabled, input.exclusive_disabled, span.exclusive { height: 40px; line-height: 40px; padding: 0 10px; font-weight:normal; color:white; background: #241F1D; cursor:default; } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { /*width: 180px; background-image: url('../img/button-large.png')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/ /* form **************************************************************************************** */ form.std fieldset { margin:20px 0; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); margin-bottom: 8px; padding: 25px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } table.std th, table.table_block th { background-color: #fcfbfb; color: #493D3B; height: 40px; font-weight: bold; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #fcfbfb; color: #828282} table.std td, table.table_block td { vertical-align:middle; color: #493D3B; } /* BLOCK .block ******************************************************************************** */ .block { background-color: #F2F2F0; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 5px 20px 20px; } #footer .block {margin-bottom:0} .block h4 { padding: 20px 0; margin-bottom: 20px; font-size: 20px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; color: #493D3B; line-height: 20px; font-weight: normal; background: none; border-bottom: 1px solid #DFD8D2 } .block h4 a {color:#241F1D} .block h4 a:hover {color:#8d0000} .block ul {list-style-type:none} .block li.last { border:none } .block li a { display:block; color:#241F1D } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li { float:left } .products_block li img { border: none; } .products_block li img:hover { } /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:3px; width:95%; text-align:left; cursor:pointer; color: #828282; } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type: none; margin: 30px 0 20px } ul.footer_links li { float:left; font-size: 15px } ul.footer_links li.f_right { float:right; font-size: 15px } ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:10px 0; font:normal 13px 'Open Sans', Arial, Verdana, sans-serif; color:#747474; background:transparent; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { } .sortPagiBar #bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111; } .sortPagiBar #nbrItemPage {margin-left:40px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ form.pagination {display:none;} div.pagination { clear: both; height: 40px; padding: 1em 0; } ul.pagination {list-style-type:none} ul.pagination li {display: inline;} ul.pagination a, ul.pagination span { display:inline-block; } ul.pagination a { padding: 10px 17px; background: silver; border: 1px solid silver; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; font-weight:normal; color:white; cursor: pointer; } ul.pagination a:hover { text-decoration:none; border:1px solid #8d0000; background: #8d0000; } ul.pagination .current span { background-color: #8d0000; border: 1px solid #8d0000; color: white; font-weight: normal; padding: 10px 17px; } ul.pagination li.disabled span { color:#ccc } ul.pagination li.disabled { color:#ccc } #pagination_previous {float:left; margin-right: 5px;} #pagination_next {float:right} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { padding: 10px 20px; border: 1px solid silver; background: silver; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; font-weight:normal; color:white; cursor: pointer; } #pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover { text-decoration:none; border:1px solid #8d0000; background: #8d0000; } #pagination_previous span, #pagination_next span { color: white; } /* CART steps *********************************************************************** */ ul#order_step { background-color: none; margin-bottom: 30px;} ul.step { list-style-type:none; width: 100% } ul.step li { text-align:center; background:url(../img/step_standard.gif) no-repeat center bottom transparent } ul.step li a, ul.step li.step_current span { display:inline-block; color:white; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-weight: bold; background:url(../img/step_current_span.gif) no-repeat center bottom transparent } ul.step li.step_current { font-weight:bold; background:url(../img/step_current.gif) no-repeat center bottom transparent } ul.step li.step_todo span { display:inline-block; color:silver; font-weight: bold; background:transparent } ul.step li.step_done { font-weight: bold; background:url(../img/step_done.gif) no-repeat center bottom transparent } ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent} /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: transparent none repeat scroll 0 0 } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; font-size:12px; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header { position:relative; } #header_logo { float:left; display:block; } #header_logo img { display: inline-block; box-sizing: border-box; border: none; height: auto; max-width: 70%; } #header_right { position:relative; width: 100%; height: auto; float: right } /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { line-height: 25px; font-size: 15px; color: #888888; } .breadcrumb .navigation-pipe {margin:0 5px 0 5px} .breadcrumb img { position:relative; } .breadcrumb span.returnhome { display: inline-block; background: url(../img/cultura/home_30_bi.png) silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px 17px 17px 17px; cursor: pointer; vertical-align: middle } .breadcrumb span.returnhome:hover { background: url(../img/cultura/home_30_bi.png) #8d0000 no-repeat center -30px; } p.returnhome, li.returnhome, li.returnaccount { font-size: 15px } span.returnhome { display: inline-block; background: url(../img/cultura/home_30_bi.png) silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px 17px 17px 17px; margin: 0 5px 0 0; cursor: pointer; vertical-align: middle } span.returnhome:hover { background: url(../img/cultura/home_30_bi.png) #8d0000 no-repeat center -30px; } span.returnaccount { display: inline-block; background: url(../img/cultura/profile-bi-30.png) silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px 17px 17px 17px; margin: 0 5px 0 0; cursor: pointer; vertical-align: middle } span.returnaccount:hover { background: url(../img/cultura/profile-bi-30.png) #8d0000 no-repeat center -30px; } span.returnhistory { display: inline-block; background: url(../img/cultura/list_30_bi.png) silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px 17px 17px 17px; margin: 0 5px 0 0; cursor: pointer; vertical-align: middle } span.returnhistory:hover { background: url(../img/cultura/list_30_bi.png) #8d0000 no-repeat center -30px; } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { color:#fff; background:transparent; } #page_footer { margin: 0 auto; } #bottom_footer { background: none; border-top: none; } #bottom_footer ul { width: 100%; float: left; list-style-type:none; } #bottom_footer li { list-style-type: none; line-height: 20px; width: auto; color: #EDE8E1; font-size: 14px; } #bottom_footer span.urlfacebook { background: url(../img/cultura/facebook-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urlfacebook:hover { background: url(../img/cultura/facebook-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urlgoogle { background: url(../img/cultura/google-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urlgoogle:hover { background: url(../img/cultura/google-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urltwitter { background: url(../img/cultura/twitter-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urltwitter:hover { background: url(../img/cultura/twitter-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urlpinterest { background: url(../img/cultura/pint-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urlpinterest:hover { background: url(../img/cultura/pint-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urlvimeo { background: url(../img/cultura/vimeo-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urlvimeo:hover { background: url(../img/cultura/vimeo-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urlyoutube { background: url(../img/cultura/youtube-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urlyoutube:hover { background: url(../img/cultura/youtube-bi.png) transparent no-repeat center -40px; } #bottom_footer span.urllinkedin { background: url(../img/cultura/linkedin-bi.png) transparent no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: 0 5px 0 0; height: 40px; width: 40px; float: left } #bottom_footer span.urllinkedin:hover { background: url(../img/cultura/linkedin-bi.png) transparent no-repeat center -40px; } #bottom_footer ul img { padding: 0 2px; float: left } #bottom_footer li a { color: #CFC9C3; font-size: 15px; } #footer li a p { margin-bottom: 0; padding-bottom: 0; } #footer li a:hover p { color: #8d0000; -moz-transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; transition: all 600ms ease-in-out 0s; } #bottom_footer li a:hover { color: #8d0000; -moz-transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; transition: all 600ms ease-in-out 0s; } #bottom_footer span { background: url("../img/cultura/space-bottom-footer.png") repeat-y; float: left; height: 15px; width: 2px; padding: 0px 0; } #footer_court { /* background-color: #f2f2f0;*/ width: 100%; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #block_contact_infos { float:right; } .blockcategories_footer {margin-left:0} #footer h4 { padding-bottom: 10px; border-bottom: none; } #footer h4, #footer h4 a { font-weight: normal; font-size: 20px; height: 40px; line-height: 50px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; color: #241F1D; margin-bottom: 20px } #footer a { color:#493D3B; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #footer a:hover { color: #8d0000; } #footer ul {list-style-type:none} #footer li { background: transparent; border-bottom: none; padding: 3px 0; margin: 12px 0 0 0; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #footer li a:hover { background: transparent; color: #8d0000; padding: 3px 0; margin: 12px 0; } #footer li a { color:#f2f2f0; } #footer .loyalty img { display: none } #footer .lnk_wishlist img { display: none } #footer .myaccount {padding: 15px 10px} #footer .myaccount h4 { padding:0 0 10px 0; background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; } ul.idTabs li { font-size: 16px; } .idTabs a { display:block; height: 47px; padding: 0 20px; line-height: 47px; font-weight: bold; text-decoration:none; color: rgba(0, 0, 0, 0.67); /* background: #F2F2F0; */ -moz-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -o-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -ms-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .idTabs a:hover { color: #8d0000; } .idTabs .selected { background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -o-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); -ms-box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); box-shadow: 1px -1px 3px -1px rgba(0, 0, 0, 0.50); } #more_info_sheets { padding-top: 17px; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); border: none; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); margin: 0 0 0; padding: 20px 20px; } #more_info_sheets p { color: rgba(0, 0, 0, 0.67); font-size: 15px } #more_info_sheets a:hover{font-weight: bold;} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {list-style-type: none;} #more_info_sheets ul li { padding-bottom:5px; color: rgba(0, 0, 0, 0.67); font-size: 15px } #more_info_sheets ul li a { color:#241F1D; font-weight: bold; font-size: 15px; padding: 6.5px 40px 6.5px; background: transparent url(../img/cultura/download-bi-30.png) left 0 no-repeat; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #more_info_sheets ul li a:hover { color:#8d0000; background: transparent url(../img/cultura/download-bi-30.png) left -30px no-repeat; } #more_info_sheets em {font-style:italic} #more_info_sheets ul li span{font-weight:bold;} #more_info_sheets ul#idTab4 , #more_info_sheets ol#idTab4 , #more_info_sheets dl#idTab4 { list-style-type: none; width: 100% } #more_info_sheets ul#idTab4 .block { background-color: transparent; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin-bottom: 8px; outline: none; padding: 5px 0 10px 0; } #more_info_sheets ul#idTab4 li { float: left; text-align: center; width: 185px; } #more_info_sheets ul#idTab4 li:hover { } #more_info_sheets ul#idTab4 li a { background: none; color: #241F1D; text-align: center; font-weight: normal; font-size: 15px; padding: 10px 0; } #more_info_sheets ul#idTab4 li a:hover { color:#8d0000; background: none; } #more_info_sheets ul#idTab4 li img { height: 185px; width: 185px; } /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl {margin-left:20px} .block_hidden_only_for_screen {display:none} /* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ #authentication #left_column {display:none} #authentication #center_column{width:100%} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column {display:none} #order #center_column, #order-confirmation #center_column{width: 100%} .cart_navigation { margin: 30px 0 30px 0; } .cart_navigation .button, .cart_navigation .button_large { color: white; background:silver } .cart_navigation .button:hover, .cart_navigation .button_large:hover { color: white; } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} p.contains { font-size: 15px; padding-bottom: 0px; } span.contains { font-size: 15px; padding-bottom: 0px; } /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} table#cart_summary td.notification { background-color: #e7025f; vertical-align:middle; text-align: center; color: #ffffff; font-weight: bold; } table#cart_summary th { background-color: #fcfbfb; height: 40px; font-weight: bold; color: #493D3B; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { font-weight: normal; font-size:15px; color: #493D3B; vertical-align:middle; text-align: left; } table#cart_summary td.cart_delete, table#cart_summary td.price_discount_del {border-right:none;text-align: center} table#cart_summary td.last_item { border-bottom: 1px solid #ECECEA } table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher, table#cart_summary tr.cart_total_tax{ background-color: none; } table#cart_summary tr.cart_total_price { margin-top: 20px; } table#cart_summary tr.cart_item.even { background-color: #fdfbfb; } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #F5F5F3 } table#cart_summary tr ul { list-style: none; } table#cart_summary .cart_product { width:80px; text-align:center }table#cart_summary tbody tr:last-child td { border-bottom: none; border-top : none; } table#cart_summary .cart_product img { -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } table#cart_summary .cart_product img:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; } table#cart_summary .cart_description { width:230px; } table#cart_summary .cart_unit {width:130px; text-align: center} table#cart_summary td.cart_unit {text-align: center} table#cart_summary .cart_quantity {width:130px; text-align: center} table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { background-color: #F8F8F8; border: 1px solid #EEEEEE; font-weight: normal; color: #807572; margin-left: 20px; width: 26px; height: 40px; padding-left: 15px; } .cart_quantity .cart_quantity_button { margin-right: 30px; margin-left: 10px; margin-top: 2px } table#cart_summary .cart_total {width:120px; text-align: center} table#cart_summary td.cart_total { text-align: center; font-weight: bold; } table#cart_summary .cart_delete { width:64px; text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display:inline-block; background: url(../img/cultura/trash-bi-30.png) silver no-repeat center 0; cursor: pointer; color: transparent; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; height: 30px; width: 30px } table#cart_summary .cart_discount_price:hover {text-align: right} .cart_delete:hover a.cart_quantity_delete:hover, a.price_discount_delete:hover { background: url(../img/cultura/trash-bi-30.png) #8d0000 no-repeat center -30px; } .cart_total_price .total_price_container { border-right:none; } table#cart_summary #total_price_container { } .cart_voucher h4, .cart_voucher p {float:left;} .cart_voucher h4 { border-bottom: none; margin: 0 12px; padding: 24px 0 0 0; font-size: 18px; font-weight: normal; width: auto } .cart_voucher p {padding-bottom:0;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 16px; color:#666; font-weight:normal; border-top:1px dotted #ccc; padding: 10px 20px; text-align: left; } .cart_voucher #display_cart_vouchers .title_offers {margin-top:10px} .cart_voucher #display_cart_vouchers span {font-weight:bold} .cart_voucher input.discount_name { margin-top: 5px; width:170px; height: 38px; font-weight: normal; background-color: #F8F8F8; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; padding-left: 5px; } .cart_voucher #display_cart_vouchers span:hover {color: #8d0000; cursor:pointer;} .cart_voucher .submit input.button { margin: 5px 0 0 10px; padding: 0 10px; height: 40px; line-height: 40px; font-weight:normal; text-transform: uppercase; color:white; background: #241F1D; cursor: pointer; } .cart_voucher .submit input.button:hover { background: #8d0000; text-decoration:none; border: none; } #cart_summary .price { border-right:none; text-align: right; white-space: nowrap; font-weight: normal; } .total_price_container p {text-align: center} table#cart_summary .cart_total_price .total_price_container { padding:0; } .cart_total_price .total_price_container p { display:block; background: #F8F8F8; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); font-size:18px; padding:15px; margin: 10px 20px 20px 0; font-weight:normal; color:#5C5C5C; text-transform:uppercase; } .cart_total_price .total_price_container span { color:#8d0000; padding-left: 20px; font-weight:normal; font-size:18px; text-align:center } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier h4 { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #order_carrier span { display:block; padding:15px; font-weight:bold } .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; } /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { clear: none; float: left; } #authentication #create-account_form fieldset, #authentication #login_form fieldset { padding: 25px; font-size: 15px; border:none; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding: 0 } #create-account_form h3, #authentication #login_form h3 { color: #493D3B; background: none; font-size: 17px; height: 40px; line-height: 40px; padding: 0 2px; font-weight: bold; } #create-account_form h4 { color: #493D3B; font-size: 15px; font-weight: normal; text-transform: none; line-height: 15px; margin-bottom: 20px; padding-left: 2px; } #create-account_form label, #login_form label { color: #493D3B; margin: 0 0 10px 2px; font-size: 15px; display: inline-block; width: 200px; } #order-opc #login_form_content label { display:block; margin:0 0 10px 0; } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { background-color: #F8F8F8; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; height: 35px; line-height: 35px; padding: 4px 7px; } #create-account_form #SubmitCreate, #login_form #SubmitLogin { background: silver; border: none; clear: both; font-weight: bold; font-size: 15px; text-transform: uppercase; color: white; float: left; margin-top: 20px; padding: 0 25px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #create-account_form:hover #SubmitCreate:hover, #login_form:hover #SubmitLogin:hover { background: #8d0000; } .lost_password { float:left; width: auto } .lost_password a {color:#241F1D} .lost_password a:hover {color:#8d0000} #order-opc .lost_password { display: block; float: none; margin: 15px 0 10px; width: auto; font-size: 14px; color: #241F1D; } #order-opc .lost_password:hover {color:#8d0000} #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin:0 0 20px 3px; width: 100% } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; font-style: normal; color: #807572; background: white; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding: 5px; } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; border: 1px solid #ccc; background: #ddd; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { /*background: url("../img/table_header.gif") no-repeat; color: #374853; font-weight: bold; height: 14px; padding: 5px 10px; margin: 10px 0 0 0;*/ padding: 6px 11px; font-size: 15px; margin-bottom: 0px; color: #493D3B; background: #F0EDEA; } div.delivery_options_address { background: white; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 10px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; background: #fcfbfb; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: auto; width: 100%; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #DBDDE0; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: none; background: #f1f2f4; border-bottom: none; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: right; color: rgba(0, 0, 0, 0.67); } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; box-sizing: border-box; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img {display: inline-block; height: auto; max-width: 100%;} #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding: 25px; font-size: 15px; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:15px; color:#1B1A19 } .order_carrier_content h3.carrier_title { padding-top:0; margin-bottom: 0px; } .order_carrier_content input { position:relative; top:2px; margin-right: 5px } .order_carrier_content p.checkbox { color: #493D3B; margin-bottom: 15px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:98%; margin-top: 10px } a.iframe {font-weight:bold} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .paiement_block { background: none; } .payment_module a { display:block; height: 50px; color: #241F1D; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); position: relative; padding: 15px; margin-bottom: 15px; font-size: 15px; font-weight: bold; } .payment_module a:hover { color: #8d0000; } .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc #left_column {display:none} #order-opc #center_column{width:100%} #order-opc h2 { color: #493D3B; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 20px; font-weight: bold; padding: 30px 0;; } #order-opc h2 span { display:inline-block; font-weight: bold; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; text-shadow: none; height: 38px; width: 26px; line-height: 38px; padding: 0 0 0 14px; margin-right: 5px; color:white; background:silver; } #order-opc #login_form fieldset { border: none; margin: 0 0 10px; padding: 25px; font-size: 15px; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #order-opc #login_form h3 { color: #493D3B; font-size: 17px; height: 40px; line-height: 40px; font-weight: bold; } #order-opc #login_form fieldset p { margin: 20px 0 0 0; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 17px; font-weight: normal; } #order-opc #login_form fieldset p span.openLoginFormBlock { background: url(../img/cultura/profile-bi-30.png) #241F1D no-repeat center 0; display: inline-block; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 30px; height: 30px; cursor: pointer; vertical-align: middle } #order-opc #login_form fieldset p span.openLoginFormBlock:hover { background: url(../img/cultura/profile-bi-30.png) #8d0000 no-repeat center -30px; } #order-opc #login_form fieldset p a { padding:0; } #order-opc #new_account_form p.opc-required { margin-left:20px; color: #8d0000 } #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 { font-weight: normal; font-size: 15px; color: #493D3B; background: #F0EDEA; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; text-shadow: none; } #order-opc #opc_delivery_methods .delivery_options_address { background: #fcfbfb; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #order-opc #opc_delivery_methods h3.carrier_title { font-size: 15px; margin-bottom: 0px; background: none; color: #493D3B; font-weight: bold; text-transform: none; } #order-opc #opc_delivery_methods h3.gift_title { font-size: 15px; margin-bottom: 0px; background: none; color: #493D3B; font-weight: bold; text-transform: none; } #order-opc #opc_delivery_methods h3.condition_title { font-size: 15px; margin-bottom: 0px; background: none; color: #493D3B; font-weight: bold; text-transform: none; } #order-opc #opc_delivery_methods #msg { padding: 25px 25px 25px 18px; } #order-opc #opc_delivery_methods h3.order_message { font-size: 20px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; margin-bottom: 0px; background: none; color: #493D3B; font-weight: bold; text-transform: none; padding: 15px 0 10px; } #order-opc #opc_delivery_methods textarea { height: 60px; width: 99%; background: #fcfbfb; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); border: none; color: #807572; font-size: 15px; padding: 5px; margin-top: 5px } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{} .delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 670px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; font-size: 15px } /* ************************************************************************************************ JB - Payment validation and confirmation pages ************************************************************************************************ */ .payment_details { border: none; margin: 0 0 10px; padding: 25px; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form { clear:both; margin-bottom: 20px; font-size: 15px; background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } #new_account_form.std fieldset { border: none; margin: 0 0 10px 0; padding-bottom: 20px } #new_account_form h3 { color: #493D3B; background: none; font-size: 17px; line-height: 20px; padding: 12px 11px; font-weight: bold; } #new_account_form h4 { font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 17px; font-weight: normal; border-bottom: none; margin: 7px 0; padding: 10px 0 10px 2px; } #center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; color: #807572; font-size: 15px; } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:15px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 15px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { background: #F9F5F2; border: 1px solid #DFD7D0; color: #807572; font-size: 15px; height: 35px; padding: 0 5px; } #new_account_form p.text select, #new_account_form p.password select, #new_account_form p.select select { background: #F9F5F2; border: 1px solid #DFD7D0; color: #807572; font-size: 13px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; height: 35px; margin-right: 10px; padding: 8px; } #new_account_form p.text option, #new_account_form p.password option, #new_account_form p.select option { margin-left: 7px } #new_account_form p.checkbox input { vertical-align: -2px; } #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:100%} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 25px; font-size: 15px; border:none; background-color: #ffffff; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #form_forgotpassword p.email label { display: inline-block; width: auto; font-weight: normal; font-size: 15px; text-align: left; margin: 0 0 10px 0; } #form_forgotpassword p.text input { padding: 0 5px; height: 40px; color: #493D3B; background: #F0F0F0; border: 1px solid #E4E4E2; margin: 0 0 10px 0; } #form_forgotpassword p.submit { ttext-align: left; padding-bottom: 0px; margin-top: 10px } #password .icon { position:relative; top:7px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #addresses #center_column{width:100%} #address p.inline-infos { font-size:13px; color:#444px; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{width:100%} form#add_adress { margin-top: -10px } #add_adress fieldset { background: url("../../../themes/culturasix/img/lecadratin/lc_transparency.png") repeat scroll center -2px rgba(0, 0, 0, 0); margin: 30px 0; padding: 25px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); } #add_adress h3 { color: #493D3B; font-size: 17px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; } #center_column #add_adress p {margin:0; padding:0 0 10px 0} #add_adress p.required { color:#493D3B } #add_adress p.required sup {color:#8d0000} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label { float: none; display:inline-block; font-size:15px; color:#493D3B } #add_adress p.text input, #add_adress p.password input, #add_adress p.select input { background-color: #F8F8F8; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; height: 35px; line-height: 35px; padding: 4px 7px; } #add_adress p.checkbox input { margin-left: 285px; vertical-align: -2px; } #add_adress p.select select { margin-right:10px; height: 35px; width: 115px; background-color: #F8F8F8; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; padding: 8px; } #add_adress p.select option { padding-left: 12px; } #add_adress p.textarea label {vertical-align:top; color:#493D3B} #add_adress p.textarea textarea { height:80px; background-color: #F8F8F8; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; padding: 5px; } #center_column #add_adress p.submit2 { margin-top:20px; text-align:right } #add_adress span.form_info, #add_adress span.inline-infos { display:block; margin:5px 0 0 265px; color:#666 } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column {display:none} #order-slip #center_column{width:100%} #order-slip #order-list {border-bottom:none} #order-slip #order-list td { border-top: none; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{width:100%} #discount .table_block tr.last_item td {border-bottom:none} #discount .table_block td.discount_expiration_date {} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} #order-follow #center_column{width:100%} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer h1 span .nbrmanufacturer { color: #1B1A19; float: right; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 15px; font-weight: normal; text-transform: none; } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 30px; } ul#manufacturers_list li a.lnk_img { display: block; } ul#manufacturers_list li img { display: block; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); height: 210px; width: 210px; vertical-align: bottom } ul#manufacturers_list li img:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; } ul#manufacturers_list li h3 { margin-bottom: 20px; font-size: 16px; color: #241F1D } ul#manufacturers_list li h3:hover { color: #8d0000 } h1 span.title { color: #241F1D; float: none; font-size: 20px; font-weight: normal; text-transform: uppercase; } ul#manufacturers_list li h3 span { line-height: 15px; background-color: white; color: #5C5C5C; font-size: 15px; font-weight: normal; padding: 5px 10px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } ul#manufacturers_list li h3 span:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; color: #8d0000 } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:15px; color:#807572; } ul#manufacturers_list li .right_side a { float: right; height:30px; width:30px; background: url(../img/cultura/plus-white-30-bi.png) silver no-repeat center 0; cursor: pointer; vertical-align: middle; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } ul#manufacturers_list li .right_side a:hover { background: url(../img/cultura/plus-white-30-bi.png) #8d0000 no-repeat center -30px; } .description_box { font-size: 15px; margin-bottom: 10px; } .description_box p { margin-bottom: 10px; padding-bottom: 0px; color:#807572; } .description_box .hide_desc { display: none; } .description_box .lnk_more { float: left; margin-top:5px; display:none; height:30px; width:30px; background: url(../img/cultura/plus-white-30-bi.png) silver no-repeat center 0; cursor: pointer; vertical-align: middle; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .description_box .lnk_more:hover { background: url(../img/cultura/plus-white-30-bi.png) #8d0000 no-repeat center -30px; } .description_box ul { padding-left: 30px; padding-bottom: 0px; color:#747474; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier h1 span .nbrmanufacturer { color: #1B1A19; float: right; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 15px; font-weight: normal; text-transform: none; } #supplier #product_list {margin-top:15px} ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 30px; } ul#suppliers_list li a.lnk_img { display: block; } ul#suppliers_list li img { display: block; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); height: 210px; width: 210px; vertical-align: bottom } ul#suppliers_list li img:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; } ul#suppliers_list li h3 { margin-bottom: 20px; font-size: 16px; color: #241F1D } ul#suppliers_list li h3:hover { color: #8d0000 } h1 span.title { color: #241F1D; float: none; font-size: 20px; font-weight: normal; text-transform: uppercase; } ul#suppliers_list li h3 span { line-height: 15px; background-color: white; color: #5C5C5C; font-size: 15px; font-weight: normal; padding: 5px 10px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } ul#suppliers_list li h3 span:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; color: #8d0000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:15px; color:#807572; } ul#suppliers_list li .right_side a { float: right; height:30px; width:30px; background: url(../img/cultura/plus-white-30-bi.png) silver no-repeat center 0; cursor: pointer; vertical-align: middle; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } ul#suppliers_list li .right_side a:hover { background: url(../img/cultura/plus-white-30-bi.png) #8d0000 no-repeat center -30px; } /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin: 0 0 10px 0; padding: 10px; border: 1px solid #e6db55; font-size: 15px; background: #ffffe0 } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #footer {} #pagenotfound #left_column, #pagenotfound #right_column {display:none} #pagenotfound #center_column {width:100%;} #pagenotfound .pagenotfound { font-size: 15px; } #pagenotfound h3 { font-weight:normal; font-size: 15px } #pagenotfound fieldset { margin-bottom:20px; } #pagenotfound fieldset label { color:#493D3B; font-size: 15px; } #pagenotfound #search_query { height: 40px; background-color: white; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; padding-left: 5px; } #pagenotfound .button_small { background: #2D1A17; border: none; color: white; cursor: pointer; display: inline-block; font-weight: normal; height: 40px; line-height: 40px; padding: 0 20px; position: relative; text-transform: uppercase; } #pagenotfound .button_small:hover { border: none; background: #8d0000; } #pagenotfound .pagenotfound a { font-weight:normal; color:#241F1D } #pagenotfound .pagenotfound a:hover { color:#8d0000 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} #module-cheque-payment #center_column{width:100%} #module-cheque-payment #center_column h2 { color: #493D3B; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 20px; font-weight: normal; padding: 30px 0; } #module-cheque-payment #center_column h3 { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 20px; font-weight: bold } #module-cheque-payment #center_column span.price { color: #8d0000; font-weight: bold } /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{width:100%} #module-bankwire-payment #center_column h2 { color: #493D3B; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; margin: 10px 0; padding: 6px 0; } #module-bankwire-payment #center_column h3 { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 30px; font-weight: bold } #module-bankwire-payment #center_column span.price { color: #8d0000; font-weight: bold } /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} #module-gcheckout-payment #center_column{width:100%} /* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-payment-submit #left_column {display:none} #module-payment-submit #center_column{width:100%} /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} #module-cashondelivery-validation #center_column{width:100%} /* ************************************************************************************************ 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{ cursor: pointer; float: left; padding-top: 3px; text-align: left; width: 95%; } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #module-referralprogram-referralprogram-program #center_column{width:757px} #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #0088cc; background:url(../img/arrow_right_1.png) no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: #0088cc; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column {display:none} #module-loyalty-default #center_column{width:100%} #product p#loyalty { clear: both; padding: 2px 0 0 45px; background:url(../img/cultura/loyalty-30.png) no-repeat 2px 4px; margin: 20px 0 0; font-size: 15px } #product p#loyalty b { color: #EC3E3F; font-weight: normal } #product p#loyalty span { color: #EC3E3F } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk { margin:10px 0; text-align: right } #livezilla_lnk a { display:inline-block; padding:6px 8px 8px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font:bold 10px Arial,Verdana,sans-serif; color:#fff; text-shadow: 0 -1px 0 #000; background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000 } #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ form#sendComment fieldset{ padding:10px; border:1px solid #ccc; background:#eee } form#sendComment h3 {font-size:14px;} #new_comment_form p.text { margin-bottom: 0; padding-bottom: 0; } #sendComment p.text label, #sendComment p.textarea label { display: block; margin: 12px 0 4px; font-weight: bold; font-size: 12px; } #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; background: url(../img/bg_input.png) repeat-x 0 0 #fff; } #sendComment p.textarea textarea { height:80px; width:508px; border:1px solid #ccc; } #sendComment p.submit { padding:0; text-align:right } #sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(modules/productcomments/img/delete.gif) no-repeat 0 0 } .star { position: relative; top:2px; float: left; height: 15px; width: 15px; overflow: hidden; text-indent: -999em; cursor: pointer } .star, .star a { background: url(modules/productcomments/img/star.gif) no-repeat 0 0 } div.star_on a { background-position: 0 -15px } div.star_hover a, div.star a:hover { background-position: 0 -15px } /* ************************************************************************************************ xxxxx ************************************************************************************************ */ /* ************************************************************************************************ guest tracking ************************************************************************************************ */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* ************************************************************************************************ bloc top menu ************************************************************************************************ */ /* ************************************************************************************************ block top search ************************************************************************************************ */ /* ************************************************************************************************ block top currencies ************************************************************************************************ */ /* ************************************************************************************************ blocklangcurr ************************************************************************************************ */ #currencies_lang_curr { background: url('') no-repeat; } #currencies_lang_curr select { height: 38px; padding: 9px; width: 180px; /* font-family: sans-serif; */ font-size: 15px; background-color: #FFFFFF; border: 1px solid #D2D2D2; color: #464A4F; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #currencies_lang_curr option { padding-left: 12px; } /* ************************************************************************************************ Block newsletterfooter ************************************************************************************************ */ /* Block newsletterfooter */ ul#newsletter_footer { background: transparent; font-size: 15px; color: #241F1D; height: auto; float: left; width: 100%; list-style: none outside none; } ul#newsletter_footer li.icon { float: left; background:url(../img/cultura/newsletter-icon.png) no-repeat; height: 35px; margin: 14px 0 0 0 } ul#newsletter_footer li.newsname { float: left; line-height: 43px; padding: 0 10px 0 0; font-size: 20px } ul#newsletter_footer li.msg_news { float: left; line-height: 15px; padding: 7px 20px 5px 0; font-size: 15px; color: #807572 } ul#newsletter_footer li.inputmail { float: left; line-height: 50px; padding: 0 10px 0 0; } ul#newsletter_footer li.selectaction { float: left; line-height: 50px; padding: 0 10px 0 0; display: none; margin: 9px 0 } ul#newsletter_footer li.inputok { float: left; line-height: 50px; padding: 0 10px 0 0; width: auto; margin: 7px 0 0 10px; } ul#newsletter_footer p { float: right; color: #8d0000; font-size: 15px; } ul#newsletter_footer input[type=text] { background-color: white; border: 1px solid #EEEEEE; font-size: 15px; color: #807572; height: 35px; line-height: 35px; padding: 4px 7px; width: 94%; font-style: italic; } ul#newsletter_footer select { background-color: white; height: 45px; width: 150px; padding: 12px; color: #807572; font-size: 15px; border: 1px solid #EEEEEE; font-style: italic; } ul#newsletter_footer option { padding-left: 7px; } ul#newsletter_footer input.button_news { display: inline-block; padding: 10px 20px; border: 1px solid #241F1D; font-weight: bold; background: #241F1D; cursor: pointer; color: white; text-transform: uppercase; font-size: 15px } #newsletter_footer input[type="submit"]:hover, input.button_news a:hover { text-decoration: none; border: 1px solid #8d0000; background: #8d0000; color: white; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } /* ************************************************************************************************ minicslider ************************************************************************************************ */ /* ************************************************************************************************ Products Sort Form ************************************************************************************************ */ #productsSortForm p { clear: both; float: right; list-style: none outside none; margin: 10px 0 20px; } #productsSortForm select { border: 1px solid #EEEEEE; background: white; color: #493D3B; -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.15); font-size: 15px; height: 40px; padding: 10px; width: 180px; } #productsSortForm option { padding-left: 7px; } #productsSortForm label { color: #493D3B; float: left; font-size: 15px; margin: 14px 10px 0 -10px; } /* ************************************************************************************************ paypal button product page ************************************************************************************************ */ #payment_paypal_express_checkout { cursor: pointer; display: none; } /* ************************************************************************************************ favorite products lnk product page ************************************************************************************************ */ #usefull_link_block li#favoriteproducts_block_extra_add { -ms-display: none; cursor: pointer; padding-top: 4px; } #usefull_link_block li#favoriteproducts_block_extra_remove { -ms-display: none; cursor: pointer; padding-top: 4px; } ul#usefull_link_block li#favoriteproducts_block_extra_added { -ms-display: none; cursor: pointer; padding-top: 4px; display: none; } ul#usefull_link_block li#favoriteproducts_block_extra_removed { -ms-display: none; cursor: pointer; padding-top: 4px; display: none; } /* ************************************************************************************************ Product comments ************************************************************************************************ */ /* ************************************************************************************************ HOOK SHOPPING CART ************************************************************************************************ */ div#HOOK_SHOPPING_CART p#loyalty { padding-bottom: 5px; margin: 0 0 15px 5px; } div#HOOK_SHOPPING_CART span.unvalability { font-style: italic } /* ************************************************************************************************ CROSSELLING ************************************************************************************************ */ /* ************************************************************************************************ Block advertising ************************************************************************************************ */ .advertising_block { background-color: #F5F6F1; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); list-style: none outside none; text-align: center; margin-bottom: 20px; padding: 10px } .advertising_block img { -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } /* ************************************************************************************************ Block CMS ************************************************************************************************ */ .block-cms ul.bullet { list-style-type: none; } .block-cms h4 { font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; /* font-weight: bold;*/ font-size: 14px; padding-left: 0px; text-transform: none; } .block-cms ul.bullet li { height: 18px; line-height: 18px; } /* ************************************************************************************************ Block links ************************************************************************************************ */ #links_block_left ul { list-style-type: none; padding-bottom: 30px; } #links_block_left li { border-bottom: 1px dotted #EEEEEE; } #links_block_left li a { display: block; color: #646464; padding: 8px 12px; text-decoration: none; } #links_block_left li a:hover { color: #84ab3e; border-bottom: 1px dotted #84ab3e; } /* ************************************************************************************************ BLOCK CART ************************************************************************************************ */ /* ************************************************************************************************ BLOCK #reinsurancehome_block ************************************************************************************************ */ #border_block { border-top: 1px solid #ECECEA; border-bottom: 1px solid #ECECEA; margin: 10px 0 } #reinsurancehome_block { background:none; border-top: 4px solid #FFFFFF; border-bottom: 4px solid #FFFFFF; padding-top: 15px; } #reinsurancehome_block ul { list-style-type:none; width: 1100px } #reinsurancehome_block li { float:left; font-size:12px; color:#666666; text-transform:uppercase; -webkit-text-shadow: 0 1px 0 white; -moz-text-shadow: 0 1px 0 white; -o-text-shadow: 0 1px 0 white; -ms-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; } #reinsurancehome_block .width1 li {width:960px} #reinsurancehome_block .width2 li {width:470px} #reinsurancehome_block .width3 li {width:305px} #reinsurancehome_block .width4 li {width:224px} #reinsurancehome_block .width5 li {width:204px} #reinsurancehome_block li img { height: 60px; width: 60px } #reinsurancehome_block li span { float: left; padding: 0 20px 12px 5px } /* ************************************************************************************************ Products Categories ************************************************************************************************ */ /* ************************************************************************************************ General img products css effect ************************************************************************************************ */ .view { margin: 0 0 10px; overflow: hidden; position: relative; text-align: center; cursor: pointer; background: none ; } .view .mask,.view .content { position: absolute; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; } .view img { position: relative; } .view h2 { display: none; text-transform: uppercase; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-weight: normal; color: #CE9014; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); } .view div#desk { display: none; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-style: italic; font-size: 12px; position: relative; color: #7B7B7B; text-align: center; } .view a.info { display: inline-block; background:url(../img/cultura/plus-white-40-bi.png) #241F1D no-repeat left 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 13px 15px 15px 40px; vertical-align: middle; text-decoration: none; color: white; font-size: 14px; text-transform: none; border: none; } .view a.info:hover { color: white; background:url(../img/cultura/plus-white-40-bi.png) #8d0000 no-repeat left -40px; } /* ************************************************************************************************ imgs products css effect ************************************************************************************************ */ .view img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .view .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .view h2 { margin-top: 10px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view div#desk { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view:hover img { -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); transform: scale(1.5,1.5); } .view:hover h2, .view:hover div#desk, .view:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view:hover div#desk { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .view:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /* ************************************************************************************************ imgs products css effect ************************************************************************************************ */ #categories_block_left div.titlebordrtext1 { text-align: center; width: 100%; } #categories_block_left div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #categories_block_left div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #categories_block_left h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } div.titlebordrtext1 { text-align: left; width: 100%; margin-top: 10px; } div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } h4.titleborderh4 { background:#ffffff; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 25px 19px 0; /* font-size: 20px !important;*/ } /* ************************************************************************************************ C ************************************************************************************************ */ .caroucontrol{position:relative;} .caroucontrol a.next { background: url('../img/cultura/next-horizontal-bi-30.png') white no-repeat; text-indent: -3000px; display: block; height: 30px; width: 30px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; margin: -64px 0 0; float: right; background-position:0px 0px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); } .caroucontrol a.next:hover { background: url('../img/cultura/next-horizontal-bi-30.png') white no-repeat; background-position:-30px 0px; } .caroucontrol a.prev { background: url('../img/cultura/prev-horizontal-bi-30.png') white no-repeat; text-indent: -3000px; display: block; height: 30px; width: 30px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; float: right; margin: -64px 38px 0 0; background-position:0px 0px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); } .caroucontrol a.prev:hover { background: url('../img/cultura/prev-horizontal-bi-30.png') white no-repeat; background-position:-30px 0px; } /* ************************************************************************************************ MANUFACTURERS CAROUSEL ************************************************************************************************ */ .blockmanucarous_block_center { clear: both; margin: 20px 0 } .manucarous li { display: block; float: left; height: auto; margin: 8px 15px; padding: 0; position: relative; text-align: center; width: auto; z-index: 15; } .manucarous li img { transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: auto; max-width: 100%; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } .manucarous li img:hover { transform: scale(1.2); } .blockmanucarous_block_center div.titlebordrtext { text-align: left; width: 100%; } .blockmanucarous_block_center div.titleborderout { float: left; position: relative; word-wrap: break-word; } .blockmanucarous_block_center div.titleborder { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } .blockmanucarous_block_center h4.titleborderh4 { background: #F8F8F8; position: relative; z-index: 99; display: inline-block; padding: 20px 25px 19px 0; font-size: 22px !important; } /* ************************************************************************************************ HOMEFEATURED ************************************************************************************************ */ #featured-products_block_center .products_block { margin-bottom: 8px; } #featured-products_block_center li { overflow: hidden; list-style-type: none; background: #FFFFFF; border: 9px solid #FFFFFF; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); padding: 5px; } #featured-products_block_center li.last_item_of_line {margin-right:0;} #featured-products_block_center li:hover { -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.10); -o-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.10); box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.10); } #featured-products_block_center li span.new { background-color: #F0F0F0; color: #999999; display: block; left: 0; font-size: 12px; font-weight: normal; line-height: 30px; height: 30px; padding: 0 10px; position: absolute; letter-spacing: 1px; text-transform: uppercase; width: auto; z-index: 10000; } #featured-products_block_center li span.on_sale { background-color: silver; color: white; display: block; font-size: 12px; font-weight: normal; line-height: 30px; height: 30px; margin: 0; padding: 0 10px; position: absolute; letter-spacing: 1px; text-transform: uppercase; width: auto; z-index: 10000; } #featured-products_block_center h5 { clear: both; padding-left: 2px; font-weight: normal; color: #241F1D } #featured-products_block_center h5 a { color:#241F1D; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; transition: all .5s ease-in; } #featured-products_block_center h5 a:hover { color:#8d0000; } #featured-products_block_center .product_image { overflow:hidden } #featured-products_block_center .product_desc { display: none; height:40px; padding-left: 2px;} #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { color:#666; } #featured-products_block_center .lnk_more { display:inline; margin: -9px 0 0 0; float: right; color: transparent; height: 30px; width: 30px; background:url("../img/green_icons/eye-green-30.png") repeat-x; cursor: pointer; } #featured-products_block_center .lnk_more:hover { background:url("../img/green_icons/eye-black-30.png") repeat-x; } #featured-products_block_center .price_container { padding:0; } #featured-products_block_center .price { font-weight: normal; padding-left: 2px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; color:#8d0000; } #featured-products_block_center li .ajax_add_to_cart_button { display: none; position: relative; margin: 20px 0 0 0 } #featured-products_block_center li span.exclusive { display: none; position: relative; margin: 20px 0 0 0 } #featured-products_block_center .icons_container span.cart { display:inline-block; background:url("../img/cultura/cart_ico_30_bi.png") silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px; cursor: pointer; } #featured-products_block_center .icons_container span.cart:hover { background:url("../img/cultura/cart_ico_30_bi.png") #8d0000 no-repeat center -30px; } #featured-products_block_center .icons_container span.fav { background:url("../img/cultura/infos-30-bi.png") silver no-repeat center 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 15px; cursor: pointer; } #featured-products_block_center .icons_container span.fav:hover { background:url("../img/cultura/infos-30-bi.png") #8d0000 no-repeat center -30px; } #featured-products_block_center div.titlebordrtext { text-align: center; width: 100%; display: none; } #featured-products_block_center div.titleborderout { float: left; position: relative; width: 100%; word-wrap: break-word; display: none; } #featured-products_block_center div.titleborder { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; display: none; } #featured-products_block_center h4.titleborderh4 { background: #F8F8F8; position: relative; z-index: 99; display: inline-block; padding: 20px 25px 19px 25px; font-size: 22px !important; display: none; } /* ************************************************************************************************ BLOCK CATEGORIES ************************************************************************************************ */ #categories_block_left li { background-color: #FAFAF8; border: 1px solid white; outline: 1px solid #E3E3E3; list-style: none outside none; margin-bottom: 10px; } #categories_block_left li.last { background-color: #FAFAF8; border: 1px solid white; outline: 1px solid #E3E3E3; list-style: none outside none; margin-bottom: 10px; } #categories_block_left li a { display:block; padding:10px 12px; color:#241F1D; text-decoration: none; } #categories_block_left li a:hover { color:#8d0000; } #categories_block_left li ul { margin-left:10px; } #categories_block_left li ul li { border:none; outline: none; padding: 0; margin-bottom: 4px; } #categories_block_left li ul li.last { border:none; outline: none; padding: 0; margin-bottom: 4px; } #categories_block_left li ul li a { background:none; padding: 5px 12px; } #categories_block_left li .OPEN { display:block; float:right; margin:15px 10px 0; height:9px; width:18px; background:url(img/icon/open-close.png) no-repeat 0 -9px; cursor:pointer } #categories_block_left li .CLOSE { display:block; float:right; margin:15px 10px 0; height:9px; width:18px; background:url(img/icon/open-close.png) no-repeat 0 0; cursor:pointer } #categories_block_left li .OPEN:hover { background:url(img/icon/open-close-hover.png) no-repeat 0 -9px; } #categories_block_left li .CLOSE:hover { background:url(img/icon/open-close-hover.png) no-repeat 0 0; } #categories_block_left li .CLOSE { } /* footer */ #blockcategories_footer ul { list-style-type: none; margin-top: -5px } #blockcategories_footer li { background: none; padding: 5px 0 !important; margin: 0px 0px; line-height: 23px; font-size: 15px; color: #807572; } #blockcategories_footer li a { color: #241F1D; } #blockcategories_footer li a:hover { color: #8d0000; } /* ************************************************************************************************ BLOCK MANUFACTURER ************************************************************************************************ */ .blockmanufacturer li {} .blockmanufacturer li.last {border:none;} .blockmanufacturer li a { display: block; padding: 8px 3px; color: #241F1D; text-decoration: none; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .blockmanufacturer li a:hover { color: #8d0000; } .blockmanufacturer form {margin-top:10px;} .blockmanufacturer p { margin: 25px 0 5px; text-align: center } .blockmanufacturer select { background-color: white; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; height: 40px; padding: 10px; width: 100%; } .blockmanufacturer option { padding-left: 12px; } .blockmanufacturer div.titlebordrtext1 { text-align: center; width: 100%; } .blockmanufacturer div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } .blockmanufacturer div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } .blockmanufacturer h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK CONTACT ************************************************************************************************ */ #contact_block .block_content { background: url(../img/customers.png) no-repeat 10px transparent; height: 92px; margin: 12px 3px; padding: 5px; background-color: #FCFCFA; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); list-style: none outside none; } #contact_block p { clear: both; padding: 7px 5px 0 26px; margin: 0 0 0 53px; font-size: 15px; line-height: 18px; color: #807572; } #contact_block p.tel { margin: 0 3px 20px; padding: 5px 0 5px 27px; font-size: 17px; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-weight: normal; color: #807572; background: url(../img/cultura/tel_30_trans.png) no-repeat 0 4px transparent; } #contact_block a { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left 0; position: relative; color: #241F1D; cursor: pointer; display: block; font-weight: bold; height: 20px; line-height: 20px; margin: 25px 0 10px; padding: 0 0 0 30px; text-transform: none; font-size: 16px; text-align: left; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #contact_block a:hover { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left -20px; color: #8d0000; } #contact_block a:hover {text-decoration:none} #contact_block .label {display: none} #contact_block div.titlebordrtext1 { text-align: center; width: 100%; } #contact_block div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #contact_block div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #contact_block h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK PAYMENT LOGO ************************************************************************************************ */ .paiement_logo_block { text-align: center; padding: 15px 5px; } .paiement_logo_block a { text-decoration: none } .paiement_logo_block img { margin: 0 0.5em } /* ************************************************************************************************ BLOCK SUPPLIERS ************************************************************************************************ */ .blocksupplier li {} .blocksupplier li.last {border:none;} .blocksupplier li a { display: block; padding: 8px 3px; color: #241F1D; text-decoration: none; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; -ms-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .blocksupplier li a:hover { color:#8d0000; } .blocksupplier form {margin-top:10px;} .blocksupplier p { margin: 25px 0 5px; text-align: center } .blocksupplier select { background-color: white; border: 1px solid #EEEEEE; color: #807572; font-size: 15px; height: 40px; padding: 10px; width: 100%; } .blocksupplier option { padding-left: 12px; } .blocksupplier div.titlebordrtext1 { text-align: center; width: 100%; } .blocksupplier div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } .blocksupplier div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } .blocksupplier h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK STORES ************************************************************************************************ */ .blockstore img { -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } .blockstore img:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; } .blockstore p { padding: 8px 3px; font-weight: normal; text-align: left; padding-bottom: 0px; } .blockstore p.store_image { margin : 0 0 0; padding-bottom: 0px; text-align:center } .blockstore p a.more_large { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left 0; position: relative; color: #241F1D; cursor: pointer; display: block; font-weight: bold; height: 20px; line-height: 20px; margin: 25px 0 10px; padding: 0 0 0 30px; text-transform: none; font-size: 16px; text-align: left; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } .blockstore p a.more_large:hover { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left -20px; color: #8d0000; } #stores_block_left div.titlebordrtext1 { text-align: center; width: 100%; } #stores_block_left div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #stores_block_left div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #stores_block_left h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK STORES ************************************************************************************************ */ #best-sellers_block_right ul { width: 100%; } #best-sellers_block_right li { float: none; height: 105px; padding: 15px 0; border-bottom: 1px dotted #DFD8D2; } #best-sellers_block_right li.last_item {border:none} #best-sellers_block_right li a.content_img { display:block; float:left; height:100px; width:100px; text-decoration:none; } #best-sellers_block_right li span.number { display:block; float:left; width:12px; font-weight:normal; font-size:12px; color:#990000; text-align:left } #best-sellers_block_right li img { width: 100px; height: 100px; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } #best-sellers_block_right li img:hover { -moz-box-shadow: 0 0 5px 0 silver; -webkit-box-shadow: 0 0 5px 0 silver; -o-box-shadow: 0 0 5px 0 silver; -ms-box-shadow: 0 0 5px 0 silver; box-shadow: 0 0 5px 0 silver; } #best-sellers_block_right li p { float: left; font-size: 15px; font-weight: normal; color: #493D3B; margin-left: 10px; padding: 5px; height: 90px; } #best-sellers_block_right li .price { font-weight: normal; font-size: 18px; color: #8d0000; } #best-sellers_block_right .more_large { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left 0; position: relative; color: #241F1D; cursor: pointer; display: block; font-weight: bold; height: 20px; line-height: 20px; margin: 25px 0 10px; padding: 0 0 0 30px; text-transform: none; font-size: 16px; text-align: left; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #best-sellers_block_right .more_large:hover{ background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left -20px; color: #8d0000; } #best-sellers_block_right div.titlebordrtext1 { text-align: center; width: 100%; } #best-sellers_block_right div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #best-sellers_block_right div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #best-sellers_block_right h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK NEW PRODUCTS ************************************************************************************************ */ #new-products_block_right ul {list-style-type:none;} #new-products_block_right li { float: left; margin: 8px 3px; } #new-products_block_right li.first { margin: 8px 3px; } #new-products_block_right li img { -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); } #new-products_block_right li img:hover { -moz-box-shadow: 0 0 10px 0 #C4BDB7; -webkit-box-shadow: 0 0 10px 0 #C4BDB7; -o-box-shadow: 0 0 10px 0 #C4BDB7; -ms-box-shadow: 0 0 10px 0 #C4BDB7; box-shadow: 0 0 10px 0 #C4BDB7; } #new-products_block_right dl { list-style-type: none; width: 97%; margin-left: 3px } #new-products_block_right dt { padding: 10px 3px; font-weight: bold; font-size: 15px; color: #493D3B; } #new-products_block_right dd, #new-products_block_right dd a { color: #493D3B; } #new-products_block_right dd { padding: 12px 0 12px 0; border-bottom: 1px solid #EEEEEE; } #new-products_block_right dd.last_item {border:none; font-size: 15px} #new-products_block_right dd a.lnk_more { display: none; padding-right: 10px; font-weight:bold; color:#8d0000; background:url(img/arrow_right_1.png) no-repeat 100% 4px; } #new-products_block_right p { padding: 0 0 0 5px; font-weight: bold; text-align: center } #new-products_block_right .more_large { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left 0; position: relative; color: #241F1D; cursor: pointer; display: block; font-weight: bold; height: 20px; line-height: 20px; margin: 25px 0 10px; padding: 0 0 0 30px; text-transform: none; font-size: 16px; text-align: left; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in; } #new-products_block_right .more_large:hover { background: transparent url("../img/cultura/plus-20-bi.png") no-repeat left -20px; color: #8d0000; } #new-products_block_right div.titlebordrtext1 { text-align: center; width: 100%; } #new-products_block_right div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #new-products_block_right div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #new-products_block_right h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ BLOCK TAGS ************************************************************************************************ */ div.tags_block .block_content { padding: 0; } div.tags_block p { text-align: left; font-size: 0.9em } div.tags_block p a { background: silver; color: white; display: inline-block; font-size: 15px; font-weight: normal; line-height: 30px; margin: 0 5px 10px 0; padding: 3px 10px 5px; text-align: center; -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; width: auto; } div.tags_block p a:hover { background-color: #8d0000; color: #FFFFFF!important; text-decoration: none; text-shadow: none; } a.tag_level3 { font-size: 1.8em; font-weight: bold } a.tag_level2 { font-size: 1.4em } a.tag_level1 { font-size: 1em; color: #241F1D } #tags_block_left div.titlebordrtext1 { text-align: center; width: 100%; } #tags_block_left div.titleborderout1 { float: left; position: relative; width: 100%; word-wrap: break-word; } #tags_block_left div.titleborder1 { background: url("../img/cultura/titleborder.png") repeat-x; height: 10px; margin-top: -50px; position: relative; } #tags_block_left h4.titleborderh4 { background: #F2F2F0; border-bottom: none; padding: 20px 0; position: relative; z-index: 99; display: inline-block; padding: 20px 20px 19px; font-size: 20px !important; } /* ************************************************************************************************ COMMENT CONFIRMATION BOX ************************************************************************************************ */ .fancybox-outer button { background: #8d0000; border: 1px solid #8d0000; font-weight: bold; height: 50px; padding: 0 10px; width: auto; cursor: pointer; display: inline-block; position: relative; text-transform: uppercase; color: white } /* ************************************************************************************************ JB ADDED CODE ************************************************************************************************ */ .unvisible { display: none; } @media only screen and (min-width: 1200px) { #cmsinfo_block { width: 588px; height:auto;} .col-xs-6 {width: 100%; box-sizing:border-box; float:left;} #cmsinfo_block > div + div {margin-top: 20px;} #category h1.titleborderh1 {font-size: 40px;} /*boutique category title*/ h4.titleborderh4 {font-size: 40px;} /*shopping cart title*/ #editorial_block_center {float: right; width: 588px; margin:20px 0 0 0;} #primary_block h1.titleborderh1 {font-size: 40px;} /*product title*/ } @media only screen and (min-width: 1024px) and (max-width: 1199px) { #cmsinfo_block { width: 483px; height:auto;} .col-xs-6 {width: 100%; box-sizing:border-box; float:left;} #cmsinfo_block > div + div {margin-top: 20px;} #category h1.titleborderh1 {font-size: 40px;} /*boutique category title*/ h4.titleborderh4 {font-size: 40px;} /*shopping cart title*/ #editorial_block_center {float: right; width: 483px; margin:9px 0 0 0;} #primary_block h1.titleborderh1 {font-size: 30px;} /*product title*/ } @media only screen and (min-width: 768px) and (max-width: 1023px) { #cmsinfo_block { width: 355px; height:auto;} .col-xs-6 {width: 100%; box-sizing:border-box; float:left;} #cmsinfo_block > div + div {margin-top: 20px;} #category h1.titleborderh1 {font-size: 30px;} /*boutique category title*/ h4.titleborderh4 {font-size: 30px;} /*shopping cart title*/ #editorial_block_center {float: right; width: 355px; margin:7px 0 0 0;} h4 {font-size: 30px;} /*donation heading in cart*/ #primary_block h1.titleborderh1 {font-size: 30px;} /*product title*/ } @media only screen and (min-width: 480px) and (max-width: 767px) { #cmsinfo_block { width: 440px; height:auto;} .col-xs-6 {width: 100%; box-sizing:border-box; float:left; margin-top:10px;} #cmsinfo_block > div + div {margin-top: 20px;} #category h1.titleborderh1 {font-size: 20px;} /*boutique category title*/ h4.titleborderh4 {font-size: 20px;} /*shopping cart title*/ #editorial_block_center {float: right; width: 440px; margin:5px 0 10px 0;} #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img {width: 90px;} h4 {font-size: 20px;} /*donation heading in cart*/ #primary_block h1.titleborderh1 {font-size: 20px;} /*product title*/ } @media only screen and (max-width: 479px) { #cmsinfo_block { width: 280px; height:auto;} .col-xs-6 {width: 100%; box-sizing:border-box; float:left;margin-top:10px;} #cmsinfo_block > div + div {margin-top: 20px;} #category h1.titleborderh1 {font-size: 20px;} /*boutique category title*/ h4.titleborderh4 {font-size: 20px;} /*shopping cart title*/ #editorial_block_center {float: right; width: 280px; margin:5px 0 0 0;} #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img {width: 50px;} h4 {font-size: 20px;} /*donation heading in cart*/ #primary_block h1.titleborderh1 {font-size: 20px;} /*product title*/ } /* ************************************************************************************************ addons payment bulletinversement ************************************************************************************************ */ #module-bulletinversement-payment #left_column {display:none} #module-bulletinversement-payment #center_column{width:100%} #module-bulletinversement-payment #center_column h2 { color: #493D3B; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; margin: 10px 0; padding: 6px 0; } #module-bulletinversement-payment #center_column h3 { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 30px; font-weight: bold } #module-bulletinversement-payment #center_column span.price { color: #8d0000; font-weight: bold } /* ************************************************************************************************ addons payment cashondelivery ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} #module-cashondelivery-validation #center_column{width:100%} #module-cashondelivery-validation #center_column h2 { color: #493D3B; font-family: 'Century Gothic', CenturyGothic, 'Apple Gothic', 'Questrial', sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; margin: 10px 0; padding: 6px 0; } #module-cashondelivery-validation #center_column h3 { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 30px; font-weight: bold } #module-cashondelivery-validation #center_column span.price { color: #8d0000; font-weight: bold }