/* ####################### GENERAL STYLING ########################*/ body { font: 62.5% arial, verdana, sans-serif; color: #000; background: #e6dec7 url(../images/bg-repeat-x.gif) fixed top left repeat-x; } a { text-decoration: none; color: #666; } a:hover, a:focus { text-decoration: underline; } .structural { position: absolute; left: -9999px; } .hide { display: none; } .pointer { cursor: pointer; } .messages, .messages ul { list-style-type: none; } .messages { margin-bottom: 10px; padding: 5px; border: 1px solid #e4dfcf; background-color: #fff; font-size: 1.2em; } .messages .error-msg { color: #bc080c; } .messages .success-msg { color: #009900; } /* ####################### HASLAYOUT ########################*/ .block-layered-nav .size-filter:after, form.theme1 .fields-container:after, .product-shop .product-details dl:after, .header:after, .main:after, #nav:after, #nav li .level0:after, #home-carousel:after, #products-list:after, .sorter ul:after, .pager ul:after, .pager .pages:after, .product-img-box:after, .footer:after, .other-products .other-products-tabs:after, .product-view:after, .product-essentials:after, .col-main:after, .other-products-list:after, #color-options:after, .product-attribute-options:after, .store-block-expanded dl:after, .tabs:after, .banner-blocks:after, #brochure ul:after, .product-shop .product-options-bottom:after, .footer ul:after, form.theme1 p:after, form.theme1 .checkbox li:after, #register-form div:after, .col2-set:after, #login-form:after, p.footer:after, .wizard-block-content:after, #login-register-choice:after, .mode-account-dashboard .col2-set:after, #dash-edit-account div:after, #edit-customer-address div:after, .sales-order-history .pager:after, #additional-information dl:after, #wizard-delivery-details form div:after, #loyalty-options .expand-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ####################### CONTAINER ########################*/ #container { background: url(../images/bg.png) fixed top left no-repeat; } body.cms-home #container { background: none; min-height: 10px; } #wrapper { width: 940px; margin: 0 auto; } .page { padding-top: 90px; position: relative; } /* ####################### HEADER ########################*/ .header { position: absolute; top: 30px; width: 735px; margin: 0 auto; padding: 12px 0 13px 0; background-color: #000; z-index: 2500; } .header .sitename { float: left; display: block; } .header .sitename a { display: block; width: 200px; height: 31px; margin-right: 17px; background: url(../images/logo.jpg) top left no-repeat; text-indent: -9999px; } .edge { display: block; position: absolute; left: -60%; top: 30px; height: 61px; width: 60%; background: url(../images/bg-subnav-curtain.png) left top repeat-x; z-index: 2500; } .footer-edge { position: fixed; top: auto; bottom: 0; height: 51px; width: 80%; left: -47%; } .block-cart, #mini-login { position: absolute; right: 113px; top: 30px; width: 75px; height: 35px; padding: 23px 10px 6px 10px; font-size: 1.1em; z-index: 2500; } .block-cart p, #mini-login p { margin-bottom: 2px; } .block-cart { width: 96px; right: 0px; overflow: hidden; height: 50px; } .block-cart .price { color: #666; } #mini-login { padding-right: 12px; text-align: right; } .cms-home .block-cart, .cms-home #mini-login { background-color: #000; } .cms-home .block-cart { padding-left: 13px; background: #000 url(../images/bg-mini-cart.gif) 0 21px no-repeat; } .cms-home .block-cart a, .cms-home .block-cart .price { color: #c0c0c0; } #search_mini_form { right: 0px; z-index: 100; border-top: 1px solid #434343; margin: 14px 19px 0 21px; padding-top: 11px; display: none; } #search_mini_form legend { display: none; } #search_mini_form label { display: none; } #search_mini_form input#search { padding: 0 0 0 3px; width: 93px; height: 19px; background: url(../images/searchbar.png) scroll no-repeat 0 0; font-weight: normal; color: #999; font-family: arial, verdana, sans-serif; font-size: 12px; vertical-align: top; border: 0px; } #search_mini_form button.button { background: url(../images/searchiconbar.png) scroll no-repeat 0 0; text-indent: -9999px; padding: 0px; width: 27px; height: 19px; margin-left: -3px; } body.top-category-webshop #search_mini_form, body.catalogsearch-result-index #search_mini_form { display: block; } /* ####################### NAVIGATION ########################*/ #nav { float: left; width: 505px; margin: 14px 0 1px 0; list-style-type: none; } #nav li.level0 { position: relative; float: left; padding: 1px 12px; } #nav li a { display: block; padding: 0 5px; font-size: 1.2em; color: #606970; } #nav li a:hover, #nav li a:focus { text-decoration: none; color: #fff; } #nav li span { display: block; padding-bottom: 4px; text-transform: uppercase; } #nav li.active span, #nav li span:hover, .looks-index-index #nav .nav-collection-lookbook-winter span, .news-page #nav .nav-company span, .store-pages #nav .nav-shops span, .vacancy-pages #nav .nav-company span { background: url(../images/bg-nav-item-hover.gif) 50% 100% repeat-x; color: #fff; } #nav ul.level0 li.level1 span { background: none; text-transform: none; } #nav ul.level0 li.active a, #nav ul.level0 li.active span, #nav li.active a.item-name, .looks-index-index #nav .nav-collection a.item-name, #nav ul.level0 li.level1 a:hover, #nav ul.level0 li.level1 a:hover span { color: #fff; } #nav ul.level0 li.highlighted span, #nav .highlighted { text-transform: uppercase; } #nav li .level0 { width: 125px; height: 190px; display: none; top: 20px; left: 0; padding: 17px 18px; list-style-type: none; background: url(../images/bg-subnav-curtain.png) left top repeat-x; } #nav li .columns-2 { width: 286px; } #nav .nav-collection .level0 { left: -20px; padding-left: 38px; } #nav li.nav-service { position: static; } #nav .nav-service .level0 { width: 109px; left: 590px; top: 40px; } #nav li .level0 a { padding: 3px 0 3px 8px; background: url(../images/bg_menu-item.gif) 0% 50% no-repeat; color: #606970; font-size: 1.2em; } #nav li .level0 span { background: none; padding-bottom: 0; display: inline; color: #606970; } #nav li.level0:hover .level0 { display: block; } .js-enabled #nav li.level0 .level0 { display: none; position: absolute; } #nav .column1 { margin-left: 0; } #nav .column2 { margin-left: 170px; } /* ####################### SUBNAVIGATION ########################*/ .higlight-categories { margin: 14px 19px 0 21px; padding-bottom: 11px; border-bottom: 1px solid #434343; } #subnav, .higlight-categories { background-color: #000; font-size: 1.2em; color: #999; } #subnav { margin-bottom: 11px; } .mode-page #subnav { margin-top: 10px; } #subnav ol, #subnav ul, .higlight-categories { list-style-type: none; } #subnav h2, #subnav li a, .higlight-categories li a { display: block; padding: 5px 13px 5px 23px; color: #606970; } .higlight-categories li a { padding: 5px 13px 6px 2px; } #subnav h2 { padding-top: 13px; font-weight: normal; text-transform: uppercase; color: #fff; } #subnav li a { padding-left: 32px; background: url(../images/bullet-subnav-alternate.gif) 23px 10px no-repeat; } .higlight-categories a { text-transform: uppercase; } #subnav li a.active, .higlight-categories li a.active { background-color: #000; background-image: url(../images/bullet-subnav-active.gif); border-color: #000; color: #fff; } .higlight-categories li a.active { background-image: none; } #subnav .level2 { margin-left: 10px; } #subnav .level2 li a { background-position: 32px 10px; padding-left: 42px; } /*.mode-page #subnav h2, .mode-page #subnav li a { padding: 5px 13px; } .mode-page #subnav h2 { padding-top: 13px; border: 1px solid #eee; border-width: 0 1px; } .mode-page #subnav li a { padding-left: 23px; background: url(../images/bullet-subnav-alternate.gif) 14px 10px no-repeat; } .mode-page #subnav { background-color: #fafafa; border: 1px solid #eee; border-width: 1px 0; color: #666; } .mode-page #subnav li a { padding-left: 23px; border: 1px solid #eee; border-width: 0 1px; color: #666; background-image: url(../images/bullet-subnav.gif); background-position: 14px 10px; }*/ .mode-products #subnav li a:hover, .mode-moodpicture #subnav li a:hover, .mode-products .higlight-categories li a:hover, .mode-moodpicture .higlight-categories li a:hover { color: #fff; } .mode-page #subnav li.last a { padding-bottom: 10px; } .mode-page #subnav li a.active { background-color: #000; background-image: url(../images/bullet-subnav-active.gif); } .mode-page #subnav .level2 li a { padding-left: 42px; background-position: 32px 10px; } .mode-checkout .main, .mode-account .main { background-color: transparent; } .mode-checkout .col-main, .mode-account .main { width: 736px; } .mode-account-dashboard .main { width: 900px; } /* ####################### FORMS ########################*/ form.theme1 p { padding: 10px; border-bottom: 1px solid #e1e1e1; } form.theme1 p.even, form.theme1 div.even { background-color: #f1f1f1; } form.theme1 p.footer { border: none; } form.theme1 p.footer button { float: right; } form.theme1 p.info { line-height: 1.6; } form.theme1 label, form.theme1 .radio strong { display: block; margin-bottom: 7px; color: #666; font-weight: normal; } form.theme1 label.inline { display: inline; } form.theme1 span.error { display: block; color: #bb070c; margin-top: 5px; } form.theme1 p.errors { color: #bb070c; } form.theme1 ul.errors { margin-top: 6px; color: #bb070c; } form.theme1 ul.errors li { margin-left: 15px; } form.theme1 .required-fields-info { font-size: 0.9em; } textarea.text-input, input.input-text, input.text-input, select { border: 1px solid; border-color: #ccc #f7f7f7 #f7f7f7 #ccc; background: #fff url(../images/bg_text-input.png) left top no-repeat; padding: 2px 5px; color: #666; width: 220px; } select { width: auto; padding: 0; } form.theme1 .checkbox label, form.theme1 .radio label { float: left; position: relative; top: 3px; } form.theme1 .checkbox input, form.theme1 .radio input { float: left; margin-right: 10px; } form.theme1 .checkbox ul { margin: 6px 0; } form.theme1 .checkbox li { list-style-type: none; margin-left: 5px; } form.theme1 .checkbox label { width: 385px; } form.theme1 .checkbox em { font-weight: bold; font-style: normal; } form.theme1 .fields-container { border-bottom: 1px solid #e1e1e1; } form.theme1 .fields-container p { float: left; border-bottom: none; } input.validation-failed { border-color: #bc080c; } input.text-input:focus { border-color: #ccc; } input.validation-failed:focus { border-color: #bc080c; } .validation-advice { margin-top: 3px; color: #bc080c !important; border: none !important; } button, a.as-button, a.button { overflow: visible; cursor: pointer; background: #000 none; border: none; color: #fff; padding: 4px 10px; } button.secondary a.secondary { background: #666; padding: 2px 7px; } button.next-text { position: relative; left: -4px; } a.as-button { display: block; padding: 6px 12px; } a.as-button:hover, a.as-button:focus, button:hover, button:focus { background-color: #666; } button.secondary:hover, button.secondary:focus { background-color: #999; } a.as-button:hover, a.as-button:focus { text-decoration: none; } /* newsletter form */ #fashioncard-form #e-mail { width: 262px; } #fashioncard-form #name-first { width: 160px; } #fashioncard-form #name-middle { width: 70px; } #fashioncard-form #name-last { width: 160px; } #fashioncard-form #street { width: 262px; } #fashioncard-form #number { width: 65px; } #fashioncard-form #number-addition { width: 63px; } #fashioncard-form #zipcode { width: 160px; } #fashioncard-form #city { width: 262px; } #fashioncard-form #phone { width: 160px; } #fashioncard-form #has-fashioncard { width: 172px; } #fashioncard-form #fashioncard { width: 262px; } /* Contact form */ #contact-information #name, #contact-information #e-mail { width: 220px; } #contact-information #subject, #contact-information #message { width: 470px; } .kega-contact-index-received .col-main { font-size: 1.2em; } .kega-contact-index-received .col-main h1 { margin-bottom: 12px; font-size: 2em; } /* Vacancy form */ #vacancy-apply #initials { width: 100px; } #vacancy-apply #last-name { width: 212px; } #vacancy-apply #first-name { width: 345px; } #vacancy-apply #vacancy-number { width: 40px; } #vacancy-apply #number-addition { width: 50px; } #vacancy-apply #birth-date { width: 100px; } #vacancy-apply #vacancy-street { width: 190px; } #vacancy-apply #vacancy-postcode { width: 100px; } #vacancy-apply #vacancy-city { width: 212px; } #vacancy-apply #vacancy-country { width: 200px; } #vacancy-apply #vacancy-phone-mobile, #vacancy-apply #vacancy-phone { width: 155px; } #vacancy-apply #vacancy-email { width: 345px; } #vacancy-apply #motivation { width: 345px; } /* ####################### CONTENT ########################*/ .col2-left-layout .col-left { float: left; width: 200px; } .mode-page .col2-left-layout .col-left { margin-right: 20px; } .col2-left-layout .col-main { float: left; width: 700px; } .mode-page .col2-left-layout .col-main { width: 700px; } .mode-account-dashboard .col2-left-layout .col-main { width: 678px; } .col2-right-layout .col-right { float: right; width: 180px; } .col2-right-layout .col-main { float: left; width: 736px; } .main { position: relative; background-color: #000; } .col-main { position: relative; } .one-col-content .main { padding: 20px; border: 1px solid #e1dbc9; background-color: #fff; } .mode-products .col-main, .mode-products_and_page .col-main { padding: 20px; background-color: #fff; } .mode-products .col-main { width: 699px; border: 1px solid #e1dbc9; border-width: 1px 1px 1px 0; } .mode-brochure .main { margin-top: 20px; background-color: transparent; } .mode-brochure .category-content-wrap { display: none; } .mode-page .main { background: url(../images/bg-faux-mode-page.png) top left repeat-y; } .mode-page .col-left { background-color: #000; } .mode-page .col-main { padding: 20px 0; } .content-only .main, .catalog-product-view .main, .store-pages .main, .customer-account-logoutsuccess .main { background: #fff; } .content-only .main, .catalog-product-view .col-main, .store-pages .main, .customer-account-logoutsuccess .main { padding: 20px; } .store-pages .col-main, .customer-account-logoutsuccess .col-main { padding: 0; min-height: 450px; } .mode-account .main { padding-right: 20px; } .catalogsearch-result-index .col-main {min-height: 650px;} /* ####################### GENERAL/CMS-CONTENT ########################*/ .category-title, .news-title .contact-title, .vacancy-pages .title { margin-bottom: 12px; padding-top: 15px; font-size: 1.4em; line-height: 1; color: #666; text-transform: uppercase; } .cms-content h2, .description h2, .cms-content h3, .description h3, .cms-content h4, .description h4 { margin-top: 15px; } .cms-content h2, .description h2 { font-size: 1.2em; color: #666; text-transform: uppercase; } .cms-content h3, .description h3 { font-size: 1.2em; } .cms-content h4, .description h4 { font-size: 1.2em; font-weight: normal; font-style: italic; } .news-page .content p, .cms-content p, .news-page .content ul, .cms-content ul, .news-page .content ol, .cms-content ol, .cms-content caption, .cms-content td, .cms-content th { margin-bottom: 6px; font-size: 1.2em; line-height: 1.6; color: #666; } .cms-content a { font-weight: bold; } .cms-content img { margin: 8px; } .cms-content img.webshop-home { margin: 0; } .cms-content ul, .cms-content ol { padding-left: 20px; } .cms-content li { margin-bottom: 2px; } .cms-content ul { list-style-type: square; } .cms-content ol { list-style-type: decimal; } .cms-content ol ol { list-style-type: lower-alpha; } .cms-content ol ol li { font-size: 0.9em; } .cms-content table { margin: 10px 0 0 20px; } .cms-content caption { margin-bottom: 0; } .cms-content td, .cms-content th { text-align: left; vertical-align: top; } .mode-page .contact-intro, .mode-page .category-title { width: 470px; margin-left: 13px; } .mode-page .category-description { width: 470px; margin-left: 13px; float: left;} .mode-moodpicture .category-description img { display: block; border: none; } .mode-moodpicture .category-description p { margin-bottom: 0; } .mode-page .category-image { width: 185px; float: right; } .category-content-wrap { min-height: 610px; background-position: right top; background-repeat: no-repeat; } .catoverlay { cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 100; width: 740px; min-height: 610px; overflow: hidden; background: #fff;} .catoverlay img { display: block; } /* .cms-content { font-size: 1.2em; line-height: 1.6; color: #666; } .cms-content ul, .cms-content ol, .cms-content p { margin-bottom: 6px; } .cms-content li { margin-left: 15px; } .cms-content ul, .cms-content ol { list-style-type: square; } */ /* ####################### ONE COL CONTENT ########################*/ .one-col-content .title { position: absolute; top: 0px; left: 0px; font-size: 2em; font-weight: normal; } .one-col-content .col1-layout .col-main { padding: 0 280px 0 200px; } /* ####################### Terms Colorbox ########################*/ #terms-colorbox-content { background-color: #fff; padding: 20px; width: 640px; height: 420px; overflow: auto; } .checkout-wizard-payment #cboxClose { right: 25px; } #terms-colorbox-container { display: none; } /* ####################### NEWS ########################*/ .news-page .col1-layout .col-main { padding: 0 280px 0 200px; } .news-page .read-more-wrap a { color: #000; } .news-page .item-header { margin-bottom: 6px; font-size: 2.1em; font-weight: normal; } .news-page .item-header a { color: #000; } .news-page .item { margin-bottom: 15px; margin-right: 150px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .news-page .item-image { margin-bottom: 12px; } .news-page .item-header { margin-left: 3px; } .news-page .content { margin: 0 30px 0 3px; } /* ####################### VACANCIES ########################*/ .vacancy-pages .col1-layout .col-main { padding: 0 160px 0 200px; } #vacancies-main { float: left; width: 495px; } .vacancies-right { float: right; margin-left: 15px; width: 190px; } #vacancy-list, #vacancy-applied { font-size: 1.2em; } #vacancy-list { margin-top: 20px; } .vacancy-content h3 { padding: 5px 15px; background-color: #666; font-weight: normal; color: #fff; } .vacancy-content table { width: 100%; margin-bottom: 10px; background-color: #fafafa; border:1px solid #eee; color:#666; } .vacancy-content table tr.even { background-color: #FFF; } .vacancy-content table th, .vacancy-content table td { padding: 4px; } .vacancy-content table .city { text-align: left; } #vacancy-apply h2 { margin-bottom: 5px; padding-bottom: 4px; font-size: 1.5em; border-bottom: 1px solid #e1e1e1; } #vacancy-apply form { font-size: 1.2em; } .vacancy-related { margin: 12px 0 15px 0px; font-size: 1.2em; line-height: 1.4; color: #666; list-style-type: none; } .vacancy-related li { padding-left: 12px; background: url(../images/bullet-subnav.gif) 2px 7px no-repeat; } .vacancy-related a { text-decoration: underline; } .vacancy-related a:hover, .vacancy-related a:focus { text-decoration: none; } #vacancy-applied { padding-top: 10px; } #vacancy-applied .footer { margin-top: 12px; } /* ####################### JS-DROPDOWN ########################*/ .js-enabled .dropdown { position: relative; z-index: 10; width: 70px; cursor: pointer; background-color: #333; color: #e1e1e1; font-size: 1em; } .js-enabled .size-filter .dropdown { width: 120px; } .js-enabled .dropdown-alt, .js-enabled .dropdown-alt ul { border: 1px solid #f2f2f2; } .js-enabled .dropdown-alt ul { border-width: 0 1px 1px 1px; } .js-enabled .dropdown span { background: url(../images/bg-dropdown-btn.gif) no-repeat right top #333; } .js-enabled .dropdown-alt span { background: url(../images/bg-dropdown-btn-alt.gif) no-repeat right top #fff; } .js-enabled .dropdown ul, .js-enabled .dropdown ol { display: none; list-style-type: none; } .js-enabled .dropdown.open ul, .js-enabled .dropdown.open ol { display: block; position: absolute; z-index: 300; top: 20px; left: 0px; width: 100%; background-color: #333; } .js-enabled .dropdown-alt.open ul, .js-enabled .dropdown-alt.open ol { background-color: #fff; } .js-enabled .dropdown li { float: none; margin: 0; } .js-enabled .dropdown a, .js-enabled .dropdown span { display: block; padding: 3px 30px 3px 10px; color: #e1e1e1; text-decoration: none; } .js-enabled .dropdown-alt a, .js-enabled .dropdown-alt span { color: #47525a; } .js-enabled .dropdown a, .js-enabled .dropdown li.active a { background: none; } .js-enabled .dropdown li a:hover { color: #fff; } .js-enabled .dropdown-alt li a:hover { color: #47525a; } .js-enabled .dropdown.open span { background-image: url(../images/bg-dropdown-btn-active.gif); } .js-enabled .dropdown-alt.open span { background-image: url(../images/bg-dropdown-btn-alt-active.gif); } .js-enabled .dropdown.open li a:hover { background-color: #666; } .js-enabled .dropdown-alt.open li a:hover { background-color: #eee; } .js-enabled .dropdown li.first a:hover { background-color: transparent; } .js-enabled .block-layered-nav .dropdown li { margin-bottom: 0; } /* ####################### HOME ########################*/ #home-carousel { position: absolute; top: 50%; width: 940px; margin: 0 auto; margin: 0 auto; } #home-carousel li { display: none; list-style-type: none; } #home-carousel li.active { display: block; } #home-carousel li img { position: fixed; left: 0; top: 0; width: 100%; } .carousel-wrap a { position: absolute; display: block; top: 0px; height: 670px; width: 200px; text-indent: -9999px; background: url(../images/btn-carousel.png) no-repeat 0px 0px; } #home-carousel a { top: 50%; height: 124px; width: 200px; z-index: 3000; } #home-carousel .carousel-prev { background-position: -400px 50%; } #home-carousel .carousel-next { background-position: -635px 50%; } #home-carousel .carousel-prev:hover { background-position: 0px 50%; } #home-carousel .carousel-next:hover { background-position: -1035px 50%; } .carousel-wrap .carousel-prev { left: 12px; background-position: -400px 330px; } .carousel-wrap .carousel-next { right: 12px; background-position: -635px 330px; } .carousel-wrap .carousel-prev:hover { background-position: 0px 330px; } .carousel-wrap .carousel-next:hover { background-position: -1035px 330px; } .cms-home .main { background-color: transparent; } .cms-home .std { display: none; } .banner-blocks {} .image-banner { margin: -20px 0 17px -20px; border: none; } .swf-banner { margin: 20px 0 17px -10px; position: relative; top: -20px; } /* ####################### BROCHURE ########################*/ #brochure { position: relative; width: 940px; margin-left: -1px; overflow: hidden; } #brochure ul { list-style-type: none; width: 999999px; } #brochure li { float: left; margin-right: 8px; } #brochure a { height: 510px; } #brochure .carousel-prev { left: 12px; background-position: -400px 218px; } #brochure .carousel-next { right: 12px; background-position: -630px 218px; } #brochure .carousel-prev:hover { background-position: 0px 218px; } #brochure .carousel-next:hover { background-position: -1030px 218px; } /* ####################### LOOKS-SHOPPER ########################*/ .looks-shopper .main { background-color: transparent; } #looks { width: 940px; height: 600px; overflow: hidden; position: relative; } #looks ul { list-style-type: none; width: 999999px; position: relative;} #looks li { float: left; padding: 0 8px; position: relative; } #looks .description { } #looks img { width: 160px; height: 410px; margin-top: 90px; } #looks .center img { width: 218px; height: 560px; margin-top: 0px; } #looks .description { display: none; position: absolute; left: -10px; top: 500px; width: 95px; height: 70px; padding: 10px; /* background: url(../images/bg-wtrans-75.png);*/ background: #fff; border: 1px solid #dad3bc; font-size: 0.85em; } .category-image-lookshopper { float: left; display: block; overflow: hidden; } .category-image-lookshopper img { margin-top: -170px; } #looks .description strong { display: block; margin-bottom: 10px; font-size: 1.1em; font-weight: normal; } #looks .center .description { display: block; } #looks .description a { display: inline; width: auto; height: auto; background: none; position: static; text-indent: 0; color: #000; } #looks a { display: block; height: 55px; width: 40px; } #looks .carousel-prev { left: 15px; top: 250px; background-position: -400px 0px; } #looks .carousel-next { right: 15px; top: 250px; background-position: -795px 0px; } #looks .carousel-prev:hover { background-position: 0px 0px; } #looks .carousel-next:hover { background-position: -1195px 0px; } #looks .looks-nav { top: 80px; width: 160px; height: 410px; background: url(../images/bg-trans.png); } #looks #looks-left-2 { left: 30px; width: 150px; /*border: 1px solid red;*/ } #looks #looks-left-1 { left: 180px; width: 150px; /*border: 1px solid green;*/ } #looks #looks-right-1 { right: 180px; width: 150px; /*border: 1px solid green;*/ } #looks #looks-right-2 { right: 30px; width: 150px; /*border: 1px solid red;*/ } /* ####################### PRODUCTLIST ########################*/ #products-list { list-style-type: none; } #products-list li { float: left; width: 157px; height: 350px; margin: 0 21px 0 0; font-size: 1.2em; position: relative; } #products-list li:hover a { text-decoration: underline; } #products-list li:hover span { text-decoration: none; border-bottom: 1px solid #000; } #products-list li.last { margin-right: 0; } #products-list li img { border: none; } #products-list li img.icon { position: absolute; top: 0; left: 0; } #products-list li img.icon-type { position: absolute; top: 200px; left: 0; } #products-list .product-name { margin: 11px 0 4px 0; text-align: center; } #products-list .price-box { text-align: center; } .old-price, .special-price { float: left; } .old-price { margin-right: 14px; } .old-price .price { background: url(../images/bg-strikethrough-large.png) 2px 1px no-repeat; font-size: .9em; } .product-options-bottom .old-price .price { background: url(../images/bg-strikethrough-large.png) 0 3px no-repeat; font-size: .8em; } .product-options-bottom .old-price { margin-right: 18px; } .special-price { color: #d8291b; } .category-products { clear: both; margin: 25px 0 15px 0; } .sorter { float: right; margin-bottom: 17px; width: 290px; } .sorter ul { float: right; list-style-type: none; width: 222px; } .sorter label { margin-right: 8px; } .sorter label, .sorter a { color: #999; font-size: 1.2em; text-transform: lowercase; } .sorter a.active { color: #000; } .sorter li { float: left; margin-left: 11px; padding: 0 11px 3px 0; background: url(../images/bullet-list-filter.gif) 100% 1px no-repeat; } .sorter li.last { padding-right: 0; background: none; } .sorter li.first { margin-left: 0; } .catalog-category-view .pager { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0 22px 0; text-align: center; border-top: 1px solid #eee; } .catalog-category-view .pager .pages { margin: 0 auto; width: 260px; } .catalog-category-view .pager ol { list-style-type: none; } .catalog-category-view .pager li { float: left; margin-right: 6px; } .catalog-category-view .pager li a, .catalog-category-view .pager li span { display: block; width: 20px; height: 17px; padding-top: 3px; font-size: 1.2em; text-transform: lowercase; } .catalog-category-view .pager span { color: #000; background-color: #eee; } .catalog-category-view .pager .next a, .catalog-category-view .pager .prev a { width: auto; } .catalog-category-view .pager .next { padding-right: 12px; background: url(../images/ico-pagination-next.gif) 98% 55% no-repeat; } .catalog-category-view .pager .prev { padding-left: 12px; background: url(../images/ico-pagination-prev.gif) 2% 55% no-repeat; } .catalog-category-view .pager a:hover, .pager a:focus { color: #000; } .catalogsearch-result-index .sorter { display: none; } .catalogsearch-result-index .page-title { margin-bottom: 45px; } .catalogsearch-result-index .page-title h2 { font-size: 1.2em; font-weight: normal; } /* ####################### PRODUCT DETAILS ########################*/ .catalog-product-view .col-main { min-height: 620px; } .product-img-box { float: left; width: 500px; } .catalog-product-view .product-shop { float: right; width: 390px; } .catalog-product-view .product-shop h2, #xhr-cart-progress h3 { font-size: 1.8em; font-weight: normal; margin-bottom: 8px; color: #606970; } .catalog-product-view .product-shop .description { padding: 0 15px 12px 0; font-size: 1.2em; color: #999; border-bottom: 1px solid #ddd; line-height: 1.4; position: relative; } .catalog-product-view .product-shop .description img.icon { position: absolute; right: 0; bottom: 12px; } .product-shop .product-details { margin-top: 10px; } .product-shop .product-details h3 { margin-bottom: 10px; } .product-shop .product-details dl { width: 375px; } .product-shop .product-details dt, .product-shop .product-details dd { float: left; display: block; } .product-shop .product-details dt { width: 130px; font-weight: bold; } .product-shop .product-details dd { float: right; width: 245px; } .product-shop .product-details-link { display: block; margin-top: 5px; font-weight: bold; } .catalog-product-view .product-shop .dropdown { width: 115px; } #product-options-wrapper { position: relative; } .product-attribute-options li { float: left; margin-right: 24px; } .product-attribute-options, .color-chooser { list-style-type: none; } .catalog-product-view .color-chooser { width: 100px; } .color-chooser li { float: left; margin: 0 5px 5px 0; } .color-chooser li a { display: block; height: 20px; width: 20px; text-indent: -9999px; border: 2px solid #ddd; } .color-chooser li a:hover, .color-chooser li a:focus, .color-chooser .active a { border: 2px solid #000; } .colorchooser-overlay { position: absolute; top: -20px; left: -20px; padding: 23px; width: 165px; height: 100px; background: url(../images/bg-color-chooser.png) left top no-repeat; z-index: 100; } .colorchooser-overlay .color-chooser { width: 100%; } .colorchooser-overlay label { margin-bottom: 12px !important; } .colorchooser-overlay-inner { position: relative; } .colorchooser-close { position: absolute; right: 0; top: 0; display: block; width: 9px; height: 9px; background: url(../images/btn-close-colorchooser.gif) left top no-repeat; text-indent: -9999px; } .product-attribute-options #qty { width: 25px; } .product-shop .product-options { font-size: 1.2em; } .product-shop .product-options, .product-shop .selling-points { padding: 13px 0 21px; border-bottom: 1px solid #ddd; } .product-shop .selling-points { font-size: 11px; } .product-shop .selling-points li { list-style-type: none; background: url(../images/bullet-selling-points.gif) left 4px no-repeat; padding: 1px 15px; font-size: 1.2em; color: #999; position: relative; cursor: pointer; } .product-shop .selling-points .tooltip { display: none; position: absolute; z-index: 710; background-color: #fff; width: 200px; left: -210px; top: -10px; padding: 10px; border: 1px solid #000; cursor: default; } .product-shop .selling-points li:hover .tooltip { display: block; } .product-shop label { display: block; margin-bottom: 8px; color: #666; } .product-shop .required { position: absolute; left: -9999px; } .product-shop .more-colors-link, .product-shop .option-info-link { margin-top: 8px; font-size: .9em; } .product-shop .more-colors-link { margin-top: 3px; } .product-shop .product-options-bottom .price-box { float: left; margin-top: 10px; font-size: 2em; } .product-shop .product-options-bottom .add-to-cart { float: right; margin-top: 12px; } .other-products { float: right; width: 390px; } .tabs { padding: 29px 0 10px; list-style-type: none; } .tabs li { float: left; padding: 0 8px 10px; color: #999; font-size: 1.2em; background: url(../images/bg_footer-spacer.png) no-repeat left 2px; } .tabs li.first { padding-left: 0px; background: none; } .tabs li:hover { text-decoration: underline; cursor: pointer; } .tabs li.active { color: #333; } .other-products-list { list-style-type: none; } .other-products-list li { float: left; width: 100px; margin-left: 40px; font-size: 1.2em; color: #999; line-height: 1.5; text-align: center; } .other-products-list li.first { margin-left: 0px; } .other-products-list li:hover { cursor: pointer; } .other-products-list li:hover a { text-decoration: underline; } .other-products-list li:hover span { text-decoration: none; border-bottom: 1px solid #000; } .other-products-list img { margin-bottom: 5px; } .other-products-list a { display: block; color: #999; } .other-products-list .price-label { display: none; } .other-products-list .price { color: #333; } .other-products #upsell, .other-products #related { margin-top: 20px; } .product-essential { position: relative; } .product-essential .zoomdiv { display: block; position: absolute; top: 0; right: 0; width: 400px; height: 580px; z-index: 550; overflow: hidden; text-align: center; background-color: #fff; } .product-essential .jqzoom { cursor: crosshair; position: relative; z-index: 100; } .product-essential .jqZoomPup { position: absolute; top: 0px; left: 0px; width: 40px; height: 60px; border: 1px solid #fff; cursor: crosshair; overflow: hidden; z-index: 100; visibility: hidden; } .product-img-box img.icon { position: absolute; top: 50px; left: 120px; z-index: 1000; } .product-image-zoom { float: right; width: 320px; margin: 40px 60px 0 50px; text-align: center; } .more-views { float: left; width: 70px; margin-top: 150px; } .more-views ul { list-style-type: none; } .more-views li { margin-bottom: 9px; } .js-enabled .gallery-thumbs { cursor: pointer; } .back-to-overview { position: absolute; top: 0; left: 0; list-style-type: none; text-transform: uppercase; } .back-to-overview li { float: left; margin-right: 5px; padding: 0 10px 0 4px; background: url(../images/bul-parent-categories.gif) center right no-repeat; } .back-to-overview li.last { background: none; } .back-to-overview a { font-size: 1em; color: #999; } .back-to-overview a:hover, .back-to-overview a:focus { color: #666; } /* ####################### LAYERED NAVIGATION ########################*/ .block-layered-nav { padding: 0 22px; color: #999; font-size: 1.2em; } .block-layered-nav ol { list-style-type: none; } .block-layered-nav dt { margin-bottom: 10px; padding-top: 15px; border-top: 1px solid #434343; } .block-layered-nav dd { margin-bottom: 16px; } .block-layered-nav li { margin-bottom: 11px; } .block-layered-nav a { padding-left: 12px; background: url(../images/bullet-subnav-alternate.gif) 1px 5px no-repeat; color: #999; } .block-layered-nav .size-table-link { display: block; margin-top: 10px; padding: 0 9px 0 0; background: url(../images/bg-size-table-link.gif) 51px 58% no-repeat; font-size: 0.9em; } .block-layered-nav li.active a { background-image: url(../images/bullet-subnav-active.gif); color: #fff; } .block-layered-nav .dropdown { float: left; } .block-layered-nav .show-all { float: left; padding-top: 2px; } .block-layered-nav .show-all a { background: none; } /* ####################### BANNERS ########################*/ .banner-blocks { bottom: 51px; list-style: none; } .cms-home .banner-blocks { position: fixed; } .catalog-category-view .banner-blocks { } .banner-blocks li { float: left; margin-right: 50px; width: 231px; height: 121px; overflow: hidden; border: 1px solid #000; } .cms-home .banner-blocks li { margin-right: 21px; } .banner-blocks img { border: none; } .popup-content { position: relative; width: 740px; height: 610px; } .popup-content a { display: block; position: absolute; width: 110px; text-indent: -9999px; } .popup-content .to-webshop { left: 450px; top: 425px; } .popup-content .to-shops { left: 450px; top: 440px; } .mode-brochure .banner-blocks { position: static; } .mode-brochure .banner-blocks li { width: auto; height: auto; margin-right: 8px; } #home-newsletter { position: fixed; bottom: 0px; height: 30px; width: 100%; padding: 12px 0 9px 1px; background: url(../images/footer.home.bar.png) top left no-repeat; color: #666; z-index: 3000; } #home-newsletter h3 { float: left; margin: 6px 25px 0 0; font-size: 1.1em; text-transform: uppercase; } #home-newsletter p { float: left; font-size: 1em; margin-bottom: 5px; } #home-newsletter label { text-indent: -9999px; display: block; position: absolute; } #home-newsletter input { width: 240px; margin-right: 4px; padding: 7px 10px; background-color: #303030; color: #b0b0b0; border: none; text-transform: uppercase; font-size: .9em; } #home-first-image { position: absolute; z-index: 3; left: 0px; bottom: 12px; width: 210px; height: 150px; } #home-first-image img { border: none;} .mode-moodpicture #home-newsletter { left: 20px; } .mode-moodpicture .col2-left-layout .col-main { width: 740px; } .mode-moodpicture #home-first-image { left: 20px; } /* ####################### CONTENT-ONLY ########################*/ .mode-content-only #wrapper { width: 700px; } .mode-content-only #container { min-height: 300px; } .mode-content-only .page { padding-top: 0px; } .mode-content-only .main { padding: 12px 20px 0px; background-color: transparent; border: none; } /* ####################### FASHION-CARD ########################*/ #fashioncard, #fashioncard-form { width: 495px; } #fashioncard h1 { font-size: 2.1em; font-weight: normal; margin-bottom: 6px; } #fashioncard .intro { font-weight: bold; text-align: justify; } #fashioncard-form { margin-top: 20px; color: #666; font-size: 1.2em; } #fashioncard-form h2 { font-size: 1.4em; color: #666; } /* ####################### CONTACT ########################*/ #contact-information { width: 520px; font-size: 1.2em; } #contact-information .intro p { margin-bottom: 12px; padding: 0; border: none; color: #666; line-height: 1.3; text-align: justify; } #contact-information .intro a { color: #000; text-align: justify; } /* ####################### STORE LOCATOR ########################*/ .store-pages .col-right { float: right; width: 680px; } .store-pages .col-main { float: left; width: 200px; font-size: 1.2em; } .store-pages .category-title em { font-size: 0.8em; } #store-search { margin-bottom: 25px; color: #666; } #store-search h2 { margin-bottom: 3px; } #store-search label { margin-bottom: 12px; } #store-search input { width: 120px; } #store-search p { padding: 0; border: none; } #store-search .show-all-stores { margin-top: 10px; } #store-search .show-all-stores a { text-decoration: underline; } #no-stores { margin-top: 10px; color: #666; } .store-pages #map, .store-pages #shop-moodpicture { width: 495px; height: 500px; } .store-pages #shop-moodpicture { background: #ccc url(../images/bg-shoplocator-mood.jpg) left top no-repeat; } #map .store-data { padding-bottom: 10px; } #map .store-data h3 { font-size: 1.4em; margin-bottom: 5px; } #map .store-data span { display: block; font-size: 1.2em; } .store-details #route-search label { font-size: 1.1em; } .store-details #route-search .text-input { width: 180px; } .store-details #route-search button { padding: 3px 10px; } .store-details .category-title { margin-left: 0; } .store-details h3 { color: #666; font-size: 1.6em; font-weight: normal;} #route { display:none; } #route2 { width: 495px; margin: 10px 0; } #route2 td { padding: 2px 5px; font-size: 1.1em; vertical-align: top; } #route2 .point { background-color: #fafafa; padding: 10px; } .store-block { margin-bottom: 1px; padding: 4px 8px; background-color: #666; color: #fff; list-style-type: none; } .store-block h3 { padding-left: 13px; background: url(../images/ico-storelocator-expand.gif) 0 3px no-repeat; font-weight: normal; } .store-content { display: none; } .store-block-expanded { background-color: #fafafa; border: 1px solid #eee; color: #666; } .store-block-expanded .store-content { display: block; padding-left: 13px; } .store-block-expanded h3 { margin-bottom: 7px; background: url(../images/ico-storelocator-collapse.gif) 0 5px no-repeat; } .store-block-expanded h4 { margin: 14px 0 8px 0; font-weight: normal; } .store-block-expanded address { font-style: normal; } .store-block-expanded address span { display: block; margin-bottom: 3px; } .store-block-expanded .show-route { margin-top: 10px; } .show-route a { text-decoration: underline; } .store-data dt, .store-data dd, .store-block-expanded dt, .store-block-expanded dd { float: left; margin-bottom: 6px; } .store-data dt, .store-block-expanded dt { display: block; width: 70px; padding-left: 15px; background: url(../images/bullet-shoplocator-item.gif) 1px 5px no-repeat; } .current-store h3 { color: #fff; background-color: #999; padding: 5px 10px; margin: -5px -9px 10px -9px; text-indent: 10px; background-position: 10px 10px; } #shops-leftnav { position: absolute; bottom: 15px; width: 153px; color: #606970; padding: 0 22px; font-size: 1.1em; } #shops-leftnav a { color: #fff; } /* ####################### SIZE-CHART ########################*/ .cms-maattabel .main { background: url(../images/size-guide.png) 510px bottom no-repeat; } .cms-maattabel h1 { font-size: 2.4em; margin-bottom: 10px; } .cms-maattabel table { width: 478px; border: 1px solid #E7E3D4; } .cms-maattabel table thead { background-color: #000; color: #fff; } .cms-maattabel table thead th { padding: 9px 0; text-align: center; font-size: 1.2em; font-weight: normal; } .cms-maattabel table tbody th { text-align: left; font-weight: normal; } .cms-maattabel table tbody tr { background-color: #fff; color: #47525A; font-size: 1.2em; } .cms-maattabel table tbody tr.even { background-color: #fafafa; } .cms-maattabel table tbody th { padding: 8px 3px 8px 8px; } .cms-maattabel table tbody td { padding: 8px 3px; border-left: 1px solid #e1e1e1; text-align: center; font-size: 0.9em; } .cms-maattabel h2 { margin-top: 15px; font-size: 1.2em; } .cms-maattabel ol, .cms-maattabel p { margin-top: 10px; list-style-type: none; font-size: 1.2em; color: #666; width: 301px; } .cms-maattabel ol p { margin-top: 0; font-size: inherit; width: auto; } .cms-maattabel p { width: 470px; } .cms-maattabel li { padding: 0 0 16px 30px; width: 301px; background: url(../images/bullit-size-1.png) no-repeat scroll left top transparent; } .cms-maattabel li.item-2 { background-image: url(../images/bullit-size-2.png); } .cms-maattabel li.item-3 { background-image: url(../images/bullit-size-3.png); } .cms-maattabel li.item-4 { background-image: url(../images/bullit-size-4.png); } .cms-maattabel li.item-5 { background-image: url(../images/bullit-size-5.png); } .cms-maattabel h3 { padding: 4px 0; } /* ####################### LOGIN ########################*/ .account-login, #new-account, #forgot-password { margin-top: 20px; color: #999; } #login-form, #new-account, #forgot-password { font-size: 1.2em; } #login-form h2, #new-account h1, #forgot-password h1 { padding: 15px 20px 1px 20px; color: #000; font-size: 1.4em; font-weight: normal; } #login-form p { padding: 6px 20px; border: none; } #login-form p.footer { padding: 10px 20px; border-top: 1px solid #e1e1e1; } #login-form .new-users, #login-form .registered-users, #new-account, #forgot-password { float: left; width: 356px; background-color: #fff; border: 1px solid #e4dfcf; } #login-form .new-users { margin-right: 20px; } #login-form .new-users p { line-height: 1.4; } #login-form .new-users .footer a { float: right; } #login-form .new-users .footer #check-fashioncard-budget { float: left; font-size: 0.9em; margin-top: 7px; } #login-form .account-description { margin-bottom: 31px; } #login-form .required { font-size: .9em; } #login-form .registered-users .forgot-password { float: left; display: block; margin-top: 7px; font-size: .9em; } #login-form .as-button { padding: 4px 12px 5px 12px; } /* ####################### FORGOT PASSWORD ########################*/ #forgot-password h1, #forgot-password p { margin: 0 10px; } #forgot-password h1 { padding-left: 10px; } #forgot-password p { border: none; } #forgot-password p.forgot-password-desc { margin-bottom: 0px; padding-bottom: 0px; } #forgot-password p.footer { margin: 0; border-top: 1px solid #c0c0c0; } #forgot-password .back-to-login { margin-top: 7px; font-size: .9em; } /* ####################### CHECKOUT ########################*/ .mode-checkout .page { padding-top: 102px; } .mode-checkout h1 { margin: 0 0 12px 2px; font-size: 2em; font-weight: normal; } .wizard-block { position: relative; margin-bottom: 12px; border: 1px solid #dad3bc; background-color: #000; color: #666; } .wizard-block-step { margin-bottom: 7px; padding: 0 0 5px 3px; font-size: 1.25em; color: #333; border-bottom: 1px solid #c0c0c0; } .wizard-block-step span { position: absolute; left: 14px; top: 10px; color: #fff; font-size: 1.3em; font-weight: normal; } .wizard-block-content { margin-left: 40px; padding: 16px 20px 20px 20px; background-color: #fff; border-left: 1px solid #000; font-size: 1.2em; } .wizard-block-content ul { list-style-type: none; } .wizard-block-content address span { display: block; } .wizard-block-content address span.zip, .wizard-block-content address span.city { display: inline; } .wizard-block-content .edit { position: absolute; bottom: 14px; left: 62px; } .wizard-block-content .edit a { color: #999; } .wizard-block-empty, .wizard-block-summary { background-color: #fafafa; } .wizard-block-empty .wizard-block-content, .wizard-block-summary .wizard-block-content { padding: 11px 20px; border-left: 1px solid #e1e1e1; } .wizard-block-summary .wizard-block-content { padding-bottom: 42px; } .wizard-block-empty .wizard-block-step { margin-bottom: 0px; padding: 0; font-size: 1.2em; color: #d0d0d0; border: none; } .wizard-block-empty .wizard-block-step span { left: 14px; top: 7px; color: #c0c0c0; } .wizard-block-summary .wizard-block-step span { position: absolute; top: 8px; left: 14px; color: #c0c0c0; } .wizard-block-content address { font-style: normal; line-height: 1.4; } .wizard-block-content .messages { margin-bottom: 30px; } .wizard-block-content .messages li { margin-bottom: 3px; } #billing-summary, #additional-information, #shipping-summary, #delivery-costs { float: left; margin-top: 6px; width: 200px; } #billing-summary h3, #additional-information h3, #shipping-summary h3, #delivery-costs h3 { margin-bottom: 5px; } #additional-information dl { width: 200px; line-height: 1.4; } #additional-information dt, #additional-information dd { width: 80px; float: left; } #additional-information dd { width: 110px; } #wizard-delivery-details form { margin: 12px 0 0 3px; } #wizard-delivery-details form div.form-block { padding: 10px; border-bottom: 1px solid #e1e1e1; } #wizard-delivery-details form div.even { background-color: #fcfcfc; } #wizard-delivery-details form div.form-block p { float: left; width: 250px; } #wizard-delivery-details form .form-block label { display: block; margin-bottom: 5px; } #wizard-delivery-details h3 { margin-bottom: 8px; } #wizard-delivery-details ul { margin-left: -2px; } #wizard-delivery-details li { margin-bottom: 4px; } #wizard-delivery-details .expand-content { margin-left: 22px; padding: 4px; } #wizard-delivery-details .footer { margin-top: 15px; padding-top: 10px; text-align: right; border-top: 1px solid #c0c0c0; } #wizard-delivery-details .required-fields-info { margin-bottom: 8px; } #wizard-thanks-details a, .checkout-wizard-payment a { font-weight: bold; } /* ####################### CART ########################*/ #shopping-cart-table, #my-orders-table { width: 100%; border-bottom: 1px solid #c0c0c0; } #shopping-cart-table { margin-top: -24px; } #shopping-cart-table .product-image, #cart-summary .product-image { border: 1px solid #d9d9d9; } #shopping-cart-table thead th, #my-orders-table thead th { padding: 4px 4px 6px 4px; color: #465259; border-bottom: 1px solid #c0c0c0; } #shopping-cart-table .p-image { width: 80px; } #shopping-cart-table .p-name { width: 210px; } #shopping-cart-table .p-size { width: 90px; text-align: left; } #shopping-cart-table .p-price { width: 90px; text-align: left; } #shopping-cart-table .p-qty { width: 90px; text-align: left; } #shopping-cart-table .p-subtotal { width: 80px; text-align: left; } #shopping-cart-table tbody td, #my-orders-table tbody td { padding: 13px 6px; border-bottom: 1px solid #eee; vertical-align: top; } #shopping-cart-table tbody .last td, #my-orders-table tbody .last td { border: none; } #shopping-cart-table .odd td, #my-orders-table .odd td { background-color: #fafafa; } #shopping-cart-table .product-name { color: #666; } #shopping-cart-table .product-color { margin-top: 5px; } #shopping-cart-table .remove-product { display: block; margin-top: 47px; font-size: .9em; } #update-cart-wrap { margin-top: 5px; text-align: right; } #shopping-cart-table .text-input { width: auto; } #shopping-cart-table .qty { width: 25px; text-align: center; } #shopping-cart-totals-table { margin: 4px 0; width: 100%; } #shopping-cart-totals-table th { padding: 3px 0 3px 3px; text-align: left; } #shopping-cart-totals-table tbody th { font-weight: normal; } #shopping-cart-totals-table td { padding: 3px 28px 3px 0; } #shopping-cart-totals-table td span { float: right; } .has-notice { display: none; } #shopping-cart-totals-table td span.has-notice { float: none; display: inline; } #shopping-cart-totals-table .tax-total td { padding: 3px 33px 9px 3px; } #shopping-cart-totals-table .tax-total strong { font-weight: normal; } #shopping-cart-totals-table tfoot td, #shopping-cart-totals-table tfoot th { color: #000; } #shopping-cart-totals-table .total-grand_total { padding: 10px 25px 10px 3px; border-top: 1px solid #c0c0c0; font-size: 1.2em; } #wizard-cart .wizard-block-step, #cart-summary .wizard-block-step { padding-bottom: 0; border: none; } #wizard-cart .cart-collaterals { padding: 0 3px; } #wizard-cart form { margin-bottom: 16px; } #wizard-cart .footer-buttons { clear: both; float: right; margin-top: 10px; list-style-type: none; } #wizard-cart .footer-buttons li { float: left; margin-left: 10px; } #wizard-cart .footer-buttons .continue-order { margin-left: 16px; } #wizard-cart .footer-buttons a { padding: 6px 17px; } #membercard-points { float: right; width: 320px; margin-bottom: 4px; padding: 7px 5px; color: #0e0800; font-size: .9em; text-align: right; background: #e5e0ca url(../images/bg-fashiocard-points.gif) 3px 50% no-repeat; clear: both; } #cart-banner { width: 320px; float: right; margin-bottom: 4px; } #cart-shipping-info-block { width: 300px; float: left; } #wizard-country-info { clear: both; border: none; margin-top: 5px; } #wizard-country-info p { width: 100%; margin-top: 5px; } #cart-summary table { width: 100%; margin-top: -19px; } #cart-summary thead th { padding-bottom: 3px; border-bottom: 1px solid #c0c0c0; color: #465259; text-align: right; } #cart-summary .c-subtotal { text-align: right; padding-right: 20px; } #cart-summary td { vertical-align: middle; } #cart-summary .products td { padding: 4px 5px; border-bottom: 1px solid #e1e1e1; text-align: right; } #cart-summary .products td.summary-subtotal { text-align: right; padding-right: 20px; } #cart-summary .c-size, #cart-summary .c-qty { width: 100px; text-align: center; } #cart-summary tfoot th, #cart-summary tfoot td { padding: 2px; } #cart-summary tfoot th { text-align: left; font-weight: normal; } #cart-summary tfoot td { text-align: right; padding-right: 20px; } #cart-summary tfoot .subtotal th, #cart-summary tfoot .subtotal td { padding-top: 15px; } #cart-summary tfoot .shipping th, #cart-summary tfoot .shipping td, #cart-summary tfoot .giftcard th, #cart-summary tfoot .giftcard td { padding-bottom: 10px; } #cart-summary tfoot .grand_total th { font-weight: bold; } #cart-summary tfoot .grand_total th, #cart-summary tfoot .grand_total td { border-top: 1px solid #c0c0c0; font-size: 1.2em; } #wizard-payment-details .totals, #wizard-payment-details #payment-methods { padding: 0 4px; } #wizard-payment-details .discount { margin: 10px 0; } #wizard-payment-details .totals-block { padding: 3px 0; } #wizard-payment-details .totals-block span { float: right; } #wizard-payment-details .grand_total { margin-top: 15px; padding-top: 4px; font-size: 1.2em; font-weight: bold; border-top: 1px solid #c0c0c0; color: #000; } #wizard-payment-details #agreement-wrap { margin: 12px 0; } #wizard-payment-details .footer { margin-top: 20px; text-align: right; } #checkout-payment-method-load { display: none; } #kiala-info { margin-top: 4px; padding: 4px; } #kiala-info address { margin-bottom: 8px; } #kiala-shipment-link { text-decoration: underline; } #kiala-shipment-link:hover, #kiala-shipment-link:focus { text-decoration: none; } .hint { font-style: italic; } #giftcard .as-button { float: left; } #giftcard .remove-giftcard-desc { width: 500px; } #giftcard-hint { margin-left: 10px; font-size: 0.9em; font-weight: normal; text-decoration: underline; } #wizard-thanks-details p { margin-bottom: 12px; padding: 0 3px; } #wizard-thanks-details .as-button { float: right; } #cart-advantages-banner { margin: 37px 10px 0 0 ; width: 145px; } #cart-advantages-banner h3 { font-size: 1.2em; line-height: 1.5; } #cart-advantages-banner ul { margin-top: 5px; list-style-type: none; color: #666; } #cart-advantages-banner li { position: relative; background: url(../images/bullit-cart.png) no-repeat left 5px; padding: 2px 0 8px 15px; font-size: 1.1em; } #cart-advantages-banner .tooltip { display: none; position: absolute; z-index: 2; background-color: #fff; width: 200px; left: -210px; top: -20px; padding: 10px; border: 1px solid #000; } #cart-advantages-banner a { color: #000; } #cart-advantages-banner li:hover .tooltip { display: block; } /* ####################### REGISTER ########################*/ #login-choice, #register-choice { float: left; width: 290px; margin-right: 55px; } #register-choice { margin-right: 0; width: 233px; } #login-register-choice { margin-top: 10px; } #login-register-choice h3 { margin-bottom: 16px; color: #666; } #login-register-choice p { margin-bottom: 10px; line-height: 1.4; } #continue-order { float: left; } #register-choice label { margin-bottom: 4px; } #register-choice p { padding: 0; border-bottom: none; } #loyalty-options { } #loyalty-options h3 { margin-bottom: 3px; } #loyalty-options form { margin-top: 15px; } #loyalty-options ol { margin-bottom: 15px; list-style-type: none; } #loyalty-options .expand-content { margin: 10px 0 10px 25px; padding: 12px; background-color: #fafafa; } #loyalty-options .expand-content h4 { margin-bottom: 10px; } #loyalty-options .expand-content label { display: block; margin-bottom: 3px; } #loyalty-options .expand-content p { float: left; width: 260px; margin-bottom: 12px; } #loyalty-options .expand-content .footer { clear: left; float: none; width: auto; } #loyalty-options .footer { text-align: right; } #register-form div { border-bottom: 1px solid #e1e1e1; } #register-form .footer { border-top: 1px solid #c0c0c0; } #register-form p { float: left; width: 240px; background: none; border: none; } #register-form #country-wrap, #register-form #newsletter-wrap, #register-form #account-description, #register-form #loyaltycard-number p { width: 610px; } #register-form #account-info p { border: none; } #register-form .description { width: 100%; } #register-form #address-country_id, #country-select-wrap select, #shipping-country_id, #edit-customer-address #country-wrap select { width: 233px; border: 1px solid #ccc; border-color: #ccc #f7f7f7 #f7f7f7 #ccc; } #wizard-country-info { position: relative; cursor: pointer; } #wizard-country-info ul { position: absolute; left: 200px; top: -10px; padding: 10px; border: 1px solid #000; background-color: #fff; display: none; } #wizard-country-info:hover ul { display: block; } #register-form .footer { width: 633px; margin-top: 10px; border-bottom: none; } #register-form .footer .back-link { color: #999; } #register-form .footer button { float: right; } #new-account { width: 695px; padding: 0 20px; } #new-account h1 { padding: 15px 20px 7px 0px; border-bottom: 1px solid #c0c0c0; } #new-account #register-form { border: none; } #new-account #register-form .footer { width: 675px; } #new-account #account-description, #new-account #loyaltycard-number, #new-account #loyalty-options { color: #666; } .customer-account-logoutsuccess .col-main { font-size: 1.1em; } .customer-account-logoutsuccess .col-main h2 { margin-bottom: 7px; font-size: 1.2em; } /* ####################### ACCOUNTING ########################*/ .mode-account-dashboard .col-main { font-size: 1.2em; } .mode-account-dashboard address { font-style: normal; } .mode-account-dashboard .col2-set { margin-bottom: 20px; position: relative; } .mode-account-dashboard .dash-content { min-height: 60px; padding: 12px; color: #465259; line-height: 1.4; } .mode-account-dashboard .dash-content a { color: #999; font-size: .9em; } .mode-account-dashboard .dash-content h5 { font-weight: normal; } .mode-account-dashboard .welcome-msg { margin-bottom: 15px; } .mode-account-dashboard .welcome-msg h3 { margin-bottom: 8px; } .mode-account-dashboard .welcome-msg p { color: #666; line-height: 1.4; } .mode-account-dashboard .col-1, .mode-account-dashboard .col-2 { float: left; width: 50%; } .mode-account-dashboard .col-main h2, #order-details h3, .sales-order-view-details .items-ordered, .mode-account-dashboard h4 { padding: 0 2px 5px 2px; font-size: 1.2em; border-bottom: 1px solid #c0c0c0; } .mode-account-dashboard .manage-addresses { position: absolute; top: 0; right: 5px; } #dash-edit-account p { float: left; width: 260px; border: none; } #dash-edit-account div { border-bottom: 1px solid #e1e1e1; } #dash-edit-account .footer, #dash-edit-account .required { float: none; width: auto; } #change-password-toggle { margin-bottom: 10px; } #dash-edit-account .back-link { font-size: .9em; } #balance-check { width: 495px; } #balance-check .loyaltypoints span { font-weight: bold; } #balance-information { margin-top: 5px; } #balance-information p { padding: 3px 2px; } #change-loyaltycard { margin-top: 10px; float: right; } #check-fashioncard-budget { display: block; margin-top: 10px; } .show-card-hint { margin-left: 5px; } #cartnumber-hint { background-color: #fff; width: 360px; padding: 10px 20px 20px; } #cartnumber-hint h3 { font-size: 1.4em; margin-bottom: 10px; } #cartnumber-hint p { font-size: 1.2em; margin: 5px 0; } #addressbook { position: relative; } #addressbook .col2-set { margin-bottom: 0; } #addressbook h2 { margin-bottom: 10px; } #addressbook ol { list-style-type: none; } #addressbook li { margin-bottom: 10px; } #addressbook h3 { margin-bottom: 10px; padding-left: 2px; } #addressbook address, #order-details address, #order-details #payment-method, #order-details #shipping-method { padding: 10px; line-height: 1.3; color: #465259; } #addressbook address a { display: block; margin-top: 5px; font-size: .9em; } #addressbook .col-2 { width: 47%; margin-left: 14px; } #addressbook .footer a { position: absolute; top: 2px; right: 5px; font-size: .9em; } .sales-order-history .pager { padding: 5px; } .sales-order-history .pager .amount { float: left; width: 100px; } .sales-order-history .pager .limiter { float: right; width: 140px; } #my-orders-table { margin: 10px 0; } #my-orders-table tbody td { color: #465259; } .sales-order-view-details .col-main { position: relative; } .sales-order-view-details .col-main .print-order { position: absolute; top: 23px; right: 5px; font-size: .9em; } #order-details address, #order-details #payment-method, #order-details #shipping-method { min-height: 95px; } #order-details .order-date { margin-bottom: 20px; padding: 4px; } .sales-order-view-details #my-orders-table thead th { text-align: left; } .sales-order-view-details #my-orders-table tbody td { border-bottom: 1px solid #eee; } .sales-order-view-details #my-orders-table .c-subtotal { text-align: right; } .sales-order-view-details #my-orders-table tfoot td { padding: 4px 5px; text-align: right; } .sales-order-view-details .items-ordered { margin: 2px 0 5px 0; } .sales-order-view-details .back-link { font-size: .9em; } #edit-customer-address p { float: left; width: 47%; } #edit-customer-address #telephone-wrap p, #edit-customer-address #country-wrap p { width: 660px; } #edit-customer-address .required { border: none; } .address-option-wrap { padding: 4px 4px 0 4px; } /* ####################### COUPON ########################*/ .discount h3 { margin-bottom: 3px; } #discount-coupon-form { margin-bottom: 11px; } #discount-coupon-form .text-input { width: auto; margin-right: 10px; } #discount-coupon-form p { margin-bottom: 9px; line-height: 1.4; } #discount-coupon-form button.arrow { padding: 2px 7px; } /* ####################### 404 PAGE & SITEMAP ########################*/ .cms-no-route .main, .cms-sitemap .main { padding: 20px; background: #fff url(../images/404.jpg) top right no-repeat; } .cms-no-route h1, .cms-sitemap h1 { margin-bottom: 12px; font-size: 2.2em; line-height: 1; color: #000; } /* ####################### FOOTER ########################*/ .footer ul { width: 100%; list-style-type: none; margin: 24px 0 0 2px; float: left; } .footer li { float: left; color: #666; font-size: 9px; } .footer li.right { float: right; } .footer li a { color: #666; display: block; padding: 0 10px; background: url(../images/bg_footer-spacer.png) no-repeat scroll left 2px transparent; } .footer li.no-bg a { background: none; } .footer li a.first { background: none; padding-left: 0px; } .footer .block{font-size: 1.1em; width: 910px; color:#666; background-color:#eae3d0; padding: 15px; margin: 20px 0 0; } .footer .block ul{list-style:url(../images/li-item.png); margin:0 0 0 13px; padding:0; } .footer .block li{float:none;} .footer .block li a{font-size:1.1em; background:none; padding:0; margin:0;} .catalog-footer { margin-top: 10px; } .catalog-footer .footer-links-block { float: left; margin-right: 66px; width: 135px } .catalog-footer .last { margin-right: 0; } .catalog-footer .footer-links-block h2 { border-bottom: 1px solid #666; margin: 0 0 4px 4px; padding-left: 1px; font-size: 1.2em; font-weight: bold; color: #666; } .catalog-footer .footer-links-block ul { margin: 0 0 10px 0; } .catalog-footer .footer-links-block li { float: none; } .catalog-footer .footer-links-block a { background: none; padding: 2px 5px; } #xhr-cart-progress { font-size: 1.2em;} #xhr-cart-progress h3 {margin: 3px 0 15px 52px; font-weight: bold; color: #fff; font-size: 1.2em; line-height: 25px; text-align: center; display: block; } .proceed-options { float: left; list-style-type: none; margin-left: 3px; margin-bottom: 8px; } .proceed-options li { width: 480px; float: left; } .proceed-options a.button { float: right; } .proceed-options #xhr-goto-checkout a { float: right; } .xhr-cart-progress-content #mini-products-list { display: block; } .xhr-cart-progress-content ol { float: left; list-style-type: none; margin-top: 20px; width: 490px; height: 180px; overflow: hidden; } .xhr-cart-progress-content .item { margin: 0; padding: 0 65px 40px 5px; float: left; position: relative; line-height: 1.7em;} .xhr-cart-progress-content .item .price { position: absolute; top: 0; right: 0; font-size: 1.2em; line-height: 24px; } .xhr-cart-progress-content .item img { float: left; margin-right: 20px; } .xhr-cart-progress-content .product-dets { float: left; width: 230px; } .xhr-cart-progress-content .property {display: block; float: left; width: 45px; clear: left; font-weight: normal;} .xhr-cart-progress-content .product-dets h4 a { color: #fff; font-size: 1.2em; font-weight: bold;} .xhr-cart-progress-content .truncated_full_value { margin-bottom: 16px; } .xhr-cart-progress-content p { margin: 0 0 10px 8px; } .xht-cart-progress-content .product-image img { border: 2px solid #ddd; } .xhr-cart-progress-content .loading-msg { line-height: 25px; display: block; text-align: center; } .xhr-cart-progress-content ol li { display: none; } #cboxContent .head_show { display: none; } .headcart .xhr-cart-progress-content ol li { display: block; } .headcart .block-cart-wrap { z-index: 50; position: absolute; top: 0px; right: 0px; height: 90px; } .headcart .block-cart-wrap h3 { font-size: 1.4em; color: #fff; padding: 10px 0 0 15px; text-transform:capitalize } .headcart .block-cart-wrap h3 span { display: none } .headcart .block-cart { position: relative; height: 35px; width: 100px; padding-left: 16px; overflow: visible; } .headcart #mini-products-list { display: none; float: left; min-height: 325px; z-index: 5000; background: transparent url(../images/shade_bg.png) top left repeat; color: #fff; float: left; position: absolute; top: 60px; right: 0px; z-index: 50; } /*.headcart .block-cart-wrap:hover #mini-products-list, .headcart .cart_hover #mini-products-list { display: block; }*/ .headcart .cart_hover #mini-products-list{ display: block; } .headcart .xhr-cart-progress-content .item img { float: left; margin: 0 8px 0 8px; width: 60px; } .headcart .xhr-cart-progress-content ol { float: left; list-style-type: none; margin-top: 20px; margin-bottom: 30px; width: 204px; height: auto; overflow: visible; } .headcart .xhr-cart-progress-content .item { margin: 0; padding: 0 5px 15px 5px; float: left; position: relative; line-height: 1.6em; } .headcart .xhr-cart-progress-content .product-dets { float: left; width: 116px; } .headcart .xhr-cart-progress-content .product-dets h4 { font-size: .9em; } .headcart .xhr-cart-progress-content .proceed-options li { width: 196px; } .headcart .xhr-cart-progress-content .item .price { color: #fff; top: 60px; right: 5px; } .headcart .xhr-cart-progress-content #xhr-goto-checkout a { font-size: 1.2em; position: absolute; bottom: 5px; right: 5px; } .headcart #mini-products-list .subtotal { font-size: 1.2em; padding: 0 15px; } .headcart #mini-products-list .subtotal strong { float: left; width: 140px; } .headcart .xhr-cart-progress-content .head_hide { display: none; } .headcart .xhr-cart-progress-content .head_show { display: block; } /* ####################### Folder iframe ########################*/ .folder-colorbox #cboxLoadedContent { padding: 0px; } /* ####################### MOVIE PLAYER PAGE ########################*/ .f4player-page .col2-left-layout .col-left { margin:0 } .f4player-page .main { background:#000; } .f4player-page .col-main { padding:0; } .f4player-page .category-title { display:none; } .f4player-page .contact-intro, .category-title, .category-description { margin:0 !important; } .f4player-page .category-content-wrap { min-height:400px; } /* ####################### Count Down Clock ########################*/ .countdown_wrap { margin-top: 150px; position: relative; width: 487px; height: 200px; } .countdown_wrap #clock { position: absolute; top: 110px; left: 80px; display: block; width: 336px; height: 60px; z-index: 2; color: #92205b; font-weight: bold; font-size: 48px; overflow: hidden; } .countdown_wrap ul { margin-left: 10px; } .countdown_wrap li { float: left; list-style-type: none; } .countdown_wrap li span { margin-left: 8px; margin-right: 8px; }