/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ @import url("grid_prestashop.css"); @font-face { font-family: 'ralewayregular'; src: url('raleway-regular.eot'); src: url('raleway-regular.eot?#iefix') format('embedded-opentype'), url('raleway-regular.woff2') format('woff2'), url('raleway-regular.woff') format('woff'), url('raleway-regular.ttf') format('truetype'), url('raleway-regular.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } img.scale-with-grid { max-width: 100%; height: auto; } /* ################################################################################################## MEDIA QUERIES ################################################################################################## */ /* **************************************************************************** Large desktop **************************************************************************** */ @media only screen and (min-width: 1200px) { .container_9 {width: 1200px;margin-left: auto;margin-right: auto;} .container_9 .grid_2 {} .container_9 .grid_5 {width:100%;margin-left: 0;margin-right: 0;} #page_header {width: 1200px;} #header {width: 1200px;} #footer {width: 1200px;} #page_footer {width: 1200px;} #bottom_footer {width: 1200px;} .pay_icons img{float:left;margin-right: 15px;} .pay_icons{float:right;margin-top: -40px;} #mc_embed_signup #mce-success-response{background: #fff none repeat scroll 0 0; border-radius: 5px; padding: 5px 3px;} #mc_embed_signup h2{display:none;} .top_social{float:right; margin-top:-45px; position:relative;} #prices-drop #left_column, #prices-drop .breadcrumb{display:none;} #contact #left_column{display:none;} #featured-products_block_center li {margin-right: 25px;width: 252px;} #featured-products_block_center .product_image img {width: 250px;height: 250px} .block_myaccount {width: 23.5%;margin: 20px 2% 0 0;float: left;} #footer .block_various_links {width: 23.5%;margin:20px 2% 0 0;} #minic_mailchimp{margin:20px 2% 0 0; background:none!important;position: absolute;right: 0;width: 250px;} #mc_embed_signup div.response{width: 100%!important; margin:0px!important;} #mc_embed_signup div#mce-responses{ margin:0px!important;} #minic_mailchimp .title_block{font-family: "ralewayregular",arial; font-size: 20px; font-weight: normal; height: 40px; line-height: 40px; padding-bottom: 10px; text-shadow: none; color:#FFFFFF; text-transform: uppercase;} #mc_embed_signup{width:100%!important; background:none!important;} #social_block {clear: both;float: left;margin: -62px 0 0 51%;width: 43.5%;} #newsletter_footer {float:left;width: 23.5%;padding: 20px 0 0 0;} #block_contact_infos {width: 23.5%;margin:20px 2% 0 0} #footer {margin-top: 10px;height: 426px;} #footer_court {height: 425px;margin-top: 20px} #footer_court {border-bottom: 60px solid #322C29;} #bottom_footer li {float: left;padding: 10px 10px;} #bottom_footer li.footer_link_powered {float: right;} #bottom_footer span {display: block;} #header_right #search_block_top .search_query {width: 224px;} #header_user p.userinfo {float: left;margin: -110px 0 0 -207px; font-family: 'ralewayregular';} #header_user ul {margin-top: 60px} .sf-menu {margin: -100px 0 20px 229px;width: 870px;} #header_right #search_block_top {top:-60px;} #header_user {margin-top: 20px;} #header_logo {margin-top:10px;} .sf-menu {height: 40px;} .sf-menu li {float: left;} .sf-menu li li {width:200px;} #desc_contact0{display:none;} #productsSortForm .select{float:left; margin-bottom:20px;margin-right:26px; } #more_info_block{display:none;} .sf-menu #category-thumbnail{display:none;} .price_container .old-price{ float: left; margin-top: -5px; padding-left: 12px;} .price_display{text-align:center} #product_list li .ajax_add_to_cart_button {display:inline; margin:-14px 10px 0 0; float: right; color: transparent; height: 35px; width: 35px;background:url(../img/green_icons/addto.png) no-repeat;cursor: pointer; border:0px; padding:0px;} #product_list li .ajax_add_to_cart_button:hover{background:url(../img/green_icons/addto_hov.png) no-repeat!important; box-shadow:none;} .customacc{ display: block; overflow: hidden; width: 42%; padding-left:50px;} .customacc ul li{float: left; list-style-type: none; margin-left:0px; width: 30%;} .customacc .accprice{font-size:16px; padding-top:10px; line-height:30px;} .customacc a{color:#553a32; font-family: 'ralewayregular'; font-size:16px; text-transform:capitalize; margin:5px 0px 10px 0px; line-height:22px;} .customacc ul li img{width:123px; height:151px;box-shadow: 0 0 5px #666;} .customacc h1{color:#4c312a; font-weight:bold; font-family: 'ralewayregular'; font-size:16px!important;margin-bottom: 0 !important;} #header_user li {float: right;margin-left: 5px} #currencies_lang_curr {margin: 52px 0 0;float: right;} #currencies_block_top {margin: -28px 0 0;float: right;} #footer h4, #footer h4 a {padding-left: 0;} #footer div.subMenu {display: block !important} #footer h4, #footer h4 a {margin-bottom: 20px; color: #ffffff;} #featured-products_block_center h5 {margin: 5px 0;line-height: 30px;} #featured-products_block_center .price_container {margin-top: 5px;} #bottom_footer li {color: whitesmoke;} #border_block {margin: 10px 0} .theme-default .nivo-controlNav {float: right;} #bottom_footer li.footer_link_copyright {padding: 10px 10px 10px 0;} #bottom_footer span {margin-top: 14px;background: url("../img/biosany/space-bottom-footer.png") repeat-y;} #bottom_footer {margin: 0 auto;} #bottom_footer li a:hover {color: white;} .nivo-directionNav a {top:40%;} ul#product_list {width: 100%;} ul#product_list li:nth-child(4n){margin-right:0px;} ul#product_list li {margin-right:27px;width: 251px;float: left;} ul#product_list a.product_image img {height: 230px;width: 230px;} ul#product_list li span.new {margin: 0 0 0 150px;} ul.pagination li {display: inline;} .brand_carousel img {width: 150px;height: 150px;} a.prev {top:68px;} a.next {top:68px;} 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: 35px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 14px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width:460px;margin-left:50px;} #pb-left-column #haut ul li {float: left;width: 30%;margin-right: 2%;} #productscategory_scroll_right {float: right; margin-top: -392px; margin-right: 10px;} #crossselling_scroll_right {float: right; margin-top: -395px; margin-right: 10px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -55px; margin-right: 30px;} #productscategory_list li, #crossselling_list li {margin: 0 8px 0 22px;} #pb-left-column #buy_block label {width:110px;display:inline-block;} #pb-right-column #image-block img {height: 380px; width: 380px} #pb-right-column #views_block {width: 382px;} #thumbs_list {width: 384px;} ul.idTabs li {float: left;margin-right: 5px} h2.productscategory_h2 {height: 40px;line-height: 40px;} #product_comments_block_extra .comments_note span.read {float: right} #product_comments_block_extra .comments_note {clear: both;height: 20px;padding-top: 10px;} #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: 512px;} #new_comment_form textarea {width: 512px;} #new_comment_form .product img {height: 210px; width: 210px;} #send_friend_form .product .product_desc {margin-left: 15px;width: 320px;} #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%;} #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:18px} #more_info_sheets ul#idTab4 li {margin-left: 7px;} #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: 360px;} #form_forgotpassword p.text input {width: 360px;} table.std, table.table_block {padding: 25px;} table.table_block th {font-size: 12px;padding: 0 11px;} div.store-small {margin: 0 20px 20px 0; padding: 25px;} #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;} #listpage_content {padding: 25px;} #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: 380px;} #my-account .myaccount_lnk_list li {float: left; width: 19%; height: 180px; margin: 0 2% 30px 0; padding: 15px;} #my-account .myaccount_lnk_list img.icon, #my-account p img.icon {position: relative; top: 8px; left: 0} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: 170px; margin: 35px 10px 0 10px;} #my-account #center_column p {clear: both} .details-border:before {right: 19px;top: -15px;} #header #cart_block {right: 0;top: 90px; 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;} #order-list th {font-size: 13px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:13px;} table#cart_summary td {padding:12px;} table.std td, table.table_block td {padding:12px;} #compare_shipping {padding: 25px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 48% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} .cart_voucher h4 {height: 40px; line-height: 40px; margin-bottom: 20px;} 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:35px;} .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;} table.std td, table.table_block td {font-size:13px;} table.std th, table.table_block th {font-size:13px;} .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: 370px;} #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: 370px; padding: 6px 15px; text-align: right;} #identity .std p.submit {padding:10px 0 20px 403px} .favoriteproduct .remove {top:23px;} #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} .blockstore img {height: 234px; width: 234px;} #best-sellers_block_right li p {width: 58%;} #special_block_right img, #new-products_block_right img{height:170px; width: 175px;} #category img#categoryImage {height: 250px;} } /* **************************************************************************** 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;} #page_footer {width: 990px;} #bottom_footer {width: 990px;} #featured-products_block_center li {margin-right: 22px;width: 202px;} #featured-products_block_center .product_image img {width: 200px;height: 200px} .block_myaccount {width: 23.5%;margin: 20px 2% 0 0;float: left;} #footer .block_various_links {width: 23.5%;margin:20px 2% 0 0;} #social_block {clear: both;float: left;margin: -71px 0 0 51%;width: 23.5%;} #newsletter_footer {float:left;width: 23.5%;padding: 20px 0 0 0;} #block_contact_infos {width: 23.5%;margin:20px 2% 0 0} #footer {margin-top: 10px;height: 426px;} #footer_court {height: 425px;margin-top: 20px} #footer_court {border-bottom: 60px solid #322C29;} #bottom_footer li {float: left;padding: 10px 10px;} #bottom_footer li.footer_link_powered {float: right;} #bottom_footer span {display: block;} #header_right #search_block_top .search_query {width: 224px;} #header_user p.userinfo {float: left;margin: -90px 0 0 -207px;} #header_user ul {margin-top: 60px} .sf-menu {margin: -65px 0 20px 229px;width: 660px;} #header_right #search_block_top {top:-33px;} #header_user {margin-top: 20px;} #header_logo {margin-top: 30px;} .sf-menu {height: 40px;} .sf-menu li {float: left;} .sf-menu li li {width:200px;} #header_user li {float: right;margin-left: 5px} #currencies_lang_curr {margin: 52px 0 0;float: right;} #currencies_block_top {margin: -28px 0 0;float: right;} #footer h4, #footer h4 a {padding-left: 0;} #footer div.subMenu {display: block !important} #footer h4, #footer h4 a {margin-bottom: 20px; color: #1B1A19;} #featured-products_block_center h5 {margin: 5px 0;line-height: 30px;} #featured-products_block_center .price_container {margin-top: 5px;} #bottom_footer li {color: whitesmoke;} #border_block {margin: 10px 0} .theme-default .nivo-controlNav {float: right;} #bottom_footer li.footer_link_copyright {padding: 10px 10px 10px 0;} #bottom_footer span {margin-top: 14px;background: url("../img/biosany/space-bottom-footer.png") repeat-y;} #bottom_footer {margin: 0 auto;} #bottom_footer li a:hover {color: white;} .nivo-directionNav a {top:40%;} 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#product_list li span.new {margin: 0 0 0 121px;} ul.pagination li {display: inline;} .brand_carousel img {width: 120px;height: 120px;} a.prev {top:54px;} a.next {top:54px;} 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: 35px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 14px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width:573px;margin-left:35px;} #pb-left-column #haut ul li {float: left;width: 30%;margin-right: 2%;} #productscategory_scroll_right {float: right; margin-top: -392px; margin-right: 10px;} #crossselling_scroll_right {float: right; margin-top: -395px; margin-right: 10px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -55px; margin-right: 30px;} #productscategory_list li, #crossselling_list li {margin: 0 16px 0 25px;} #pb-left-column #buy_block label {width:110px;display:inline-block;} #pb-right-column #image-block img {height: 380px; width: 380px} #pb-right-column #views_block {width: 382px;} #thumbs_list {width: 340px;} ul.idTabs li {float: left;margin-right: 5px} h2.productscategory_h2 {height: 40px;line-height: 40px;} #product_comments_block_extra .comments_note span.read {float: right} #product_comments_block_extra .comments_note {clear: both;height: 20px;padding-top: 10px;} #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: 512px;} #new_comment_form textarea {width: 512px;} #new_comment_form .product img {height: 210px; width: 210px;} #send_friend_form .product .product_desc {margin-left: 15px;width: 320px;} #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%;} #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:18px} #more_info_sheets ul#idTab4 li {margin: 0 0 10px 4px;} #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: 360px;} #form_forgotpassword p.text input {width: 360px;} table.std, table.table_block {padding: 25px;} table.table_block th {font-size: 12px;padding: 0 11px;} div.store-small {margin: 0 9px 20px 0; padding: 10px;} #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;} #listpage_content {padding: 25px;} #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;} #my-account .myaccount_lnk_list li {float: left; width: 19%; height: 180px; margin: 0 2% 30px 0; padding: 15px;} #my-account .myaccount_lnk_list img.icon, #my-account p img.icon {position: relative; top: 8px; left: 0} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: 170px; margin: 35px 10px 0 10px;} #my-account #center_column p {clear: both} .details-border:before {right: 19px;top: -15px;} #header #cart_block {right: 0;top: 90px; 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;} #order-list th {font-size: 13px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:13px;} table#cart_summary td {padding:12px;} table.std td, table.table_block td {padding:12px;} #compare_shipping {padding: 25px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 48% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} .cart_voucher h4 {height: 40px; line-height: 40px; margin-bottom: 20px;} table#cart_summary .cart_total_price td.cart_voucher {line-height: 70px;} .addresses ul.address {width: 48% !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:35px;} .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 285px !important;} table.std td, table.table_block td {font-size:13px;} table.std th, table.table_block th {font-size:13px;} .adresses_bloc .item {margin-right:35px} #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:23px;} #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} .blockstore img {height: 185px; width: 185px;} #best-sellers_block_right li p {width: 47%;} #special_block_right li.product_image img {height: 185px; width: 185px;} #category img#categoryImage {height: 200px;} } /* **************************************************************************** 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;} #page_footer {width: 728px;} #bottom_footer {width: 100%;} #featured-products_block_center li {margin-right: 16px;width: 142px;} #featured-products_block_center .product_image img {width: 140px;height: 140px} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: none;margin: 0;width: 100%;} #newsletter_footer {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #footer {margin-top: 20px;height: auto;} #footer_court {height: auto;margin-top: 20px;clear: both} #footer_court {border-bottom: none;} #bottom_footer li {float: left;padding: 10px} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block;} #header_right #search_block_top .search_query {width: 224px;} #header_user p.userinfo {float: left;margin: -87px 0 0 -207px;position: relative} #header_user ul {margin-top: 57px} .sf-menu {margin: 30px 0 20px 0;width: 100%;} #header_right #search_block_top {top:-33px;} #header_logo {margin-top: 30px;} .sf-menu {height: none;} .sf-menu li {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_user li {float: right;margin-left: 5px} #currencies_lang_curr {margin: 20px 0 10px;float: left;} #currencies_block_top {margin: -38px 0 0 155px;float: left;} #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/icon/open-close.png) #FAFAFA no-repeat right 10px center; color: #1B1A19;} #footer a:hover h4 {background:url(../img/icon/open-close-hover.png) #FAFAFA no-repeat right 10px center; color: #669c41;} #featured-products_block_center .price_container {clear: both;} #featured-products_block_center h5 {margin: 10px 0;line-height: 15px;} #featured-products_block_center .price_container {margin-top:-25px;} #bottom_footer li {color: #1B1A19;} #border_block {margin: -100px 0 10px} .theme-default .nivo-controlNav {float: right;} #bottom_footer li.footer_link_copyright {padding: 10px 10px 10px 0;} #bottom_footer span {margin-top: 14px;background: url("../img/biosany/space-bottom-footer-bis.png") repeat-y;} #bottom_footer {margin: 0 auto 10px;} #bottom_footer li a:hover {color: #669c41;} .nivo-directionNav a {display:none;} 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#product_list li span.new {margin: 0 0 0 121px;} ul.pagination li {display: inline;} .brand_carousel img {width: 110px;height: 110px;} a.prev {top:54px;} a.next {top:54px;} 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: 35px;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 14px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width:311px;margin-left:35px;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #productscategory_scroll_right {float: right; margin-top: -392px; margin-right: 10px;} #crossselling_scroll_right {float: right; margin-top: -395px; margin-right: 10px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -55px; margin-right: 30px;} #productscategory_list li, #crossselling_list li {margin: 0 16px 0 25px;} #pb-left-column #buy_block label {width:auto; padding-right: 10px; display:inline-block;} #pb-right-column #image-block img {height: 380px; width: 380px} #pb-right-column #views_block {width: 382px;} #thumbs_list {width: 340px;} ul.idTabs li {float: none;margin-right: 0} h2.productscategory_h2 {height: 40px;line-height: 40px;} #product_comments_block_extra .comments_note span.read {float: left; clear: both} #product_comments_block_extra .comments_note {clear: both;height: 40px;padding-top: 10px;} #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: 512px;} #new_comment_form textarea {width: 512px;} #new_comment_form .product img {height: 210px; width: 210px;} #send_friend_form .product .product_desc {margin-left: 15px;width: 320px;} #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%;} #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:18px} #more_info_sheets ul#idTab4 li {margin: 0 0 20px 35px;} #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, table.table_block {padding: 25px;} table.table_block th {font-size: 12px;padding: 0 11px;} div.store-small {margin: 0 12px 20px 0; padding: 10px;} #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;} #listpage_content {padding: 25px;} #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: 360px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list img.icon, #my-account p img.icon {position: relative; margin: 8px; float: left} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: auto; margin: 50px 10px 0 10px;} #my-account #center_column p {clear: none} .details-border:before {right: 19px;top: -15px;} #header #cart_block {right: 0;top: 90px; 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;} #order-list th {font-size: 13px;padding: 0 11px;} #order-list td {padding: 10px 12px;font-size:13px;} table#cart_summary td {padding:12px;} table.std td, table.table_block td {padding:12px;} .cart_quantity .cart_quantity_button {display: none;} #compare_shipping {padding: 25px;} .order_delivery .first_item {margin-right:35px;} ul.address {width: 47% !important;} .cart_navigation .exclusive, .cart_navigation .exclusive_large {float:right} .cart_voucher h4 {height: 40px; line-height: 40px; margin-bottom: 20px;} 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:35px;} .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: left} #add_adress p.text input, #add_adress p.password input, #add_adress p.select input {width: 360px;} #add_adress p.textarea textarea {width:98%;} #address p.inline-infos {margin:0 !important;} table.std td, table.table_block td {font-size:5px;} table.std th, table.table_block th {font-size:5px;} .adresses_bloc .item {margin: 0 0 20px 0} #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:23px;} #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;} } /* **************************************************************************** Landscape phone to portrait tablet **************************************************************************** */ @media only screen and (min-width: 480px) and (max-width: 767px) { #pb-left-column #buy_block label{width:117px} #thumbs_list li{margin-right:16px!important;} .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;} #page_footer {width: 440px;} #bottom_footer {width: 100%;} #featured-products_block_center li {margin-right: 10px;width: 182px;} #featured-products_block_center .product_image img {width: 180px;height: 180px} #border_block {display: none;} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: none;margin: 0;width: 100%;} #newsletter_footer {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #footer {margin-top: 20px;height: auto;} #footer_court {height: auto;margin-top: 20px;clear: both} #footer_court {border-bottom: none;} #bottom_footer li {float: left;padding: 5px} #bottom_footer li.footer_link_powered {float: left;} #header_right #search_block_top .search_query {width: 124px;} #header_user p.userinfo {float: left;margin: -87px 0 0 -207px;position: relative} #header_user ul {margin-top: 57px} #header_right #search_block_top {display:none;} #header_right #search_block_top .fond-search {margin-top: 160px;} .sf-menu {margin: 30px 0 20px 0;width: 100%;} #header_right #search_block_top {top:-145px;} #header_logo {margin-top: 30px;} .sf-menu {height: none;} .sf-menu li {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_user li {float: right;margin-left: 5px} #currencies_lang_curr {margin: 20px 0 10px;float: left;} #currencies_block_top {margin: -38px 0 0 155px;float: left;} #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/icon/open-close.png) #FAFAFA no-repeat right 10px center; color: #1B1A19;} #footer a:hover h4 {background:url(../img/icon/open-close-hover.png) #FAFAFA no-repeat right 10px center; color: #669c41;} #featured-products_block_center h5 {margin: 5px 0;line-height: 30px;} #featured-products_block_center .price_container {margin-top: 5px;} #bottom_footer li {color: #1B1A19;} #featured-products_block_center h4 {margin-top: -10px;} #border_block {margin: 10px 0} .theme-default .nivo-controlNav {float: right;} #bottom_footer li.footer_link_copyright {padding: 5px 5px 5px 0;} #bottom_footer span {margin-top: 9px;background: url("../img/biosany/space-bottom-footer-bis.png") repeat-y;} #bottom_footer {margin: 0 auto 10px;} #bottom_footer li a:hover {color: #669c41;} .nivo-directionNav a {display:none;} 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#product_list li span.new {margin: 0 0 0 101px;} ul.pagination li {display: inline;} ul.pagination .current span {display: none} ul.pagination li.others {display: none;} .brand_carousel img {width: 110px;height: 110px;} a.prev {top:54px;} a.next {top:54px;} ul#manufacturers_list li h3 span, ul#suppliers_list li h3 span {display: none} ul#manufacturers_list li .right_side a, ul#suppliers_list li .right_side a {display: none;} ul#manufacturers_list li img, ul#suppliers_list li img {float: left;margin-right: 14px;} ul#manufacturers_list li a.lnk_img, ul#suppliers_list li a.lnk_img {float: left;} #pb-left-column {width:413px;margin-left:12px;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #productscategory_scroll_right {float: right; margin-top: -392px; margin-right: 10px;} #crossselling_scroll_right {float: right; margin-top: -395px; margin-right: 10px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -55px; margin-right: 30px;} #productscategory_list li, #crossselling_list li {margin: 0 16px 0 25px;} #pb-left-column #buy_block label { padding-right: 10px; display:inline-block;} #pb-right-column {margin: 0 30px;} #pb-right-column #image-block img {height: 380px; width: 380px} #pb-right-column #views_block {width: 382px;} #thumbs_list {width: 340px;} ul.idTabs li {float: none;margin-right: 0} h2.productscategory_h2 {line-height: 22px; width: 80%;} #product_comments_block_extra .comments_note span.read {float: left; clear: both} #product_comments_block_extra .comments_note {clear: both;height: 40px;padding-top: 10px;} #new_comment_form {width: 100%;} #new_comment_form .product .product_desc {margin-left: 0; 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: 210px; width: 210px;} #send_friend_form .product .product_desc {margin-left: 0;width: auto;} #send_friend_form .product img {height: 210px;width: 210px;margin-bottom: 5px;} #send_friend_form {width: 100%;} .customizationUploadLine label {display:inline-block;width:350px;} .customizationUploadLine textarea {width: 96%;} #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-bottom: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;} #more_info_sheets ul#idTab4 li {margin: 0 0 10px 9px;} #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, table.table_block {padding: 25px;} table.table_block th {font-size: 10px;padding: 0 11px;} div.store-small {margin: 0 0 20px 0; padding: 5px;} #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%;} #listpage_content {padding: 13px;} #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: 360px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list img.icon, #my-account p img.icon {position: relative; margin: 8px; float: left; width: 88px; height: 88px} #my-account .myaccount_lnk_list li span, #my-account .myaccount_lnk_list li p {float: left; width: auto; margin: 42px 10px 0 10px;} #my-account #center_column p {clear: none} .details-border:before {right: 19px;top: -15px;} #header #cart_block {right: 0;top: 90px; 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} #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;} table.std td, table.table_block td {padding:12px;} table#cart_summary .cart_description {padding-left: 10px;} #compare_shipping {padding: 25px;} .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} #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;} table.std td, table.table_block td {font-size:5px;} table.std th, table.table_block th {font-size:5px;} .adresses_bloc .item {margin: 0 0 20px 0} #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 {bottom:23px;} #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;} } /* **************************************************************************** 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;} #page_footer {width: 280px;} #bottom_footer {width: 100%;} #featured-products_block_center li {margin-left: 0;width: 250px;} #featured-products_block_center .product_image img {width: 248px;height: 248px} #border_block {display: none;} #featured-products_block_center h4 {text-align: center;padding-left: 0; margin-top: 50px;} .block_myaccount {width: 100%;margin: 0;float: none;} #footer .block_various_links {width: 100%;margin:0;} #social_block {float: none;margin: 0;width: 100%;} #newsletter_footer {clear: both;float:none;width: 100%;padding: 0;} #block_contact_infos {width: 100%;margin:0} #footer {margin-top: 20px;height: auto;} #footer_court {height: auto;margin-top: 20px;clear: both} #footer_court {border-bottom: none;} #bottom_footer li {float: left;padding: 5px} #bottom_footer li.footer_link_powered {float: left;} #bottom_footer span {display: block;} #header_right #search_block_top .search_query {width: 124px;} #header_user p.userinfo {float: left;margin-top: -87px;position: relative} #header_user ul {margin-top: 57px} #header_right #search_block_top {display:none;} #header_right #search_block_top .fond-search {margin-top: 160px;} .sf-menu {margin: 10px 0 20px 0;width: 100%;} #header_right #search_block_top {top:-145px;} #header_logo {margin-top: 0;} .sf-menu {height: none;} .sf-menu li {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_user li {float: left;margin-top: 25px} #currencies_lang_curr {margin: 20px 0 10px;float: left;} #currencies_block_top {margin: -38px 0 0 155px;float: left;} #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/icon/open-close.png) #FAFAFA no-repeat right 10px center; color: #1B1A19;} #footer a:hover h4 {background:url(../img/icon/open-close-hover.png) #FAFAFA no-repeat right 10px center; color: #669c41;} #featured-products_block_center h5 {margin: 5px 0;line-height: 30px;} #featured-products_block_center .price_container {margin-top: 5px;} #bottom_footer li {color: #1B1A19;} #border_block {margin: 10px 0} .theme-default .nivo-controlNav {float: left;} #bottom_footer li.footer_link_copyright {padding: 5px 5px 5px 0;} #bottom_footer span {margin-top: 9px;background: url("../img/biosany/space-bottom-footer-bis.png") repeat-y;} #bottom_footer {margin: 0 auto 10px;} #bottom_footer li a:hover {color: #669c41;} .nivo-directionNav a {display:none;} 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#product_list li span.new {margin: 0 0 0 171px;} ul.pagination li {display: inline;} ul.pagination .current span {display: none} ul.pagination li.others {display: none;} .brand_carousel img {width: 110px;height: 110px;} a.prev {top:54px;} a.next {top:54px;} 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:280px;margin-left:0;} #pb-left-column #haut ul li {float: left;margin: 0 0 2%;width: 100%;} #productscategory_scroll_right {float: right; margin-top: -392px; margin-right: 10px;} #crossselling_scroll_right {float: right; margin-top: -395px; margin-right: 10px;} #productscategory_scroll_left, #crossselling_scroll_left {float: right; margin-top: -55px; margin-right: 30px;} #productscategory_list li, #crossselling_list li {margin: 0 16px 0 25px;} #pb-left-column #buy_block label {width:auto; padding-right: 10px;} #thumbs_list li{margin-right:16px;} #pb-right-column #image-block img {height: 275px; width: 275px} #pb-right-column #views_block {width: 280px;} #thumbs_list {width: 240px;} ul.idTabs li {float: none;margin-right: 0} h2.productscategory_h2 {line-height: 22px; width: 80%;} #product_comments_block_extra .comments_note span.read {float: left; clear: both} #product_comments_block_extra .comments_note {clear: both;height: 40px;padding-top: 10px;} #new_comment_form {width: 100%;} #new_comment_form .product .product_desc {margin-left: 0; 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%;} #send_friend_form .product .product_desc {margin-left: 0;width: auto;} #send_friend_form .product img {height: 100%;width: 100%;margin-bottom: 5px;} #send_friend_form {width: 100%;} .customizationUploadLine label {width:auto;} .customizationUploadLine textarea {width: 96%;} #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-bottom: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;} #more_info_sheets ul#idTab4 li {margin: 0 0 20px 27px;} #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, table.table_block {padding: 0;} table.table_block th {font-size: 10px;padding: 0 11px;} div.store-small {margin: 0 0 20px 9px; padding: 25px;} #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%;} #listpage_content {padding: 9px;} #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: 360px;} #my-account .myaccount_lnk_list li {float: left; width: 100%; height: auto; margin: 0 0 20px; padding: 0;} #my-account .myaccount_lnk_list img.icon, #my-account p img.icon {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 0 10px;} #my-account #center_column h4 {margin-bottom: 30px;} #my-account #center_column p {clear: none} .details-border:before {left: 15px;top: -15px;} #header #cart_block {left: 0;top: 110px; width: 260px;} #header_user p.userinfo a.account {display:none;} #cart_block .price {float: left;} #cart_block #cart_block_list #resume {margin-top: 10px;} 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} #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;} table.std td, table.table_block td {padding:8px;} table#cart_summary .cart_description {padding-left: 10px;} .SE_SubmitRefreshCard {display: none;} #compare_shipping {padding: 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} .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} #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;} table.std td, table.table_block td {font-size:5px;} table.std th, table.table_block th {font-size:5px;} .adresses_bloc .item {margin: 0 0 20px 0} #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:23px;} #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:100%;} #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;} } /* **************************************************************************** reset **************************************************************************** */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse: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 { width:100%; } .grid_5 .block_content{margin-top:-100px;} #center_column { } #right_column {display: block} #footer {} #page_header { margin: 0 auto; } #header_court { background: white; margin-bottom: 20px; border-top:75px solid #ebebeb; /*-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);*/ height: auto; width: 100% } #product #center_column{width:100%} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ background:url(../img/main_bg.jpg) repeat; font:normal 14px/14px 'ralewayregular'; color:#1B1A19; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right} /* title *************************************************************************************** */ h1 { color: #435229; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ font-family: Open Sans; font-size: 25px; font-weight: normal; padding: 6px 0; line-height: 20px; margin-bottom: 15px; text-transform: capitalize; } h1 span { color: #000000; float: right; font-size: 13px; font-family: 'Open Sans', Verdana, Arial, Helvetica; font-weight: normal; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ text-transform: none; } h2 { padding-bottom:20px; font-size:18px } h3 { padding: 6px 0; line-height: 17px; font-size:15px; font-family: 'ralewayregular', Verdana, Arial, Helvetica; font-weight: normal; margin-bottom: 10px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } h4 { line-height: 20px; margin-bottom: 30px; font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: 'ralewayregular',arial; padding-left: 5px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } .hide-left-column #left_column {display:none} .hide-left-column #center_column {width:100%} #cms #center_column ul{margin-left:15px;} /*.hide-left-column #center_column {width:757px}*/ /* text **************************************************************************************** */ p {color: #4c312a; margin-bottom: 10px; line-height:25px;} .warning { margin: 10px 0; padding: 15px; border: 1px solid #CBDDC0; font-size: 13px; background: #E5F3D6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .success { margin: 0 0 20px 0; padding: 15px; border: 1px solid #CBDDC0; font-size: 13px; background: #E5F3D6; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .error { margin: 0 0 20px 0; padding: 15px; border: 1px solid #F2B5B5; font-size: 13px; background: #FFE8E8; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#EC3E3F} /* link **************************************************************************************** */ a, a:active, a:visited { color:#435229; text-decoration:none; outline: medium none } a:hover {color:#669c41} /*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; border:1px solid #435229; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;*/ font-weight:normal; text-transform: uppercase; color:white; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { /*padding-bottom: 2px*/ } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { text-decoration:none; background-position: left -80px; border:1px solid black; -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); } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { /*color: white!important*/ } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -160px } /* 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 20px; border:1px solid #737373; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#ECECEC; background:url(../img/bg_bt_2.gif) repeat-x; 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-color: #ffffff; border-top: 5px solid #1B1A19; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } table.std th, table.table_block th { background-color: #F5F5F3; color: #828282; height: 40px; font-weight: normal; text-transform: uppercase; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: white; color: #828282} table.std td, table.table_block td { vertical-align:middle; color: #828282; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } /* BLOCK .block ******************************************************************************** */ .block { background-color: white; /* border-top: 5px solid #669c41;*/ -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: 20px; padding: 5px 11px 10px; overflow:hidden; } #footer .block {margin-bottom:0} .block h4 { padding: 20px 0; margin-bottom:0px; font-size:20px; color:#1B1A19; line-height: 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform:uppercase; font-weight: normal; background:none; border-bottom:0px solid #E3E3E3 } .block h4 a {color:#5c6946;font-size:30px; text-transform:capitalize;} .block h4 a:hover {color:#669c41} .block ul {list-style-type:none} .block li.last { border:none } .block li a { display:block; color:#1B1A19 } /* BLOCK .products_block *********************************************************************** */ .custom_design{display: block; overflow: hidden; position: relative; top: -458px;} #featured-products_block_center h4{text-align:center;} .products_block {width:100%; } #new-products_block_right .products{display:none;} #special_block_right{margin-right:20px; margin-top:145px; width:47%;float:left;} #new-products_block_right {margin-top:143px; float:right;width:47%;} #special_block_right h5, #special_block_right span{display:none!important;} .products_block li {float:left } .products_block li img { border: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .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; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type: none; margin: 10px 0 20px 0 } ul.footer_links li { float:left; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul.footer_links li.f_right { float:right; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:0px; 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:left;} .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 a, ul.pagination span { display:inline-block; } ul.pagination a { height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #435229; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;*/ font-weight:normal; text-transform: uppercase; color:white; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } ul.pagination a:hover { text-decoration:none; border:1px solid black; background-position: left -80px; -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); } ul.pagination .current span { background-color: #f0f2f5; border:0px solid #BBBCBF; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;*/ color: #AAAAAA; font-weight: normal; padding: 14px 18px 0px 18px; height: 28px; width: auto; text-transform: uppercase; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); } 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 { height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #435229; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;*/ font-weight:normal; text-transform: uppercase; color:white; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } #pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover { text-decoration:none; border:1px solid black; background-position: left -80px; -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); } #pagination_previous span, #pagination_next span { color: #ffffff; } /* 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; text-transform:uppercase; background:url(../img/step_standard.gif) no-repeat center bottom transparent } ul.step li a, ul.step li.step_current span { display:inline-block; color:white; font-family: 'Open Sans'; font-weight: normal; 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:#9C9C9C; font-family: 'Open Sans'; font-weight: normal; -webkit-text-shadow: 0px 1px 0 white; -moz-text-shadow: 0px 1px 0 white; -o-text-shadow: 0px 1px 0 white; -ms-text-shadow: 0px 1px 0 white; text-shadow: 0px 1px 0 white; background:#F4F4F2 } ul.step li.step_done { font-weight:normal; 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_right { position:relative; width: 100%; height: auto; margin-bottom: 20px; float: right } /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin: 0 0 20px; line-height: 25px; font-size:18px; color: #000000; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } .breadcrumb .navigation-pipe {margin:0 5px 0 5px} .breadcrumb img { position:relative; top:5px } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { color:#fff; background:transparent; } #page_footer { margin: 0 auto; } #bottom_footer { float: left; 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: 17px; width: auto; } #bottom_footer li.footer_link_powered { } #bottom_footer li a { color: #828282; font-size: 13px; } #bottom_footer li a:hover { -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 { float: left; height: 12px; width: 2px; padding: 0px 0; } #footer_court { background:url(../img/footer_bg.jpg) repeat-x top center; /*background-color: #F4F4F2; */ border-top: 1px solid #ffffff; width: 100%; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #block_contact_infos { float:left; } .blockcategories_footer {margin-left:0} #footer h4 { padding-bottom: 10px; text-transform:uppercase; text-shadow:none; } #footer h4, #footer h4 a { font-weight: normal; font-size: 20px; height: 40px; line-height: 50px; font-family: 'ralewayregular',arial; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } #footer a {color:#828282} #footer a:hover { color: #669c41; } #footer ul {list-style-type:none} #footer li { background: transparent; border-bottom: none; padding: 3px 0; margin: 12px 0; } #footer li a:hover { background: transparent; color: #669c41; padding: 3px 0; margin: 12px 0; -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; } #footer li a { color:#ffffff; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } #footer li a p { margin-bottom: 0; padding-bottom:0px } #footer li a:hover p { color: #669c41; } #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; margin-top: 20px; } ul.idTabs li { font-size: 16px; } .idTabs a { display:block; height: 47px; padding: 0 20px; line-height: 47px; font-weight:normal; text-decoration:none; color: rgba(0, 0, 0, 0.67); background: #F5F5F5; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .idTabs a:hover { background:white; -moz-transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } .idTabs .selected { -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; background: white; border-top: 4px solid #669c41; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -moz-box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); -o-box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); -ms-box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); box-shadow: 1px -1px 6px -1px rgba(0, 0, 0, 0.15); } #more_info_sheets { padding-top:17px; background:white; border: none; -moz-border-radius: 0 3px 3px 3px; -webkit-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; -ms-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; -moz-box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.15); margin: -1px 0 20px; padding: 22px 20px 20px 20px; display:none; } #more_info_sheets p { padding-bottom: 0; color: rgba(0, 0, 0, 0.67); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #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); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #more_info_sheets ul li a { color:#1B1A19; font-weight: normal; font-size: 14px; padding: 10px 0 10px 40px; background: transparent url(../img/green_icons/download-black-35.png) 0 no-repeat; } #more_info_sheets ul li a:hover { color:#669c41; background: transparent url(../img/green_icons/download-green-35.png) 0 no-repeat; } #more_info_sheets em {font-style:italic} #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; height: 250px; text-align: center; width: 185px; -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); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #more_info_sheets ul#idTab4 li:hover { -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); } #more_info_sheets ul#idTab4 li a { background: none; color: #1B1A19; text-align: center; font-weight: normal; font-size: 13px; padding: 10px 0; } #more_info_sheets ul#idTab4 li a:hover { color:#669c41; 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 { border-color: black; color: white; background-image:url(../img/bg_bt_2.gif) } .cart_navigation .button:hover, .cart_navigation .button_large:hover { border-color: #538034; color: white; } /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} p.contains { font-size: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-bottom: 0px; } span.contains { font-size: 13px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; */ padding-bottom: 0px; } /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} table#cart_summary th { background-color: #F5F5F3; height: 40px; font-weight: normal; text-transform: uppercase; color: #828282; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { font-weight: normal; font-size:13px; color: rgba(0, 0, 0, 0.67); 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: #fff; } table#cart_summary tr.cart_total_price { margin-top: 20px; } table#cart_summary tr.cart_item.even { background-color: #F5F5F3 } 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: 1px solid #999; } table#cart_summary .cart_product 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); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } table#cart_summary .cart_product img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } 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: white; color: #7B7B7B; font-weight: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; margin-left: 20px; width: 25px; height: 30px; padding-left: 15px; border:1px solid #E3E3E3 } .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/green_icons/trash-green-35.png) no-repeat; cursor: pointer; color: transparent; -webkit-text-shadow: 1px 1px 0 transparent; -moz-text-shadow: 1px 1px 0 transparent; -o-text-shadow: 1px 1px 0 transparent; -ms-text-shadow: 1px 1px 0 transparent; text-shadow: 1px 1px 0 transparent; height: 35px; width: 35px } 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/green_icons/trash-black-35.png) no-repeat; } .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 { margin-right: 12px; font-family: 'Open Sans'; padding: 15px 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 } .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; color: #7B7B7B; font-weight: normal; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; padding-left: 5px; } .cart_voucher .submit input.button { margin: 5px 0 0 10px; padding: 0 10px; height: 40px; line-height: 40px; border:1px solid #538034; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:white; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } .cart_voucher .submit input.button:hover { text-decoration:none; border: 1px solid black; background-position: left -80px; -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); } #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: #F5F5F3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); font-size:18px; padding:15px; margin-right: 20px; font-weight:normal; color:#5C5C5C; text-transform:uppercase; } .cart_total_price .total_price_container span { color:#669c41; padding-left: 20px; font-family: 'Open Sans'; 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; } #create-account_form p, #login_form p { clear: both; } #authentication #create-account_form fieldset, #authentication #login_form fieldset { height: 300px; padding: 25px; font-size: 13px; border:none; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding: 15px 0 } #create-account_form h3, #authentication #login_form h3 { background: #F5F5F3; color: #333333; font-size: 14px; padding: 12px 11px; font-weight: normal; text-transform: uppercase; } #create-account_form h4 { font-family: 'Open Sans',Verdana,Arial,Helvetica; color: #333333; font-size: 14px; font-weight: normal; text-transform: none; line-height: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; margin-bottom: 20px; padding-left: 2px; } #create-account_form label, #login_form label { color: #828282; margin: 0 0 10px 2px; font-size: 13px; display: inline-block; width: 200px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #order-opc #login_form_content label { display:block; margin:0 0 10px 0; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #7B7B7B; font-size: 13px; height: 35px; padding: 0 5px; } #create-account_form #SubmitCreate, #login_form #SubmitLogin { font-family: 'Open Sans',Verdana,Arial,Helvetica; font-weight: normal; font-size: 13px; text-transform: uppercase; color: white; float: left; } .lost_password { float:left; width:200px } .lost_password a {color:#333333} .lost_password a:hover {color:#84ab3e} #order-opc .lost_password { display: block; float: none; margin: 5px 0 10px; width: auto; font-size: 13px; color: #1B1A19; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #order-opc .lost_password:hover {color:#84ab3e} #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin-right:25px; width:220px } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; color: #7B7B7B; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; 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: 13px; margin-bottom: 0px; color: #828282; text-transform: uppercase; background: #F5F5F3; } div.delivery_options_address { background: white; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; background: white; } #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: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: left; 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; width: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding: 25px; font-size: 13px; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 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: #828282; 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 { padding: 25px; font-size: 13px; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .payment_module a { display:block; height: 50px; color: #747474; background: #F5F5F3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: 1px solid #E3E3E3; position: relative; padding: 15px; text-transform:uppercase; margin-bottom: 15px; font-size: 13px; font-weight: bold; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .payment_module a:hover { color: #669c41; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); } .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 { padding: 10px 0; font-family: 'Open Sans'; font-size: 18px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ text-transform: uppercase; font-weight: normal; padding-bottom: 0px; margin-bottom: 10px } #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: 40px; width: 25px; line-height: 40px; padding: 0 0 0 14px; margin-right: 5px; color:white; background:#669c41; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } #order-opc #login_form fieldset { border: none; margin: 0 0 10px; padding: 25px; font-size: 13px; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } #order-opc #login_form h3 { background: #F5F5F3; color: #333333; font-size: 13px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: normal; text-transform: uppercase; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } #order-opc #login_form fieldset p { margin: 20px 0 0 0; font-family: 'Open Sans'; font-size: 18px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #order-opc #login_form fieldset p a { padding:0; } #order-opc #new_account_form p.opc-required { margin-left:20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; color: #EC3E3F } #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 { font-weight: normal; font-size: 13px; text-transform: uppercase; color: #828282; background: #F5F5F3; -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: white; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); } #order-opc #opc_delivery_methods h3.carrier_title { font-size: 15px; margin-bottom: 0px; background: none; color: #1B1A19; font-weight: normal; text-transform: none; } #order-opc #opc_delivery_methods h3.gift_title { font-size: 15px; margin-bottom: 0px; background: none; color: #1B1A19; font-weight: normal; text-transform: none; } #order-opc #opc_delivery_methods h3.condition_title { font-size: 15px; margin-bottom: 0px; background: none; color: #1B1A19; font-weight: normal; text-transform: none; } #order-opc #opc_delivery_methods #msg { padding: 25px 25px 25px 18px; } #order-opc #opc_delivery_methods h3.order_message { font-size: 18px; font-family: 'Open Sans'; margin-bottom: 0px; background: none; color: #1B1A19; font-weight: normal; text-transform: none; padding: 15px 0 10px; } #order-opc #opc_delivery_methods textarea { height: 60px; width: 99%; color: #7B7B7B; background: white; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; 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; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form { clear:both; margin-bottom: 20px; font-size: 13px; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 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 h4 { clear: both; font-family: 'Open Sans',sans sherif,Verdana,Arial; font-size: 16px; font-weight: normal; padding: 10px 0; margin: 7px 0; padding-left: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; } #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 label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text option, #new_account_form p.password option, #new_account_form p.select option { margin-left: 7px } #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:1024px} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { font-size: 13px; margin: 0 0 10px; padding: 25px; font-size: 13px; border:none; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 8px; padding: 25px; } #form_forgotpassword p.email label { display: inline-block; width: auto; font-weight: normal; font-size: 13px; text-align: left } #form_forgotpassword p.text input { padding: 0 5px; height: 40px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #form_forgotpassword p.submit { text-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:12px; color:#444px; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{width:100%} form#add_adress { margin-top: -10px } #add_adress fieldset { margin-bottom:20px; background-color: #ffffff; border-top: 5px solid #669c41; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 25px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } #add_adress h3 { background: #F5F5F3; color: #828282; font-size: 13px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #center_column #add_adress p {margin:0; padding:0 0 10px 0} #add_adress p.required { color:#828282 } #add_adress p.required sup {color:#990000} #add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label { float: none; display:inline-block; font-size:13px; } #add_adress p.text input, #add_adress p.password input, #add_adress p.select input { padding: 0 5px; height: 35px; font-size: 13px; color: #7B7B7B; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; } #add_adress p.checkbox input { margin-left: 285px; vertical-align: -2px; } #add_adress p.select select { margin-right:10px; font-size: 13px; height: 35px; width: 115px; color: #7B7B7B; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; padding: 8px; } #add_adress p.select option { padding-left: 10px; } #add_adress p.textarea label {vertical-align:top} #add_adress p.textarea textarea { height:80px; font-size: 13px; color: #7B7B7B; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; 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:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{width:100%} #discount .table_block tr.last_item td {border-bottom:1px solid #999} #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: Verdana,Arial,Helvetica; font-size: 13px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: none; } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 0; } ul#manufacturers_list li a.lnk_img { display: block; } ul#manufacturers_list li img { display: block; -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); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; height: 210px; width: 210px; vertical-align: bottom } ul#manufacturers_list li img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } ul#manufacturers_list li h3 { margin-bottom: 30px; font-size: 14px; color: #1B1A19 } ul#manufacturers_list li h3:hover { color: #669c41 } ul#manufacturers_list li h3 span { line-height: 15px; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #5C5C5C; font-size: 13px; font-weight: normal; padding: 5px 10px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#manufacturers_list li h3 span:hover { -moz-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:13px; color:#828282; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#manufacturers_list li .right_side a { float: right; background: url(../img/green_icons/plus-green-20.png) no-repeat; height: 20px; width: 20px; } ul#manufacturers_list li .right_side a:hover { background: url(../img/green_icons/plus-black-20.png) no-repeat; } .description_box { font-size: 13px; margin-bottom: 10px; } .description_box p { margin-bottom: 10px; padding-bottom: 0px; color:#747474; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .description_box .hide_desc { display: none; } .description_box .lnk_more { display: block; float: right; margin-top:20px; background: url(../img/green_icons/plus-green-20.png) no-repeat; height: 20px; width: 20px; cursor: pointer; } .description_box .lnk_more:hover { background: url(../img/green_icons/plus-black-20.png) no-repeat; } .description_box ul { padding-left: 30px; padding-bottom: 0px; color:#747474; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier h1 span .nbrmanufacturer { color: #1B1A19; float: right; font-family: Verdana,Arial,Helvetica; font-size: 12px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: none; } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 0; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; -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); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; height: 210px; width: 210px; vertical-align: bottom } ul#suppliers_list li img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } ul#suppliers_list li h3 { margin-bottom: 30px; font-size: 14px; color: #1B1A19 } ul#suppliers_list li h3:hover { color: #669c41 } ul#suppliers_list li h3 span { float: right; line-height: 15px; margin-top: 1px; background-color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #5C5C5C; font-size: 13px; font-weight: normal; padding: 5px 10px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#suppliers_list li h3 span:hover { -moz-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:13px; color:#828282; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#suppliers_list li .right_side a { float: right; background: url(../img/green_icons/plus-green-20.png) no-repeat; height: 20px; width: 20px; margin-top: 35px; padding-right: none; border: none } ul#suppliers_list li .right_side a:hover { background: url(../img/green_icons/plus-black-20.png) no-repeat; } /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #footer {} #pagenotfound #left_column, #pagenotfound #right_column {display:none} #pagenotfound #center_column {width:100%;} #pagenotfound .pagenotfound { height: auto; font-size: 13px; } #pagenotfound h3 { font-weight:normal; font-size: 13px } #pagenotfound fieldset { margin-bottom:20px; background-color: #ffffff; border-top: 5px solid black; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px; -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); } #pagenotfound fieldset label { color:#828282; font-size: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #pagenotfound #search_query { height: 35px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #7B7B7B; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; } #pagenotfound .button_small { background: url("../img/bg_bt.gif") repeat-x scroll 0 0 transparent; border: 1px solid #669c41; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; 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 { text-decoration:none; border: 1px solid black; background-position: left -80px; -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); } #pagenotfound .pagenotfound a { font-weight:normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; color:#1B1A19 } #pagenotfound .pagenotfound a:hover { color:#669c41 } #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: #1B1A19; font-family: 'Open Sans'; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 10px 0 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding-bottom: 0px; } #module-cheque-payment #center_column h3 { font-size: 15px; height: 30px; line-height: 30px; margin-bottom: 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-weight: normal } /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{width:100%} #module-bankwire-payment #center_column h2 { color: #1B1A19; font-family: 'Open Sans'; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 10px 0 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding-bottom: 0px; } #module-bankwire-payment #center_column h3 { font-size: 13px; height: 30px; line-height: 30px; margin-bottom: 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; 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; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; 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: 5px 0 5px 27px; background:url(../img/icon/loyalty.png) no-repeat 2px 2px; margin-top: 10px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #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(../img/icon/delete.gif) no-repeat 0 0 } .star { position: relative; top:2px; float: left; height: 12px; width: 12px; overflow: hidden; text-indent: -999em; cursor: pointer } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } /* ************************************************************************************************ xxxxx ************************************************************************************************ */ /* ************************************************************************************************ guest tracking ************************************************************************************************ */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* ************************************************************************************************ bloc top menu ************************************************************************************************ */ .sf-contener { clear: both; } .sf-right { display: none; margin-right: 14px; float: right; width: 7px; } .sf-menu, .sf-menu * { padding: 0; list-style: none; } .sf-menu { background-color: white; } .sf-menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ color: #1B1A19; } .sf-menu li { position: relative; font-family: 'ralewayregular'; font-weight: bold; text-transform: uppercase; height: 40px; color:#1B1A19; font-size: 13px; } .sf-menu li a { display: block; position: relative; color: #1B1A19; border-top: 3px solid white; } .sf-menu li a:hover { color: #1B1A19; border-top: 3px solid #669c41; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 42px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; z-index: 1000 } .sf-menu a { display: block; margin-right: 2px; padding: 0 10px 0 10px; line-height: 40px; border: 0; text-decoration: none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #363839; white-space:nowrap; } .sf-menu a:hover { color: black; } .sf-menu li li { background: white; font-size: 13px; } .sf-menu li li li { background: white; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: white; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); height: 40px } .sf-menu ul li, .sf-menu ul li.sfHover, .sf-menu ul li a, .sf-menu ul li a, .sf-menu ul li a { background: white; color: #828282; height: 30px; line-height: 30px; font-size: 13px; font-family: 'Open Sans'; font-weight: normal; text-transform: none; border-top: none; } .sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active { background: #F7F7F6; color: #669c41; height: 30px; line-height: 30px; font-size: 13px; font-family: 'Open Sans'; font-weight: normal; text-transform: none; border-top: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -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; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-menu a.sf-with-ul:hover { background: white; color: #1B1A19; } .sf-sub-indicator { display: none; position: absolute; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: white; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 10px } .sf-shadow ul.sf-shadow-off { background: transparent; } li.sf-search { background: inherit; float: right; line-height: 25px; } li.sf-search input { -moz-border-radius: 0 5px 5px 0; padding: 3px 0; padding-left: 20px; margin-top: 4px; background: #fff url(../img/search.gif) no-repeat left center; } /* hack IE7 */ .sf-menu a, .sf-menu a:visited {height:40px; color:#363839; !IE;} .sf-menu a:hover { color: black; !IE; } .sf-menu li li { background:white !IE; } /* ************************************************************************************************ block top search ************************************************************************************************ */ #header_right #search_block_top { position:relative; float:right; } #header_right #search_block_top label, #header_right #search_block_top input { float: left } #header_right #search_block_top label { display: none; background: transparent url('../img/icon/search.gif') no-repeat 0 2px; float: left; width: 19px; height: 18px; } #header_right #search_block_top input.buttonnier { display: block; margin-left: -2px; border: none; color: #888888; background: transparent url('../img/biosany/search-button.png') no-repeat; height: 29px; width: 30px; cursor: pointer; } #header_right #search_block_top .fond-search { float: right; background: transparent; height: 30px; } #header_right #search_block_top .search_query { border: 1px solid #E3E3E3; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;*/ /*-moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset;*/ color: #7B7B7B; font-family: sans-serif; font-size: 12px; height: 19px; line-height: 19px; padding: 4px 7px; } /* block left column "Quick search" */ #search_block_left input { margin: 2px 0 0 0 } #search_block_left .search_query { width: 11em } #search_button { display: inline } /* ************************************************************************************************ block top currencies ************************************************************************************************ */ #currencies_block_top { background: url('') no-repeat; clear: both; height: 20px; width: 70px; text-align: center; } #currencies_block_top li { float: left; margin-left: 10px; margin-top: 2px } #currencies_block_top a { display: block; font-size: 0.8em; background-color: #f1f2f4; border: #595a5e 1px solid; text-decoration: none; min-width: 1em; padding: 0 2px 0 3px; line-height: 1.5em; text-align: center; vertical-align: middle } #currencies_block_top a:hover { background-color: white; color: black } #currencies_block_top .selected a { border: none; background-color: transparent; font-size: 11px; line-height: 1.2em; font-weight: bold; color: black; border: 1px solid white } #currencies_block_top p { clear: left } #currencies_block_top input, textarea, select { height: 28px; padding: 4px; width: 70px; color: #828282; font-family: sans-serif; font-size: 13px; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; } #currencies_block_top option { padding-left: 0.5em; } #currencies_block_top input[type=text] { height: 25px; width: 70px; color: #888888; background: #454545; border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; } #currencies_block_top input[type=text]:focus { background: #454545; color: #888888; border: 1px solid #656565 } /* ************************************************************************************************ blocklangcurr ************************************************************************************************ */ #currencies_lang_curr { background: url('') no-repeat; clear: both; width: 230px; } #currencies_lang_curr option { padding-left: 0.5em; } /* ************************************************************************************************ Block newsletterfooter ************************************************************************************************ */ #newsletter_footer li { background: transparent; padding: 2px 0px } #newsletter_footer p { color: #ffffff; font-size: 13px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white*/ } #newsletter_footer p.msg_news { margin-bottom: 10px; color: #ffffff; font-size: 13px; /*-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white*/ } #newsletter_footer input[type=text] { border: 1px solid #E3E3E3; font-family: sans-serif; font-size: 13px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #828282; height: 25px; line-height: 25px; padding: 4px 7px; width: 94%; } #newsletter_footer select { height: 35px; width: 65%; padding: 8px; color: #828282; font-family: sans-serif; font-size: 13px; background: white; border: 1px solid #E3E3E3; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; } #newsletter_footer option { padding-left: 7px; } #newsletter_footer input[type="submit"], input.button_news a { display: inline-block; margin-top: 10px; padding: 5px 20px; border:1px solid #435229; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;*/ font-weight: normal; background:url(../img/newsfoot_bt.png) repeat-x; cursor: pointer; color: white; text-transform: none; -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); } #newsletter_footer input[type="submit"]:hover, input.button_news a:hover { text-decoration:none; background-position: left -60px; border:1px solid #3e3c3a; -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); border: 1px solid #435229; color: white; } /* ************************************************************************************************ minic slider ************************************************************************************************ */ /* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-caption h3{ padding: 10px; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(../../../modules/minicslider/views/js/plugins/nivo-slider/loading.gif) no-repeat 50% 50%; margin: 0 auto; margin-bottom: 30px; border-top: 5px solid white; border-left: 5px solid white; border-right: 5px solid white; border-bottom: 5px solid white; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { padding: 0; margin: -10px 10px 0 0; } .theme-default .nivo-controlNav a { display:inline-block; zoom:1; margin-left: 14px; height:25px;/* 19 */ width:25px;/* 19 */ font-weight:bold; font-size: 11px; color: white; padding: 10px 5px 0 5px; text-decoration:none; border: 2px solid white; background-color: #669c41; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } .theme-default .nivo-controlNav a:hover, .theme-default .nivo-controlNav .active { color: white; text-decoration:none; border: 2px solid white; background-color: #3f3f3f; background-position: 0 0; -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -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; } .theme-default .nivo-directionNav a { display:block; width:100px; height:100px; background:url(../../../modules/minicslider/views/js/plugins/nivo-slider/arrows-new.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-100px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; display:none!important; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a:hover, .theme-default .nivo-controlNav.nivo-thumbs-enabled a.active{ webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.8); } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* ************************************************************************************************ Products Sort Form ************************************************************************************************ */ #productsSortForm p { clear: both; float: right; list-style: none outside none; margin: 20px 0; } #productsSortForm select { background:#ffffff; border: 0px solid #E3E3E3; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #583f38; font-family: 'ralewayregular'; font-size: 16px; height: 50px; padding: 8px; width: 280px; box-shadow: 0 0 5px #717171; } #productsSortForm .select::after{ content: "\25bc"; display: block; float: right; font-size: 12px; height: 50px; line-height: 51px; margin-left: 242px; pointer-events: none; position: absolute; text-align: center; top: 47px; width: 37px;background:#ffffff url(../img/drop.jpg) no-repeat 5px 10px ; color:#ffffff;} #productsSortForm .select.search::after{ top: 141px !important; } #productsSortForm option { padding-left: 7px; } #productsSortForm label { color: #747474; float: left; margin: 11px 10px 0 -10px; text-transform: uppercase; } /* ************************************************************************************************ 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: 5px; } #usefull_link_block li#favoriteproducts_block_extra_remove { -ms-display: none; cursor: pointer; padding-top: 5px; } ul#usefull_link_block li#favoriteproducts_block_extra_added { -ms-display: none; cursor: pointer; padding-top: 5px; display: none; } ul#usefull_link_block li#favoriteproducts_block_extra_removed { -ms-display: none; cursor: pointer; padding-top: 5px; display: none; } /* ************************************************************************************************ Product comments ************************************************************************************************ */ #product_comments_block_extra { padding:40px 0 0 0; font-weight: normal; font-size:13px; line-height:18px } #product_comments_block_extra a { float:left; } #product_comments_block_extra a:hover {text-decoration: none} #product_comments_block_extra .comments_note span.average {padding-right:7px} #product_comments_block_extra .comments_note span, #product_comments_block_extra .star_content {float:left} #product_comments_block_extra .star_content {margin-top:2px} #product_comments_block_extra div.star {background: url(modules/productcomments/img/star.gif) no-repeat scroll 0 0 transparent} #product_comments_block_extra div.star_on {background: url(modules/productcomments/img/star.gif) no-repeat scroll 0 -12px transparent} #product_comments_block_extra .comments_advices {clear:both; float: right; padding-top: 10px} /* pop-in add grade/advice ********************************************************************* */ #fancybox-wrap { width:585px } #fancybox-content { width:585px; border-width:0 } #new_comment_form { color: #333; text-align: left; background-color: #fff } #new_comment_form .title { padding: 14px; margin: 0 14px; font-size: 18px; font-weight: normal; font-family: 'Open Sans'; color: #828282; text-transform: uppercase; background: #F5F5F3; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } #new_comment_form ul.grade_content {list-style-type:none} #new_comment_form .grade_content li {width:50%} #new_comment_form .product {padding:15px} #new_comment_form .product img { float:left; border: none; -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); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form .product .product_desc { float:left; line-height:18px; color:#828282 } #new_comment_form .product .product_desc .product_name { padding: 10px 0; margin-bottom: 10px; border-bottom: none; border-top: none; color:#1B1A19; font-family: 'Open Sans'; font-size: 18px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #new_comment_form p { font-family: 'Open Sans', Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #new_comment_form p a { font-family: 'Open Sans', Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; color: #1B1A19; text-decoration: none; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #new_comment_form p a:hover { color: #669c41; text-decoration: none; } #new_comment_form p.fr { margin: 15px 20px 10px 0 } #new_comment_form .grade_content {margin:0 0 20px 0} #new_comment_form .grade_content span, #new_comment_form .grade_content span { display:inline-block; padding:0 10px; width:150px;/* 160 */ font-weight:bold } #new_comment_form .grade_content .cancel {margin-right:5px} .new_comment_form_content { padding: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: white; border-top: 5px solid #669c41; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); } .new_comment_form_content .intro_form { padding-bottom: 10px; font-weight: bold; font-size: 12px } #new_comment_form label { display: block; margin:12px 0 4px 0; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-size: 13px; color: #828282; } #new_comment_form input[type=text] { padding: 0 5px; height: 35px; border: 1px solid #E3E3E3; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #7B7B7B; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form input[type=submit] { display:inline-block; height: 40px; line-height: 40px; width: 170px; padding: 0 20px; border:1px solid #669c41; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:white; background:url(modules/productcomments/img/bg_bt.gif) repeat-x; } #new_comment_form input[type=submit]:hover { text-decoration:none; border:1px solid black; background-position: left -80px; -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); } #new_comment_form textarea { padding: 5px; height: 80px; border: 1px solid #E3E3E3; -moz-box-shadow: 0 0 5px 0 #EAEAEA inset; -webkit-box-shadow: 0 0 5px 0 #EAEAEA inset; -o-box-shadow: 0 0 5px 0 #EAEAEA inset; -ms-box-shadow: 0 0 5px 0 #EAEAEA inset; box-shadow: 0 0 5px 0 #EAEAEA inset; color: #7B7B7B; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form .submit { margin-top:20px; padding:0; font-size:13px; text-align:right } #new_comment_form button { cursor: pointer; display: inline-block; height: 40px; line-height: 40px; width: auto; padding: 0 20px; border:1px solid #669c41; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:white; background: url(modules/productcomments/img/bg_bt.gif) repeat-x scroll 0 0 #F4B61B } #new_comment_form button:hover { text-decoration:none; border:1px solid black; background-position: left -80px; -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); } #new_comment_form #criterions_list { border-bottom: 1px solid #E3E3E3; list-style-type: none; padding-left: 0px; } #new_comment_form #criterions_list li { margin-bottom: 15px; background: white; border: none; } #new_comment_form #criterions_list label { display: inline; float: left; } #new_comment_form #criterions_list .star_content { float: left; margin: 12px 10px; } #new_comment_form #new_comment_form_footer { margin-top: 20px; font-size: 12px; } /* TAB COMMENTS ******************************************************************************** */ #product_comments_block_tab {margin:0} #product_comments_block_tab div.comment { margin:0 0 10px 0; padding: 5px; border-bottom: 1px dotted #ccc } #product_comments_block_tab div.comment div.comment_author span {font-weight:bold;} #product_comments_block_tab div.comment div.comment_author span, #product_comments_block_tab div.comment .star_content { float:left; } #product_comments_block_tab div.comment .star_content {margin: 0 0 0 5px} #product_comments_block_tab div.star, #product_comments_block_tab div.star_on { background: url(modules/productcomments/img/star.gif) no-repeat 0 0 transparent } #product_comments_block_tab div.star_on {background-position: 0 -12px} #product_comments_block_tab .comment_author_infos {clear:both} #product_comments_block_tab .comment_author_infos em {color:#999} #product_comments_block_tab div.comment_details h4 {padding-bottom:10px; padding-left: 0; margin-bottom: 10px;} #product_comments_block_tab div.comment_details p {padding-bottom:10px} #product_comments_block_tab div.comment_details ul { list-style-type:none; margin:0 } #product_comments_block_tab div.comment_details li { padding:2px 0 2px 12px; background:url(modules/productcomments/img/bg_li.png) no-repeat 1px 45% #fff } #product_comments_block_tab a { height: 40px; line-height: 40px; padding: 10px 40px; background: transparent url(../img/green_icons/comment-black-35.png) no-repeat 0; color: #1B1A19; font-weight: normal; font-size: 14px } #product_comments_block_tab a:hover { background: transparent url(../img/green_icons/comment-green-35.png) no-repeat 0; color: #669c41; } #product_comments_block_tab button.usefulness_btn { cursor: pointer; margin:0 0 0 5px; display: inline-block; padding: 0 2px; border: 1px solid #CC9900; border-radius: 3px 3px 3px 3px; color: #000; font-weight: bold; background: url("modules/productcomments/img/bg_bt.gif") repeat-x scroll 0 0 #F4B61B } #product_comments_block_tab button.usefulness_btn:hover {background-position: left -50px} #product_comments_block_tab button.usefulness_btn:active {background-position: left -100px} #product_comments_block_tab span.report_btn {cursor: pointer} #product_comments_block_tab span.report_btn:hover {text-decoration:underline} .fl { float: left; } .fr { float: right; } /* ************************************************************************************************ HOOK SHOPPING CART ************************************************************************************************ */ div#HOOK_SHOPPING_CART p#loyalty { -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-bottom: 5px; margin: 0 0 15px 5px; } div#HOOK_SHOPPING_CART span.unvalability { font-style: italic } /* ************************************************************************************************ CROSSELLING ************************************************************************************************ */ #HOOK_SHOPPING_CART #crossselling { display: none } #crossselling h2.productscategory_h2 { clear: both; color: #1B1A19; font-family: 'Open Sans'; font-size: 20px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding: 0 0 0 5px; } #crossselling { margin: 1.5em auto; height: 300px; width: 100%; } #crossselling_noscroll { height: 300px; width: 100%; margin-bottom: 0px; } #crossselling_list { height: 100%; overflow: hidden; float: left; margin-bottom: 1.5em; width: 100%; padding: 10px 0; } #crossselling_list ul { padding-left: 0; list-style-type: none } #crossselling_list li { float: left; background: #FFFFFF; border: 9px solid #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -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); padding: 5px; cursor: pointer; text-align: center; width: 187px; overflow: hidden; line-height: 23px; } #crossselling_list li:hover { -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); } #crossselling_list li a { margin: auto; color: #3C3C3C; font-weight: normal; font-size: 14px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #crossselling_list li a:hover { margin: auto; color:#669c41; -moz-transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #crossselling_list img { border: none; margin-top: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 185px; height: 185px } #crossselling_scroll_left { background: url('modules/crossselling/img/thumbs_left.png') no-repeat center; text-indent: -3000px; display: block; width: 11px; height: 31px; } #crossselling_scroll_left:hover { background: url('modules/crossselling/img/thumbs_left_hover.png') no-repeat center; } #crossselling_scroll_right { background: url('modules/crossselling/img/thumbs_right.png') no-repeat; text-indent: -3000px; display: block; width: 11px; height: 31px; } #crossselling_scroll_right:hover { background: url('modules/crossselling/img/thumbs_right_hover.png') no-repeat; } #crossselling_list li a.lnk_img {display:block} #crossselling_list li a img { margin-top: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #crossselling_list li p.product_name { text-align: left; height: 30px; line-height: 30px; margin: 5px 0; padding-left: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #crossselling_list li p.price_display { float:left; margin-top: 0; } #crossselling_list li p.price_display span.price { color: #669C41; font-family: 'Open Sans',Verdana,Arial; font-size: 19px; font-weight: normal; padding-left: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #crossselling_list .lnk_more { display:inline; margin: -5px 0 0 0; float: right; color: transparent; height: 35px; width: 35px; background:url(../img/green_icons/eye-green-35.png) repeat-x; cursor: pointer; } #crossselling_list .lnk_more:hover { margin: -5px 0 0 0; background:url../img/green_icons/eye-black-35.png) repeat-x; } /* ************************************************************************************************ Block advertising ************************************************************************************************ */ .advertising_block { background-color: none; text-align: center; margin-bottom: 20px; } .advertising_block img { width: 100%; -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); } /* ************************************************************************************************ Block CMS ************************************************************************************************ */ .block-cms ul.bullet { list-style-type: none; } .block-cms h4 { font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-left: 0px; text-transform: none; } .block-cms ul.bullet li { -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; 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; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #links_block_left li a:hover { color: #84ab3e; border-bottom: 1px dotted #84ab3e; } /* ************************************************************************************************ Special style for block cart ************************************************************************************************ */ #left_column #cart_block, #right_column #cart_block { } #header #cart_block h4 { display: none; } #header #cart_block { z-index: 10; display:none; position: absolute; height: auto; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); background:white; border-top: 5px solid #669c41; outline: none; margin-bottom: 20px; padding: 5px 10px 20px; } .details-border:before { border-color: transparent transparent #669c41; border-style: solid; border-width: 5px; content: ""; height: 0; position: absolute; width: 0; } #cart_block.cart_block_hover {display:block} #cart_block h4 span { float: right; padding-left: 10px; text-transform: none; background-position: left top; background-repeat: no-repeat; cursor: pointer } #cart_block .block_content {padding:8px 8px 16px 8px;} #cart_block #cart_block_summary {display:none} #cart_block .quantity-formated { display:inline-block; margin-right:5px; min-width:18px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #cart_block .cart_block_product_name {font-weight:bold} #cart_block .remove_link { float:right; display:inline-block; margin:1px 0 0 5px; height:16px; width:16px } #cart_block .remove_link a { display:inline-block; height:16px; width:16px; background: url(../img/green_icons/delete-green-16.png) no-repeat; margin-top: -2px; } #cart_block .remove_link a:hover { background: url(../img/green_icons/delete-black-16.png) no-repeat; } #cart_block .price { margin-right: 5px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #cart_block #cart_block_list dl { padding-bottom:10px } #cart_block #cart_block_list dt { padding:7px 0 4px 0; color: #7B7B7B; border-top: 1px solid #ECECEA; } #cart_block #cart_block_list img { width: 50px; height: 50px; margin-right: 10px } #cart_block #cart_block_list dt a { font-weight:normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #cart_block #cart_block_list dd { margin-left:25px; padding-bottom: 5px; color: #7B7B7B; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #cart_block #cart-prices { padding: 10px 20px; margin-left: -19px; line-height: 20px; font-weight:normal; font-size: 13px; color: #7B7B7B; width: 100%; background: white; /*border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; -moz-box-shadow: 0 0 10px rgba(57, 36, 32, 0.18) inset; -webkit-box-shadow: 0 0 10px rgba(57, 36, 32, 0.18) inset; -o-box-shadow: 0 0 10px rgba(57, 36, 32, 0.18) inset; -ms-box-shadow: 0 0 10px rgba(57, 36, 32, 0.18) inset; box-shadow: 0 0 10px rgba(57, 36, 32, 0.18) inset; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;*/ } #cart_block #cart_block_shipping_cost, #cart_block #cart_block_total { float:right; font-weight: normal; font-size: 15px; color: #669c41; } #cart_block #cart_block_shipping_cost { font-weight: normal; font-size: 13px; color: #7B7B7B; } #cart_block #cart-buttons .button_small {display:none;} #cart_block #cart-buttons #button_order_cart { float:left; margin-top:11px } #cart_block #cart-buttons #button_order_cart span { position:absolute; top:-1px; left:-12px; display:none; height:26px; width:26px; background:url(modules/blockcart/img/icon/pict_add_cart.png) no-repeat 0 0 } #cart_block table#vouchers { clear: both; width:100% } #cart_block table#vouchers tr td{ padding: 2px; } #cart_block table#vouchers tr td.quantity{ margin-right:5px; min-width:18px } #cart_block table#vouchers tr td.delete{ padding-left: 0; padding-right: 0; text-align: right; width: 15px; } /* ************************************************************************************************ BLOCK #reinsurancehome_block ************************************************************************************************ */ /* ************************************************************************************************ BLOCK CMS FOOTER ************************************************************************************************ */ .informations_block_left ul { list-style-type: none; padding-bottom: 20px } .informations_block_left li {} .informations_block_left li.last {border:none;} .informations_block_left li a { display: block; padding: 8px 3px; color: #646464; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-decoration: none; -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; } .informations_block_left li a:hover { background: url(../img/icon/menu_green_arrow.gif) no-repeat left; padding: 8px 13px; color:#669c41; -moz-transition: padding-left 600ms ease-in-out 0s; -webkit-transition: padding-left 600ms ease-in-out 0s; -o-transition: padding-left 600ms ease-in-out 0s; -ms-transition: padding-left 600ms ease-in-out 0s; transition: padding-left 600ms ease-in-out 0s; } tr.subitem > td:first-child + td { padding-left: 10px; } /* ************************************************************************************************ 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-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;*/ -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); margin-bottom: 30px; 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 30px 6px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.10); -o-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.10); -ms-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.10); box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.10); } #featured-products_block_center li span.new { display: none; z-index: 10000; position: absolute; width: 70px; float: right; background-color: #F4F4F2; color: #FF7474; font-family: Arial; font-size: 10px; font-weight: normal; padding: 7px; text-transform: uppercase; text-align: center; margin: 0 0 0 127px; -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } #featured-products_block_center li span.on_sale { display: none; z-index: 10000; position: absolute; width: 70px; float: left; background-color: #FF7474; color: white; font-family: Arial; font-size: 10px; font-weight: normal; padding: 7px; text-transform: uppercase; text-align: center; -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } #featured-products_block_center h5 { padding-left: 2px; height: 30px; font-size: 14px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; color: #3C3C3C } #featured-products_block_center h5 a { color:#3C3C3C; } #featured-products_block_center h5 a:hover { color:#669c41; -moz-transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #featured-products_block_center .product_image { overflow:hidden } #featured-products_block_center .product_image img { } #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; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #featured-products_block_center .lnk_more { display:inline; margin: -5px 0 0 0; float: right; color: transparent; height: 35px; width: 35px; background:url(../img/green_icons/eye-green-35.png) repeat-x; cursor: pointer; } #featured-products_block_center .lnk_more:hover { background:url(../img/green_icons/eye-black-35.png) repeat-x; } #featured-products_block_center .price_container { float: left; padding:0; } #featured-products_block_center .price { font-weight: normal; padding-left: 2px; font-family: 'ralewayregular'; font-size:19px; color:#669c41; } #featured-products_block_center li .ajax_add_to_cart_button {display:none;} #featured-products_block_center li span.exclusive {display:none;} @media only screen and (min-width: 1020px) and (max-width: 1199px){ #page .rte img{width:100%; height:auto} #header_right #search_block_top { top: -60px; } #header_user p.userinfo { float: left; margin: -118px 0 0 -208px; } .sf-menu{ margin: -104px 0 20px 229px; width: 760px;} .sf-menu a{padding: 0 8px!important;} .sf-menu li{font-size:17px!important;} .top_social{float:right;} #footer .block_various_links {width: 20.5%;margin:20px 2% 0 0;} #minic_mailchimp{margin:20px 2% 0 0; background:none!important;position: absolute;right: 0;width: 250px;} #social_block { clear: both; float: left; margin: -62px 0 0 51%; width: 43.5%; } #footer h4, #footer h4 a{color:#FFFFFF} #currencies_lang_curr { float: right; margin: 23px 0 0; }.top_social { float: right; margin-top: -45px; position: relative; } #mc_embed_signup{background:none!important;}#minic_mailchimp .title_block { color: #ffffff; font-family: "ralewayregular",arial; font-size: 20px; font-weight: normal; height: 40px; line-height: 40px; padding-bottom: 10px; text-shadow: none; text-transform: uppercase; } } @media only screen and (min-width: 768px) and (max-width: 1087px) { #page .rte img{width:100%; height:auto} #block_contact_infos li{ color: #000000!important;} .top_social { margin: 0 auto; padding-bottom: 10px; width: 125px; } #minic_mailchimp{clear:both; color:#000000} #currencies_lang_curr{margin: 10px 0 15px;} #social_block{display:none;} #block_contact_infos li{color:#000000} #header_right #search_block_top { top: -54px; } #product_list li .ajax_add_to_cart_button {display:inline; margin:-14px 10px 0 0; float: right; color: transparent; height: 35px; width: 35px;background:url(../img/green_icons/addto.png) no-repeat;cursor: pointer; border:0px; padding:0px;} #product_list li .ajax_add_to_cart_button:hover{background:url(../img/green_icons/addto_hov.png) no-repeat!important; box-shadow:none;} #footer li a { color: #000000!important; } #featured-products_block_center li .ajax_add_to_cart_button{margin: -35px 36px 0 0!important;} .customacc { display: block; overflow: hidden; padding-left:0px; width:72%; } .customacc ul li{float: left; list-style-type: none; margin-left:0px; width:130px; margin-bottom:10px} .customacc .accprice{font-size:16px; padding-top:10px; line-height:30px;} .customacc a{color:#553a32; font-family: 'ralewayregular'; font-size:16px; text-transform:capitalize; margin:5px 0px 10px 0px; line-height:22px;} .customacc ul li img{width:123px; height:151px;box-shadow: 0 0 5px #666;} .customacc h1{color:#4c312a; font-weight:bold; font-family: 'ralewayregular'; font-size:16px!important;margin-bottom: 0 !important;} #thumbs_list { width: 371px; } #thumbs_list li{margin-right:11px!important;} #right_column, #more_info_block{display:none;} #productscategory_list{width: 88%!important;} #productscategory_scroll_left, #crossselling_scroll_left{margin-right:10px!important;} .custom_design{top:auto} .grid_5 .block_content{margin-top:10px;} .select{width:250px; float:left; margin-right:45px;} #productsSortForm .select::after { background: #ffffff url("../img/drop.jpg") no-repeat scroll 5px 10px; color: #ffffff; content: "\25bc"; display: block; float: left; font-size: 12px; height: 36px; line-height: 51px; margin-left:238px; pointer-events: none; position: relative; text-align: center; top: -49px; width: 37px; z-index: 99999 !important; } } @media only screen and (min-width: 480px) and (max-width: 766px) { #page .rte img{width:100%; height:auto} #productsSortForm select{ width: 437px;} #productsSortForm .select::after{margin-left:395px !important;} .top_social { margin: 0 auto; padding-bottom: 10px; width: 125px; } #block_contact_infos li{ color: #000000!important;} #minic_mailchimp{clear:both; color:#000000} #currencies_lang_curr{margin: 10px 0 15px;} #social_block{display:none;} #header_user p.userinfo { margin: -105px 0 0 -207px; } #product_list li .ajax_add_to_cart_button {display:inline; margin:-14px 10px 0 0; float: right; color: transparent; height: 35px; width: 35px; background:rgba(0, 0, 0, 0) url("../img/green_icons/addto.png") no-repeat scroll 0 0;cursor: pointer; border:0px; padding:0px;} .price_container .old-price{font-size:12px;} .price_container{margin-bottom:0px; height:20px;} #product_list li .ajax_add_to_cart_button:hover{background:url(../img/green_icons/addto_hov.png) no-repeat!important; box-shadow:none;} #footer li a { color: #000000!important; } #thumbs_list{width:auto;} .customacc ul li{float: left; list-style-type: none; margin-left:0px; width:33%; margin-bottom:10px} .customacc .accprice{font-size:16px; padding-top:10px; line-height:30px;} .customacc a{color:#553a32; font-family: 'ralewayregular'; font-size:16px; text-transform:capitalize; margin:5px 0px 10px 0px; line-height:22px;} .customacc ul li img{width:123px; height:151px;box-shadow: 0 0 5px #666;} .customacc h1{color:#4c312a; font-weight:bold; font-family: 'ralewayregular'; font-size:16px!important;margin-bottom: 0 !important;} #right_column, #more_info_block{display:none;} #productscategory_scroll_left, #crossselling_scroll_left{margin-right:10px!important;} #productscategory_list{width:81%!important;} #productscategory_list li{ margin: 0 2px!important; width:170px;} #productscategory_list li a img{width:100%;} .custom_design{top:auto} .grid_5 .block_content{margin-top:10px;} #productsSortForm .select::after { background: #ffffff url("../img/drop.jpg") no-repeat scroll 5px 10px; color: #ffffff; content: "\25bc"; display: block; float: left; font-size: 12px; height: 36px; line-height: 51px; margin-left:238px; pointer-events: none; position: relative; text-align: center; top: -49px; width: 37px; z-index: 99999 !important; } } @media only screen and (max-width: 479px) { #page .rte img{width:100%; height:auto} .top_social { margin: 0 auto; padding-bottom: 10px; width: 125px; } #minic_mailchimp{clear:both; color:#000000} #currencies_lang_curr{margin: 10px 0 15px;} #social_block{display:none;} #header_user p.userinfo{margin-top:-215px;} .customacc ul li{float: left; list-style-type: none; margin-left:0px; width:50%; margin-bottom:10px} #footer li a { color: #000000!important; } #block_contact_infos li{ color: #000000!important;} #mc_embed_signup{width:100%!important;} #product_list li .ajax_add_to_cart_button {display:inline; margin:-14px 10px 0 0; float: right; color: transparent; height: 35px; width: 35px;background:url(../img/green_icons/addto.png) no-repeat;cursor: pointer; border:0px; padding:0px;} #product_list li .ajax_add_to_cart_button:hover{background:url(../img/green_icons/addto_hov.png) no-repeat!important; box-shadow:none;} .customacc .accprice{font-size:16px; padding-top:10px; line-height:30px;} .customacc a{color:#553a32; font-family: 'ralewayregular'; font-size:16px; text-transform:capitalize; margin:5px 0px 10px 0px; line-height:22px;} .customacc ul li img{width:123px; height:151px;box-shadow: 0 0 5px #666;} .customacc h1{color:#4c312a; font-weight:bold; font-family: 'ralewayregular'; font-size:16px!important;margin-bottom: 0 !important;} #right_column, #more_info_block{display:none;} #thumbs_list { width: auto; } #thumbs_list li { cursor: pointer; float: left; height: auto!important; margin-right: 10px!important; width: auto!important; } #thumbs_list li img { box-shadow: 0 0 6px 0 #6b6b6b; height: auto!important; width: auto!important; } #productscategory_scroll_left, #crossselling_scroll_left{margin-right:10px!important;} #productscategory_list{width: 71%!important;} h2.productscategory_h2{font-size: 21px!important;} #productscategory_list li{ margin: 0 2px!important; width:185px;} #productscategory_list li a img{width:100%;} .custom_design{top:auto} .grid_5 .block_content{margin-top:10px;} #productsSortForm .select::after { background: #ffffff url("../img/drop.jpg") no-repeat scroll 5px 10px; color: #ffffff; content: "\25bc"; display: block; float: right; font-size: 12px; height: 36px; line-height: 51px; margin-left: 136px; pointer-events: none; position: relative; text-align: center; top: -49px; width: 37px; z-index: 99999 !important; } }