/* LAYOUT */ @width: 964px; /* my theme */ @my_theme: "webtemplate"; /*** COLORS ************************/ @color1: #000000; @color2: #999999; @color3: #bababa; @color4: #c9c8c9; @color5: #f4f5f4; /* Extra Colors */ @color6: #db1814; @color7: #ED1C24; /* Black & White */ @black: #000; @white: #fff; /* Global */ @bgmargin: 0px; @text: lighten(@black,15%); @bgcolor: @color4; @red: red; @a: @black; /* Header */ @bar: #3b3b3b; @bar_text: @white; /* Components */ @head: #f8f8f8; @head_text: @color1; @border: #eaeaea; @button: darken(@color3,5%); /* Selected components */ @head_selected: #ed1c24; @head_selected_text: @white; @border_selected: darken(@color3,7%); @a_selected: @color6; /* Footer */ @foot: #f8f8f8; @button_important_light: #ED1C24; @button_important_dark: #c61100; @button_light: #f7f7f7; @button_dark: #cccccc; /*** Layout/Components/etc ******************/ @width1: @width - (@bgmargin*2); @column: @width1*0.18864097; @space: @width1*0.01419878; /* 3 columns divided into 4 columns */ @column3on4: ((@column*3)+(@space*2)) * 0.23720137; @space3on4: @column3on4*0.075268817; /* 3 columns divided into 5 columns */ @column3on5: ( @column*3 + @space*2 ) / (5 + 4 * 0.075268817 ); @space3on5: @column3on5 * 0.075268817; /* 4 columns divided into 5 columns */ @column4on5: ( @column*4 + @space*3 ) / (5 + 4 * 0.075268817 ); @space4on5: @column4on5 * 0.075268817; /* 4 columns divided into 6 columns */ @column4on6: ( @column*4 + @space*3 ) / (6 + 5 * 0.075268817 ); @space4on6: @column4on6 * 0.075268817; .basket2 a { height: 42px; width: 42px; background-image: url('/images/elem/add-basket-icon.jpg')!important; float: left; } .basket2 a span{display:none;} .basket2 a:hover, #product_recommend .basket2:hover, #product_accessories .basket2:hover { }body { background-color:#FFF; font-family:'Lato', Arial, sans-serfif; font-weight:400; text-align:left; } #bg_container { min-width: @width; } #container { background: @white; width:1140px; } #middle{ margin-top:0px; } #middle, #navigation { padding: 0px @bgmargin; } #path { background-color: #fff; position: relative; top: 5px; } #path .box_link > a { padding-left: 1px; } #path .box_history > a { padding-right: 1px; } #path .not_active_last { color: #000; } #banner_middle { background: @color5; width: (@column*3)+(@space*2); height: 192px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; } .title { margin: 17px 0 5px 0; } .title p { margin: 0px !important; padding: 0px !important; font-style:italic; } .title_error { padding: 5px 10px; margin: 0px; } .box { margin-bottom: 14px; background-color: @white; } .box2 { margin-bottom: 14px; background-color: @white; } div.glowna .box .head { background-color: none; } #category_tree .head { color:#000; font-size:16px; } #category_tree h3 { color: @head_selected_text; font-weight: normal; } div.glowna .box h3.head, #blog h3.head { float:left; padding-bottom:40px; color: @head_text; font-size: 21px; font-family: 'Lato', Arial, sans-serif; font-weight:400; text-transform:uppercase; text-align:center; } .box h3.head a { text-decoration: none; color: @head_text; } .box .content { padding: 0px; } .roundies, .roundies_lt { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /*.roundies_lt { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } .roundies_rt { -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } .roundies_lb { -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; } .roundies_rb { -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .roundies_t { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .roundies_b { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }*/ .clear, .st_clear_all { clear: both; font-size: 0px; line-height: 0%; padding:0; margin:0; height: 0px; } .buttons{ width:100%; } .buttons a, .buttons button, button[disabled="disabled"]:hover { display:table-cell; vertical-align: middle; border: none; background-color: #F3F3F3; line-height: 40px; font-size: 18px; text-decoration:none; color:@text; cursor:pointer; height: 40px; display:block; width:100%; padding: 0px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; font-weight: normal; -webkit-box-shadow: 1px 1px 1px #e9e9e9; -moz-box-shadow: 1px 1px 1px #e9e9e9; box-shadow: 1px 1px 1px #e9e9e9; text-transform:uppercase; } .buttons a span, .buttons button span { text-transform:uppercase; font-size:16px; height:40px; line-height:40px; } .buttons a .icon_left, .buttons button .icon_left { background-position: left center; padding-right: 0px; } /* BASE */ .buttons .important, .buttons .not_found_button { color: #FFF; background-color: #231F20; border: none; width:100%; height:40px; line-height:40px; vertical-align:middle; display:block; } .buttons .important:hover{ background-color: #474747!important; } .buttons .important:hover span{ background-color: #474747!important; } .buttons button:hover, .buttons a:hover { background-color: #eee; } .buttons button:hover span, .buttons a:hover span{ background-color: #eee; } .buttons .important:hover, .buttons .not_found_button:hover { border: none; background-color: #474747!important; } .buttons .disabled, button[disabled="disabled"] { opacity: 0.4 !important; cursor: default !important; } .not_found_button img { display: none; } .left { float:left !important; } .right { float:right !important; } #left .container_content { padding-top: 10px; } #main .container_content { padding-top: 0px; } #right .container_content { padding-top: 10px; } #overbaner { padding: 5px 0px 4px 0px; overflow: hidden; } #currency { margin: 3px; } .languages { position: relative; top: 4px; } .txt_lang { position: relative; top: -3px; } #online { float: left; padding: 10px 0px 5px 0px; color: lighten(@text,30%); } #underbaner { background-color: @bar; padding-right: 10px; color: @bar_text; } #underbaner #pick { position: relative; top: 6px; color: @color1; padding-left: 13px; } #underbaner .languages { position: relative; top: 11px; } #underbaner #search #keywords input { border: none; } #underbaner #search { position: relative; top: 6px; } #content_baner { overflow: hidden; } .logo { color: @black; padding-top: 30px; padding-left:30px; padding-bottom: 30px; overflow: hidden; } .logo a { text-decoration: none; color: @black; } .icon_logo { float: left; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; } .box_logo { float: left; padding-top: 6px; } .box_logo h1 { font-size: 26px; font-family: 'Lato', sans-serif; font-weight: 700; padding-bottom: 0px; margin-bottom: 0px; } .txt_logo a { font-size: 12px; color: lighten(@black,65%); } .column_baner_right { color: @black; padding-top: 30px; } .column_baner_right a { color: @color1; } .column_baner_right .header { padding-top: 1px; color: @color1; } .row { overflow: hidden; padding: 5px 0px; } #header #home { padding: 8px 10px 10px 15px; } #underbaner{ font-size: 14px; font-weight:400; } #underbaner a { color: @white; text-decoration: none; font-size: 14px; font-weight:400; } #underbaner a:hover{ font-weight:400; } #underbaner b { font-weight: normal; } #copyright { text-align: right; float:right; padding: 10px 0; clear: both; } #copyright .link { float:left; } #copyright .link a { text-decoration: none; color: lighten(@text,30%); } #copyright .logo_sote { float: left; padding-top: 3px; padding-left: 5px; } #copyright .logo_en { float: left; padding-top: 2px; padding-right: 5px; } #open { clear: both; display: block; color: @color4; text-decoration:none; text-align: center; font-size: 10px; line-height: 12px; } .header a { display: block; padding: 9px 10px 11px 10px; font-size: 13px; float: left; } #underbaner .header a:hover { background-color: none; text-decoration: none; } div.header{float:left;} div.header a{ padding: 9px 13px; border: none; text-decoration: none; text-transform: uppercase; background: none; font-size: 18px; } div.header a:hover{ background: #F3F3F3 !important; font-weight:400; } .horizontal-category-menu { float:left; background: none !important; .subMenu .items { background-color: #FFF; border: none; box-shadow: none; margin: 0; padding-top:25px; padding-bottom:25px; height:auto; width:445px; text-align:left; } .subMenu a.main, .subMenu span.main{text-transform:uppercase; background:none; font-size:18px; cursor:pointer;} .subMenu:hover, .subMenu a.main:hover, .subMenu span.main:hover{background: #F3F3F3 !important;} .subMenu .items a { padding: 3px 10px; border-top: none; color: #000 !important; padding-left:20px; font-size:16px; font-weight:400; text-align:left; } .subMenu .items a:hover { color: #000 !important; font-weight:700; text-decoration:none; } .subMenu .items .part > span:first-child a { border: none; } .subMenu a, .subMenu span { padding: 9px 13px; border: none; text-decoration: none; } .subMenu span span{ padding:0px; } .subMenu:hover, .subMenu:hover > a, .subMenu.selected > a, .subMenu:hover > span, .subMenu.selected > span { background-color: none; font-weight:400; } span.category-level-1{float:left; width:195px; margin-left:25px; margin-bottom:10px; background-image:url('/images/elem/dot.png'); background-repeat:no-repeat; background-repeat: no-repeat; background-position: left center; padding:0px; } .category-level-1 a, .category-level-1 span { font-weight: normal; } .part { border-color: #3b3b3b; } .subMenu .items .category-big a { font-size: 20px !important; color: #fff !important; border: none; } .image_menu img { border-color: #7C7C7C; background-color: #6B6B6B; } .category-description { color: #cacaca; } } #navigation { overflow: hidden; } #container_foot { position: relative; } #footer { background-color: #231F1F; } #footer h4 { font-family: 'Lato', sans-serif; font-weight:400; text-transform:uppercase; font-size:16px; color: #FFF; padding-bottom: 10px; } #footer a { color: #FFF; padding-bottom:10px; font-size:16px; font-weight:400; } #footer a:hover { text-decoration: none; font-weight:400; } #footer p { text-decoration: none; font-size:16px; color:#FFF; font-weight:400; } .txt_input { position: relative; top:2px; } .txt { position: relative; top:2px; } #header .row .left { padding-right: 3px; } #header .row .right { padding-left: 3px; } .space10_right { padding-right: 10px; } /* formularze */ .st_form { padding: 0; margin: 0; } .st_form .st_row { clear: both; width:100%; margin-top:5px; margin-bottom:5px; } .st_form .st_row_last { clear: both; border-top: 1px solid @border; background-color: @color5; } .st_form .st_error { color: red; } #main_products .description, #product_long .description { color: lighten(@color1,45%); } .box .content .full { background-color: @white; } /** do elementów przesuwania [wyrzucic] **/ .block-hover { border: 1px dashed @color3; } #schowek_add { padding-right:12px; margin-right:12px; border-right:1px solid @color3; } #js_frame { display:none; } #img_delivery,#img_card { margin-top: 10px; } /* module stBasket */ #st_basket-add-button-content { background-color: lighten(@button,24%); border: 1px solid @button; border-top: 1px solid lighten(@button,15%); border-left: 1px solid lighten(@button,15%); color:@text; } #st_basket-add-button-content input { color: @black; } /* module stCategory */ #st_category-list > li { border-top: 1px solid @border; } #main_categories .item .box, #subcategories .item .box { background-color: @white; } /* module stCurrencyPlugin */ #pick select#currency { border: 1px solid @color3; color: @black; background-color:@white; font-size:14px; } /* module stNavigationPlugin */ #path a { color: lighten(@color1,15%); } #path .not_active { color: @color1; } /* module stNewsletterPlugin */ #newsletter .content .sign .email { border: 1px solid @border; } #newsletter .content .sign .email input { background-color: @white; } #newsletter .content .sign .email .submit input { border: 1px solid @border; background-color: @white; } /* module stProduct */ .price, .major_price span { color: @black; } .minor_price { color: @black; } .old_price, .old_price span, .price .old_price { color: @red; } /* Product list long and main */ #product_other .item, #product_recommend .item, #product_accessories .item { } #product_short .bg_grey_short td { background-color: darken(@white,5%); } .box_photo_sort { border: 1px solid @border; background-color: @white; } /* module stTabNavigatorPlugin */ .st_tab_navigator li a { color: @text; background-color: @white; border:1px solid @border; border-bottom: none; } .st_tab_navigator li a span { background-color: @head; } .st_tab_navigator li.st_selected a { color: @text; border-bottom: 1px solid @white; height: 34px; } .st_tab_navigator li.st_selected a span { background-color: @white; } .st_content_tab { border: 1px solid @border; background-color: @white; } .name a, .product_link a { color: @black; } .st_basket-product-name a { color: @black; text-decoration:none; } #recommend_overlay, #recommend_shop_overlay { background-color: @white; } select, input, textarea { padding: 3px; font-family: 'Lato', sans-serif; font-weight:normal; font-size: 12px; outline: none; background: #fff; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } select, input { line-height: 15px; } select { padding: 2px; } textarea:focus, input[type=text]:focus, input[type=password]:focus { border-color: #aaa !important; background-color: #eeeeee !important; } #list h2 { } .new_search-box #query { width: 694px; top: 0px; height: 31px; } .baners { float: left; } #homepage_banners .component_image1, #homepage_banners .component_image2, .baner_right_1st, .baner_right_2nd { float: right; } #homepage_banners_right1, #homepage_banners_right2 { min-width: 183px; } .baner_right_1st, .baner_right_2nd { margin-bottom: 12px; clear: both; } .languages img { padding-left: 4px; } .zoomWrapper { border-color: @border; } #product_card #gallery li { border: 1px solid @border; } #product_card .label .section, #st_update_product_options_form { } #product_card .price_box.only_points { border-top: 1px solid @border; padding-top: 10px; } .share_box{ float:left; margin-top:15px; margin-bottom:25px; } #product_card .share_box > div:first-of-type { border-top: 1px solid @border; } #order_print .print { background: #000 url("/images/frontend/theme/@{my_theme}/order_print.png") no-repeat 6px 6px; } #order_print .download { background: #000 url("/images/frontend/theme/@{my_theme}/order_pdf.png") no-repeat 6px 6px; } #order_print .invoice-text a { background: #000 url("/images/frontend/theme/@{my_theme}/order_invoice.png") no-repeat 6px 6px; } .box_group .content > a { background: url("/images/frontend/theme/@{my_theme}/circle_list_product.png") top left no-repeat; background-position: 0px 6px; } div.glowna .box_group{width:550px; float:left;} .nivo-controlNav{display:none;} .nivo-controlNav a { background:url("/images/frontend/theme/@{my_theme}/navigator.png") no-repeat; } .nivo-directionNav a { display:block; width:17px; height:51px; text-indent:-9999px; border:0; position:absolute; } a.nivo-nextNav { top:180px; //you'll need to tweak the top and right values to get it into proper position right: -60px; background:url('/images/elem/arrow-right.png') no-repeat; } a.nivo-prevNav { top: 180; // again, tweak these to fit your layout left:-60px; background:url('/images/elem/arrow-left.png') no-repeat; } #social_foot { float: right; position: absolute; bottom: 20px; right: 5px; } /* stBasket */ #basket_icon { position: relative; top: 3px; padding-top: 0px; padding-bottom: 6px; font-size: 13px; margin-top: 0px; padding-left: 13px; } #added_product_preview { -webkit-box-shadow: 0px 0px 35px #444; -moz-box-shadow: 0px 0px 35px #444; box-shadow: 0px 0px 35px #444; background: #fff; } .st_basket-product-photo img { border-radius: 0px; } #st_basket-discount-coupon-code, #st_basket-delivery, #st_basket-payment, #st_basket-summary { width: 264px; } #st_basket-discount-coupon-code, #st_basket-summary { width: 264px; } #basket_index .content { margin: 0 0 10px 0; padding:0px; } #basket_index .basket_index_empty { border-top: 1px solid #bababa; } #button-empty-basket-return a { padding: 0px; } #button-empty-basket-return { margin: 0px; } #basket_index .empty_basket_img { margin: 43px 14px 24px 0; } .st_basket-product-photo { padding-left:15px !important; } #added_product_preview .st_product_options { margin-left: 10px; } .st_product_options > ul { list-style-type: disc; } #exposeMask { background-color: rgb(39, 39, 39) !important; } /* nizej nie sprawdzone */ #st_application-st_basket-index { border: none; } #basket_quantity_container { margin-bottom: 12px; float:left; font-size:18px; font-weight:400; } #basket_quantity_container label, #basket_quantity_container .uom { position: relative; top: 1px; margin-right:5px; } #basket_quantity_container .uom { margin-left: 4px; } #basket_quantity_container .basket_add_quantity, #basket_quantity_container select { margin-left: 7px; } #basket_quantity_container .basket_add_quantity { width: 47px; } #basket_button_container { margin-top: 8px; } #basket_button_container button { float: right; } #st_update_product_options_form { margin-bottom: 9px; padding-bottom: 9px; } .basket_sum { text-transform: capitalize; } #basket_index { border: none; min-height: 340px; } .st_basket-list-link { display: block; } /* basket finish */ /* stOrder */ #st_order-back_button { margin-left: 0; } #st_order-confirm_button { margin-right: 0; } .st_order-order_sumary-box { padding: 0 0 15px 0; } .st_order-order_sumary-box .data_frame, .st_order-order_sumary-box .frame { width: 400px; } #order_confirm .buttons button { } #order_confirm .st_content { margin:0px; } #order_summary .st_name { min-width: 165px; } #summary_label { background: none ; border-bottom: none; box-shadow: none; } #summary_label .content { } #summary_label .title_summary { font-size: 20px; color: #000; font-family: 'Lato', sans-serif; font-weight:700; } #st_application-st_basket-index .st_content { padding: 0px; float:left; width:100%; } #order_summary #summary_label { margin: 0px auto 0px; } #order_print { text-align: center; } #order_print a { display: inline-block; color: #fff; text-decoration: none; min-height: 28px; padding: 12px 19px 0px 38px; margin-left: 12px; -webkit-box-shadow: 0px 1px 2px #979797; -moz-box-shadow: 0px 1px 2px #979797; box-shadow: 0px 1px 2px #979797; margin-bottom: 13px; } #order_print a:hover, #order_print .invoice-text a:hover { background-color: #666666; } #order_print .print { padding-left: 45px; margin-left: 0px; } #summary_info .order_number { font-weight: bold; font-size: 14px; } #order_confirm { border: none; } #order_form_description { } h6.inline-header { position: relative; z-index: 1; } h6.inline-header:before { content: ""; display: block; border-top: solid 1px #000; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } h6.inline-header span { position: relative; z-index: 5; padding: 0 15px; background-color: #F3F3F3; margin-left: 30px; margin-right:30px; color: #000; font-size: 12px!important; } h3.inline-header { position: relative; z-index: 1; width:720px; margin-bottom:40px; } h3.inline-header:before { content: ""; display: block; border-top: solid 1px #000; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } h3.inline-header span { position: relative; z-index: 5; padding: 0 30px; background-color: #FFF; margin-left: 30px; margin-right:30px; color: #000; font-size: 18px!important; text-transform:uppercase; font-weight:400; } h3.inline-header span a{ text-decoration:none; font-weight:400; font-size: 18px!important; } #order_description_text { } #st_record_list-order { border: 1px solid @border; } #order_confirm .st_order_confirm_additional_text { margin: 0; .box; .roundies; padding: 10px 16px; } /* order finish */ /* stUser */ #st_button-user-login-account img { width: auto; height: auto; padding-right: 5px; } /* */ #st_navigation_bar-user { } #st_navigation_bar-user a { color: #FFF; font-size:15px; } #st_application-user-account, #st_application-user-remind { border: none; } #st_form-user_basket-email, #st_form-user_basket-password { } #st_form-user-email { } #st_application-user-account #st_form-user-password1, #st_application-user-account #st_form-user-password2, #st_application-user-account #captcha_img { } #st_form-user-password { } #st_form-user-password1 { } #st_form-user-password2 { } #st_application-user-login .st_content { margin: 43px 0px; padding: 0px; } #st_button-user-account .st_button { margin: 0px 56px 0px 0px; } #st_button-user-remind { margin-top: 10px; } #st_application-user-edit_profil .st_content2 { width: 479px; } #st_application-user-edit_profil .st_content3 { width: 479px; } #st_application-user-edit_profil .st_content { width: 479px; } .st_navigation_bar_user { padding-left: 0px; } .st_navigation_bar_user ul{ float:left; padding-left:15px; } #basket-login-user { } #st_user-basket-login-form { } #st_user-basket_billing_login_form { } #st_user-basket_delivery_login_form { } #st_application-user-login-login { } #st_application-user-login-register { } #user-register-form { margin: 25px auto 15px auto; padding-bottom:15px; } #create_user_delivery { } #create_user_billing { } #user-register-form fieldset { } #st_user-login { padding:15px 11px 0px; } form fieldset .st_field input, form fieldset .st_field textarea { padding: 5px; width: 100%; border:1px solid #231F20; } form fieldset .st_field .checkobox { width: 14px; } form fieldset .st_field label { margin: 0px; left:10px; font-size:12px; font-weight:normal; } #town, #delivery_town, #billing_town, #billing-town { } #password1, #password2 { width: 140px; } .password-strength-bar { width: 343px !important; } #st_button-user-login-account a { font-weight: bold; } #st_button-user-login, #st_button-user-login_success { } #create_account_form fieldset { margin-left: 62px; } #st_user-first_register { border: none; } #st_user-first_register .st_content { margin: 40px 0 10px 0; padding: 0px; } #order_form_billing, #order_form_delivery { } #order_form_login #order_form_billing .box_form_content, #order_form_login #order_form_delivery .box_form_content { } .box_form_content { margin: 0px; } .box_form h3 { } .box_form #terms_overlay h3, .box_form #privacy_overlay h3 { padding: 0px; margin: 10px 0 0 0; float: none; background: none; color: #000; } #footer_form .gray_text { padding: 0px; } #code_billing, #code_delivery { width: 70px; } #town_billing, #town_delivery { width: 100%; } #footer_form { margin: 0px; } #user_data_billing_country, #user_data_delivery_country, #user_data_country, #billing-country, #billing_country, #st_form-user_delivery-country-select { width: 100%; font-size:14px; } #order_form_delivery { margin-bottom: 10px; } #edit-login, #edit-password, #edit-billing, #edit-delivery { width: 473px; } #edit-password #password1, #edit-password #password2, #edit-password #oldpassword { } #change_delivery_edit, #change_billing_edit, #change_delivery, #change_billing { border-radius: 0px; } #change_delivery_edit a, #change_billing_edit a { text-decoration: none; } #user-register-form .password-strength-bar , #edit-password .password-strength-bar { width: 343px !important; } #remind_form fieldset { margin-left: 0px; } #remind_form input { } #st_user-edit .content { margin: 10px 0; padding: 5px 0; } #st_application-user-login-login .content { } .img_icons_config { color: #8a8a8a; display: block; font-size: 12px; } .img_icons_config:hover a { color: #f40a0a; } .box_icons_config { border: 1px solid #eaeaea; border-radius: 0px; padding: 14px 12px 10px; width: auto; } .box_icons_config a { text-decoration: none; } .img_icons_config .font_normal_config { padding-top: 12px; } #st_application-user-login, #st_application-user-user, #st_user-edit_account { border: none; } #user-register-form #st_form-user-email, #user-register-form #st_form-user-password1, #user-register-form #st_form-user-password2, #user-register-form #captcha_img { width: 100%; } #user_data_billing_privacy, #st_form-user-privacy { margin: 2px 3px 0 0; width: 14px; } #user_data_billing_privacy_content { width: 331px; } #st_application-user-login-login #st_form-user-email{ } #user-register-form #st_button-user-account { margin-right: 0px; } /* */ #st_user-login .login_text { display: inline; } #captcha_form img { width: 349px; } #captcha_form .error_tooltip img { width: auto; } #basket-login-form { } #order_show .first_content{ float:left; margin-top:25px; } #order_show .order_padding, #order_show .first_content { padding:0px; width:100%; } #order_show, #st_user-edit, #order_summary { border: none; } .font_normal_config a { background: none; border-radius: 0; font-size: 12px; margin: 0; border: none; } .font_normal_config a:hover { color: #f40a0a; } #st_user-editaccount { padding: 0px; margin: 0px; } #st_user-edit_data, .st_user-edit-data { width: 525px; margin-top:50px; } #order_form_login #user_delivery_profile, #order_form_login #user_billing_profile { margin-left: 62px; width: 349px; } #order_summary #summary_info { border: none; box-shadow: none !important; } #order_summary_action-bottom { display: block; margin: 0px -270px; } #order_summary_action-top { display: none; } #summary_label .order_number { font-size: 14px; } #order_summary .order_label { margin-left: 0px; margin-bottom: 10px; } #external_account img, #user_status img { height: 13px; } .st_basket-list-link.block { display: block; } #form_stars { padding-bottom: 2px; } .vertical-align-middle input { margin: 0px; } #invoice_icon { display: inline-block; float: none; min-width: auto; margin: 0; } #invoice_icon img, #invoice_icon .invoice_img { display: none; } #form_recommend .st_row { clear: both; } #st_button-user-edit_data.one_frame, #st_button-user-edit_data { margin-right: 243px; } #st_button-user-edit_data.two_frame { margin-right: 0px; } #newsletter_user_form #privacy_field { padding-left: 0px; } #newsletter_user_form input[type=checkbox] { margin-right: 7px; } /* stCategory */ #category_tree .st_category-tree-element:first-child { border: none; padding-top: 0px; } .st_category-tree-element, #category_tree .st_category-tree-element .st_category-tree-element:first-child { } #main_categories, #subcategories { overflow: visible; margin-left: -12px; margin-right: 0px; margin-bottom: 3px; } #main_categories .box, #subcategories .box { border: none; margin: 0; } #main_categories .item, #subcategories .item { border: 1px solid @border; background-color: @white; width: 142px; margin-bottom: 12px; margin-left: 12px; } #main_categories .image, #subcategories .image { width: 142px; display: table-cell; padding: 0px; } #main_categories .image img, #subcategories .image img { max-width: 142px; } #main_categories .names { padding-top: 10px; } #main_categories .names li { text-align: center; } #subcategories .name { padding-top: 10px; text-align: center; } #main_categories .category a, #subcategories .name a { font-size: 13px; font-weight: bold; text-decoration: none; } #category_info { padding-bottom: 0px; } #category_info .image { float: left; margin: 10px 15px 10px 10px; width: auto; } #category_info .description { float: none; width: auto; } /* */ /* layout */ #container_foot { margin: 0 auto; width: @width; padding: 0 8px; } /* */ /* stDiscoundPlugin */ #discount-table { width: auto; margin: 30px auto; } #st_discount-coupon-code .buttons { margin-top: 0px; } #discount_coupon_code { width: 229px; } /* */ /* stGiftCardPlugin */ #st_gift_card { width: 264px; float:left; margin-right:10px; } #st_gift_card .buttons { margin-top: 0px; } #gift_card_code { width:100%; } /* */ /* stNewsletterPlugin */ #newsletter { padding-bottom: 0px; } #newsletter_user_form #privacy_field .st_field { overflow: hidden; } #newsletter_user_form #privacy_field { padding: 4px; margin-bottom: 5px; margin-left: 0px; } #newsletter_user_form #email_field { margin-bottom: 10px; margin-left: 0px; } #newsletter_user_form #email_field input { } #user_newsletter { border: none; } form fieldset .st_field .checkobox { width: 14px; } #newsletter_user_form #captcha_form { margin-left: 0px; } /* */ /* stProductOptionPlugin */ .product_options-color-filter { margin-bottom: 3px; } .product_options-color-filter-selected { margin-bottom: 3px; border-color: #000; } .product_options-color-filter-box { margin: 1px; border: none; } .product_options-color-filter-selected .product_options-color-filter-box { margin: 1px 1px 1px 1px; } .product_options_filter_name { padding: 5px 0 0 0; } .product_options_filter_name span { font-weight: bold; font-size: 1.1em; } .product_options_filter_name input[type="checkbox"] { margin-right: 0px; } #product_options_filter .content { padding: 0px; } .product_options_filter_clear { padding: 5px 0 4px; } .product_options_filter_clear_button{ width: 12px; } .st_product_options-color-on-list { margin: 5px 9px 0px 9px; } .colors_table, .colors_table td { width: auto; } #product_options_filter .title_filter { font-weight: bold; margin-top: 4px; display: block; } /* */ /* stQuestionPlugin */ #depository_question_overlay, #price_question_overlay { color: #222; } #depository_question_overlay .st_row, #price_question_overlay .st_row { margin: 2px 0; } #st_application-st_question-add .st_row label { margin-top: 4px; } #st_form-question-captcha, #st_form-question-email, #st_application-st_question-add textarea { width: 328px; } #button-add-question { margin-right: 13px; } /* */ /* stSearchAutocomplete */ .autocomplete { border-radius: 0px; min-width: 181px; margin:-6px 0px 0px -6px; border-top: none; } .autocomplete-indicator { margin-left: -22px; margin-top: 11px; } .autocomplete .info a { text-decoration: none; } .autocomplete .info a:hover { text-decoration: underline; } /* */ /* stSlideBannerPlugin */ #slider { max-width: 1140px; max-height: 415px; } .nivo-controlNav { bottom:-14px; } /* */ /* stTabNavigationPlugin */ .st_tab_navigator li { margin-right: 5px; } .st_tab_navigator li a { height:33px; font-weight: bold; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .st_tab_navigator li a span { margin: 0px; height: 25px; } .st_tab_navigator li.st_selected a { font-weight: normal; } .st_content_tab { border-radius: 0px; } /* */ /* stWebpagePlugin */ #webpage_show .title h2, #webpage_list .title h2 { float:left; font-size:22px; } #webpage_show .title, #webpage_list .title { overflow: hidden; } #webpage_show .content h1, #webpage_show .content h2, #webpage_show .content h3, #webpage_show .content h4 { font-weight: bold; } #webpage_groups { float: left; width: 1140px; text-align:left; } .group { width: 270px; padding: 15px 0px; margin-right:20px; } .group a { display:inline; text-decoration: none; font-family: 'Lato', sans-serif; font-weight:400; } .group a:hover { text-decoration: none; font-weight:700; } /* */ #user-new-password-form #email, #user-new-password-form #password1, #user-new-password-form #password2, #user-new-password-form #captcha { width: 270px; } #st_application-user-user .content_frame { padding: 0px; } #user-new-password-form fieldset { margin-right: 40px; } #newsletter { display: none; } .error_tooltip { left: -15px; top: 9px; } .empty_basket_img { margin-bottom: 28px; margin-top: 45px; } #button-empty-basket-return a { display:block; background-color:#F3F3F3; } #button-empty-basket-return:hover, #button-empty-basket-return a:hover { background-color:#F3F3F3; } /* stUser tooltip */ #user_status .tooltip_account a { padding: 5px 15px 3px; color: #000; border-top: 1px solid #3b3b3b; height: 20px; white-space:nowrap; } #user_status .tooltip_account a:hover { color: #000; } #user_status .tooltip_account a:first-of-type { border: none; } #user_status .tooltip_account span a, #user_status .tooltip_account span a:first-of-type { border-top: 1px solid #3b3b3b; } #user_status_info { text-align: right; background: url("/images/frontend/theme/@{my_theme}/arrow_user_status.png") center right no-repeat; padding-right: 18px; } #user_status_info a:hover, #user_status_info:hover a { color: #000; } #user_status { position: relative; margin: 0px; padding: 9px 9px 9px 18px; } #user_status:hover { background: none!important; } #user_status .tooltip_account { right: 0px !important; top: 36px !important; left: auto !important; background: #FFF!important; border: none; padding: 2px 5px 5px !important; position: absolute !important; min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: none; } #user_status:hover .tooltip_account { display: block !important; opacity: 1 !important; } /* */ #user-register-form #st_button-user-account { margin-top: 10px; } .order_table th { background-color: #000; color:#FFF; } .order_table td { background: #fff; } #st_button-product_compare_add a { background-image: url("/images/frontend/theme/@{my_theme}/stProductsComparePlugin/compare_add.png"); } #product_compare_index .title { margin-top: 0px; } .item .short_description_mask { height: 138px; margin-top: -10px; padding: 10px; position: absolute; top: 0; width: 235px; background: none; cursor:pointer; text-align: left; opacity:0; z-index: 1; } .item .image:hover .short_description_mask{ opacity:1; } #webpage_groups .group_shop { display: none; } #products_compare .value { padding: 0; } #products_compare .name { padding: 0 10px; } #pay_button { float: left; } #pay_button { display: none; } #order_print .pay { background: #f01616 url("/images/frontend/theme/@{my_theme}/order_pay.png") no-repeat 11px 4px; border: none; display: inline-block; color: #fff; text-decoration: none; min-height: 28px; padding: 12px 22px 0px 41px; -webkit-box-shadow: 0px 1px 2px #979797; -moz-box-shadow: 0px 1px 2px #979797; box-shadow: 0px 1px 2px #979797; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; height: auto; text-transform: capitalize; font-size: 12px; line-height: 150%; } #order_print .pay:hover { background-color: #3b3b3b; } #st_form-user-compatibility-opinion { width: auto; margin-left: 0; } #st_form-user-compatibility-opinion-box span { width: 333px; } .basket2 a { height: 42px; width: 42px; background-image: url('/images/elem/add-basket-icon-a.png')!important; float: left; } .basket2 a span{display:none;} .basket2 a:hover, #product_recommend .basket2:hover, #product_accessories .basket2:hover { background-image: url('/images/elem/add-basket-icon.jpg')!important; } span.look a{display:block; width:42px; height:42px; background-image: url('/images/elem/show-product-icon.jpg')!important;} span.look a:hover{ background-image: url('/images/elem/show-product-icon-a.png')!important; } #map-canvas { width: 810px; height: 405px; } .box_info img:hover{ opacity: 0.85; } /* stBlogPlugin */ #blog { float:left; width:1140px; margin-top:35px; margin-bottom:115px; } #blog .item { width: 558px; float: right; } #blog .image{ } #blog .image img { width: 558px; height:auto; } #blog .image img:hover{ opacity:0.85; } #blog .image { float: left; height:302px; overflow:hidden; } #blog .info { width: 458px; padding-left:50px; padding-right:50px; float: left; } #blog .title { } #blog .title h4 { font-size:18px; font-weight:700; } #blog .title{ margin-top:35px; } #blog .desc { line-height: 140%; font-size:16px; font-weight:400; margin-bottom:35px; } #blog a { text-decoration: none; font-size:16px; font-weight:400; } #blog .data { padding: 7px 10px 0; font-size: 10px; color: #a0a0a0; line-height: 100%; } #blog_show{ text-align:left; } #blog_show .title { margin: 10px 10px 14px; } #blog_show .image { float: right; margin: 0 15px 10px 10px; } #blog_show .image img { max-width: 370px; } #blog_show .content { padding: 0 10px 10px; } #blog_list .title { margin: 10px 0px 4px; } #blog_list .image img { max-width: 340px; margin: 0 10px 15px 0; } #blog_list .desc a { text-decoration: none; } #blog_list .item { padding: 0 10px 10px; } #blog_list .data { color: #A0A0A0; margin-bottom: 10px; font-size: 11px; } .more{ height: 30px!important; width: 116px; text-align: center; background-color: #231f20; line-height: 30px; vertical-align: middle; margin-left: 65px; color: #FFF!important; margin-top: 20px; font-size: 16px; color: #FFF; font-family: 'Lato', sans-serif; margin:0 auto; } .more a{ color:#FFF; line-height: 30px; vertical-align: middle; } .more:hover{ background-color: #474747; } .nivo-directionNav{ display: block!important; }body { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight:normal; color: @text; font-size: 12px; text-align: left; line-height: 150%; background-color: @white; } button::-moz-focus-inner { padding: 0; border: none; } input, textarea, select, button { font-family: 'Lato', sans-serif; font-size: 12px; } fieldset { padding: 0px; } table, td, th, ul, ol, li, form { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight:normal; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight:400; } h1 { font-size: 21px; line-height: 1.1em; } h2 { font-size: 21px; line-height: 1.1em; } h3 { font-size: 21px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } a { color: @black; text-decoration: underline; outline-style:none; } ul,ol { list-style-position: inside; margin-left: 0px; list-style-type:none; } ol ol, ul ul { margin-left: 1.4em; } dt { font-weight: bold; } dd { margin-left: 0px; } blockquote { margin: 0px; font-style: italic; } img { border-style: none; } input, select, textarea { border: 1px solid #ccc; padding: 3px; } table { border-left:1px solid @border; border-top: 1px solid @border; } table th, table td { padding: 5px; background-color: @white; color: #000; } table th { background-color: #000; color:#FFF; } .tinymce_html ul { list-style-type: disc; } .tinymce_html ul ul { list-style-type: circle; } .tinymce_html ul ul ul { list-style-type: square; } .tinymce_html ol { list-style-type: decimal; } .tinymce_html button { display:block; float:left; background-color: lighten(@button,24%); border:1px solid @button; border-top:1px solid lighten(@button,15%); border-left:1px solid lighten(@button,15%); line-height:130%; text-decoration:none; color:@text; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .tinymce_html button:hover { background-color:darken(@button,5%); border:1px solid darken(@button,7%); color: @text; } .my_tooltip, .tooltip { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); color: #222222; display: none; padding: 10px 15px; z-index: 10000; } .my_tooltip td, .tooltip td { background: transparent; } .loga{width:1140px; overflow:hidden; height:94px; clear:both; vertical-align:middle;} .slide_loga{list-style:none; width:1140px;} .loga ul{height:94px; width:1140px;} .loga li{height:94px; vertical-align:middle; text-align:center; line-height:94px; display:table-cell; padding-left:40px; padding-right:40px;} .loga div{float:none;} .loga div img{margin:0 auto;} .loga #carousel { width: 1140; height: 94px; overflow: hidden; } .basket2 a { height: 42px; width: 42px; background-image: url('/images/elem/add-basket-icon-a.png')!important; float: left; } .basket2 a span{display:none;} .basket2 a:hover, #product_recommend .basket2:hover, #product_accessories .basket2:hover { background-image: url('/images/elem/add-basket-icon.jpg')!important; } .box_info{width:548px; float:left;} .st_content{font-size:16px;}#container, #container_foot { margin: 0 auto; width: 100%; } #left { float: left; width: 257px; text-align: left; padding-bottom:45px; } #main { float: left; margin-left:73px; width: 810px; display: inline; text-align:left; }@color1: #000000; @color2: #808080; @color3: #eaeaea; @color4: #f8f8f8; @color6: #231f20; @black: #000000; @white: #ffffff; @red: #231f20; @border: #eaeaea;