#header { padding:10px 0; background:#111; } #header #logo { } #header #logo img { display:inline-block; } #header #displayAccessCart { text-align:right; } #header #displayAccess { display:inline-block; margin:0 40px 0 0; } #header #displayCart { display:inline-block; } #header #displaySearch { max-width:380px; margin:0 auto; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ #header #displayAccess, #header #displayCart { margin:0 10px; } #header #displayAccess span.user_title, #header #displayCart span.cart_title { display:none; } } @media only screen and ( max-width: 543px ){ #header #displayAccessCart { text-align:center; } #header #logo { margin:0 0 10px; text-align:center; } #header #displayAccess, #header #displayCart { margin:0 20px; } #header #displayAccess span.user_title, #header #displayCart span.cart_title { display:inline-block; } } #menu { background:#cb0000; } #menu > .container-fluid > .row > div { padding:0; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} #breadcrumb { margin:5px 0; padding:5px 0; font-family:'OpenSans-Regular'; font-size:12px; color:#b5b5b5; } #breadcrumb a { color:#b5b5b5; font-family:'OpenSans-Light'; } #breadcrumb a:hover { color:#cb0000; text-decoration:underline; } #breadcrumb .navigation-pipe { padding:0 5px; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} #component { min-height:540px; } #component #content { background:#fff; } #component #content .block-title { margin:0; padding:10px 20px; border-bottom:4px solid #f0f0f0; } #component #content .block-title h1, #component #content .block-title h4 { display:inline-block; margin:0; padding:0; font-family:'OpenSans-Bold'; letter-spacing:-1px; font-size:20px; color:#6d6d6f; text-transform:uppercase; } #component #content .block-content { padding:20px; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} #displaySlider { margin:0 auto 50px; } .block-home { margin:0 0 100px; } .block-home .block-title h4 { display:inline-block; margin:0; padding:0; font-family:'OpenSans-Bold'; letter-spacing:-1px; font-size:20px; color:#6d6d6f; text-transform:uppercase; } .block-home .block-content { } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} #displayLeftColumn .block { margin:0 0 20px; background:#fff; } #displayLeftColumn .block .block-title h4 { margin:0; padding:10px; font-family:'OpenSans-Light'; font-size:20px; letter-spacing:-1px; text-transform:uppercase; color:#6d6d6f; border-bottom:4px solid #f0f0f0; background:#ebeced; } #displayLeftColumn .block .block-content { padding:10px; } #displayLeftColumn .block .block-content ul { margin:0; padding:0; } #displayLeftColumn .block .block-content ul li { margin:0; padding:5px 0; font-size:14px; line-height:1.5; } #displayLeftColumn .block .block-content ul li li { padding:5px 5px 5px 15px; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} #trust { margin:50px 0 0; padding:10px 20px; background:#6d6d6d; } #trust .block { color:#e2e2e2; } #trust .block .image { display:inline-block; width:30%; vertical-align:text-bottom; } #trust .block .image img { display:inline-block; opacity:0.9; } #trust .block .content { display:inline-block; width:60%; } #trust .block .content a { color:#e2e2e2; } #trust .block .content a:hover { text-decoration:underline; } #trust .block .content .title { margin:0 0 7px; padding:0; font-size:14px; font-family:'OpenSans-Bold'; text-transform:uppercase; } #trust .block .content .description { font-family:'OpenSans-Light'; font-size:12px; line-height:1.5; } @media only screen and ( max-width: 1199px ){ #trust .block { margin:0 0 30px; } } @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ #trust .block { text-align:center; } } @media only screen and ( max-width: 543px ){} #footer { padding:50px 20px 30px; background:#303030; } #footer .block { color:#e2e2e2; } #footer .block a { color:#e2e2e2; } #footer .block a:hover { text-decoration:underline; } #footer .block-title { margin:0 0 10px; padding:0; } #footer .block-title h4 { margin:0; padding:0 0 10px; font-size:16px; font-family:'OpenSans-Bold'; text-transform:uppercase; } #footer .block-content { font-family:'OpenSans-Light'; } #footer .block-content ul { margin:0 0 20px; } #footer .block-content ul li { margin:0; padding:2px 0; font-size:14px; } #footer .block-content ul li ul { display:none; } #footer .block-content img { display:inline-block; } #footer .block-content.block-social { } #footer .block-content.block-social li { display:inline-block; margin:0 10px 0 0; } #footer .block-content.block-social li a { text-decoration:none !important; } #copyright { margin:0; padding:5px 0; text-align:center; color:#fff; background:#111; } #copyright p { margin:0; padding:0; font-family:Arial; font-size:10px; } @media only screen and ( max-width: 1199px ){ #footer .block-content { margin:0 0 30px; } } @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ #footer .block-title { text-align:center; } #footer .block-content { text-align:center; } } @media only screen and ( max-width: 543px ){} /* order step */ #order-steps { display:block; margin:0; padding:0; background:#f0f0f0; } #order-steps ul { margin:0; padding:0; } #order-steps ul li { display:inline-block; margin:0 5px 0 0; padding:0; background:#e0e0e0; color:#bdbdbd; } #order-steps ul li span, #order-steps ul li a { display:block; margin:0; padding:10px 20px; text-transform:uppercase; } #order-steps li.step_done { background:#e0e0e0; } #order-steps li.step_done a { font-family:'OpenSans-Bold'; color:#999; } #order-steps li.step_done:hover { background:#fff; } #order-steps li.step_done:hover a { color:#6d6d6f; } #order-steps li.step_current { background:#fff; font-family:'OpenSans-Bold'; color:#6d6d6f; } #order .separation, #history .separation, #module-loyalty-default .separation { height:20px; background:#f0f0f0; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ #order-steps ul li { display:block; } } @media only screen and ( max-width: 543px ){} /* cart navigation */ .cart_navigation { margin:10px 0 0; padding:0; text-align:right; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ .cart_navigation .text-right { text-align:center; } } @media only screen and ( max-width: 543px ){} /* tables cart */ .table { } .table th { background:#303030; font-weight:normal; color:#e2e2e2; } .table thead th.cart_product { width:80px; text-align:left; } .table thead th.cart_avail { width:120px; text-align:center; } .table thead th.cart_unit { width:140px; text-align:center; } .table thead th.cart_quantity { width:190px; text-align:center; } .table thead th.cart_delete { width:30px; text-align:center; } .table thead th.cart_total { width:130px; text-align:right } .table tbody { background:#fff; } .table tbody tr.odd { background:#fff; } .table tbody tr.even { background:#fff; } .table tbody tr.last_item td { border-bottom:5px solid #f0f0f0; } .table tbody td.cart_product { padding:5px; vertical-align:middle; text-align:center; } .table tbody td.cart_product img { display:inline-block; } .table tbody td.cart_description { vertical-align:middle; } .table tbody td.cart_description .product-name { font-family:'OpenSans-SemiBold'; } .table tbody td.cart_description .cart_ref { font-family:'OpenSans-Light'; } .table tbody td.cart_avail { vertical-align:middle; text-align:center; } .table tbody td.cart_unit { vertical-align:middle; text-align:center; } .table tbody td.cart_unit ul { } .table tbody td.cart_unit ul li { display:inline-block; margin:0; } .table tbody td.cart_unit ul li.price { display:block; } .table tbody td.cart_unit ul li.price-percent-reduction { display:none; } .table tbody td.cart_unit ul li.old-price { font-size:12px; color:#b5b5b5; text-decoration:line-through; } .table tbody td.cart_quantity { margin:0; vertical-align:middle; text-align:center; } .table tbody td.cart_quantity .form-group { margin:0; } .table tbody td.cart_quantity .input-group .btn-default { display:inline-block; float:left; background:#fff !important } .table tbody td.cart_quantity .input-group .btn-default i { margin:0; padding:4px 0; font-size:14px; color:#999; } .table tbody td.cart_quantity .input-group .form-control { width:60px; text-align:center; background:#f0f0f0; border:1px solid #f0f0f0 !important; box-shadow:none !important } .table tbody td.cart_delete { vertical-align:middle; text-align:center; font-size:16px; } .table tbody td.cart_delete i { color:#999; } .table tbody td.cart_total { vertical-align:middle; font-family:'OpenSans-SemiBold'; text-align:right; } .table tbody td.cart_discount_name { vertical-align:middle; font-family:'OpenSans-SemiBold'; } .table tbody td.cart_discount_name .cart_ref { font-family:'OpenSans-Light'; } .table tbody td.cart_discount_price { vertical-align:middle; text-align:center; } .table tbody td.cart_discount_price .price-discount { display:block; text-align:center; } .table tbody td.cart_discount_delete { vertical-align:middle; text-align:center; color:#b5b5b5; } .table tbody td.price_discount_del { vertical-align:middle; text-align:center; font-size:16px; } .table tbody td.price_discount_del i { color:#999; } .table tbody td.cart_discount_price { vertical-align:middle; font-family:'OpenSans-SemiBold'; } .table tbody td.cart_discount_price .price { display:block; text-align:right; } .table tfoot { vertical-align:middle; background:#f0f0f0; } .table tfoot td { vertical-align:middle; border-bottom:1px solid #fff; } .table tfoot td#cart_voucher { background:#fff; } .table tfoot td#cart_voucher form { max-width:400px; } .table tfoot td#cart_voucher .block-title { padding:0 0 5px !important; margin:0 0 5px !important; border-bottom-width:2px !important } .table tfoot td#cart_voucher .block-title h4 { font-size:14px !important; } .table tfoot td#cart_voucher .block-content { margin:0 0 10px !important; padding:5px 0 !important; } .table tfoot td#cart_voucher .block-content { } .table tfoot td#cart_voucher .block-content .form-group { margin:0 0 5px; } .table tfoot td#cart_voucher .block-content .btn-primary { margin:0 0 5px; } .table tfoot td.text-right { font-family:'OpenSans-Light'; text-align:right; } .table tfoot td.price { font-family:'OpenSans-SemiBold'; text-align:right; } .table tfoot td.total_price_container, .table tfoot td#total_price_container { font-size:20px; font-family:'OpenSans-Bold'; background:#dbdbdb; color:#333; } .table tfoot td#total_price_container { background:#999; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){ .table th.cart_description, .table td.cart_description { max-width:200px; overflow:hidden } .table th.cart_avail, .table td.cart_avail, .table th.cart_unit, .table td.cart_unit, /*.table th.cart_delete, .table td.cart_delete,*/ .table #cart_voucher { display:none; } } @media only screen and ( max-width: 543px ){ .table thead th.cart_product, .table td.cart_product, .table tbody td.cart_quantity .input-group .btn-default { display:none; } } /* tables cart */ .delivery_option table { margin:0; } .table td.delivery_option_radio { vertical-align:middle; width:60px; text-align:left; } .table td.delivery_option_logo { vertical-align:middle; width:120px; text-align:center; } .table td.delivery_option_logo img { max-width:100px; } .table td.delivery_name { vertical-align:middle; } .table td.delivery_name p { margin:0 0 5px; padding:0; font-family:'OpenSans-SemiBold'; } .table td.delivery_name small { margin:0 0 5px; font-family:'OpenSans-Light'; } .table td.delivery_option_price { width:190px; vertical-align:middle; font-family:'OpenSans-SemiBold'; font-size:16px; text-align:right; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){} .payment_module { margin:0; padding:0; text-align:center; } .payment_module img { display:inline-block; opacity:0.5; -webkit-filter:grayscale(100%); filter: grayscale(100%); } .payment_module:hover img { opacity:1; -webkit-filter:grayscale(0%); filter: grayscale(0%); } .payment_module small { display:block; margin:0 0 10px; font-family:'OpenSans-Light'; font-size:14px; } @media only screen and ( max-width:1199px ){} @media only screen and ( max-width: 991px ){} @media only screen and ( max-width: 767px ){} @media only screen and ( max-width: 543px ){}