@font-face {font-family: 'MyriadPro'; src: url('../fonts/mpreg-webfont.eot'); src: url('../fonts/mpreg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mpreg-webfont.woff') format('woff'), url('../fonts/mpreg-webfont.ttf') format('truetype'), url('../fonts/mpreg-webfont.svg#MyriadProRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'MyriadPro'; src: url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-bold-webfont.woff') format('woff'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'MyriadProLight'; src: url('../fonts/myriadpro-light_0-webfont.eot'); src: url('../fonts/myriadpro-light_0-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-light_0-webfont.woff') format('woff'), url('../fonts/myriadpro-light_0-webfont.ttf') format('truetype'), url('../fonts/myriadpro-light_0-webfont.svg#MyriadProLight') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'MyriadProLight'; src: url('../fonts/myriadpro-semibold-webfont.eot'); src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg'); font-weight: bold; font-style: normal;}
/*
 * Reset browser styles
 */
* {margin: 0; padding: 0}
html {min-height: 100%; padding-bottom: 1px; overflow: scroll;}
body {position:relative; min-width: 980px; min-height: 100%; background: #e1dcd5; color: #3f3f3f; font: .75em/1.5 "Arial", "Helvetica", sans-serif}
p, ul, ol, dl {padding-bottom: 1em}
ul, ol {margin-left: 0; padding-left: 2em}
li ul, li ol {padding-bottom: 0}
ul[class] {list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #437e22; text-decoration: none; cursor: pointer}
a:hover {color: #888; text-decoration: underline}
textarea, input, select, button {font: 1em "Arial", "Helvetica", sans-serif}
button, input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], input[type="reset"], label[for], select {cursor: pointer}
legend {display: none;}
fieldset {border: none;}

/*
 * Reset padding in buttons in Firefox
 */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}

/*
 * Global basic styles
 */

h1 {margin: 0.5em 0; color: #3e3126; font-size: 2.25em;}
h2 {margin: 1em 0 0.25em; color: #3e3126; font-size: 1.75em;}

button, a.button {display: inline-block; width: auto; height: 26px; padding: 0 25px; border: none; border-radius: 3px; background: #d97d4f; color: #fff; font-weight: 700; line-height: 26px; outline: none;}
button:hover, a.button:hover {background: #cac1b5; text-decoration: none;}
label {float: left; clear: left; width: 100px; margin: 5px 15px 5px 0; padding: 5px 0; color: #666; text-align: right;}
input, textarea {float: left; width: 210px; margin: 5px 0; padding: 5px 10px; border: 1px solid #b8b8b8; background: #fff url("../images/input.png") repeat-x 0 0;}
input[type="checkbox"], input[type="radio"] {width: auto; border: none; background: transparent; }
textarea {max-width: 210px; min-width: 210px; background-image: url("../images/textarea.png");}

/*
 * Main Layout
 */
body {background: #e1dcd5 url("../images/bg.jpg") repeat-x 50% 0;}
.header {height: 480px; background: url("../images/bamboo.png") no-repeat 50% 0;}
.header>div {position: relative; width: 980px; height: 193px; margin: 0 auto;}
.header ul {position: absolute; list-style: none; margin: 0; padding: 0;}
.header ul li {float: left; margin: 0; padding: 0;}
.header ul li a {overflow: hidden; float: left; width: auto; text-decoration: none;}
.header ul li ul li a {display: block; float: none;}

.header ul.menu {top: 115px; left: 0; z-index: 50; width: 728px; height: 86px; padding-left: 252px; background: url("../images/mm.png") no-repeat 0 0;}
.header ul.menu li {position: relative; padding-left: 1px; background: url("../images/mm_separator.png") no-repeat 0 50%;}
.header ul.menu li:first-child {background: transparent;}
.header ul.menu a {height: 51px; padding: 0 9px; color: #fff; font: 400 1.25em/51px "MyriadPro",sans-serif;}
.header ul.menu a:hover,
.header ul.menu>li.active>a,
.header ul.menu>li.active-trail>a,
.header ul.menu li:hover>a
 {color: #bca695; border-bottom: 2px solid #d97d4f;}
 .header ul.menu li ul.menu {display: none; position: absolute; left: 0; top: 51px; width: 200px; height: auto; padding: 0; background: #5B493C;}
 .header ul.menu li:hover>ul.menu {display: block;}
 .header ul.menu li ul.menu li ul.menu {left: 200px; top: 0;}
 .header ul.menu li ul.menu li {float: none; margin: 0; padding: 0; background: transparent;}
 .header ul.menu li ul.menu li a {height: auto; padding: 10px; border-top: 1px solid #624F41; line-height: 1.3em;}
 .header ul.menu li ul.menu li:first-child>a {border-top: none;}
 .header ul.menu li ul.menu li:hover>a, .header ul.menu li ul.menu li a:hover, .header ul.menu ul.menu>li.active>a, .header ul.menu ul.menu>li.active-trail>a {border-bottom: none;}

.header ul.lang {left: 700px; top: 20px; visibility: hidden;}
.header ul.lang li {margin-right: 20px;}
.header ul.lang li a {width: 16px; height: 11px; background: url("../images/flags.png"); text-indent: -50em; opacity: 0.3;}
.header ul.lang li a:hover {opacity: 0.6;}
.header ul.lang li a.active {opacity: 1;}
.header ul.lang li a.pl {background-position: 0 0;}
.header ul.lang li a.en {background-position: -36px 0;}
.header ul.lang li a.de {background-position: -72px 0;}
.header ul.lang li a.ru {background-position: -108px 0;}
.header ul.lang li a.uk {background-position: -147px 0;}

.header p {position: absolute; margin: 0; padding: 0; color: #fff; font-family: "MyriadProLight",sans-serif; font-size: 1.5em; line-height: 1.2em; text-transform: uppercase;}
.header p strong {font-size: 0.889em;}
.header p.tagline {left: 260px; top: 35px;}
.header p.logo {left: 10px; top: 0; z-index: 51;}
.header p.logo a {display: block; overflow: hidden; width: 247px; height: 155px; background: url("../images/logo.png") no-repeat; text-indent: -50em;}
.header div.cart {position: absolute; right: 0; top: 50px; width: 303px; height: 36px; padding-bottom: 10px; background: url("../images/cart.png") no-repeat; }
.header .cart>a.cart {display: block; padding-left: 40px; color: #fff; font: 400 1.083em/36px "Arial",sans-serif; text-decoration: none; text-transform: uppercase;}
.header .cart>a span {text-transform: none;}
.header .cart a:hover, .header .cart a:hover span, .header .cart:hover a, .header .cart:hover a span {color: #f7efd5;}

.minicart {display: none; overflow: hidden; position:absolute; left: 0; top: 36px; z-index: 200; width: 303px; background: url("../images/minicart_bg.png");}
.header .cart:hover .minicart {display: block;}
.minicart ul {position: static; margin: 0; padding: 0 10px; list-style: none;}
.minicart ul li {float: none; overflow: hidden; padding: 5px 0; border-bottom: 1px solid #987e67; color: #fff; font-size: 0.917em; font-family: "Arial",sans-serif;}
.minicart ul li span {float: right;}
.header .minicart p {position: static; margin: 0; padding: 5px 10px; font-size: 1em; font-family: "Arial",sans-serif; text-transform: none;}

.content {position: relative; z-index: 40; overflow: hidden; width: 960px; margin: -300px auto 50px; padding: 10px; background: #fff;}
.sidebar {float: left; width: 261px;}
.sidebar .menu, .tabs {margin-bottom: 10px;}
.sidebar .menu a, .tabs a {display: block; margin-bottom: 1px; padding: 10px 10px 10px 30px; background: #e1dcd5 url("../images/sm_arrow.png") no-repeat 15px 13px; color: #4e3e32; font-weight: 700; line-height: 1.2em;}
.sidebar>.menu>li.active-trail>a {background: #e8e5e2 url("../images/sm_arrow_parent.png") no-repeat 13px 13px; color: #816a57; text-decoration: none;}
.sidebar .menu a:hover, .sidebar .menu li.active-trail>a.active, .tabs a:hover, .tabs a.active {background: #e8e5e2 url("../images/sm_arrow_hover.png") no-repeat 15px 13px; color: #816a57; text-decoration: none;}

.sidebar .menu ul.menu {margin: 0 0 3px;}
.sidebar .menu ul.menu a {margin: 0; padding: 5px 10px 5px 40px; border: 1px solid #edeae8; border-top: none; background: #fff; color: #8b7e6b; font-weight: 400;}
.sidebar .menu ul.menu a:hover, .sidebar .menu ul.menu a.active, .sidebar .menu .menu li.active-trail>a.active {background: #fff; color: #d97d4f;}
.main {float: right; width: 650px; padding: 0 10px 0 20px; color: #606060;}
.main a {color: #d97d4f;}
p.breadcrumb {margin: 5px -10px 0 -20px; padding: 0 10px 10px; border-bottom: 1px solid #d7d7d7; color: #816a57; font-size: 0.917em; font-weight: 700;}
p.breadcrumb a {padding-left: 5px; padding-right: 13px; background: url("../images/bcrumb_arrow.gif") no-repeat 100% 50%; color: #d97d4f; font-weight: 400;}
p.breadcrumb strong {padding-left: 5px; font-weight: 400;}

.footer {padding-bottom: 50px; border-top: 1px solid #d8d2cc;}
.footer>div {position: relative; top: -37px; width: 940px; margin: 0 auto; padding: 70px 0 110px; background: url("../images/footer.png") no-repeat 0 0;}
.footer p {margin: 0; padding: 0; font-size: 0.917em; text-align: right;}
.footer p strong {color: #437e22; font-weight: 400;}
.footer p span {color: #9f9893;}
.footer p span.sep {padding: 0 5px;}

/*
 * Common styles
 */
.main ul {margin: 1.5em 0; padding: 0; list-style: none;}
.main ul li {margin: 0.5em 0; padding-left: 15px; background: url("../images/bullet.gif") no-repeat 0 7px;}

.field-field-gallery {overflow: hidden; margin: 1em 0; padding: 10px 0; border: 1px solid #d7d7d7; border-width: 1px 0;}
.field-field-gallery .field-item {float: left; width: 150px; height: 90px; margin: 0 0 10px 10px; text-align: center;}

.hint {display: block; clear: left; margin-top: 0;  padding-left: 105px; font-size: 0.917em;}
p.submit {padding-left: 115px;}

ul.attachments {display: inline-block; margin: 1em 0;}
ul.attachments li {margin: 0; padding: 8px 0 8px 30px; border-top: 1px solid #d7d7d7; background: url("../images/pdf.png") no-repeat 0 50%; font-weight: 700; font-size: 0.917em;}
ul.attachments li:first-child {border-top: none;}

table {width: 100%; border: none; border-collapse: collapse;}
th {padding: 5px 10px; background: #ded5c8; color: #3e3126; font-weight: 700; font-size: 0.917em; text-align: left;}
td {padding: 15px 10px; border: none; border-top: 1px solid #d7d7d7; color: #888; vertical-align: top;}
tr.save td {border-top-width: 3px; border-top-style: double;}
td.lp {color: #816a57; font-size: 1.167em; font-weight: 700; text-align: center;}
td.thumbnail {text-align: center;}
td.item-name {font-size: 1.083em; font-weight: 700;}
td.item-name a {color: #437e22;}
td.item-name a:hover {color: #437e22; text-decoration: underline;}
td input.qty {width: 30px; text-align: center;}
td.actions {position: relative; text-align: center;}
td a.remove {display: inline-block; overflow: hidden; width: 15px; height: 15px; margin-top: 10px; background: url("../images/trash.gif") no-repeat 50% 50%; text-indent: -50em;}



/*
* Special sections and elements
*/

/* home page banner */
.banner {width: 980px; height: 402px; margin: -300px auto 0;  padding: 8px 31px 30px; background: url("../images/banner.png") no-repeat 0 0;}
.banner .slideshow {float: left; position: relative; overflow: hidden; list-style: none; width: 719px; height: 402px;}
.banner .slideshow li {position: absolute; left: 0; top: 0;}
.banner .slideshow li+li {display: none;}

/* side boxes */
.boxes {float: right; width: 261px;}
.boxes>div {position: relative;}
.boxes>div>div {position: absolute; z-index: 5; top: 0; left: 0; width: 200px; padding: 30px 20px;}
.boxes>div>div h3 {color: #3e3126; font: 700 1.667em/1.2em "MyriadProLight",sans-serif; text-transform: uppercase;}
.boxes>div>div p {width: 150px; margin: 0.5em 0; padding: 0;}
.boxes a.more {display: inline-block; height: 23px; padding: 0 20px; border-radius: 3px; background: url("../images/more.png") repeat-x; color: #fff; font-weight: 700; line-height: 23px;}
.sidebar .boxes {float: none; margin-bottom: 10px;}

/* contact info box */
.contact {overflow: hidden; width: 915px; margin: 0 auto 15px; padding: 20px 0 20px 25px; background: url("../images/contact_bg.png");}
.contact h4 {float: left; margin-right: 30px; padding: 0 15px 0 0; background: url("../images/arrow_brown_right.png") no-repeat 100% 50%; color: #3e3126; font: 700 1.667em "MyriadProLight",sans-serif; text-transform: uppercase;}
.contact ul {list-style: none; float: left; margin: 0; padding: 0;}
.contact ul li {float: left; margin: 0; padding: 0 15px 0 35px; border-left: 1px solid #c4bbae; background-repeat: no-repeat; background-position: 10px 50%; font: 400 1.333em "MyriadPro",sans-serif;}
.contact ul li:first-child {border-left: none;}
.contact ul li.email {background-image: url("../images/icon_email.png");}
.contact ul li.phone {background-image: url("../images/icon_phone.png");}
.contact ul li.form {background-image: url("../images/icon_form.png");}
.contact ul li.skype {background-image: url("../images/icon_skype.png");}
.contact ul li a {color: #3f3f3f;}
.contact ul li a:hover {color: #437e22;}

.sidebar .contact {width: auto; margin-bottom: 0; padding-right: 25px; background: #d5cdc2;}
.sidebar .contact h4 {float: none; margin-right: 0; background-image: url("../images/arrow_brown_down.png");}
.sidebar .contact ul {float: none; margin-top: 1.5em; padding: 0;}
.sidebar .contact ul li {float: none; margin: 0.5em 0; padding: 0 0 0 30px; border: none; background-position: 0 50%;}

/* slided teasers */
.teasers {overflow: hidden; position: relative; width: 980px; height: 360px; margin: 0 auto;}
.teasers ul {position: absolute; top: 0; left: 1px; list-style: none; width: 10000em; height: 360px; margin: 0; padding: 0;}
.teasers ul li {float: left; width: 220px; height: 340px; margin: 0; padding: 20px 0 0 19px; border-left:  1px solid #d8d2cc;}
.teasers ul li:first-child {border-left: none;}
.teasers h3 {margin: 1em 0; color: #3e3126; font: 700 1.667em "MyriadPro",sans-serif; text-transform: uppercase;}
.teasers h3 a {color: #3e3126; text-decoration: none;}
.teasers h3 a:hover {color: #437e22;}
.teasers a.more {font-size: 0.917em; font-weight: 700;}
.teasers a.slider-prev {display: block; position: absolute; top: 60px; left: 0; overflow: hidden; width: 21px; height: 36px; background: url("../images/slider_nav.png") 0 0; text-indent: -50em;}
.teasers a.slider-next {display: block; position: absolute; top: 60px; right: 0; overflow: hidden; width: 21px; height: 36px; background: url("../images/slider_nav.png") 100% 0; text-indent: -50em;}

/* contact page */
.section-form {overflow: hidden; margin: 0 0 1em; padding: 20px; background: #eae6e0;}
.section-form form {width: 370px; border-right: 1px solid #d5cdc0;}
.section-form h3, .section-form p, .section-form ul {float: right; clear: right; width: 180px; padding: 0; font-size: 1.167em;}
.section-form h3 {color: #3e3126; font-size: 1.667em;}
.section-form p {margin: 1em 0; color: #3f3f3f;}
.section-form p.submit {float: none; clear: left; width: auto; margin: 0; padding: 5px 0 0 115px; font-size: 1em; }
.section-form ul {margin: 0;}
.section-form ul li {margin: 0.25em 0; padding: 0 0 0 40px; background-position: 0 50%; background-repeat: no-repeat; color: #3f3f3f; line-height: 2em;}
.section-form li.email {background-image: url("../images/icon_email.png");}
.section-form li.phone {background-image: url("../images/icon_phone.png");}
.section-form li.skype {background-image: url("../images/icon_skype.png");}
.section-form li a {color: #3f3f3f;}
.section-form.order h3, .section-form.order p {width: 220px;}
.section-form.order p {color: #606060; font-size: 1em;}

.messages {float: none; width: 100%;}
.section-form .messages ul {float: none; width: auto;}
.section-form .messages ul li {float: none; width: auto; margin: 5px 0; padding: 0; background: none; color: #c00; font-weight: 700; font-size: 0.857em; line-height: 1.5em; }

h2.section {margin: 1em 0; border-bottom:1px solid #d7d7d7;}
.map {margin: 1em 0; background: #fafafa; height: 330px;}

ul.colors {position: relative; z-index: 1; overflow: hidden; width: 669px; margin-top: -0.75em;}
ul.colors li {float: left; width: 213px; padding: 20px 0 0 10px; border-top: 1px solid #d7d7d7; background: none;}
ul.colors li.first {padding-left: 0;}
ul.colors p {margin: 0.25em 0; padding: 0; text-align: center;}
ul.colors p.color-code { color: #437e22; font-weight: 700; font-size: 1.25em;}
ul.colors p a {color: #fff;}
ul.colors.virtual li {width: 122px;}


ul.subpages {position: relative; z-index: 1; overflow: hidden; width: 669px; margin-top: -0.75em;}
ul.subpages li {float: left; width: 213px; padding: 20px 0 0 10px; border-top: 1px solid #d7d7d7; background: none;}
ul.subpages li.first {padding-left: 0;}
ul.subpages p {margin: 0.25em 0; padding: 0; font-weight: 700; font-size: 1.25em; text-align: center;}
ul.subpages p a {color: #437e22;}

/* wirtualna szafa */
.stage {position: relative; height: 454px; background: url("../images/stage_bg2.jpg");}
.stage .panel {position: absolute; z-index: 1; left: 362px; top: 43px; overflow: hidden; width: 117px; height: 291px; }
.stage .panel.moving {z-index: 2; left: 303px; cursor: pointer;}
.stage .frame {position: absolute; overflow: hidden; width: 117px; height: 291px; background: url("../images/frame.png");}
.stage .chair {position: absolute; top: 251px; right: 168px; z-index: 5; width: 53px; height: 84px; background: url("../images/chair-part.png") no-repeat;}

.stage2 {position: relative; height: 756px; background: url("../images/stage_bg.jpg");}
.stage2 .panel {position: absolute; z-index: 2; left: 142px; top: 185px; overflow: hidden; width: 119px; height: 393px; }
.stage2 .panel.moving {z-index: 1; left: 197px; cursor: pointer;}
.stage2 .panel.small1 {left: 397px; top: 186px; width: 96px; height: 68px;}
.stage2 .panel.small2 {left: 494px; top: 187px; width: 54px; height: 68px;}
.stage2 .frame {position: absolute; overflow: hidden; width: 119px; height: 393px; background: url("../images/frame2.png");}

.main ul.product-tabs {position: relative; z-index: 10; overflow: hidden; margin: 1em 0 2px; padding: 0; }
.main .product-tabs li {float: left; margin: 0; padding: 0; border-right: 1px solid #fff; background: transparent;}
.main .product-tabs li a {float: left; height: 28px; padding: 0 15px; background: #ded5c8 url("../images/tab.png") repeat-x 0 -50px; color: #7d746f; font-weight: 700; line-height: 28px;}
.main .product-tabs li a:hover, .main .product-tabs li a.active {background-position: 0 0; color: #d97d4f; text-decoration: none;}

/*
 * Modal windows
 */

.overlay {position: absolute; left: 0; top: 0; z-index: 499; width: 100%; height: 100%; background: #332012; opacity: 0.9;}
.modal {position: absolute; left: 50%; top: 20%; z-index: 500; width: 810px; margin-left: -420px; padding: 10px 15px; background: #e1dcd5;}
.modal h3 {padding-bottom: 10px; border-bottom: 1px solid #b9b1a5; color: #3e3126; font-size: 1.75em;}
.modal a.close {display: block; position: absolute; top: 2px; right: 2px; overflow: hidden; width: 28px; height: 28px; background: url("../images/close.png") no-repeat; text-indent: -50em;}
.modal>div {width: 720px; margin: 1.5em auto;}
.modal>div p.nav {position: relative; width: 720px; margin: 0; padding: 0; }
.modal>div p.nav a {position: absolute; top: 150px; overflow: hidden; width: 31px; height: 53px; background: url("../images/gallery_nav.png") no-repeat; text-indent: -50em;}
.modal>div p.nav a.prev {left: -10px; background-position: 0 0;}
.modal>div p.nav a.next {right: -10px; background-position: -31px 0;}
.modal>div>img {display: block; max-width: 720px; margin: 0 auto;}
.modal .thumbnails {position: relative; overflow: hidden;height: 60px; margin-top: 2px; padding: 20px 0; background: #75675c;}
.modal .thumbnails ul {position: absolute; left: 25px; top: 20px; list-style: none; margin: 0; padding: 0;}
.modal .thumbnails ul li {float: left; width: 140px; margin: 0; padding: 0; text-align: left;}

.modal p.add-info {margin: 2px 0 15px; padding: 0 0 0 40px; background: #f0ece8 url("../images/add.png") no-repeat 10px 50%; color: #765421; line-height: 32px;}
.modal p.color-info {margin: 2px 0; padding: 0 0 0 40px; background: #f0ece8; color: #765421; line-height: 32px;}
.modal p.add-info strong, .modal p.color-info strong {padding-right: 10px;color: #3e3126; text-transform: uppercase;}

.modal form {overflow: hidden;}
.modal .sizes {float: left; width: 250px; padding-right: 20px; border-right: 1px solid #c7c0b6;}
.modal .info {float: right; width: 420px;}
.modal .info p {padding-left: 55px;}
.modal .info p:first-child {margin-bottom: 1em; padding-bottom: 0; background: url("../images/info.png") no-repeat 0 50%; color: #5b5b5b;}
.modal p.buttons {overflow: hidden;}
.modal p.buttons .button+.button {float: right;}
.modal table th {padding: 5px 0; border-bottom: 1px solid #c1baaf; background: transparent; color: #3e3126; font-size: 1.083em; text-align: left;}
.modal table td {width: 50%; padding: 2px 0; border-top: none; border-bottom: 1px solid #c1baaf; color: #5b5b5b; text-align: left; vertical-align: middle;}
.modal td input {width: 35px; margin: 0; color: #333; text-align: center; vertical-align: middle;}
.modal p.result {margin: 1em 0 1em 55px; padding: 5px 10px; background: #f0ece8; text-align: center;}
.modal p.result span {padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; font-weight: 700;}
.modal p.result span.ok {background-image: url("../images/ok.png"); color: #765421;}
.modal p.result span.error {background-image: url("../images/error.png"); color: #c00;}

/* tooltip */
div.tooltip {position: absolute; z-index: 500; height: 15px; margin: -20px 0 0; padding-bottom: 2px; background: url("../images/tooltip.png") no-repeat 50% 100%;}
div.tooltip span {display: block; height: 15px; padding: 0 10px; background: #3e3126; color: #ded5c8; font-size: 0.846em; font-weight: 700; line-height: 15px; text-transform: lowercase;}