/* CSS Document */ body { margin: 10px auto; text-align: center; font-family: Georgia,"Trebuchet MS",Verdana,Arial,sans-serif; /*background: url(images/colage/collage_background.jpg); */ /*background: url(images/bg_wood_collage.jpg);*/ background: url(images/colage/collage_background.jpg); } #container { margin: 0px auto; text-align: left; color: #FFFFFF; padding: 5px; /*background: white url(images/lavender_200.jpg) no-repeat left bottom */ } #header {border: 0px solid #555 } #up {padding: 10px 0} a, a u{color: #FF9900; /*color: #B1060D;*/ text-decoration: none} a:hover {text-decoration: underline} h2 {font-size: 18px} h3 {color: #FFFFFF; font-size: 16px } h4 {} p, ol, h4, address {padding-bottom: 10px; padding-left: 10px} #menu-strip {height: 37px; vertical-align: bottom; overflow: hidden;} #menu-strip .strip-left { background: url(images/wood/strip-menu-bg-left.gif) left top no-repeat; height: 37px} #menu-strip .strip-right { background: url(images/wood/strip-menu-bg-right.gif) right top no-repeat; height: 37px} /* #menu-strip .menu-item-first {height:32px; padding-left: 7px; padding-top: 0px} #menu-strip .menu-item {background: url(images/menu-delimiter.gif) left no-repeat; height:32px; padding-left: 7px; padding-top: 0px} #menu-strip .menu-item a, #menu-strip .menu-item-first a { padding-top: 12px; color: #efefef; text-decoration: none; } #menu-strip .menu-item a span, #menu-strip .menu-item-first a span { font-size: 14px; margin-top: 12px; color: #efefef; text-decoration: none; line-height: 32px} #menu-strip .menu-item a:hover {text-decoration: underline} */ #aboutus {background: url(images/wood/about_us.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 70px; height: 37px; } #aboutus:hover {background: url(images/wood/about_us.jpg) top no-repeat ; width: 70px; height: 37px} #conditions {background: url(images/wood/conditions.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 210px; height: 37px} #conditions:hover {background: url(images/wood/conditions.jpg) top no-repeat ; width: 210px; height: 37px} #shipping {background: url(images/wood/shipping.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 140px; height: 37px} #shipping:hover {background: url(images/wood/shipping.jpg) top no-repeat ; width: 140px; height: 37px} #payment {background: url(images/wood/payment.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 70px; height: 37px} #payment:hover {background: url(images/wood/payment.jpg) top no-repeat ; width: 70px; height: 37px} #contact {background: url(images/wood/contact.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 50px; height: 37px;} #contact:hover {background: url(images/wood/contact.jpg) top no-repeat ; width: 50px; height: 37px} /* English */ #aboutus_en {background: url(images/wood/about_us_en.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 70px; height: 37px; } #aboutus_en:hover {background: url(images/wood/about_us_en.jpg) top no-repeat ; width: 70px; height: 37px} #conditions_en {background: url(images/wood/conditions_en.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 200px; height: 37px} #conditions_en:hover {background: url(images/wood/conditions_en.jpg) top no-repeat ; width: 200px; height: 37px} #shipping_en {background: url(images/wood/shipping_en.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 140px; height: 37px} #shipping_en:hover {background: url(images/wood/shipping_en.jpg) top no-repeat ; width: 140px; height: 37px} #payment_en {background: url(images/wood/payment_en.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 70px; height: 37px} #payment_en:hover {background: url(images/wood/payment_en.jpg) top no-repeat ; width: 70px; height: 37px} #contact_en {background: url(images/wood/contact_en.jpg) bottom no-repeat ; padding: 0px 10px; display: block; width: 70px; height: 37px;} #contact_en:hover {background: url(images/wood/contact_en.jpg) top no-repeat ; width: 70px; height: 37px} #left {margin: 0; padding: 5px; } #content {float:right; line-height: 22px; word-spacing: 2px; border: 0px solid blue; margin: 0px; margin-top: 24px; margin-bottom: 24px; padding: 0px; font-size: 13px} #content .slideshow #slider {padding: 0px; margin: 0px} #content .product-list-item {padding: 0px 5px 5px 5px; margin-top: 10px; margin-bottom: 20px; text-align: center; } #content .product-list-item img { border: 1px solid #3A1D1B} #content .product-list-name { border: 0px solid #ddd; text-align: center; background: transparent; padding: 0px; height: 20px; margin: 0 2px; } #content .product-list-name a {width: 110%; line-height: 25px; text-align: center; color: #FF9900; text-decoration: none; font-weight: bold } #content .product-list-name a:hover {text-decoration: underline } #content .product-list-price {font-size: 140%; text-align: center; color: #FFE0BB; font-family: Georgia, Verdana, Tahoma; font-weight: normal} .euro-price {font-size: 80%; color: #777; font-weight: normal; float: left; clear: both; width: 100%; margin-bottom: 10px} #content .product-list-buttons {height: 14px; vertical-align: bottom;} #content .product-list-buttons a {} #content .product-list-buttons img {padding: 5px 3px; margin: 4px 3px; } #content img.button {border: 0px; text-align: left} #content .paginator table { margin: 40px 3px} #content .checkbox {width: 20px; height: 20px} #content .input-number {text-align: right} .box-header {background: url(images/colage/box_header_bg.jpg) left no-repeat; margin: 0; width: 220px; margin-top: 20px; height: 30px; color: #efefef; } /*.box-header {background: url(images/wood/box-header-bg.gif) left no-repeat; margin: 0; width: 220px; margin-top: 20px; height: 30px; color: #efefef; }*/ #categoriesBox .box-header div.box {padding: 0px 5px; display: block; width: 100px; height: 30px; background: url(images/colage/offer_sk.jpg) 7px no-repeat;} #categoriesBox .box-header div.box_en {padding: 0px 5px; display: block; width: 150px; height: 30px; background: url(images/colage/offer_en.jpg) 7px no-repeat;} #euroBox .box-header div {padding: 0px 5px; display: block; width: 140px; height: 30px; background: url(images/colage/exchangerate.jpg) 7px no-repeat;} #footer {border-top: 1px solid #aaa; font-size: 11px; padding: 5px; margin: 10px auto; } #footer a { text-align: left; color: #222 important!; padding-left: 5px} #footer a:hover { text-align: left; text-decoration: underline; color: #222 important!} #submenu {float: right; padding:0px 0; margin: 0px 0; line-height: 16px;} /* SUPPORT NAV */ #submenu #navSupport { list-style:none; display: inline; padding-top: 5px; float: right; } #language-flags {padding-top: 0; margin-top: 0; text-align: right; float: right; padding-right: 0px; padding-bottom: 5px;border: 0px solid red} ul#navSupport li {float:right; position:relative;} ul#navSupport li a {color:#FEE9CE; padding: 0 12px 0 12px;margin:0;font-size:90%;font-weight:normal;border-right: 1px solid #efefef;} ul#navSupport li.basket a {background: url(images/cart.jpg) no-repeat 12px 3px;border:none;padding:0 10px 3px 40px;display:block;margin-top:-1px;} ul#navSupport li.basket a span.my-basket {font-size:90%;padding:0 5px 0 0;font-weight:normal; text-decoration: none} ul#navSupport li:hover ul, ul#nav-support li.over ul {display:block;} ul#navSupport li ul {display:none; position:absolute; left:0; margin:0; padding:5px 0 8px 0; z-index:3;} ul#navSupport li.basket ul li {float:none; list-style:none; padding:0 11px 0 0; margin:0; text-align:right; font-size:90%; font-weight:bold; color:#272727;} ul#navSupport li.basket ul li a {background:none;padding:0;margin:5px 0 5px 0;} /* categories */ #categoriesBox { width: 100%; padding: 5px 0;} #categories {width: 100%} #categoriesBox #categories li {padding: 1px 0; border-bottom: 1px dashed #6F574C /*#9F8B82 #783125*/} #categoriesBox #categories li a.tree_menu0 { display: block; padding: 4px 2px; width: 100%; font-size: 13px; text-decoration: none; color: #FEE9CE} #categoriesBox #categories li a.tree_menu0:hover { font-size: 13px; text-decoration: none; /*background: #7F564F;*/ color: #FF9900} #categoriesBox #categories li a.tree_menu1 { list-style: disc; display: block; padding: 4px 2px; width: 100%; text-indent: 10px; font-size: 12px; text-decoration: none; color: #FEE9CE} #categoriesBox #categories li a.tree_menu1:hover { font-size: 12px; text-decoration: none; color: #FF9900} #categoriesBox #categories li a.tree_menu2 { list-style: disc; display: block; padding: 4px 2px; width: 100%; text-indent: 14px; font-size: 11px; text-decoration: none; color: #FEE9CE} #categoriesBox #categories li a.tree_menu2:hover { font-size: 11px; text-decoration: none; color: #FF9900} * html #categoriesBox{ /*IE only rule. Original menu width minus all left/right paddings */ width: 200px; } /* euro */ #euroBox { padding: 5px 0;} * html #euroBox{ /*IE only rule. Original menu width minus all left/right paddings */ width: 200px; } #search_button {background: url('images/search-25x25.gif') no-repeat 0 0; border: 0px; height: 25px; width: 25px; cursor: pointer; overflow: visible; } .brands {background: white url('images/colage/companies_bg.jpg'); border: 1px solid #B4AC7E; height:110px; margin-top: 10px; } .brands div {float: left; margin:0; padding:0; margin-left: 5px; padding: 5px; padding-top: 15px} .brands div.first {margin-left: 5px; } .brands div.last {margin-right: 5px; } .brands a img {margin-left: 10px; margin-top: 24px} .main .main, .formArea .main, dd {padding: 5px 15px;} .infoBoxHeading, .formAreaTitle, dt {background: #3A1D1B ; padding: 3px 5px; padding-top: 7px; color: black; font-weight: bold; color: #FFFFFF; height: 20px} .pageHeading { vertical-align: middle; padding: 0px; color: #FFFFFF; font-weight: bold} .infoBoxHeading .productListing-heading {background: #3A1D1B; color: #FFFFFF; padding: 5px} .productListing-odd td {padding: 10px 0px} .productListing-data img {border: 1px solid #3A1D1B} .productListing-data a {text-decoration: underline; color: #333; padding-left: 5px } .productListing-data a:hover {text-decoration: none} .infoBoxHeading .productListing-even .productListing-data {vertical-align: top; color:#333; padding: 5px 0; background: #FFFFFF; } .infoBoxHeading .productListing-odd .productListing-data {vertical-align: top; color:#333; padding: 5px 0; background: #fff; } /* S3 SLIDER JQUERY */ #slider { width: 540px; height: 450px; position: relative; overflow: hidden; float: right; background: url('images/wood/fotky3.jpg') no-repeat; border: 0px solid #ddd; padding: 10px } #sliderContent { width: 450px; height: 306px; position: absolute; top: 40px; left: 26px; margin-left: 0; padding: 10px 10px; border: 0px solid #ccc; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 11px/15px Tahoma, Verdana, Georgia; padding: 10px 13px; width: 0px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; } .clear { clear: both;} .sliderImage span strong { font-size: 14px;} .top {top: 0; left: 0;} .bottom { bottom: 0; left: 0;} ul { list-style-type: none;} /* PRODUCTS LIST*/ .product-list-img {padding: 2px; background: white; margin:0; border: 1px solid #3A1D1B; } span.error {color: red; font-size: 90%} /* CART */ .cart-subtotal { color: #FFFFFF} /* DIV LAYOUT DESIGN */ /* .table { background: #ccc; padding: 5px} .moduleRow {background: #eee; border-bottom: 2px solid #ddd; height: 50px} .moduleRowSelected div {color: red; background: #eee; height: 50px; border-bottom: 2px solid #ddd;} .moduleRow div div {padding-left: 5px;} .main input {height: 50px; vertical-align: middle; margin: auto 3px} */ .moduleRowSelected, .moduleRowSelected b {color: #FF9900} .checkoutBar {border-top: 1px solid #FF9900} .checkoutBarFrom a, .checkoutBarCurrent, .checkoutBarTo {font-family: Tahoma; font-size: 80%} .checkoutBarCurrent {background: #FF9900; width: 25%; float: left; color: white;} .checkoutBarTo {background: #eee; color: #3A1D1B; width: 25%; float: left} .checkoutBarFrom a{background: #eee; color: #555; width: 25%; display: inline; float: left} .shipping-option, .payment-option {padding: 3px 3px; background: #ccc; margin: 5px} .payment-option {font-weight: bold; } .moduleRowSelected td, .moduleRowOver td, .moduleRow td {padding: 5px 0px} dd ul li {list-style: circle} dd ul { padding-left: 30px} dd {padding-left: 20px; margin-bottom: 10px} /* DETAIL */ .products-main-image {float: left; width: 250px; height: 250px; background: #efefef; border: 2px solid #3A1D1B; display: table; } .cover-med {text-align: center; vertical-align: middle; display: table-cell} .products-main-info {float: left; clear: right; border: 0px solid green} .buttons, .products-button, .products-available {float: left; clear: both; } .products-description {float: left; clear: both} .products-main-info {padding-left: 10px} .even td {background: #efefef; filter: alpha(opacity=70); -moz-opacity: 0.3; -khtml-opacity: 0.5; opacity: 0.5; } .odd td {background: #dedede; filter: alpha(opacity=70); -moz-opacity: 0.3; -khtml-opacity: 0.5; opacity: 0.5; } .label {width: 170px; padding: 3px 5px; color: black; font-family: Verdana, Tahoma, Arial;} .value {font-weight: bold; color: black; font-family: Verdana, Tahoma, Arial;} .value-highlight {font-size: 16px; color: #F38EFC} .products-name h1 {font: 20px Georgia, Verdana, Tahoma, Arial; font-weight: bold; letter-spacing: 1px; color: #FF9900} .products-name h3 a {padding: 5px 0; color: #fff} .products-description {padding: 5px 0} .products-description h4 {background: #9e8c80; padding: 5px; color: black; height: 20px; color: #FFFFFF} /* .products-description h4 {background: #3A1D1B; padding: 5px; color: black; height: 20px; color: #FFFFFF} */ .products-description div {padding: 10px 5px; word-spacing: 7px; line-height: 170%; text-indent: 30px} .products-additional-images, .products-reviews, .products-last-visited {display: none} #xsell-products {float: left; clear: both; width: 100% } #xsell-products h4 {background: #9e8c80; padding: 5px; color: black; height: 20px; color: #FFFFFF} .xsell-content {padding: 5px 0; float: left} .xsell-content .xsell-product {text-align: center; margin: 10px 0; width: 170px; float: left} .xsell-product-name {background: transparent} table {border: 0px solid red} .product-row td {border-bottom: 1px solid #555} table.subtotal tr td {font-weight: bold} .infoBox tr td {padding: 5px 3px} img.without-border {border: 0px solid #eee} .listing-alignment {vertical-align: top} td.smallText, a.pageResults {color: #FFFFFF } button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } button span { position: relative; display: block; white-space: nowrap; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } } /* OPTIONAL BUTTON STYLES for applying custom look and feel: */ button.submitBtn { padding: 0 15px 0 10px; margin-right:5px; font-size:12px; height:23px; text-align: center; background: transparent url(images/colage/button_right.jpg) no-repeat right; } button.submitBtn span { padding: 3px 10px 0 14px; height:23px; background: transparent url(images/colage/button_left.jpg) no-repeat left top; color:#9410d9; font-family: Georgia; font-weight: bold; } .markProductOutOfStock , td.stockWarning { color: #EF2700 /*FF9900*/; height: 60px; line-height: 20px; background: white; padding-bottom: 20px; font-weight: bold }