/* MANNIA style.css */ * {margin: 0; padding: 0 ;} body {background: #fff url(../images/bckimg.jpg) no-repeat 34% 0 fixed; font-size: 75%; font-family: Arial, Tahoma, sans-serif; color: #242943; line-height: 1.5em; overflow: hidden; width: 100%;} #bodybg { margin-right: -120px; } /* Format classes */ .hidden {display: none;} .clear {clear: both;} a {color: #586085; text-decoration: underline;} a:hover {color: #586085; text-decoration: none;} strong, .strong, b {font-weight: bold;} small, .smaller {font-size: 90%;} .bigger {font-size: 120%;} .center {text-align: center;} .justify {text-align: justify;} p {margin: 1em 0 1em 0; padding: 0;} ul, ol {padding: 0; margin: 1em 0 1em 1.5em;} ul li {margin: 0.5em 0 0.5em 0; padding: 0 0 0 16px; background: transparent 0 0.35em; list-style: none;} ol li {line-height: 1.5em; margin: 0.25em 0 0.25em 0.5em;} hr {border: 0; color: #ccc; background-color: #ccc; height: 1px;} h1,h2,h3,h4,h5 {font-family: Georgia, Arial, Tahoma, sans-serif;} h1 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 300%; font-weight: normal; color: #586085; font-family: 'Segoe UI', Arial, Tahoma, sans-serif;} h2 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 150%; font-weight: normal; color: #586085; } h3 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 130%; font-weight: bold; color: #586085;} h4 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 130%; font-weight: normal; color: #586085;} h5 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 120%; font-weight: bold; color: #586085;} h6 {display: block; padding: 0; margin: 1.5em 0 1em 0; font-size: 100%; font-weight: bold; color: #586085;} /* form */ fieldset {border: none; margin: 0; padding: 0;} /* Product list */ .product-list-item {float:left; width: 234px; position: relative; margin: 0 33px 20px; _margin-right: 19px; _margin-bottom: 20px;} .product-list-item h2{ font-size: 150%; margin: 0 -33px 0.5em -15px; height: 1em; z-index: 10; position: relative;} .product-list-item h2 a{color: #5c6386; text-decoration: none;} .product-list-item h2 a:hover{color: #5c6386; text-decoration: underline;} .product-list-item-clear {margin-right: 33px; clear: right;} .product-list-item-image {width: 234px; height: 352px; overflow: hidden; display: block; background-color: #49435D; background-color: rgba(73,67,93,0.6);} .product-list-item-image {-webkit-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); -moz-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); } .product-list-item-bottom {height: 35px; width: 234px; position: absolute; bottom: 0; left: 0; overflow: hidden; background-color: #49435D; background-color: rgba(73,67,93,0.6); } .product-list-item-bottom h3 {color:#fff; margin: 1px 0 0 0; border-top: 1px solid #818398; width: 178px; padding: 0 10px 0 10px; float: left; font-weight: normal; font-size: 150%; height: 33px; line-height: 33px;} .product-list-item-bottom h3 span { font-size: 70%; text-decoration: line-through;} .product-list-item-bottom a{display:block; float: right; width: 36px; height: 35px; background: #C59936 url(../images/basket-button-category.gif) no-repeat 0 0;} .product-list-dotted-line {height: 30px; width: 100%; border-top: 1px dotted #fff;} /* Product detail */ #product-detail #breadcrumbs-wrap, #cart-detail #breadcrumbs-wrap {margin-bottom: 20px; border-bottom: 1px dotted #757A8D; padding-bottom: 10px;} #product-left {width: 485px; float: left;} #product-right {width: 410px; float: right;} #product-other-images {width: 92px; overflow: auto; float: left; _max-height: 570px; _height: 570px; overflow: visible; overflow-x: hidden; position: relative;} #product-other-images {width: 92px; overflow: auto; float: left; _max-height: 570px; _height: 570px; overflow: visible; overflow-x: hidden; position: relative;} #product-other-images div.other {width: 82px; overflow: hidden; max-height: 124px; border: none; margin-bottom: 10px;} #product-other-images-next {display: block; width: 83px; height: 16px; background: url('../images/sprite.png') 0px 0px; position: absolute; top: 0; left: 0;} #product-other-images-prev {display: block; width: 83px; height: 16px; background: url('../images/sprite.png') 0px 16px; top: 60px; left: 0;} #product-other-images-prev.pasive, #product-other-images-next.pasive { opacity: 0.5 } #product-other-images div.other {-webkit-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); -moz-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2);} #product-other-images div.other img{width: 82px;} #product-other-images div.active, #product-other-images div.other:hover {width: 76px; overflow: hidden; max-height: 118px; border: 3px solid #5D6386;} #product-other-images div.active img, #product-other-images div.other:hover img {position: relative; top: -3px; left: -3px; margin-bottom: -6px;} .product-detail-image { float: right; margin-right: 10px; } .news .product-detail-image { float: left; } .product-detail-image a {display: block; } .product-detail-image {-webkit-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); -moz-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); } #blue-bg #product-detail h1 {font-family: Georgia, Arial, Tahoma, sans-serif; display: block; padding: 0; margin: -0.15em 0 1em 0; font-size: 180%; font-weight: normal; color: #242943; line-height: 1.3em;} #product-detail .add-basket {border: 1px solid #5D6386; padding: 25px 20px 50px 20px; position: relative; font-size: 120%;} #product-detail .add-basket form { max-width: 100% !important;} #product-detail .add-basket-quantity {padding-bottom: 1.5em;} #product-detail .add-basket-quantity input{border: 1px solid #5D6386; color: #5D6386; float: left; padding: 5px; text-align: right; width: 15px;} #product-detail .add-basket-quantity label{display: block; float: left; width: 100px; position: relative; top: 5px;} #product-detail .add-basket-size {padding-bottom: 1.5em;} #product-detail .add-basket-quantity-select, #product-detail .add-basket-size-select{ padding: 0; margin: 0; width: 130px; float: left;} #product-detail .add-basket-quantity select, #product-detail .add-basket-size select{padding: 0; margin: 0; color: #5D6386; background-color: #fff;} #product-detail .add-basket-size label{display: block; float: left; width: 100px;} #product-detail .add-basket-price span{display: block; float: left; width: 100px;} #product-detail .add-basket-price strong{color: #fff; font-family: Georgia, Arial, Tahoma, sans-serif; font-size: 170%; font-weight: normal;} #product-detail .add-basket-price strong .oldPrice{ font-size: 70%!important; text-decoration: line-through; } #product-detail .add-basket .basket_button{color: #fff; text-indent: 50px; font-size: 130%; font-weight: bold; display: block; width: 156px; height: 52px; text-align: center; border: 1px solid #D9B051; background: #C69936 url(../images/addtobasket.png) repeat-y 0 0; text-align: left; text-transform: none; padding: 6px 0px; position: absolute; bottom: -27px; left: 122px;} #product-detail .add-basket .basket_button{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-shadow: 2px 2px 3px #90783F; -webkit-box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); box-shadow: 3px 3px 3px 0px rgba(73, 67, 93, 0.2); } #product-detail h2.product-content {color: #242943; font-family: Arial, Tahoma, sans-serif; border-bottom: 1px dotted #757A8D; padding-bottom: 0.5em;} /* Home */ #home-content h1 {color: #AA7111; padding: 0 20px 30px 20px; border-bottom: 1px solid #D4D4D4; margin: 30px 0 20px 0; atext-shadow: 0px 0px 1px #4A2500;} #home-content .content {color: #000; padding: 0 20px 40px 20px; } /* Position */ .cookies-message { display: none; position: fixed; top: 0px; left: 0px; background-color: rgba(88, 96, 133, 0.75); width: 100%; z-index: 1000; color: white; } .cookies-message > div { margin-right: -120px; } .cookies-message > div > div { width: 940px; margin: 0 auto; } .cookies-message div p { float: left; } .cookies-message div a { float: right; margin: 0.5em 0; padding: 0.5em; text-decoration:none; background-color: #586085; color: white; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; } #bodybg {} #container {width: 940px; margin: 0 auto 20px auto; padding: 0 10px 0px 10px;} #header {height: 120px; position: relative;} #header .home {display: block; width: 293px; height: 67px; position: absolute; top: 25px; left: 0;} #header #basket-info {position: absolute; top: 15px; right: 0; width: 260px; padding: 15px 0 0 0; height: 38px; margin: 0; color: #000; background: transparent url(../images/kosik.png) no-repeat 150px 0; font-size: 120%;} #header #basket-info .basket-empty{color: #586085; font-style: italic; font-size: 83.333%;} #header #basket-info a{font-weight: bold; text-decoration: none;} #header #basket-info a:hover{font-weight: bold; text-decoration: underline;} #header #search {position: absolute; top: 51px; right: 0; width: 260px; padding: 7px 0; margin: 0;} #header #search div{margin: 0; padding: 0;} #header #search input.text{width: 183px; padding: 0 62px 0 15px; border: 1px solid #B1B8CB; margin: 0; height: 27px; font-size: 90%; background-color: #fff;} #header #search input.action{border: none; display: block; font-size: 0; text-indent: -99999; padding: 0; margin: 0; width: 44px; height: 44px; background: transparent url(../images/search-button.png) no-repeat 0 0; position: absolute; top: 0; right: 7px;} #header #menu-logo {background: url("../images/threelines.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); color: #586085; display: none; font-size: 20px; font-weight: bold; height: 30px; line-height: 27px; position: absolute; right: 15px; text-decoration: none; top: 40px; width: 90px; } #header #news, #header #account {position: absolute; top: 94px; right: -2px; width: 260px; text-decoration: none; font-weight: bold; font-size: 120%; } #header #news { text-align: right; width: 130px; } #header #news:hover, #header #account:hover { text-decoration: underline; } #menuline {background: #586085; height: 50px; line-height: 50px; font-size: 120%;} #menuline ul{margin: 0; padding: 0 0 0 5px; height: 50px;} #menuline li{float: left; padding: 0 2px 0 0; background: transparent url(../images/menu-li.gif) no-repeat right 0; margin: 0; display: block;} #menuline li.last{ background-image: none;} #menuline a{color: #fff; display: block; padding: 0 20px; text-decoration: none;} #menuline .current>a, #menuline .section>a{color: #000; background: #fff;} #menuline .current .sub a {color: #fff; background: #586085;} #menuline .current .sub a:hover {color: #000; background: #fff;} #menuline a:hover {color: #000; background: #fff;} #menuline a .sub a:hover {color: #000; background: #fff;} /* submenu */ #menuline li ul.sub { position: absolute; display: none; background-color: #586085; z-index: 151; border-top: 2px #ffffff solid; } #menuline li ul.sub li:last-child { background-image: none; } #menuline li ul.sub { padding: 0 10px; height: auto; } #menuline li:hover ul.sub { display: block;} #menuline li.current ul.sub li.current a { color: #fff; background-color: #586085; } #menuline li ul.sub li.current a { color: #000; background-color: #fff; } #slideshow{height: 414px; overflow: hidden; position: relative; margin: 10px 0;} #slideshow-content{z-index: 100; position: relative;} #slideshow-hover{display: block; z-index: 150;height: 414px; width: 940px; position: absolute; background: transparent url(../images/slider-hover.png) no-repeat 0 0; top: 0; left: 0;} .ie6 #slideshow-hover{background: transparent none no-repeat 0 0;} #slideshow-prev {position: absolute; top: 0; left: 0; z-index: 160; display: block; width: 80px; height: 414px;} #slideshow-next {position: absolute; top: 0; right: 0; z-index: 160; display: block; width: 80px; height: 414px;} #home-small-images{height: 119px; overflow: hidden;} #home-small-images div {width: 181px; height: 119px; overflow: hidden; text-align: center; float: left; margin-left: 8px; _margin-left: 4px;} #home-small-images div.first {margin-left: 0px;} #blue-bg {background: transparent url(../images/content-bg.png) repeat 0 0; _background: #9FA4BA none no-repeat 0 0; padding: 20px; margin-top: 10px; min-height: 350px; } #blue-bg h1 {color: #242943; font-weight: normal; margin: 0.5em 0 1em 0; font-family: Arial, Tahoma, sans-serif; font-size: 208%;} #breadcrumbs-wrap {color: #242943;} #breadcrumbs-wrap > div {display: inline-block; float: none;} #breadcrumbs-wrap a {color: #242943; text-decoration: none;} #breadcrumbs-wrap a:hover {color: #242943; text-decoration: underline;} #footer {background: #3D3D3D; color: #C5C5C5; font-size: 90%; padding: 20px; margin-top: 25px; } .footer-links {border-bottom: 1px solid #555555; overflow: hidden; padding: 0 0 1em 0; margin: 0 0 1em 0;} .footer-links ul{display: block; height: 1.5em; padding: 0; margin: 0;} .footer-links li{display: block; padding: 0 25px 0 0; margin: 0; float: left;} #footer a {color: #C5C5C5; text-decoration: none;} #footer a:hover {color: #C5C5C5; text-decoration: underline;} .small-fb { display: none;} /* Cart Table Order */ #CartTable table { width: 100%; } .ProductSummary table tfoot, #CartTable table thead, #CartTable table tfoot { background-color: #242943; margin-bottom: 0.5em; } .ProductSummary table tfoot tr td, #CartTable table tfoot h2, #CartTable table thead h2 { color: #c6cbda; line-height: 30px; font-size: 18px; padding: 0; margin: 0; } .ProductSummary table tfoot tr td { line-height: 25px!important; padding: 5px 15px; background-color: #242943; } .ProductSummary table tfoot tr td:first-child { text-align: right;} #CartTable table tfoot td:first-child h2 {float: right; padding-right: 10px;} .ProductSummary table tr, #CartTable table tbody tr { background: url('../images/cart-bg.png'); } .ProductSummary table tr.removed, #CartTable table tbody tr.removed { background: url('../images/cart-bg2.png'); } .ProductSummary table td, #CartTable table td { text-align: center; vertical-align: middle;} .ProductSummary table td a, .ProductSummary table td p, #CartTable table td a, #CartTable table td p { font-size: 15px; text-decoration: none; color: #242943; } #CartTable table tfoot p { color: #fff; display: block; clear: both; padding-right: 10px; text-align: right; font-size: 12px; } #CartTable table td a.button { display: inline-block; width: 24px; height: 24px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; background-color: #586085; color:#fff; border: 2px transparent solid; text-align: center; line-height: 26px; font-family: Georgia; } #CartTable table td a.button:hover { border-color: #fff; } #DiscountError { position: absolute; background-color: #fff; padding: 5px; border: 1px solid #49435D; } #CartTable table td input { border: 1px solid #DAD9D9; font-size: 15px; padding: 6px 1%; } #CartTable table td button { margin-bottom: 16px; } #goToOrder button {float: right} #cart-detail .Actions {height: 45px; margin-top: 25px; } #cart-detail .Actions input { color: #fff; background-color: #586085 !important; float: right; margin-top: 0px;} #cart-detail .Actions a { color: #fff; background-color: #586085 !important; float: left; padding: 6px 20px; border-radius: 4px 4px 4px 4px; text-transform: uppercase; text-decoration: none; } button {color: #fff; background-color: #586085 !important; } button:hover { background-color: #5E72C3 !important; } .Pagination { float: right;} .Pagination>div { width: 30px; height: 30px; background-color: #fff; color: #000; border-radius: 15px; float: left; margin: 5px 5px 0; line-height: 30px; text-align: center; width: 30px; font-weight: bold; } .Pagination>div.current { background-color: #586085; color: #fff; border-radius: 20px; border: 5px solid rgba(255, 255, 255, 0.8); margin: 0 5px; } .Pagination>div a { text-decoration: none; color: #000; } fieldset {width: 100%;} fieldset label.left { width: 25%; float: left; font-size: 15px !important; font-weight: bold; } fieldset .middleColumn { width: 68%; float: left;} #shippingDescribtion { background-color: #C6CBDA; padding: 5px; width: 613px;; } #Form_SummaryForm fieldset>div { padding: 0px; } .ProductSummary, .ShippingSummary { width: 100%; font-size: 12px; } .ProductSummary h2, .ShippingSummary h2 { width: 90%; color: #C6CBDA; background-color: #242943; padding: 0.5em 5%; } .ProductSummary td { font-size: 15px; } .ProductSummary table, .ProductSummary table tr { width: 100% !important; } .ShippingSummary form { max-width: 100% !important; width: 100%; } .ShippingSummary .Actions { width: 100%; } form.p.message { width: 100%; background-color: transparent; color: #8FBE00; float: none; } #CartTable form label, .ShippingSummary fieldset>div > label { text-align: right;} .ShippingSummary fieldset>div > label { width: 15%; } #CreateProfile, #AddToNewsletter { margin-left: 200px; } #CreateProfile label, #AddToNewsletter label { float: left; text-align: left; } form .optionset li { padding: 0px;} .ShippingSummary #Agreement { float: right; width: 243px; background-color: transparent; } .ShippingSummary #Agreement > label { width: 100%;} #Form_SummaryForm_error {padding: 5px; } .images .other { margin: 5px; width: auto; float: left; } .ArticleHolderImage img { max-width: 90%; } .ArticleHolderImage { width: 25%; float: left; } .ArticleHolderContent { width: 75%; float: right; } #NewsletterForm_NewsletterForm {width: 100%; max-width: 300px;} #NewsletterForm_NewsletterForm input { max-width: 75%; padding: 0 6px; height: 25px; line-height: 25px; margin: 0px; } #NewsletterForm_NewsletterForm input:required { box-shadow:none; } #NewsletterForm_NewsletterForm input[type="submit"] { max-width: 25%; padding: 0px; width: 25px; border-radius: 0px; overflow: hidden; text-indent: -1000px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #NewsletterForm_NewsletterForm input[type="submit"] { background-repeat: no-repeat; background-position: center center; background-image: url('/themes/mannia/images/submit.png') } #registration:before, #registration:after { display: table; content: '';} #registration .half {width: 50%; float: left; } #registration:after { clear: both;} #registration .half form { max-width: 90%; } #registration .confirmedpassword > .middleColumn { width: 100%; } #profil-menu:before, #profil-menu:after { display: table; content: '';} #profil-menu:after { clear: both;} #profil-menu { padding: 0; margin: 30px 0; } #profil-menu li {width: auto; float: left; padding: 0 10px 0 0; margin: 0; } #profil-menu li a { padding: 5px; border: 1px solid #586085; text-decoration: none; } #profil-menu li a:hover, #profil-menu li a.Active { border: 1px solid #586085; color: white; background-color: #586085; } .MyOrders { width: 100%; } .MyOrders td { text-align: left; vertical-align: center; padding: 5px 0; } .MyOrders th { text-align: left; } .MyOrders .Right { text-align: right; } .ArticleContent img { max-width: 100%!important; height: auto!important; margin: 10px 0; float: none!important; } .ArticleContent img.left { float: left!important; margin-right: 10px; } .ArticleContent img.right { float: right!important; margin-left: 10px;} .ArticleContent img.center { float: none!important; margin: 10px auto!important; display: block; } @media screen and (max-width: 1024px) { #header #news, #header #account { right: 10px; } #bodybg{ margin-right: 0px; } #menuline { position: relative; } #menuline li:hover ul.sub { display: none;} #menuline ul .section ul, #menuline ul .current ul { position: absolute; display: block!important; width: 100%; left: 0px; } #menuline ul ul.sub{ padding: 0px; } .cookies-message > div { margin-right: 0px; padding-right: 10px; padding-left: 10px; } .cookies-message > div > div { width: 100%; } } @media screen and (max-width: 960px) { #container{ padding: 0px; width: 100%; } #header .home { left: 10px;} #header #basket-info { right: 10px; } #header #search { right: 10px; } #menuline { font-size: 100%; } #menuline a { padding: 0 15px; } #home-small-images { height: auto; } #home-small-images div { margin-left: 2.5%; width: 18%; height: auto; } #home-small-images div img { width: 100%; } #slideshow { width: 100%!important; height: auto!important; } #slideshow-content { width: 100%!important; height: auto!important; } #slideshow-content img { width: 100%!important; height: auto!important; } #slideshow-next, #slideshow-prev {height: auto!important; } .product-list-item { margin: 0 10px 20px;} .product-list-item h2 { margin: 0 0 10px; } } @media screen and (max-width: 800px) { #product-right { width: 50%} #product-left { width: 50%} #product-left .product-detail-image img{ width: 100%} #product-left #product-other-images { width: 100%; float: none;} #product-left #product-other-images #product-other-images-prev{ display: none;} #product-left #product-other-images #product-other-images-next{ display: none;} #product-left #product-other-images #product-other-images-overflow{ margin: 0!important; height: auto!important;} #product-left #product-other-images #product-other-images-content{ display: table-cell; vertical-align: middle; text-align: center; } #product-left #product-other-images #product-other-images-overflow .other{ float: none; margin: 5px; display: inline-block; text-align: center; } } @media screen and (max-width: 768px) { .small-fb { display: block;} .big-fb { display: none;} .product-list-dotted-line {display: none} #CreateProfile, #AddToNewsletter {margin-left: 0; } form .message { float: left!important; } #registration .half {width: 100%; } #registration .half fieldset .middleColumn { width: 100%; } .ArticleHolderImage { width: 33%; } .ArticleHolderContent { width: 66%; } } @media screen and (max-width: 640px) { #blue-bg #product-detail h1, #blue-bg h1, h1 { font-size: 200%;} .product-list-item h2, #product-detail h2.product-content, h2 { font-size: 125%;} #menuline a { padding: 0 10px; font-size: 11px; } #CartTable form label, .ShippingSummary fieldset > div > label { text-align: left; } .ShippingSummary fieldset > div > label { width: 25%; } } @media screen and (max-width: 600px) { #header { height: auto; margin-bottom: 26px;} #header:before, #header:after { content: ' '; display: table; } #header:after { clear:both; } #header .home { position: relative; width: 100%; } #header #basket-info { position: relative; float: left; padding: 7px 0; left: 10px; width: 50%; top: 26px; } #header #search { position: relative; float: right; right: 10px; top: 26px; width: 50%} #header #search div.field { width: 100%; } #header #menu-logo { display: block; } #header #account { clear: both; } #header #news, #header #account {position: relative; width: 40%; text-align: left; right: auto; top: auto; float: left; margin: 20px 12px 0; } #header #news { float: right; text-align: right; } } @media screen and (max-width: 480px) { #menuline { display: none; height: auto; } #menuline ul { height: auto; padding: 0px; } #menuline ul li { width: 100%; float: none; } #menuline li ul.sub { width: 100%; height: auto; display: block; position: relative; } #menuline li:hover ul.sub { display: block;} #product-right { width: 100%} #product-left { width: 100%} #header #news, #header #account { width: 40%; margin: 20px 0 0 12px; } #header #news { margin: 20px 12px 0 0; } .ArticleHolderImage, .ArticleHolderContent { width: 50%; } } @media screen and (max-width: 480px) { #header #menu-logo { top: 140px; } #header #basket-info { width: 100%; } #header #search { width: 90%; left: 10px; float: none;} #header #search div.field input { width: 210px; } #product-detail .add-basket .basket_button {left : auto;} .ArticleHolderImage, .ArticleHolderContent { width: 100%; } } @media screen and (max-width: 330px) { #header #basket-info { background-image: none; } }