/* MAIN LAYOUT DIVS --------------------------------------------------------- */ #ac-wrapper { margin: 0 auto;} .wrap { width: 100%; clear: both; } .main { width: 960px; margin: 0 auto;} .narrow .main { width: 750px; margin: 0 auto; } /* HEADER --------------------------------------------------------- */ /*breadcrums*/ #ac-pathway{ border-bottom: 1px solid #493824; margin-bottom: 3px; margin-left: 0px; } /* CONTAINER --------------------------------------------------------- */ .ac-lo-3colsr .main{ width: 960px; clear: both;} .ac-lo-3colsr #col-left{ float: left; width: 23.8%; overflow: hidden;} .ac-lo-3colsr #ac-main { float: left; width: 750px; clear: both; } /*main content---*/ .ac-lo-3colsr #ac-content {display: block; float: right !important; width: 76%!important; } #ac-current-content { } /*columns---*/ #ac-col1 { float: left; width: 235px; overflow: hidden; } #ac-col2 { float: right; width: 200px; background: url(../img/category_menu.gif) #9B793E repeat-y left top; overflow: hidden} /* FOOTER --------------------------------------------------------- */ /* EXTENSIBLE LAYOUT --------------------------------------------------------- */ /*1 Column---*/ .ac-lo-1col #ac-current-content { margin: 0; } .ac-lo-1col #ac-main,.ac-lo-1col #ac-content { float: none; width: 100%; } /*Content + 1 Columns Right---*/ .ac-lo-2colsr #ac-content { float: none; width: 100%; } .ac-lo-2colsr #ac-current-content { margin-left: 0; } .ac-lo-2colsr #ac-main{ float: left; width: 750px;} .ac-lo-2colsr #ac-col2 { float: right; width: 210px; overflow: hidden;} /*Content + 1 Columns Left---*/ .ac-lo-2colsl #ac-main { float: none; width: 100%; } .ac-lo-2colsl #ac-content { width: 760px; float: right; } .ac-lo-2colsl #ac-current-content { margin-right: 0; padding: 0px 10px;} .ac-lo-2colsl #ac-col1 { width: 200px; } /*left layout*/ /* IN PAGE LAYOUTS --------------------------------------------------------- */ .side-col {width: 200px} .col-left { float:left; } .col-main { float:left; } .col-right { float:left; } .col-1-layout .col-main { float:none; margin:0; } .col-2-right-layout .col-main { float:left; width:770px; } .col-2-left-layout .col-main { float:right; width:770px; } .col-3-layout .col-main { width:575px; margin-left:15px; } /*All---*/ .col2-set, .col3-set, .col4-set, .col5-set { clear:both; padding: 0px; } /*Col2---*/ .col2-set .col-1, .col2-set .col-2 {width: 45%} .col2-set .col-1 {float: left} .col2-set .col-2 {float: right} /*Col2-alt---*/ .col2-alt-set .col-1 { width:32%; } .col2-alt-set .col-2 { width:65%; } .col2-alt-set .col-1 { float:left; border: 1px solid #493824; } .col2-alt-set .col-2 { float:right; } /*Col3---*/ .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; } .col3-set .col-1, .col3-set .col-2 { margin-right:3%; } /*Col4---*/ .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; } /*Table Columns---*/ table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; } .col3-set td.spacer { width:3%; } .col4-set td.spacer { width:4%; } a {text-decoration: none} a:hover {text-decoration: underline} a.left {float:left;} img {display: block; border: 0} :focus {outline: none} form {display: inline; margin: 0; padding: 0} #main {width: 980px; margin: auto} #header {height: 140px} #logo {float: left; width: 260px} #site_link {display: block; float: left; width: 170px; height: 140px} #site_link img {margin: 8px 0 0 40px} #languages {float: right; width: 85px; margin: 40px 0 0 0} #languages a {display: block; width: 65px; padding: 2px 0; overflow: hidden; color: #927036} #languages .unit {display: block; float: left; width: 25px; text-align: right} #languages .lang {display: block; float: right; width: 35px; text-align: right} #languages .selected {color: #EFE29E} #main_menu {float: left; width: 340px; margin: 40px 0 0 0} #main_menu .column {float: left; width: 160px} #main_menu ul, #login_actions ul {margin: 0; padding: 0; list-style: none} #main_menu ul li, #login_actions ul li {display: inline; margin: 0; padding: 0} #main_menu ul li a, #login_actions ul li a {display: block; padding: 2px 5px; color: #EFE29E} #main_menu ul li .selected {background: #7B5A21; color: #080503} #header .separator {float: left; width: 20px; height: 90px; background: url(../img/header/separator.gif) repeat-y top center} #user_actions {float: left; margin: 40px 0 0 0} #login_actions {float: left; width: 150px} #login_actions .log_in {display: block; float: left; margin: 4px 0} #login_actions .log_in span {display: block; float: left; height: 36px; padding: 0 5px 0 10px; background: #4E391A; line-height: 36px; font-size: 20px; color: #EFE29E} #login_actions .log_in img {float: left} #login_actions ul {clear: both} #login_actions .greeting {padding: 0 0 0 5px; font-size: 16px; font-weight: bold; color: #84622A} #login_actions .username {padding: 0 0 2px 5px; font-size: 20px; color: #EFE29E} #login_actions .logout {color: #84622A} #basket_indicator {float: left; margin: 0 0 0 40px} #basket_indicator a {display: block; float: left; height: 45px; padding: 45px 0 0 75px; background: url(../img/header/basket.png) no-repeat top left; color: #EFE29E} #basket_indicator a span {display: block} #basket_indicator a .basket {color: #EFE29E} #basket_indicator a .ammount {color: #86642B} #content {width: 100%; background: url(../img/content.gif) repeat-y top right; overflow: hidden} #left_menu {float: left; width: 240px} #left_menu .block {width: 240px; overflow: hidden} #tabs {float: left; width: 40px} #tabs .gender ul {margin: 0 0 20px 0; padding: 0; list-style: none} #tabs .gender ul li {display: inline; margin: 0; padding: 0} #tabs .gender ul li a {display: block; width: 40px; margin: 0 0 1px 0; background: url(../img/left_menu/gender_link.gif) no-repeat center left} #tabs .gender ul li a:hover {background: url(../img/left_menu/gender_link_hover.gif) no-repeat center left} #tabs .gender .selected {background: #826127} #tabs .social a {display: block; margin: 0 0 1px 0} #tabs .social a:hover {background: none} #menus {float: right; width: 200px} #category_menu {width: 200px; background: url(../img/category_menu.gif) #9B793E repeat-y top left} #category_menu ul {width: 180px; margin: 0; padding: 10px; list-style: none} #category_menu ul li {position: relative; display: inline; margin: 0; padding: 0} #category_menu ul li a {display: block; width: 175px; margin: 0; padding: 4px 0 4px 5px; color: #EFE29E} #category_menu ul li .selected {position: relative; width: 180px; _width: 175px; padding: 4px 10px 4px 5px; _padding: 4px 0 4px 5px; background: #BDAD60} #search {width: 185px; margin: 0 0 10px 0; padding: 15px 0 15px 15px; background: #090504; overflow: hidden} #search input {float: left; width: 116px; height: 20px; border: 0; padding: 5px 10px; background: url(../img/left_menu/search_selected.gif) #FFF no-repeat top left; line-height: 20px; font-size: 12px; color: #770C25} #search .blur {background: url(../img/left_menu/search.gif) #D9CEBA no-repeat top left} #search .submit {display: block; float: left; width: 31px; height: 30px; border: 0; background: url(../img/left_menu/search_button.gif) no-repeat top left} #search .submit:hover {background: url(../img/left_menu/search_button_hover.gif) no-repeat top left} #benefit_terms {margin: 0 0 10px 0; background: #170E08; line-height: 23px; text-align: center; color: #EBD6AF} #benefit_terms .separator {width: 160px; height: 2px; margin: auto; background: url(../img/front/separator_top.gif) repeat-x top center} #benefit_terms .top {padding: 15px 0 15px 0} #benefit_terms .middle {padding: 5px 0 0 0} #benefit_terms .bottom {padding: 15px 0} #benefit_terms .numbers {font-size: 22px; color: #B1163A} #inline {float: left; width: 740px; min-height: 600px} .checkout-onepage-index #inline {float: right} #inline_primary {float: right; width: 750px; min-height: 600px} #front_infobar {height: 120px; padding: 0 0 0 20px; background: url(../img/front/front_infobar.gif) repeat-x top center; color: #EFE29E} .separator_top {height: 14px; background: url(../img/front/separator_top.gif) repeat-x top center} #front_infobar .separator {float: left; width: 30px; height: 90px; background: url(../img/header/separator.gif) repeat-y top center} #front_news {float: left; width: 335px; line-height: 16px} #front_news a {color: #EFE29E} #customer_services {float: left} #newsletter {float: left; width: 167px} #newsletter input {float: right; width: 147px; height: 20px; border: 0; padding: 5px 10px; background: url(../img/front/newsletter_selected.gif) #FFF no-repeat top left; line-height: 20px; font-size: 12px; color: #770C25} #newsletter .blur {background: url(../img/front/newsletter.gif) #D9CEBA no-repeat top left} #newsletter a {display: block; float: right; height: 26px; padding: 0 10px; border: 0; background: url(../img/front/newsletter_submit.gif) repeat-x top left; line-height: 26px; font-size: 13px; color: #F2E8D6} #newsletter a:hover {background: url(../img/front/newsletter_submit_hover.gif) repeat-x top left} #front_infobar .heading {padding: 0 0 2px 0; line-height: 20px; font-size: 20px; color: #C61A42} #category_blankbar {height: 20px; background: url(../img/front/front_infobar.gif) repeat-x top center} #breadcrumb {width: 740px; background: #4D3719; overflow: hidden} #breadcrumb ul {float: left; margin: 0; padding: 0; list-style: none} #breadcrumb ul li {float: left; margin: 0; padding: 0} #breadcrumb ul li a {display: block; float: left; height: 40px; padding: 0 20px; background: url(../img/category/breadcrumb_arrow.gif) #4D3719 no-repeat top right; line-height: 40px; text-align: center; text-decoration: none; color: #EFE29E} #breadcrumb ul li .sit {background: #4D3719; color: #C0A15D} #breadcrumb .show {float: right; width: 200px; padding: 8px 10px 0 0; line-height: 22px; color: #EFE29E} #breadcrumb .show select {display: block; float: right; margin: 0 0 0 8px; padding: 2px; border: 0; background: #FFF; font-size: 11px; color: #25190D} #breadcrumb .range {float: right; padding: 0 10px 0 0} #breadcrumb .range a {display: block; float: right; line-height: 40px; color: #EFE29E} #breadcrumb .prev {padding: 0 5px 0 15px; background: url(../img/category/range_prev.gif) no-repeat center left} #breadcrumb .next {padding: 0 15px 0 5px; background: url(../img/category/range_next.gif) no-repeat center right} #sub_categorys {width: 700px; padding: 15px 20px; overflow: hidden} #sub_categorys ul {} #sub_categorys ul li {float: left} #sub_categorys ul li a {display: block; float: left; height: 26px; padding: 0 8px; line-height: 21px; white-space: nowrap; color: #AC042C} #sub_categorys ul li a span {color: #27231F} #sub_categorys ul li .selected {background: url(../img/category/sub_category_selected.gif) top center; color: #F2E8D6} #sub_categorys ul li .selected span {color: #F2E8D6} #sub_categorys ul li .separator {width: 1px; height: 14px; margin: 5px 0 0 0; background: #C5b79E} #sub_categorys .show {float: right; padding: 28px 0 0 0; line-height: 22px; color: #22170C;width:150px;} #sub_categorys .show select {float: right; margin: 0 0 0 8px; padding: 2px; border: 0; background: #FFF; font-size: 11px; color: #25190D} #sub_categorys .show a {display: block; float: right; padding: 5px} #product_menu {width: 740px; background: /*#3E2C14*//* GLEB 240510 */#4D3719 ;overflow: hidden} #product_menu ul {margin: 0; padding: 0; list-style: none} #product_menu ul li {float: left; margin: 0; padding: 0} #product_menu ul li a {display: block; float: left; height: 40px; padding: 0 13px; border-right: 1px solid #3E2C14; background: #4D3719; line-height: 40px; text-align: center; text-decoration: none; font-size: 16px; color: #EFE29E} #product_menu ul li a:hover {background: #7B5A21} #product_menu ul li .selected {background: #F2E8D6; color: #030201} #front_products, #category {width: 720px; padding: 10px 10px 40px 00px; overflow: hidden} #front_products ul, #category ul {margin: 0; padding: 0; list-style: none} #front_products ul li, #category ul li {display: block; float: left; width: 240px; height: 334px; margin: 0; padding: 0} #front_products ul li a, #category ul li a {display: block; position: relative; float: left; width: 240px; height: 344px; cursor: pointer} /* #front_products ul li .pic, #category ul li .pic {display: block; position: relative; width: 240px; height: 285px; padding: 10px 0 0 0} #front_products ul li .pic_overlay, #category ul li .pic_overlay {display: block; position: absolute; width: 220px; height: 280px; background: none; margin: 0 10px 5px 10px; z-index: 1} */ #front_products ul li .pic img, #category ul li .pic img {margin: 0 10px 5px 10px} #front_products .price_badge, #category .price_badge {position: absolute; top: 230px; right: 0; font-size: 13px; font-style: italic; z-index: 2} #front_products .price_badge .left, #category .price_badge .left {display: block; float: left; width: 4px; height: 45px} #front_products .price_badge .price, #category .price_badge .price {display: block; float: left; height: 42px; padding: 3px 12px 0 12px; font-weight: bold; text-decoration: none} #front_products .price_badge .price .currency, #category .price_badge .price .currency {display: block; line-height: 13px; font-size: 13px; font-weight: bold} #front_products .price_badge .right, #category .price_badge .right {display: block; float: left; width: 4px; height: 45px} #front_products ul li a:hover, #category ul li a:hover {text-decoration: none} #front_products ul li a:hover .title, #category ul li a:hover .title {text-decoration: underline} #front_products .price_normal, #category .price_normal {} #front_products .price_normal .left, #category .price_normal .left {background: url(../img/front/price_badge_normal_left.png) no-repeat top left} #front_products .price_normal .price, #category .price_normal .price {background: url(../img/front/price_badge_normal_price.png) no-repeat top left; color: #231F20} #front_products .price_normal .right, #category .price_normal .right {background: url(../img/front/price_badge_normal_right.png) no-repeat top left} #front_products .price_fair, #category .price_fair {} #front_products .price_fair .left, #category .price_fair .left {background: url(../img/front/price_badge_normal_left.png) no-repeat top left} #front_products .price_fair .price, #category .price_fair .price {background: url(../img/front/price_badge_fair_price.png) no-repeat top left; color: #F2E8D6} #front_products .price_fair .right, #category .price_fair .right {background: url(../img/front/price_badge_fair_right.png) no-repeat top left} #front_products .title, #category .title {display: block; height: 48px; padding: 0 25px 5px 25px; font-size: 20px; color: #27231F; overflow: hidden} #paggination {width: 698px; margin: 0 0 10px 15px; border-top: 1px solid #C7BBA5} #paggination .top_border {width: 100%; padding: 15px 0 0 0; border-top: 1px solid #FFF; overflow: hidden} #paggination .route {display: block; float: left; width: 40px; height: 40px} #paggination .prev {background: url(../img/category/prev.gif) no-repeat top center} #paggination .prev_inactive {background: url(../img/category/prev_selected.gif) no-repeat top center} #paggination .prev:hover {background: url(../img/category/prev_hover.gif) no-repeat top center} #paggination .next {background: url(../img/category/next.gif) no-repeat top center} #paggination .next_inactive {background: url(../img/category/next_selected.gif) no-repeat top center} #paggination .next:hover {background: url(../img/category/next_hover.gif) no-repeat top center} #paggination .pages {float: left; position: relative; width: 618px} #paggination .pages ul {float: left; position: relative; left: 50%; margin: 0; padding: 0; list-style: none; text-align: center; clear: left} #paggination .pages ul li {display: block; float: left; position: relative; right: 50%} #paggination .pages ul li a {display: block; float: left; padding: 0 9px; line-height: 40px; font-size: 16px; color: #920A2A} #paggination .pages ul li .selected {color: #080503} #paggination .pages ul li .separator {width: 1px; height: 14px; margin: 15px 0 0 0; background: #C5b79E} .simplecontent {width: 720px; padding: 10px 00px 40px 15px; overflow: hidden} .simpleblock {width: 700px; padding: 10px 20px; overflow: hidden} /* product */ #product {width: 700px; padding: 20px; overflow: hidden} #product .product-img-box {float: left; width: 300px} .more-views {} .more-views li, .more-views li a {display: block; float: left} .more-views li a {margin: 0 10px 0 0} #product .product-shop {width: 380px} #product h1 {font-size: 30px; font-style: italic; color: #080503} #product .price_row {position: relative; right: 10px; width: 100%; padding: 15px 0; overflow: hidden} #product .price_old {padding: 0 0 0 15px; line-height: 32px; text-decoration: line-through; font-size: 20px; font-style: italic} #product .price_old .currency {font-size: 15px} #product .price_badge {line-height: 58px; font-size: 30px; font-style: italic} #product .price_badge .left {display: block; float: left; width: 10px; height: 67px} #product .price_badge .price {display: block; float: left; height: 67px; padding: 0 12px} #product .price_badge .price .currency {font-size: 18px} #product .price_badge .right {display: block; float: left; width: 12px; height: 67px} #product .price_normal {} #product .price_normal .left {background: url(../img/product/price_badge_normal_left.png) no-repeat top left} #product .price_normal .price {background: url(../img/product/price_badge_normal_price.png) no-repeat top left; color: #231F20} #product .price_normal .right {background: url(../img/product/price_badge_normal_right.png) no-repeat top left} #product .price_fair {} #product .price_fair .left {background: url(../img/product/price_badge_fair_left.png) no-repeat top left} #product .price_fair .price {background: url(../img/product/price_badge_fair_price.png) no-repeat top left; color: #F2E8D6} #product .price_fair .right {background: url(../img/product/price_badge_fair_right.png) no-repeat top left} .size_table {padding: 10px; border: 1px solid #B6A082; font-size: 12px} .size_table table {border: 0; border-spacing: 0} .size_table table .heading_row td {border-top: 0; font-weight: bold} .size_table table td {border-top: 1px solid #B6A082; padding: 3px} .size_table_arrow {position: relative; bottom: 1px; height: 25px; background: url(../img/product/size_table_arrow.gif) no-repeat 90px top} #product .product-options, #product .product-options-bottom {border: 0} #product .product-options-bottom {padding: 0 20px} #product .action_cart {width: 100%; padding: 20px 0; overflow: hidden} #product .action_cart a {display: block; float: left} #product .add_cart {padding: 0 30px 0 10px; background: url(../img/product/add_cart.gif) no-repeat top right; line-height: 30px; font-size: 16px; color: #FFF} #product .add_wishlist {padding: 0 10px; line-height: 30px; color: #AC042C} #product .action_functions {} #product .menu {width: 100%; overflow: hidden} #product .menu ul {margin: 0; padding: 0; list-style: none} #product .menu ul li {display: block; float: left} #product .menu ul li a {display: block; float: left; padding: 0 15px; line-height: 30px; color: #920A2A} #product .menu ul li a span {color: #27231F} #product .menu ul li .selected {background: #D8CBB4; color: #080503} #product .block {padding: 20px 15px; background: #D8CBB4} #product .action_functions table {border: 0; border-spacing: 0} #product .action_functions td {padding: 3px} #product .action_choice {} #product .action_choice dl {width: 100%; margin: 0; padding: 0 0 15px 0; overflow: hidden} #product .action_choice dl dt {float: left; width: 70px; margin: 0; padding: 0 15px 0 0; line-height: 30px; text-align: right} #product .action_choice dl dd {float: left; margin: 0; padding: 0} #product .selector_row {width: 100%; overflow: hidden} #product .choice_input {display: block; float: left; height: 30px; padding: 0 25px 0 10px; background: url(../img/product/product_option_input.gif) no-repeat top left; line-height: 30px; font-size: 14px; font-weight: bold; color: #292821} #product .choice_arrow {display: block; float: left; width: 31px; height: 30px; background: url(../img/product/product_option_arrow.gif) no-repeat top left} #choice_size_layer, #choice_color_layer {padding: 3px; border: 1px solid #B6A082; background: #FFF} #choice_size_layer ul {margin: 0; padding: 0; list-style: none} #choice_size_layer ul li {margin: 0; padding: 0} #choice_size_layer ul li a, #choice_color_layer ul li a {display: inline-block} #choice_size_layer ul li .size, #choice_color_layer ul li a {display: inline-block; float: left; width: 20px; padding: 0 25px 0 10px; line-height: 25px; font-size: 14px; font-weight: bold} #choice_size_layer ul li .normal .size, #choice_color_layer ul li a {color: #292821} #choice_color_layer ul li a {width: auto} #choice_size_layer ul li .out .size {color: #BAB9B3} #choice_size_layer ul li .status {display: inline-block; float: left; margin: 4px 0 0 0; padding: 2px; font-size: 11px; color: #FFF} #choice_size_layer ul li .normal .status {background: #91D428} #choice_size_layer ul li .out .status {background: #A1A1A1} #product .choice_ammount {float: left; width: 35px; height: 30px; background: url(../img/product/product_option_ammount.gif) no-repeat top left} #product .choice_ammount input {width: 25px; height: 20px; padding: 5px; border: 0; background: transparent; text-align: center; font-weight: bold} /* footer */ #footer {width: 100%; height: 200px; background: url(../img/footer/footer.gif) #DBCFB9 repeat-x top center} #footer_shadow {width: 100%; height: 200px; background: url(../img/footer/footer_content.gif) no-repeat top center} #footer_position {width: 980px; margin: auto; overflow: hidden} #footer_content {float: right; width: 750px; margin: auto; overflow: hidden} #content_imitation {width: 750px; height: 10px; margin: 0 0 30px 0; background: #F2E8D6} #footer_inline {width: 100%; overflow: hidden} #footer_menu {float: left; width: 205px} #footer_menu ul {margin: 0; padding: 0; list-style: none} #footer_menu ul li {display: inline; margin: 0; padding: 0} #footer_menu ul li a {display: block; padding: 2px 0; color: #4D3719} #footer .separator {float: left; width: 30px; height: 76px; background: url(../img/footer/separator.gif) repeat-y top center} #approval {float: left; width: 176px} #approval a {display: block; float: left} #approval .last {float: right} #banks {float: left; width: 88px} #banks img {margin: 0 0 13px 0} #transport {float: left; width: 191px} #transport a {display: block; margin: 0 0 13px 0} #transport .column {float: left} #transport .last {float: right} #footer_content .copyright {margin: 30px 0 0 0; border-top: 1px solid #BDB3A0; line-height: 28px; font-size: 12px; color: #877762} /* defaults */ .button {display: block; float: left; height: 26px; padding: 0 10px; border: 0; background: url(../img/front/newsletter_submit.gif) repeat-x top left; line-height: 26px; font-size: 13px; color: #F2E8D6} .button:hover {background: url(../img/front/newsletter_submit_hover.gif) repeat-x top left}