html, body { height: 100%; }

body {
   font: 12px Arial, Helvetica, sans-serif;
   color: #604c49;
   background: #fff;
}

.dynamicContent h2 {
   color: red;
   margin-bottom: .5em;
}
.dynamicContent p { margin-bottom: 1em; }
.dynamicContent ul,
.dynamicContent ol { margin-bottom: 1em; }
.dynamicContent li {
   margin-left: 10px;
   list-style: disc;
}

#rightWrapper {
   float: right;
   width: 724px
}

#langChange {
   width: 104px;
   height: 41px;
   text-decoration: none;
   background: url(images/lang_bg.png) no-repeat left bottom;
   position: absolute;
   top: 96px;
   left: 977px;
   color: #9f9391;
   line-height: 30px;
}
/*#langChange span:hover { text-decoration: underline; }*/
#langChange img { vertical-align:middle; }

#langChange span {
   display:inline-block;
   text-align:right;
   width:68px;
}

#top {
   height: 61px;
   background: url(images/jesien_top_bg.png) repeat-x;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 20;
   width: 100%;
}

#topWrapper {
   height: 61px;
   background: url(images/jesien_top2.jpg) no-repeat;
   width: 1284px;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -642px;
}

#topWrapper2 {
   height: 101px;
   background: url(images/jesien_top_menu.png) no-repeat;
   width: 989px;
   margin: 0 auto;
   position: relative;
}

#topMenu {
   top: 45px;
   right: 48px;
   position: absolute;
}

#topMenu li {
   background: url(images/jesien_top_menu_dot.gif) no-repeat 0 6px;
   padding: 0 15px 0 15px;
   float: left;
   font: 14px Tahoma, Arial, Helvetica, sans-serif;
}
#topMenu li.first { background: none; }

#topMenu a {
   color: #503f3d;
   text-decoration: none;
}
#topMenu a.current,
#topMenu a:hover { text-decoration: underline; }

#supportMenu {
   top: 5px;
   right: 48px;
   position: absolute;
}

#supportMenu li {
   float: left;
   padding: 0 15px 0 15px;
}

#supportMenu a {
   color: #503f3d;
   text-decoration: none;
}
#supportMenu a.current,
#supportMenu a:hover { text-decoration: underline; }

#topLogo {
   background: none;
   height:58px;
   left:61px;
   position:absolute;
   top:20px;
   width:140px;
   overflow: hidden;
   text-indent: -6000px;
}

#footer {
   height: 90px;
   background: #ffdc87 url(images/jesien_bottom_bg.gif) repeat-x;
}

#footer p {
   background: url(images/jesien_bottom.jpg) no-repeat;
   font-size: 11px;
   color: #938775;
   width: 940px;
   padding: 17px 80px 0;
   height: 73px;
   text-align: right;
   margin: 0 auto;
}

#footer p a { color: #dc3d31; text-decoration: none; }
#footer p a:hover { text-decoration: underline }

#contentWrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%; /* IE6 */
   margin: 0 0 -90px;
   background: url(images/bg.png) repeat-x 0 61px;
}

#content {
   width: 990px;
   padding: 291px 0 0;
   margin: 0 auto;
   position: relative;
}

#bottom {
   width: 890px;
   margin: 0 auto;
   padding: 0 84px 90px 16px;
   overflow: hidden;
}

#pollLink {
   background: url(images/button.png) no-repeat;
   display: block;
   width: 135px;
   height: 42px;
   overflow: hidden;
   float: right;
   margin: 88px 0 40px;
   padding: 10px 0 0;
   text-align: center;
   color:#DC3D31;
   text-decoration: none;
   font-size: 25px;
}

#pollLink:hover {
   background: url(images/button_active.png) no-repeat;
   color: #ffefbf;
}





#itemsListBox {
   width: 666px;
   float: left;
   padding-bottom:64px;
   padding-top: 33px;
}

#itemsList {
   background: url(images/list_bg.png) no-repeat left bottom;
   height: 137px;
   display: none;
   position: relative;
}

#itemsListWrapper {
   width: 586px;
   margin: 0 auto;
   overflow: hidden;
   height: 125px;
   position: relative;
}

#itemsList ul {
   width: 6000px;
   position: absolute;
}

#itemsList li {
   float: left;
   height: 125px;
   text-align: center;
}

#itemsList li span {display: none;}

#listDescr {
   height: 20px;
   padding: 10px 50px 30px;
}
#listDescr strong {
   font-weight: bold;
   display: block;
   margin-bottom: .5em;
}

#ileftArrow,
#iRightArrow {
   position: absolute;
   top: 0px;
   left: 0;
   height: 130px;
   width: 60px;
   background: url(images/list_shadow_left.png) repeat-y right top;
   z-index: 10;
}

#iRightArrow {
   left: 606px;
   background: url(images/list_shadow_right.png) repeat-y left top;
}

/*#itemsList li:hover { padding: 0 10px; }

#itemsList li:hover img { width: 104px; height: auto; margin-top: 0px; }*/

#banner {
   margin: -195px auto 0;
   width: 932px;
   overflow: hidden;
   position:relative;
}

#bannerInner {
   width: 6000px;
   height: 195px;
   position: relative;
   overflow: hidden;
}

#bannerInner img {
   float: left;
}

#bannerLeftArrow {
   position: absolute;
   top: 62px;
   left: 0;
   background:  none;
   width: 64px;
   height: 64px;
   z-index: 100;
   cursor: pointer;
}
#bannerLeftArrow:hover { background: url(images/banner_button_left.png) no-repeat; }

#bannerRightArrow {
   position: absolute;
   top: 62px;
   right: 0;
   background: none;
   width: 64px;
   height: 64px;
   z-index: 100;
   cursor: pointer;
}
#bannerRightArrow:hover { background: url(images/banner_button_right.png) no-repeat; }

#bannerLeftBorder {
   position: absolute;
   top: 0;
   left: 0;
   background:  url(images/banner_top_left.png) no-repeat;
   width: 150px;
   height: 195px;
   z-index: 10;
}

#bannerRightBorder {
   position: absolute;
   top: 0;
   right: 0;
   background:  url(images/banner_top_right.png) no-repeat;
   width: 150px;
   height: 195px;
   z-index: 10;
}

#bannerBottom {
   background:url("images/banner_bottom.png") repeat-x;
   height:5px;
   left:17px;
   position:absolute;
   top:190px;
   width:895px;
   z-index:10;
}

#leftMenuWrapper {
   background:  url(images/menu_bg.png) no-repeat;
   width: 236px;
   padding: 23px 0 0;
   float: left;
}

#leftMenu {
   background:  url(images/menu_bg.png) no-repeat left bottom;
   padding: 0 21px 23px;
}

#leftMenu li { border-bottom: 1px dotted #ccc3a9; }
#leftMenu li.last { border-bottom: none; }

#leftMenu a {
   text-decoration: none;
   color: #8d3d35;
   display: block;
   padding: 7px 16px;
}

#leftMenu .current {
   font-weight: bold;
   color: #453735;
   background: url("images/arrow_files.gif") no-repeat 3px 11px;
}

#leftMenu .level1 { margin-left: 0px; }
#leftMenu .level2 { margin-left: 13px; }
#leftMenu .level3 { margin-left: 26px; }
#leftMenu .level4 { margin-left: 39px; }
#leftMenu .level5 { margin-left: 52px; }
#leftMenu .level6 { margin-left: 65px; }

/*.pageOrders #leftMenu .current {
   font-weight: normal;
   color: #8d3d35;
   text-decoration: underline;
   background: none;
}*/

#leftMenu .title {
   font-weight: bold;
   /*background:  url(images/arrow_down.gif) no-repeat 3px 12px;*/
   padding: 7px 16px;
}

/******************************************************************************* HOME */
.pageHome #boxes {
   background:  url(images/home_bg2.png) no-repeat;
   height: 240px;
   margin: 2px 0 20px;
   position: relative;
}

#boxAbout,
#boxNews,
#boxPromo {
   height: 183px;
   width: 261px;
   position: absolute;
   top: 27px;
}
#boxAbout { left: 40px; }
#boxNews { left: 360px; }
#boxPromo { left: 683px; }

#boxAbout a,
#boxNews a,
#boxPromo a {
   background:url("images/more2.png") no-repeat scroll 0 0 transparent;
   bottom:-3px;
   color:#FFFFFF;
   font-size:15px;
   height:28px;
   padding:2px 21px 0 0;
   position:absolute;
   right:-30px;
   text-align:right;
   text-decoration:none;
   width:53px;
}
#boxNews a { right: -34px; }
#boxPromo a { right: -35px; }
#boxAbout a:hover,
#boxNews a:hover,
#boxPromo a:hover { background: url(images/more2_active.png) no-repeat; }

#boxAbout h2,
#boxNews h2,
#boxPromo h2 {
   font-size: 20px;
   text-indent: 25px;
   border-bottom: 1px dotted #ccc3a9;
   height: 57px;
   margin-bottom: 10px;
}

#boxNews h3,
#boxPromo h3 {
   position: absolute;
   top: 32px;
   left: 0;
   height: 14px;
}

#boxAbout p,
#boxNews p,
#boxPromo p {
   padding: 0 0 0 96px;
   line-height: 18px;
}

.pageHome #boxes .photo {
   background-color: #FFFFFF;
   background-position: center center;
   background-repeat: no-repeat;   height: 84px;
   width: 84px;
   border: 1px solid #ccc3a9;
   position: absolute;
   top: 68px;
   left: 0;
}

/******************************************************************************* ABOUT */
#aboutWrapper {
   overflow: hidden;
   width:984px;
   padding: 10px 0 30px 6px;
}

#aboutDescr {
   border: 3px solid #e7e7e7;
   padding: 20px;
   width: 525px;
   float: right;
}

.pageAbout .photo {
   width: 376px;
   height: 286px;
   position: relative;
   float: left;
}

.pageAbout .photo .corner {
   position: absolute;
   height: 30px;
   width: 30px;

}
/*.pageAbout .photo #ptl {top: 0; left: 0; background-image: url(images/photo_border_3_tl.png); }
.pageAbout .photo #ptr {top: 0; right: 0; background-image: url(images/photo_border_3_tr.png); }*/
.pageAbout .photo #pbl {bottom: 2px; left: 0; background: url(images/news_photo_bottom.png); }
.pageAbout .photo #pbr {bottom: 2px; right: 2px; background: url(images/news_photo_bottom.png) right top; }

.pageAbout .photo #ptr { display: none; }
.pageAbout .photo #ptl {
   top: 0; 
   left: 0; 
   background-image: url(images/news_photo_top.png);
   position: absolute;
   height: 40px;
   width: 374px;
}

.pageAbout .photo .arrow {
   position: absolute;
   height: 26px;
   width: 29px;
   top: 133px;
   background-position: 0 0;
   cursor: pointer;
}
.pageAbout .photo #arrowLeft {left: -6px; background-image: url(images/photo_border_arrow_left.png); }
.pageAbout .photo #arrowRight {right: -5px; background-image: url(images/photo_border_arrow_right.png); }
.pageAbout .photo #arrowLeft:hover {left: -6px; background-image: url(images/photo_border_arrow_left_active.png); }
.pageAbout .photo #arrowRight:hover {right: -5px; background-image: url(images/photo_border_arrow_right_active.png); }

.pageAbout #photoWrapper {
   border: 2px solid #bebebe;
   overflow: hidden;
   width: 370px;
}

.pageAbout #photoInner {
   width: 6000px;
   height: 280px;
}

.pageAbout #photoInner a { float: left; }

.pageNews.pageAbout #photoInner,
.pageNews.pageAbout .photo { height: auto; }
.pageNews.pageAbout .photo #pbl,
.pageNews.pageAbout .photo #pbr { bottom: 0; }
.pageNews.pageAbout #photoInner { width: auto; }
.pageNews.pageAbout #photoInner a { float: none; display: block; }
.pageNews.pageAbout #photoInner a img { display: block; margin: 0 auto; }

/******************************************************************************* NEWS */
#newsList {
   border: 3px solid #e7e7e7;
   padding: 20px 70px 20px 20px;
   width: 625px;
   float: right;
}

#newsList li {
   padding: 0 0 10px;
   overflow: hidden;
}
#newsList li.last { padding-bottom: 0; }

#newsList .date {
   color: #e23531;
   text-transform: uppercase;
}

#newsList h3 a {
   color: #503f3d;
   font-weight: bold;
   font-size: 18px;
   text-decoration: none;
   padding: 3px 0 10px;
   display: block;
}

#newsList .moreLink {
   color: #8b8887;
   text-decoration: none;
   float: right;
}

.pageNews #aboutDescr .date {
   color: #e23531;
   text-transform: uppercase;
}

.pageNews #aboutDescr .title {
   color: #503f3d;
   font-size: 18px;
   font-weight: bold;
   padding: 10px 0 6px;
}

.returnLink {
   float: right;
   clear: both;
   color: #8b8887;
   text-decoration: none;
   padding: 10px 20px 10px 10px;
   text-align: right;
   width: 60px
}







/******************************************************************************* PRODUCTS */
#itemsListBox.products {
   width: 730px;
   float: right;
}

.products #itemsList {
   background:url("images/products_bg.png") no-repeat scroll left bottom transparent;
   height: 233px;
}

.products #ileftArrow,
.products #iRightArrow {
   height:227px;
   top:3px;
}

.products #iRightArrow {left: 670px }

.products #itemsListWrapper {
   height:220px;
   width:650px;
}


/******************************************************************************* CONTACT */
#googleMaps {
   background:url("images/map.jpg") no-repeat;
   float: right;
   width: 263px;
   height: 233px;
   overflow: hidden;
   text-indent: -6000px;
}

#contactInfoWrapper {
   float: left;
   width: 444px;
   background:url("images/contact_bg.png") no-repeat;
   padding: 35px 0 0;
}

#contactInfo {
   background:url("images/contact_bg.png") no-repeat left bottom;
   padding: 0 30px 35px;
   min-height: 163px;
   line-height: 20px;
   overflow: hidden;
}

#contactInfo .photo {
   float: left;
   position: relative;
   padding: 1px 11px 13px 1px;
   overflow:hidden;
}

#contactInfo .photo .borderBottom{
   background:url("images/contact_photo_border.png") no-repeat left bottom;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 133px;
   height: 645px;
   z-index: 100;
}

#contactInfo .photo .borderTop{
   background:url("images/contact_photo_border.png") no-repeat left top;
   position: absolute;
   top: 0;
   left: 0;
   width: 133px;
   height: 49px;
   z-index: 200;
}

#contactInfo .info {
   float: right;
   width: 230px;
}
#contactInfo .info.noPhoto { width: 383px; }

#contactInfo h3 {
   font-weight: bold;
   font-size: 14px;
}

#contactInfo strong {
   font-weight: bold;
}

#contactInfo a {
   font-weight: bold;
   color: #604C49;
   text-decoration: none;
}
#contactInfo a:hover { text-decoration: underline; }




.downloadItems {
   margin-bottom: 20px;
   font-size: 1.2em;
}

.downloadItem {
   clear: both;
   margin-bottom:20px;
}

.downloadItem .links {
   margin-left: 350px;
}

.downloadItems h3 {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 14px;
}

.downloadItems img { margin-bottom: 10px; float: left; }
.downloadItems p { margin-bottom: 10px }
.downloadItems li {
   list-style: disc;
   margin: 0 0 0 20px;
   line-height: 18px;
}

.downloadItems a {
   color: #604C49;
}






.pagePoll .pollItem {
   margin:0 auto;
   padding:20px;
   width:500px;
}

.pagePoll .pollItem p { margin-bottom: .5em }

.pagePoll .pollButtons {
   clear:both;
   margin:0 auto;
   padding:20px 20px 40px;
   text-align:right;
   width:500px;
}

.pagePoll .pollButtons #submit {
   background: url(images/button.png) no-repeat;
   display: inline-block;
   width: 135px;
   height: 52px;
   text-align: center;
   color:#DC3D31;
   text-decoration: none;
   font-size: 25px;
   border: none;
   padding: 0;
}

.pagePoll .pollButtons #submit:hover {
   background: url(images/button_active.png) no-repeat;
   color: #ffefbf;
}




#loginForm {
   width: 300px;
   margin: 50px auto;
   width: 292px;
}

.loginBox label {
   display: block;
   color: #9f9391;
}

.loginBox input {
   border: none;
   background: url(images/input_bg.gif) no-repeat;
   padding: 11px 20px;
   border: none;
   width: 244px;
}
.loginBox p { margin: 0 0 10px; }
.loginBox #loginSubmit{
   background: none;
   width: auto;
   padding:0 11px 0 0;
   float: right;
   border: none;
   color: #9f9391;
   margin-top:-3px;
}


.pageOrders #rightWrapper h2 {
   font-weight: bold;
   font-size: 14px;
}

.pageOrders #rightWrapper #orderFiles {
   border-bottom:1px dotted #CCC3A9;
   overflow: hidden;
   height: 143px;
   margin-bottom: 40px;
   padding: 0 10px 0 0;
}

.pageOrders #rightWrapper #orderFiles p {
   margin-top: 120px;
   float: left;
}
.pageOrders #rightWrapper #orderFiles a {
   float: right;
   margin-left: 20px;
   margin-top: 80px;
}

.pageOrders #orderSendFile {
   padding: 30px 0 0;
}

.pageOrders #orderSendFile .errorMsg {
   font-weight: bold;
   color: red;
   padding-bottom: 10px
}

.pageOrders #orderSendFile .infoMsg {
   font-weight: bold;
   padding-bottom: 10px
}

.pageOrders #orderSendFile button {
   border: none;
   background: none;
   color: #9f9391;
   float: right;
   cursor: pointer;
}

#orderSendFile form {
   width: 457px
}

.inputFile {
   display: block;
   width: 437px;
   height: 35px;
   background: url(images/file_input.png) no-repeat;
   overflow: hidden;
   margin-bottom: 10px;
   position: relative;
   line-height:35px;
   padding:0 0 0 20px;
}
.inputFile:hover { background-image: url(images/file_input_active.png) }

.inputFile input {
   font-size:120px;
   opacity:0;
   filter: alpha(opacity = 0);
   position:absolute;
   right:0;
   top:0;
   cursor: pointer;
}

/******************************************************************************* PRODUCTS CAROUSEL */
.itemsCarousel {
   width:668px;
   padding: 0 31px;
   background:url("images/products_bg2.png") no-repeat scroll left top transparent;
   height:360px;
   position: relative;
   display: none;
}
#productsCarousel.itemsCarousel { float: right; }
#smallCarousel.itemsCarousel { 
   background: url("images/list_bg2.png") no-repeat left bottom;
   height: 148px;
   width: 666px;
}

.itemsCarousel .next,
.itemsCarousel .prev {
   position: absolute;
   z-index: 30;
   top: 103px;
   left: 0;
   width:30px;
   height: 30px;
   overflow: hidden;
   text-indent: -6000px;
   cursor: pointer;
   background: no-repeat;
}
.itemsCarousel .next { background-image: url(images/photo_border_arrow_right.png); left:701px; }
.itemsCarousel .prev { background-image: url(images/photo_border_arrow_left.png); }
.itemsCarousel .next:hover { background-image: url(images/photo_border_arrow_right_active.png); }
.itemsCarousel .prev:hover { background-image: url(images/photo_border_arrow_left_active.png); }

#smallCarousel .next { top: 90px; left: 637px; }
#smallCarousel .prev { top: 90px; left: 1px; }


.itemsCarousel .carousel {
   margin: -10px 0 20px;
}

#smallCarousel .carousel {
   margin: 0 0 20px;
}

.itemsCarousel .carousel li {
   width: 167px;
   text-align: center;
   position: relative;
   height: 230px;
}
#smallCarousel .carousel li {
   width: 121px;
   height: 135px;
}

.itemsCarousel .carousel li .imgHolder {
   position: absolute;
   bottom: 0;
   left: 50%;
}

.itemsCarousel .carousel a {
   outline: none;
}

.itemsCarousel .carousel img {
   position: relative;
   left: -50%;
}

.itemsCarousel li .newText,
.itemsCarousel li .description {
   display: none;
}

.itemsCarousel .descriptionHolder {
   /*max-height: 146px;
   overflow: auto;*/
   background: #fff;
}

.itemsCarousel .descriptionHolder .promoText {
   padding: 1em 0 0;
   display: block;
}

.itemsCarousel .descriptionHolder strong {
   font-weight: bold;
   display: block;
   margin-bottom: .5em;
}

.itemsCarousel .marker {
   background: url(images/products_circle.gif) no-repeat;
   height: 15px;
   width: 15px;
   position: absolute;
   top: 4px;
   left: 50%;
   margin-left: -8px;
}
#smallCarousel.itemsCarousel .marker { display: none !important; }

#smallCarousel .itemsListTitle {
   position: absolute;
   top: -33px;
   left: 0;
   padding: 0 0 5px 17px;
   font-size: 24px;
   color: #dc3c30;
}

#smallCarousel .itemsListTitle span { color: #5e4441; }

#pollError {
   color: red;
   margin:0 auto;
   padding:20px 20px 0;
   width:500px;
   font-weight: bold;
   display: none;
   font-size: 14px;
}

#pollForm .error {
   color: red;
}

.descriptionHolder p,
.newTextHolder p { margin-bottom: .5em; }

.curvy10 {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
}

.curvy30 {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
}

#productsCarousel .descriptionHolderWrapper {
   overflow: auto;
   height: 146px;
   width: 100% !important;
}

#productsCarousel .descriptionHolderWrapper .jspVerticalBar { background: none; }
#productsCarousel .descriptionHolderWrapper .jspTrack { background: url("images/scroll_track.png") repeat-y center center; }
#productsCarousel .descriptionHolderWrapper .jspDrag { background: url("images/scroll_drag.png") no-repeat center center; }
#productsCarousel .descriptionHolderWrapper .jspArrowUp { background: url("images/scroll_top.png") no-repeat center center; }
#productsCarousel .descriptionHolderWrapper .jspArrowDown { background: url("images/scroll_bottom.png") no-repeat center center; }
#productsCarousel .descriptionHolderWrapper .jspVerticalBar .jspArrow { height: 14px; }

#errorWrapper {
   font-size: 3em;
   text-align: center;
   font-weight: bold;
   padding: 100px 120px;
}

/******************************************************************************* skins */
#winter #top { background-image: url("images/winter/top_bg.png"); }
#winter #topWrapper { background: none; }
#winter #topWrapper2 { background-image: url("images/winter/top.png"); height: 131px; }
#winter #footer { background-image: url("images/winter/footer_bg2.gif"); }
#winter #footer p { background-image: url("images/winter/footer_bg.png"); }
#winter #langChange { background: none; height:33px; top:98px; }
#winter #topMenu li { background: none; }

#spring #top { background-image: url("images/spring/top_bg.png"); }
#spring #topWrapper { background: none; }
#spring #supportMenu a { color: #408300; }
#spring #topWrapper2 { background-image: url("images/spring/top.png"); }
#spring #footer p { background: none; }
#spring #footer { background-image: url("images/spring/footer_bg.jpg"); background-position: center top; }