/* MAIN
----------------------------------------------- */
body {font-size: 11px; line-height: 18px;}
body,
input,
select,
textarea {font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #797979;}
a,
a:link,
a:visited {color: #797979;}
a:hover {color: #444;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 18px; line-height: 29px; color: #060; margin: 0 23px 8px 0; width: 173px;}
h1 {float: right; display: inline; position: relative; z-index: 1;}
h1 a,
h1 a:link,
h1 a:visited {color: #060;}
h1 a:hover {color: #444;}
h2 {font-size: 14px; line-height: 29px; color: #d8ae1c; margin: 2px 0 4px;}
h2 a,
h2 a:link,
h2 a:visited {color: #d8ae1c;}
h2 a:hover {color: #444;}
h3 {font-size: 11px; line-height: 29px; font-weight: bold; color: #7b7b7b; margin: 3px 0 0;}
h3 a,
h3 a:link,
h3 a:visited {color: #7b7b7b;}
h3 a:hover {color: #444;}
p {margin: 0 0 15px;}
ul,
ol {margin: 0 0 15px 20px; padding-left: 20px;}
ul,
ul li {display: block; margin-left: 0; padding-left: 0; list-style: none outside none; vertical-align: top;}
ul li {background: url(../img/li.gif) no-repeat 10px 10px; padding-left: 20px;}
hr {color: #797979; background: #797979; height: 1px; border: 0;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0; font-size: 1em;}
input,
select,
textarea {font-size: 100%; margin: 0;}
select,
textarea,
input.text {background: #fff;}
input.image {border: 0;}
textarea,
input.text {border: 1px solid #ccc; padding: 1px 3px;}
* html textarea,
* html input.text {margin: -1px 0;}
*+html textarea,
*+html input.text {margin: -1px 0;}
input.button {padding: 1px 13px;}
* html input.button {padding: 0;}
*+html input.button {padding: 0;}
.holder {color: #bfbfbf;}



/* LAYOUT
----------------------------------------------- */
html, body {height: 100%;}
body {background: #fff url(../img/body_bg_color.gif); margin: 0; padding: 0; min-width: 990px; text-align: center;}
#bodyBg {min-height: 100%; background: url(../img/body_bg.jpg) no-repeat 50% 0;}
* html #bodyBg {height: 100%;}
#header {width: 990px; height: 180px; margin: 0 auto 20px; text-align: left;}
#headerWrap {width: 100%; min-width: 990px; overflow: hidden;}

#nav {width: 990px; margin: 0 auto 10px; text-align: left;}
#nav:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}

#content {width: 990px; margin: 0 auto; text-align: left;}
#bottom {width: 990px; height: 225px; margin: 0 auto; text-align: left;}
#footer {width: 990px; height: 20px; margin: 0 auto; text-align: left; top: -10px; position: relative;}



/* NAVIGATION
----------------------------------------------- */
#m1,
#m1 li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#m1 {padding: 5px 6px 0 0; text-align: left;}
#m1 li {font: 12px/21px Tahoma, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 1px; width: 207px; height: 25px; background: url(../img/m1_btn.png) no-repeat;}
#m1 a,
#m1 strong {display: block; height: 100%; outline: none; padding: 0 11px; font-weight: normal;}
#m1 a,
#m1 a:link,
#m1 a:visited {color: #797979; text-decoration: none;}
#m1 a:hover,
#m1 .a a,
#m1 .a a:link,
#m1 .a a:visited,
#m1 .a a:hover,
#m1 strong {color: #11a041;}
#m1 .a a,
#m1 strong {background: url(../img/m1_a.gif) no-repeat 8px 7px; padding-left: 23px;}
#mainFlashHolder #m1 {position: absolute; top: 20px; right: 0;}

/* m2 */
#m2,
#m2 li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#m2 {float: right; width: 181px; background: url(../img/dots_h.gif) repeat-x; padding-top: 10px; margin: 0 23px 10px 0; clear: right; position: relative; z-index: 1;}
* html #m2 {margin-right: 17px; width: 166px;}
#m2 li {background: url(../img/mtools_li.gif) no-repeat 0px 10px; padding-left: 8px;}
#m2 li.a {font-weight: bold;}
#m2 a,
#m2 a:link,
#m2 a:visited {color: #797979; text-decoration: none;}
#m2 a:hover {color: #444; text-decoration: underline;}

/* mBot */
#mBot,
#mBot li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#mBot {font-size: 10px; line-height: 15px; text-transform: lowercase; padding-left: 8px; float: left;}
#mBot li {display: inline; background: url(../img/mbot_sep.gif) no-repeat 100% 50%; padding-right: 7px; margin-right: 6px;}
#mBot li.last {background: none; margin: 0; padding: 0;}
#mBot a,
#mBot a:link,
#mBot a:visited {color: #797979; text-decoration: none;}
#mBot a:hover,
#mBot strong {color: #444; text-decoration: underline; font-weight: normal;}
#mBot strong {text-decoration: none;}

/* mTools */
#mTools,
#mTools li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#mTools {float: right; width: 165px; background: url(../img/dots_h.gif) repeat-x; padding-top: 10px; margin: 0 35px 10px 0; clear: right; position: relative; z-index: 1;}
* html #mTools {margin-right: 17px; width: 166px;}
#mTools li {background: url(../img/mtools_li.gif) no-repeat 0 10px; padding-left: 5px;}
#mTools a,
#mTools a:link,
#mTools a:visited {color: #d8ae1c; text-decoration: none;}
#mTools a:hover {color: #d8ae1c; text-decoration: underline;}

/* path */
#path {font-size: 10px; line-height: 16px; margin: 0 0 0 35px; float: left; display: inline;}
#path img {vertical-align: top;}
#path,
#path a,
#path a:link,
#path a:visited {color: #797979; text-decoration: none;}
#path a:hover {color: #444; text-decoration: underline;}

/* lang */
#lang {font-size: 10px; line-height: 16px; width: 160px; margin: 0 23px 0 0; float: right; display: inline; text-align: right;}
#lang a {margin-left: 15px;}
#lang,
#lang a,
#lang a:link,
#lang a:visited {color: #797979; text-decoration: none;}
#lang a:hover {color: #444; text-decoration: underline;}
#mainFlashHolder #lang {position: absolute; top: 170px; right: 0;}



/* BLOCKS
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; float: none; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.container {position: relative; width: 100%; background: #fff url(../img/container_bg.gif) repeat-y; padding: 10px 0 20px;}
.container:after {content: ''; display: block; clear: both; height: 0;}
.ct {height: 12px; background: url(../img/ct.png) no-repeat; font-size: 0; line-height: 0;}
.cb {height: 29px; background: url(../img/cb.png) no-repeat; font-size: 0; line-height: 0;}
.html {width: 430px; margin-left: 35px; float: left; display: inline;}
object {outline: none;}

/* flash blocks */
#menuFlash {margin-top: 20px; float: right; position: relative; left: 10px;}
#mainFlashHolder {width: 990px; height: 598px; margin: 0 auto; position: relative;}
#newsFlashHolder {width: 300px; height: 225px; float: left;}
#newFlash {width: 425px; height: 225px; top: -12px; position: relative; float: right;}
#historyFlash {margin: 30px 0 0 70px; float: left;}
#distributorsFlash {left: 60px; position: absolute;}

/* logo */
#logo {float: left; margin: 24px 0 0 7px; display: inline; text-align: center;}
#logo img {margin-bottom: 10px;}

/* copy */
#copy {font-size: 10px; line-height: 15px; color: #797979; padding-right: 8px; float: right;}

/* search */
#bottom #search {float: left; padding: 75px 0 0 30px; text-align: center;}
#footer #search {left: 50%; margin-left: -105px; position: absolute;}
#search input {vertical-align: middle;}
#search input.text {width: 142px; margin-right: 10px;}

/* distributors */
.distributors {width: 400px; height: 570px; padding: 50px 0 10px; float: left; display: inline; position: relative;}

/* pages */
.pages {color: #999; clear: both; line-height: 14px; height: 16px; margin: 0 0 -16px 0; position: relative;}
.pages a,
.pages strong {margin-right: 10px; float: left; display: inline;}
.pages a,
.pages a:link,
.pages a:visited {color: #bbb; text-decoration: none;}
.pages a:hover {color: #797979; text-decoration: underline;}

/* article */
.article {width: 710px; margin-left: 35px; float: left; display: inline;}
.article:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.article h2 {margin: 0;}
.article .date {margin: -7px 0 0 1px; padding-bottom: 10px;}
.article .img {float: left; position: relative; margin: 4px 15px 0 0;}
.article .img,
.article .img em {width: 118px; height: 118px;}
.article .img em {background: url(../img/img_110.png) no-repeat; display: block; position: absolute; left: 0; top: 0;}
.article .img img {margin: 2px 0 0 3px;}
.article .txt {width: 575px; margin-bottom: 15px; float: left;}

/* articles */
.articles {width: 435px; margin-left: 35px; float: left; display: inline;}
.articles .i {width: 100%; margin-bottom: 15px;}
.articles .i:after {content: ''; display: block; clear: both; height: 0;}
.articles .img {float: left; margin-top: 17px;}
.articles .img,
.articles .img a,
.articles .img em {width: 78px; height: 78px; position: relative; display: block;}
.articles .img a {cursor: pointer;}
.articles .img em {background: url(../img/img_70.png) no-repeat; position: absolute; left: 0; top: 0;}
.articles .img img {margin: 2px 0 0 3px; width: 70px; height: 70px;}
.articles .descr {width: 335px; float: right; background: url(../img/dots_h.gif) repeat-x; padding-top: 16px;}
.articles h3 {font-size: 12px; line-height: 14px; font-weight: normal; margin: 0 0 5px;}
.articles h3,
.articles h3 a,
.articles h3 a:link,
.articles h3 a:visited {color: #444; text-decoration: none;}
.articles h3 a:hover {color: #444; text-decoration: underline;}
.articles .txt {line-height: 13px;}
.articles .txt p {margin: 0;}
.articles .date {margin: 15px 0 0 0; font-size: 10px; line-height: 13px; color: #bbb;}

/* articles-h */
.articles-h {width: 920px; margin-left: 35px;}
.articles-h:after {content: ''; display: block; clear: both; height: 0;}
.articles-h .i {width: 435px; float: left;}
.articles-h .r {float: right;}
.articles-h .img {float: left; margin-top: 14px;}
.articles-h .img,
.articles-h .img a,
.articles-h .img em {width: 78px; height: 78px; position: relative; display: block;}
.articles-h .img a {cursor: pointer;}
.articles-h .img em {background: url(../img/img_70.png) no-repeat; position: absolute; left: 0; top: 0;}
.articles-h .img img {margin: 2px 0 0 3px; width: 70px; height: 70px;}
.articles-h .descr {width: 335px; float: right; background: url(../img/dots_h.gif) repeat-x; padding-top: 5px;}
.articles-h h2 {margin: 0; font-size: 12px; color: #444;}
.articles-h h2 a,
.articles-h h2 a:link,
.articles-h h2 a:visited {color: #444; text-decoration: none;}
.articles-h h2 a:hover {color: #444; text-decoration: underline;}
.articles-h .txt {line-height: 13px; margin-bottom: 3px;}
.articles-h .date {margin: 0; font-size: 10px; line-height: 13px; color: #bbb;}

/* recipe */
.recipe .txt {width: 295px;}

/* recipes */
.recipes {width: 210px; margin-right: 35px; float: right; display: inline;}
.recipes .icon,
.recipes .icon em {width: 40px; height: 40px;}
.recipes .icon {position: relative; float: left;}
.recipes .icon em {display: block; position: absolute; left: 0; top: 0; background: url(../img/img_32.png) no-repeat;}
.recipes .icon img {margin: 2px 0 0 3px; width: 32px; height: 32px;}
.recipes h2 {width: 160px; float: right; line-height: 18px; color: #696; margin: 0 0 8px;}
.recipes ul,
.recipes li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
.recipes ul {float: right; width: 165px; margin-bottom: 10px; clear: right;}
.recipes li {background: url(../img/mtools_li.gif) no-repeat 0 10px; padding-left: 5px;}
.recipes a,
.recipes a:link,
.recipes a:visited {color: #797979; text-decoration: none;}
.recipes a:hover {color: #444; text-decoration: underline;}

/* awards */
.awards {width: 660px; margin-left: 65px; padding-top: 10px; float: left; display: inline;}
.awards:after {content: ''; display: block; clear: both; height: 0;}
.awards .i {width: 200px; float: left; margin: 0 130px 40px 0; display: inline;}
.awards .img {float: left; background: url(../img/awards_shade.gif) repeat-x 0 100%; margin-bottom: 5px;}
.awards .img img {vertical-align: top; margin-bottom: 5px;}
.awards .img em,
.awards .img span {float: left; width: 20px; height: 22px; background: url(../img/awards_shade_l.gif) no-repeat; position: relative; left: -7px;}
.awards .img span {background: url(../img/awards_shade_r.gif) no-repeat; left: 100%; margin-left: -33px;}
.awards h3 {font-size: 14px; line-height: 18px; font-weight: normal; color: #d8ae1c; margin: 0 0 3px; clear: both;}
.awards .txt {line-height: 13px; color: #bbb;}

/* tags */
.tags {width: 160px; margin: 100px 35px 0 0; float: right; display: inline; clear: right;}
.tags h2 {font-size: 11px; margin: 0;}
.tags p {margin: 0; line-height: 24px; font-size: 9px;}
.tags a,
.tags a:link,
.tags a:visited {color: #797979; text-decoration: none;}
.tags a:hover {color: #444; text-decoration: underline;}
.tags .s10 {font-size: 10px;}
.tags .s11 {font-size: 11px;}
.tags .s12 {font-size: 12px;}
.tags .s13 {font-size: 13px;}
.tags .s14 {font-size: 14px;}
.tags .s15 {font-size: 15px;}
.tags .s16 {font-size: 16px;}
.tags .s17 {font-size: 17px;}
.tags .s18 {font-size: 18px;}
.tags .s19 {font-size: 19px;}
.tags .s20 {font-size: 20px;}
.tags .s21 {font-size: 21px;}
.tags .s22 {font-size: 22px;}
.tags .s23 {font-size: 23px;}
.tags .s24 {font-size: 24px;}
.tags .s25 {font-size: 25px;}
.tags .s26 {font-size: 26px;}
.tags .s27 {font-size: 27px;}
.tags .s28 {font-size: 28px;}
.tags .s29 {font-size: 29px;}
.tags .s30 {font-size: 30px;}

/* quick */
.quick {width: 860px; margin-left: 65px;}
.quick:after {content: ''; display: block; clear: both; height: 0;}
.quick h2 {float: left; line-height: 18px; margin: 0 15px 0 0; padding: 20px 20px 30px 0; text-align: right; background: url(../img/dots_v.gif) repeat-y 100% 0;}
.quick select,
.quick fieldset {width: 185px;}
.quick fieldset {float: left; border: 0; margin: 21px 20px 0 0; padding: 0;}
.quick label {display: block;}
.quick input.image {margin-top: 38px; float: left;}
.quick input.image,
#quickWrap,
#navi2wrap,
#navi3wrap {display: none;}

/* vacancies */
.vacancies {width: 430px; margin-left: 35px; float: left; display: inline;}
.vacancies h2 {margin: 0;}
.vacancies .txt {line-height: 13px;}

/* contacts */
.contacts {width: 430px; margin-left: 35px; float: left; display: inline;}
.contacts h1 {margin-right: 0; width: auto; float: none; display: block;}

/* feedback */
.feedback {width: 450px; margin-bottom: 15px; float: left;}
.feedback h2 {margin-bottom: 7px;}
.feedback label {display: block;}
.feedback label.holder {left: 5px; top: -1px; position: absolute;}
.feedback label.holder-error {color: #f99;}
.feedback label.error {color: #f00; margin-left: 4px;}
.feedback input.error,
.feedback textarea.error {border-color: #f66;}
.feedback textarea,
.feedback input.text {width: 442px;}
.feedback textarea {height: 65px;}
.feedback div.input {margin-bottom: 4px; position: relative;}
.feedback select {width: 448px; border: 0;}
.feedback div.select {border: 1px solid #ccc; text-align: right;}
* html .feedback select {width: 451px; left: -2px; top: -2px; position: relative;}
*+html .feedback select {width: 451px; left: -2px; top: -2px; position: relative;}
* html .feedback div.select div {width: 447px; height: 15px; margin-left: auto; overflow: hidden; position: relative;}
*+html .feedback div.select div {width: 447px; height: 15px; margin-left: auto; overflow: hidden; position: relative;}

/* groups */
.groups {width: 900px; margin-left: 65px;}
.groups:after {content: ''; display: block; clear: both; height: 0;}
.groups h2 {font-size: 15px; line-height: 18px; margin: 0; width: 260px; float: left; text-align: center; margin-right: 40px; display: inline;}
.groups a {cursor: pointer; display: block; width: 100%;}
.groups img {display: block;}
.groups strong {width: 130px; font-weight: normal; display: block; background: url(../img/dots_h.gif) repeat-x; margin: 3px auto 0; padding-top: 5px;}
.groups a strong,
.groups a:link strong,
.groups a:visited strong {text-decoration: none;}
.groups a:hover strong {text-decoration: underline;}
.groups a,
.groups a:link,
.groups a:visited {color: #060; text-decoration: none;}
.groups a:hover {color: #060; text-decoration: underline;}

/* group */
.group {width: 920px; min-height: 190px; margin: 0 0 15px 35px; position: relative;}
* html .group {height: 190px;}
.group:after {content: ''; display: block; clear: both; height: 0;}
.group .middle {position: absolute; top: 50%; margin-top: -95px;}
.group .other {width: 150px; float: left; background: url(../img/dots_v.gif) repeat-y 100% 0; padding-top: 10px;}
.group h3 {font-size: 10px; font-weight: normal; line-height: 13px; margin: 0; width: 115px; height: 90px; text-align: center;}
.group h3 a {cursor: pointer; display: block; width: 100%;}
.group h3 img {display: block;}
.group h3 a,
.group h3 a:link,
.group h3 a:visited {color: #060; text-decoration: none;}
.group h3 a:hover {color: #060; text-decoration: underline;}
.group h2 {font-size: 15px; color: #060; line-height: 18px; margin: 10px 0 0 80px; width: 260px; float: left; text-align: center; display: inline; height: 170px;}
.group h2 img {display: block;}
.group h2 strong {width: 130px; font-weight: normal; display: block; background: url(../img/dots_h.gif) repeat-x; margin: 3px auto 0; padding-top: 5px;}
.group h2 a {cursor: pointer; display: block; width: 100%;}
.group h2 a,
.group h2 a:link,
.group h2 a:visited {color: #060; text-decoration: none;}
.group h2 a:hover {color: #060; text-decoration: underline;}
.group .prods {width: 300px; background: url(../img/prods.gif) no-repeat 0 50%; float: right;}
.group .prods div {background: url(../img/prods_top.gif) no-repeat;}
.group .prods ul,
.group .prods li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
.group .prods ul {background: url(../img/prods_bot.gif) no-repeat 0 100%; width: 190px; padding: 0 0 5px 50px;}
.group .prods li {padding-left: 12px;}
.group .prods li.a {background: url(../img/prods_a.gif) no-repeat 0 7px;}
.group .prods li.a,
.group .prods li.a a,
.group .prods li.a a:link,
.group .prods li.a a:visited,
.group .prods a:hover {color: #696;}

/* product */
.product {width: 100%; margin-bottom: 15px;}
.product:after {content: ''; display: block; clear: both; height: 0;}
.product h1 {margin-right: 0; width: auto; float: none; display: block;}
.product .descr {width: 250px; margin-left: 35px; display: inline; float: left;}
.product .descr.wide {width: 430px;}
.product .txt {min-height: 110px; margin-bottom: 10px;}
* html .product .txt {height: 110px;}
.product .img {margin-left: 50px; width: 270px; float: left;}
.product .sep {background: url(../img/dots_v.gif) repeat-y 100% 0;}
.product .rate {background: url(../img/dots_h.gif) repeat-x; width: 100%; padding-top: 1px;}
.product .rate:after {content: ''; display: block; clear: both; height: 0;}
.product .rate h3 {font-size: 10px; line-height: 13px; color: #d8ae1c; font-weight: normal;}
.product .rate div {float: left; width: 45px; text-align: center;}
.product .rate .set {width: 100px; float: right; background: #fff;}
.product .rate ul,
.product .rate ul li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
.product .rate ul {width: 80px; height: 12px; margin: 2px auto 0; background: url(../img/star.gif) repeat-x; position: relative;}
.product .rate ul li {float: left;}
.product .rate ul a {width: 12px; height: 12px; line-height: 12px; text-indent: -9000px; z-index: 2; background: url(../img/star.gif) repeat-x 0 -1000px; display: block; position: absolute; outline: none;}
.product .rate ul .star1 {left: 0;}
.product .rate ul .star1:hover {width: 16px;}
.product .rate ul .star2 {left: 16px;}
.product .rate ul .star2:hover {width: 32px;}
.product .rate ul .star3 {left: 32px;}
.product .rate ul .star3:hover {width: 48px;}
.product .rate ul .star4 {left: 48px;}
.product .rate ul .star4:hover {width: 64px;}
.product .rate ul .star5 {left: 64px;}
.product .rate ul .star5:hover {width: 80px;}
.product .rate ul a:hover {background-position: 0 100%; z-index: 1; left: 0;}

/* products */
.products {width: 920px; margin: 0 0 -10px 35px; position: relative;}
.products:after {content: ''; display: block; clear: both; height: 0;}
.products .prev,
.products .next {left: 0; top: 42px; position: absolute; font-size: 0; line-height: 0; display: none; cursor: pointer;}
.products .next {left: -16px; margin-left: 100%;}
.products ul,
.products li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
.products .list {margin-left: 20px;}
.products ul {width: 880px;}
.products ul:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.products li {width: 80px; height: 100px; float: left; text-align: center;}
.products img {vertical-align: top;}
.products li img {width: 75px;}

/* tooltip */
#tooltip {background: url(../img/tooltip_l.png) no-repeat; white-space: nowrap; position: absolute; z-index: 9000; height: 20px; overflow: visible; padding-left: 7px;}
#tooltip h3 {font-size: 11px; font-weight: normal; color: #797979; line-height: 14px; height: 20px; margin: 0; padding: 0 7px 0 0; background: url(../img/tooltip_r.png) no-repeat 100% 0; float: left;}

/* jquery-lightbox */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; text-align: center; line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width: 49%; height: 100%; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px/1.4em Verdana, Helvetica, sans-serif; background: #fff; margin: 0 auto; padding: 0 10px; width: 100%; overflow: auto;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}
#lightbox-image-details-caption {font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1em;}
#lightbox-secNav-btnClose {width: 24px;  float: right; padding-bottom: .7em;}
#lightbox-nav,
#lightbox-image-details-currentNumber {position: absolute; left: -9000px;}

/* quality */
.quality {width: 710px; margin-left: 35px; float: left; display: inline;}
.quality table p {margin: 0;}
.quality td {padding-bottom: 15px;}
.quality .img {padding-right: 15px; text-align: center;}