/******************************************************************************/ /* */ /* Style: www.originalnidarky.cz global style */ /* Author: Michal Kobelka */ /* michalkobelka@gmail.com */ /* EtosComp.eu */ /* */ /******************************************************************************/ /* Global */ body {font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 12px; backgrou: #fbf4df;} a {text-decoration: none; color: #000000;} a:hover {text-decoration: underline; color: #b50020;} .left {float: left;} .right {float: right;} .clear {height: 0px; overflow: hidden; clear: both;} acronym {border-bottom: 1px dotted #aaa; cursor: help;} .nodisplay {display: none !important;} /* Header */ .header {height: 247px; width: 100%; background: url('../images/header.png') 0px 0px repeat-x;} .subheader {height: 247px; width: 1000px; margin: 0px auto; background: url('../images/pattern.jpg') 0px 0px no-repeat;} /* Logo */ .logo {width: 495px; height: 209px; float: left;} .logo a {display: block; margin-top: 88px; width: 375px; height: 39px; background: url('../images/logo.png') 0px 0px no-repeat;} .logo a span {display: none;} /* Cart */ .cart {width: 245px; height: 94px; padding-left: 250px; padding-top: 115px; float: right; background: url('../images/cart.png') 0px 0px no-repeat;} .carttext {font-size: 14px; color: #ffef7c;} .carttext .a {color: #fff; font-size: 16px; } a:hover {text-decoration: none;} .cart a {color:#ffef7c;} .carttext .a:hover {color: #ffef7c;} .cart a:hover {color: #ffef7c;} .cartproducts {margin: 15px 0px 5px 0px;} .orderCalc {width: 16px; height: 19px; border: 0px; background: url('../images/calc.png') 0px 0px no-repeat; text-indent: -1000px;} /* Main menu */ .mainmenu {background: url('../images/menu.png') 0px 0px no-repeat; width: 100%; height: 38px;} .mainmenu ul {height: 38px; line-height: 38px;} .mainmenu ul li {display: block; float: left; background: url('../images/li.png') 100% 50% no-repeat;} .mainmenu a {color: #fff; display: block; height: 38px; padding: 0px 20px; font-size: 11px; text-transform: uppercase;} .mainmenu a:hover {color: #e49548; text-decoration: none; background: url('../images/menuGlare.png') 50% 100% no-repeat;} .lastli {background: none !important;} /* Last item of the menu doesn't have the right border image */ .activeitem {color: #e49548 !important; text-decoration: none; background: url('../images/menuGlare.png') 50% 100% no-repeat;} /* Active item of main menu is highlighted */ /* Content */ .content {width: 1000px; margin: 0px auto; min-height: 200px; padding-top: 30px;} /* Left pane */ .leftCenterPane {width: 800px; float: left;} .leftPane {width: 200px; float: left; min-height: 200px;} .centerPane {width: 600px; float: right; min-height: 200px;} .rightPane {width: 200px; float: left; min-height: 200px;} /* Box */ .box {width: 195px; min-height: 115px; background: url('../images/boxGlare.png') 1px 0px #f4e7cb no-repeat; margin-bottom: 5px;} .boxTop {width: 195px; height: 6px; background: url('../images/boxTop.png') 0px 0px no-repeat;} .boxMiddle {width: 193px; min-height: 109px; border-left: 1px solid #ded3b2; border-right: 1px solid #ded3b2;} .boxBottom {width: 195px; height: 6px; background: url('../images/boxBottom.png') 0px 0px no-repeat;} .boxContent {padding: 15px 5px 15px 5px;} .boxHeader {font-size: 15px;} .headbox {margin-bottom:5px;} /* Left Menu */ .leftMenu {margin: 10px 0px 0px 0px;} .leftMenu li {padding-left: 8px; width: 176px;} /*.leftMenu li:hover {background: url('../images/active.png') 0px 0px no-repeat; }*/ .leftMenu a {color: #786949; line-height: 16px; display: block; background: url('../images/dots.png') 0px 100% no-repeat; padding: 8px 0px; } .leftMenu a:hover {color: #ffffff; text-decoration: none;} /* Picture menu */ .pictureMenu {margin: 10px 10px 0px 10px;} .pictureMenu li {background: url('../images/dots.png') 0px 100% repeat-x;} .pictureMenu a {color: #786949; display: block; height: 32px; line-height: 32px; background: url('../images/icons.png') 100% 0px no-repeat;} .pictureMenu a:hover{color: #000000; text-decoration: none;} .facebook {margin: 10px; font-size: 11px; line-height: 14px; min-height: 35px; padding-left: 40px; background: url('../images/fb.png') 0px 50% no-repeat; padding-top: 4px;} .facebook a {color: #d76817;} #forMen {background-position: 100% 0px;} #forWomen {background-position: 100% -32px;} #forWedding {background-position: 100% -64px;} #forNamesday {background-position: 100% -96px;} /* Box without background */ .emptyBox {} .boxHeader {margin-left: 8px;} .boxHeaderS strong {font-size: 13px;} /* Interesting links */ .olList {padding: 10px 0px; counter-reset: section;} .olList li {padding: 5px 0px; color: #786949;} .olList li:before {content: counter(section) " | "; counter-increment: section;} .olList li a {color: #786949; font-size: 11px;} .olList li a:hover {color: #000000; text-decoration: none;} /* Center pane */ .text {padding: 10px; color: #942e12; line-height: 16px;} .text h1 {font-size: 16px; color: #942e12; font-weight: normal; margin-bottom: 15px;} .text h2 {font-size: 16px; color: #942e12; font-weight: normal; margin-bottom: 15px; margin-top: 25px;} .text p {margin-bottom: 10px;} .text a {color: #e57b1e; text-decoration: underline;} .text a:hover {text-decoration: none;} .products {} .productBox {float: left; margin: 0px 8px 8px 0px;} .productBoxTop {width: 185px; height: 4px; background: url('../images/productBoxTop.png') 0px 0px no-repeat;} .productBoxBottom {width: 185px; height: 3px; background: url('../images/productBoxBottom.png') 0px 0px no-repeat;} .productBoxMiddle {width: 183px; border-left: 1px solid #ded5b8; border-right: 1px solid #ded5b8; min-height: 100px; background: #ffffff; text-align: center; padding-bottom: 5px;} .productId {margin: 0px; padding: 0px; border: 0px;} .productId legend {display: none;} .productImage {} .productImage img {max-width: 170px; max-height: 140px;} .productTitle {font-size: 14px; text-align: center; margin-bottom: 4px;} .productTitle a {color: #f37f0e; text-decoration: none;} .productTitle a:hover {text-decoration: underline;} .productPrice {color: #942e12;} .productPrice span {font-size: 14px;} .discount {position: absolute; width: 55px; height: 55px; background: url('../images/discount.png') 0px 0px no-repeat; margin-left: 125px;} .discount span {display: none;} .out {position: absolute; width: 55px; height: 55px; background: url('../images/out.png') 0px 0px no-repeat; margin-left: 125px;} .out span {display: none;} .FBConnectButton_Simple {background: none !important;} .FBConnectButton_Text_Simple {margin: 0px !important;} /* Pagination */ .pagination {width: 559px; height: 34px; background: url('../images/pagination.png') 0px 0px no-repeat; padding: 7px;} .pagination ul {} .pagination a {display: block; float: left; margin-right: 5px; width: 33px; height: 34px; line-height: 34px; text-align: center; background: url('../images/button.png') 0px 0px no-repeat; color: #958563; text-decoration: none;} .pagination a:hover {background-position: 0px -34px !important; color: #fff;} .pagination a span {display: none;} .pagination .a {display: block; float: left; margin-right: 5px; width: 33px; height: 34px; line-height: 34px; text-align: center; background: url('../images/button.png') 0px 0px no-repeat; color: #958563; text-decoration: none;} .pagination .active {background-position: 0px -34px !important; color: #fff;} .pagination span {display: none;} .startButton {background: url('../images/startButton.png') 0px 0px no-repeat !important;} .endButton {background: url('../images/endButton.png') 0px 0px no-repeat !important;} .prevButton {background: url('../images/prevButton.png') 0px 0px no-repeat !important;} .nextButton {background: url('../images/nextButton.png') 0px 0px no-repeat !important;} /* Right pane */ /* Search box */ .searchBox {width: 195px; height: 75px; background: url('../images/searchBox.png'); margin-bottom: 10px;} .searchBoxText {padding: 12px 10px 5px 15px; color: #fff;} .searchBoxText h2 {color: #fff;} .searchInput {width: 135px; margin-top: 8px; border: 1px solid #b14313; height: 18px; padding: 2px; color: #942e12;} .searchButton {width: 26px; height: 26px; background: url('../images/search.png'); border: 0px; font-size: 0px; color: #d76817; position: relative; top: -4px; left: 5px;} /* LoginBox */ .loginBox {width: 195px; color: #fff; margin-bottom: 10px;} .loginBoxTop {width: 195px; height: 5px; background: url('../images/loginBoxTop.png') 0px 0px no-repeat;} .loginBoxBottom {width: 195px; height: 5px; background: url('../images/loginBoxBottom.png') 0px 0px no-repeat;} .loginBoxMiddle {width: 195px; min-height: 50px; background: #d76817;} .loginBoxText {padding: 8px 10px 10px 15px;} .usernameInput {width: 165px; margin-top: 8px; border: 1px solid #b14313; height: 18px; padding: 2px; color: #942e12;} .passwordInput {width: 135px; margin-top: 4px; border: 1px solid #b14313; height: 18px; padding: 2px; color: #942e12;} .loginButton {width: 26px; height: 24px; background: url('../images/loginButton.png'); border: 0px; font-size: 0px; color: #fff; position: relative; top: -24px; left: 144px;} .registrationLink {position: relative; top: -10px; color: #ffffff;} .registrationLink a {color: #ffffff;} .lostPassword {margin-top:15px;} .lostPassword a {color:white;} /* Contact box */ .contactBox {width: 195px; height: 180px; background: url('../images/contact.png') 0px 0px no-repeat; margin-bottom: 10px; color: #fff; overflow: hidden;} .contactBoxText {padding: 10px 15px;} .quickContact {color: #942e12; margin-top: 7px;} .quickContact a {color: #942e12; text-decoration: underline;} .quickContact a:hover {color: #531a0a; text-decoration: none;} .quickContact dt {font-size: 10px; margin-bottom: 4px; font-weight: bold;} .quickContact dd {font-size: 10px; margin-bottom: 5px;} /* Best-selling products */ .bestSellingTitle {font-size: 12px;} .bestSelling {margin-top: 20px;} .bestSelling li {display: block; margin-bottom: 8px;} .bestSellingLeft {width: 75px; border: 1px solid #ded3b2; background: #fff; text-align: center; overflow: hidden; float: left; margin-right: 5px;} .bestSellingLeft img {max-height: 70px;max-width:70px;} .bestSellingRight {width: 75px; float: left; margin-right: 5px;} .bestSellingName {margin-bottom: 5px;} .bestSellingName a {color: #786949;} .bestSellingPrice {color: #f37f0e;} /* Footer */ .footer {width: 100%; height: 80px; background: url('../images/footer.png') 0px 0px repeat-x; border-top: 5px solid #973012; margin-top: 20px;} .subFooter {width: 1000px; margin: 0px auto; height: 80px; line-height: 80px; color: #1f110d;} .subFooter a {color: #1f110d;} .subFooter a:hover {color: #ffffff;} .subFooterLeft {width: 200px; float: left;} .subFooterRight {width: 790px; float: right; text-align: right;} /* =============================== PRODUCT DETAIL =========================== */ .breadcrumbs {padding: 0px 20px 0px 10px; font-size: 11px; color: #786949; text-align: right;} .breadcrumbs a {color: #786949; text-decoration: underline;} .breadcrumbs a:hover {color: #000000; text-decoration: underline;} /* Product */ .product {} .productTable {border-collapse: collapse;} .productTable td {vertical-align: top;} .detailImage {width: 269px; height: 231px; background: url('../images/product.png') 0px 0px no-repeat; text-align: center; overflow: hidden; padding: 5px 1px 5px 1px; } .detailImage img {max-height: 220px;} .productInfo {padding-left: 10px;} .productTools li {float: left;} .productTools a {display: block; height: 25px; background-image: url('../images/productTools.png'); float: left; font-size: 10px; color: #786949; text-align: center; padding-top: 55px; text-decoration: none;} .productTools a:hover {text-decoration: underline;} #productGift {width: 94px; background-position: 0px 0px !important;} #productFB {width: 98px; background-position: -94px 0px !important;} #productMail {width: 94px; background-position: -192px 0px !important;} .productDetails {margin: 10px; color: #942e12;} .productDetails td {padding-bottom: 7px;} .productLabel {font-size: 11px; padding-right: 40px;} .productValue {font-size: 12px; font-weight: bold;} .inStock {color: #97bf0d;} .notInStock {color: #e2001a;} .divider {background: url('../images/dots.png') 0px 50% repeat-x;} .divider td {height: 20px;} #addToCart {width: 177px; height: 36px; background: url('../images/addToCart.png') 0px 0px no-repeat; border: 0px; text-transform: uppercase; text-align: right; color: #ffffff; cursor: pointer;padding-right:5px;} .detailPrice {color: #e48511; font-weight: bold;} .detailPrice span {font-size: 11px; font-weight: normal; position: relative; top: -1px;} .price {display: block; font-size: 15px !important; color: #9b3b20; font-weight: bold !important; margin-top: 3px;} .thumbnails {padding: 10px 0px;} .thumbnail {width: 77px; height: 67px; float: left; background: url('../images/thumb.png') 0px 0px no-repeat; overflow: hidden; padding: 4px; text-align: center; margin-right: 5px;} .noThumbnail {width: 77px; height: 67px; float: left; background: url('../images/noThumb.png') 0px 0px no-repeat; overflow: hidden; padding: 4px; text-align: center; margin-right: 5px;} .thumbnail img {max-width: 70px; max-height: 70px;} .productDesc {margin-top: 20px;} .hrdivider {border: 0px; background: url('../images/dots.png') 0px 50% repeat-x; height: 20px;} /* =================================== CART ================================= */ .steps {margin-bottom: 120px;} .steps li {display: block; height: 80px; text-align: center; line-height: 80px; color: #786949;} .step1 li {background-image: url('../images/cart_step1.png'); } .step2 li {background-image: url('../images/cart_step2.png'); } .step3 li {background-image: url('../images/cart_step3.png'); } #step1_1 {width: 202px; background-position: 0px 0px; position: absolute; margin-left: 0px; color: #fff;} #step1_2 {width: 215px; background-position: -202px 0px; position: absolute; margin-left: 182px;} #step1_3 {width: 193px; background-position: -417px 0px; position: absolute; margin-left: 377px;} #step2_1 {width: 202px; background-position: 0px 0px; position: absolute; margin-left: 0px;} #step2_2 {width: 215px; background-position: -202px 0px; position: absolute; margin-left: 182px; color: #fff;} #step2_3 {width: 193px; background-position: -417px 0px; position: absolute; margin-left: 377px;} #step3_1 {width: 202px; background-position: 0px 0px; position: absolute; margin-left: 0px;} #step3_2 {width: 215px; background-position: -202px 0px; position: absolute; margin-left: 182px;} #step3_3 {width: 193px; background-position: -417px 0px; position: absolute; margin-left: 377px; color: #fff;} /* Widebox */ .widebox {width: 573px;} .wideboxTop {width: 573px; height: 6px; background: url('../images/wideboxTop.png') 0px 0px no-repeat;} .wideboxBottom {width: 573px; height: 5px; background: url('../images/wideboxBottom.png') 0px 0px no-repeat;} .wideboxMiddle {width: 571px; border-left: 1px solid #ded3b2; border-right: 1px solid #ded3b2; background: #f8eed7; min-height: 50px;} /* Cart table */ .cartTable {width: 550px; margin: 0px 10px;} .cartTable p {margin: 0px;} .cartTable th {color: #bfb699; font-size: 11px; font-weight: normal; text-align: left; background: url('../images/dots1.png') 0px 100% repeat-x; padding-bottom: 10px;} .cartTable td {vertical-align: middle; background: url('../images/dots1.png') 0px 100% repeat-x; padding: 10px 0px;} .cartTable img {max-width: 70px; max-height: 70px;} .quantity {border: 1px solid #ded3b2; width: 22px; height: 20px; font-size: 12px; text-align: right;} .calc {position: relative; top: 3px; margin-left: 2px;} .checkbox {margin: 0px; position: relative; top: -4px; margin-right: 2px; width: 13px; height: 13px; background: url('../images/checkbox.png') 0px 0px no-repeat; border: 1px solid #dfd4b3;} .alignCenter {text-align: center !important;} .alignRight {text-align: right !important;} .divider1 {background: url('../images/dots1.png') 0px 50% repeat-x;} .divider1 td {height: 20px;} .noBorder {color: #e48511;} .noBorder td {background: none !important;} .finalPrice {font-size: 15px;} /* Delivery */ .delivery {margin: 15px 0px; padding-bottom: 20px; background: url('../images/dots.png') 0px 100% repeat-x;} .deliveryTable {width: 580px;} .deliveryTable td {text-align: center; width: 25%;} .delLabel {font-size: 11px; display: block; margin-bottom: 4px; padding-top: 50px; cursor: pointer;} .delLabel span {color: #b9a271; display: block;} .delLabel1 {background: url('../images/del1.png') 50% 0px no-repeat;} .delLabel2 {background: url('../images/del2.png') 50% 0px no-repeat;} .delLabel3 {background: url('../images/del3.png') 50% 0px no-repeat;} /* Payment */ .payment {width: 280px; float: left; padding-bottom: 10px;} .paymentTable {width: 280px; padding-top: 10px; margin-bottom: 20px;} .paymentTable td {text-align: center; width: 50%;} .payLabel1 {background: url('../images/pay1.png') 50% 0px no-repeat;} .payLabel2 {background: url('../images/pay2.png') 50% 0px no-repeat;} .info {color: #b9a271; font-size: 11px;} .info a {color: #942e12;} .memo {width: 275px; height: 80px; border: 1px solid #dfd4b3;} /* Guarantee */ .guarantee {width: 280px; float: right; font-size: 11px; padding-bottom: 10px;} .arrowUl {} .arrowUl li {padding-left: 35px; background: url('../images/arrow.png') 0px 20px no-repeat;} .arrowUl p {color: #786949;} /* Summary */ .summaryTable {} .summaryTable td {background: none; padding: 4px 0px;} /* Middlebox */ .middleBox {width: 268px;} .middleBoxTop {width: 268px; height: 8px; background: url('../images/middleBoxTop.png') 0px 0px no-repeat;} .middleBoxBottom {width: 268px; height: 6px; background: url('../images/middleBoxBottom.png') 0px 0px no-repeat;} .middleBoxMiddle {width: 266px; min-height: 20px; background: #f8eed7; border-left: 1px solid #ded3b2; border-right: 1px solid #ded3b2;} /* One-time */ .onetime {width: 280px; float: right; font-size: 12px; padding-bottom: 10px;} .onetimeTable {margin: 15px 0px;} .onetimeTh {font-size: 11px; padding-right: 10px;} .onetimeInput {border: 1px solid #ded3b2; height: 18px; padding: 2px; margin-bottom: 4px; width: 170px;} .onetimeInput1 {border: 1px solid #ded3b2; height: 18px; padding: 2px; margin-bottom: 4px; width: 108px; margin-right: 5px;} .onetimeInput2 {border: 1px solid #ded3b2; height: 18px; padding: 2px; margin-bottom: 4px; width: 50px;} .note1 {font-size: 10px; color: #bfb699; margin: 0px !important;} .note2 {font-size: 10px; color: #786949; margin: 0px !important;} .note2 span {color: #942e12;} .note3 {font-size: 10px; color: #786949; margin: 0px !important; padding-top: 10px;} .note3 input {position: relative; top: 2px;} .note3 label {cursor: pointer;} .divider2 {background: url('../images/dots.png') 0px 50% repeat-x; height: 20px;} /* Buttons */ .bottomButtons {margin: 10px 0px;} .bottomButton {display: block; height: 34px; line-height: 34px; color: #fff !important; text-decoration: none !important; text-transform: uppercase; font-weight: normal; border: 0px; font-size: 12px !important;} .continue {width: 155px; padding-left: 40px; background: url('../images/continue.png') 0px 0px no-repeat; float: left;} .recalculate {margin-right: 8px; width: 127px; padding-left: 30px; background: url('../images/recalculate.png') 0px 0px no-repeat; float: right;} .nextStep {margin-right: 8px; width: 160px; padding-right: 28px; text-align: right; background: url('../images/nextStep.png') 0px 0px no-repeat; float: right;} .previousStep {margin-right: 8px; width: 120px; padding-left: 34px; background: url('../images/previousStep.png') 0px 0px no-repeat; float: right;} .finish {margin-right: 8px; padding-right: 35px; text-align: right; background: url('../images/finish.png') 0px 0px no-repeat; float: right;} /* Login table */ .loginTable {width: 250px; margin: 0px 0px 0px 10px; padding: 0px 5px;} .loginTable p {margin: 0px;} .loginTable th {color: #bfb699; font-size: 11px; font-weight: normal; text-align: left; background: url('../images/dots1.png') 0px 100% repeat-x; padding-bottom: 10px;} .loginTable td {vertical-align: middle; background: url('../images/dots1.png') 0px 100% repeat-x; padding: 10px 0px;} .backToStore {width: 154px; background: url('../images/button1.png') 0px 0px no-repeat; float: right; text-align: center;} /* Ordering */ .ordering {width: 573px; height: 80px; background: url('../images/razeni.png') 0px 0px no-repeat; margin: 15px 0px;} .orderTable {width: 570px;} .orderTable td {vertical-align: middle;} .orderLabel1 {width: 100px; height: 30px; color: #bfb699; font-size: 11px; text-align: right; padding-right: 5px;} .orderLabel2 {width: 100px; height: 50px; color: #bfb699; font-size: 11px; text-align: right; padding-right: 5px;} .backbutton {display: block; width: 125px; height: 34px; line-height: 34px; background: url('../images/backbutton.png') 0px 0px no-repeat; text-align: center; color: #fff !important; text-decoration: none !important; font-size: 16px; } .orderByTd {font-size: 11px; color: #786949; padding-left: 10px;} .paginTd ul {padding-left: 10px;} .paginTd a {display: block; float: left; margin-right: 5px; width: 33px; height: 34px; line-height: 34px; text-align: center; background: url('../images/button.png') 0px 0px no-repeat; color: #958563; text-decoration: none;} .paginTd a:hover {background-position: 0px -34px !important; color: #fff;} .paginTd a span {display: none;} .paginTd .a {display: block; float: left; margin-right: 5px; width: 33px; height: 34px; line-height: 34px; text-align: center; background: url('../images/button.png') 0px 0px no-repeat; color: #958563; text-decoration: none;} .paginTd .active {background-position: 0px -34px !important; color: #fff;} .paginTd span {display: none;} /* Errors */ .errors {color: #F00; margin: 2px 0px 5px 0px;} #flashMessenger {padding: 0px 10px 5px; line-height: 18px;} .box-error {color: #D34A3B; padding-left: 20px; background: url('../images/alert.png') 0px 1px no-repeat;} .box-caution {color: #D34A3B; padding-left: 20px; background: url('../images/alert.png') 0px 1px no-repeat;} .box-info {color: #6C92D7; padding-left: 20px; background: url('../images/info.png') 0px 1px no-repeat;} .box-info a {color: #3058A0;} .box-success {color: #59AB3F; padding-left: 20px; background: url('../images/ok.png') 0px 1px no-repeat;} .box-warning {color: #e6b329; padding-left: 20px; background: url('../images/warn.png') 0px 1px no-repeat;}