html, body, form { min-height: 100% }
body {
   background: #fdefd4 url(images/coffee_beans2.jpg) no-repeat top center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #431300;
}

input, select, textarea {
   font-size: 1.1em;
   color: #431300;
   font-family: Arial, Helvetica, sans-serif;
}

a,
a:visited { color: #431300; }
a:focus,
a:hover { text-decoration: underline; }
a:hover:focus { outline: none; }

.groupNews #content a,
.groupNews #content a:visited { color: #431300; }
.groupProducts #content a,
.groupProducts #content a:visited { color: #e8d0aa; }

#wrapper {
   width: 960px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   padding: 0 0 29px;
}


#top {
   height: 131px;
   position: relative;
}
#top legend { display: none; }

#top #websiteTitle a {
   background: url(images/top_logo.png) no-repeat;
   top: 0;
   left: 54px;
   position: absolute;
   z-index: 10;
   text-indent: -6000px;
   overflow: hidden;
   width: 64px;
   height: 81px;
}

#top #slogan {
   background: url(images/top_slogan.png) no-repeat;
   top: 13px;
   left: 170px;
   position: absolute;
   z-index: 10;
   text-indent: -6000px;
   overflow: hidden;
   width: 469px;
   height: 82px;
}

.searchForm legend { display: none; }
.searchForm .searchLabel {
   background: url(images/txt_znajdz_kawiarnie.png) no-repeat;
   top: 18px;
   right: 154px;
   position: absolute;
   z-index: 10;
   text-indent: -6000px;
   overflow: hidden;
   width: 111px;
   height: 14px;
}

.searchForm .searchInput {
   background: #fffdee;
   top: 37px;
   right: 140px;
   position: absolute;
   z-index: 10;
   width: 130px;
   height: 18px;
   padding: 1px 5px;
   border: none;
   font-weight: bold;
}
.searchForm .searchInput:focus {
   padding: 0 4px;
   border: 1px solid #e9d1bc;
}

.searchForm .searchButton {
   background: url(images/search_button.png) no-repeat;
   top: 35px;
   right: 108px;
   position: absolute;
   z-index: 10;
   text-indent: -6000px;
   overflow: hidden;
   width: 26px;
   height: 24px;
   border: none;
}

#facebookLink {
   position: absolute;
   bottom: 6px;
   left: 521px;
   background: url(images/facebook.jpg) no-repeat top right;
   padding: 4px 27px 0 0;
   height: 15px;
   z-index: 110;
   color:#431300;
}
.pageHome #facebookLink { bottom: 26px; }

#facebookLink span {
   display: none;
}

/**************************************************************** MAIN MENU ***/
#mainMenu { margin: 0; padding: 0; border: 0; overflow: hidden; height: 0;}

#mainMenu li {
   list-style: none;
   margin: 0; padding: 0; border: 0;
}

#mainMenu li {
   display: block;
   position: absolute;
   top: 105px;
   height: 26px;
   z-index: 30;
   padding: 0 17px;
   background-repeat: no-repeat;
   background-position: center center;
}
#mainMenu li a {
   overflow: hidden;
   text-indent: -6000px;
   display: block;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center center;
   margin: 0 -17px;
   font-family: Arial, Helvetica, sans-serif;
}

#mainMenu #newsMenu {
   background-image: url(images/menu_news.gif);
   width: 75px;
   left: 54px;
}
#mainMenu #newsMenu.current a,
#mainMenu #newsMenu a:focus,
#mainMenu #newsMenu a:hover {
   background-image: url(images/menu_active_news.gif);
   background-color: #bd8a58;
}

#mainMenu #coffeeMenu {
   background-image: url(images/menu_coffee.gif);
   width: 34px;
   left: 163px;
   background-color: #fdefd4;
}

#mainMenu #coffeeMenu.current a,
#mainMenu #coffeeMenu a:focus,
#mainMenu #coffeeMenu a:hover {
   background-image: url(images/menu_active_coffee.gif);
   background-color: #551c01;
}

#mainMenu #productsMenu {
   background-image: url(images/menu_products.gif);
   width: 69px;
   left: 231px;
   /*left: 163px;*/
}
#mainMenu #productsMenu.current a,
#mainMenu #productsMenu a:focus,
#mainMenu #productsMenu a:hover {
   background-image: url(images/menu_active_products.gif);
   background-color: #844f2e;
}

#mainMenu #storesMenu {
   background-image: url(images/menu_stores.gif);
   width: 63px;
   left: 334px;
   /*left:266px;*/
}
#mainMenu #storesMenu.current a,
#mainMenu #storesMenu a:focus,
#mainMenu #storesMenu a:hover {
   background-image: url(images/menu_active_stores.gif);
   background-color: #755f75;
}

#mainMenu #developmentMenu {
   background-image: url(images/menu_development.gif);
   width: 146px;
   left: 431px;
   /*left:363px;*/
}
#mainMenu #developmentMenu.current a,
#mainMenu #developmentMenu a:focus,
#mainMenu #developmentMenu a:hover {
   background-image: url(images/menu_active_development.gif);
   background-color: #6a7429;
}

#mainMenu #jobsMenu {
   background-image: url(images/menu_jobs.gif);
   width: 88px;
   left: 611px;
   /*left: 543px;*/
}
#mainMenu #jobsMenu.current a,
#mainMenu #jobsMenu a:focus,
#mainMenu #jobsMenu a:hover {
   background-image: url(images/menu_active_jobs.gif);
   background-color: #b1968b;
}

/*#mainMenu #moviesMenu {
   background-image: url(images/menu_jobs.gif);
   width: 88px;
   left: 722px;
   left: 543px;
}
#mainMenu #moviesMenu.current a,
#mainMenu #moviesMenu a:focus,
#mainMenu #moviesMenu a:hover {
   background-image: url(images/menu_active_jobs.gif);
   background-color: #b1968b;
}*/

#mainMenu #aboutMenu {
   top: auto;
   height: 24px;
   bottom: 5px;
   background-image: url(images/menu_about.gif);
   width: 30px;
   left: 54px;
}
#mainMenu #aboutMenu.current a,
#mainMenu #aboutMenu a:focus,
#mainMenu #aboutMenu a:hover {
   background-image: url(images/menu_active_about.gif);
   background-color: #8c556e;
}

#mainMenu #pressMenu {
   top: auto;
   height: 24px;
   bottom: 5px;
   background-image: url(images/menu_press.gif);
   width: 63px;
   left: 118px;
}
#mainMenu #pressMenu.current a,
#mainMenu #pressMenu a:focus,
#mainMenu #pressMenu a:hover {
   background-image: url(images/menu_active_press.gif);
   background-color: #e18243;
}

#mainMenu #contactMenu {
   top: auto;
   height: 24px;
   bottom: 5px;
   background-image: url(images/menu_contact.gif);
   width: 41px;
   left: 215px;
}
#mainMenu #contactMenu.current a,
#mainMenu #contactMenu a:focus,
#mainMenu #contactMenu a:hover {
   background-image: url(images/menu_active_contact.gif);
   background-color: #d97f21;
}

#mainMenu ul {
   position: absolute;
   top: 26px;
   left: 0;
   z-index: 40;
   display: none;
   margin: 0;
   padding: 5px 0;
   white-space: nowrap;
}
#mainMenu .current ul { display: block; }
.groupProducts #mainMenu ul { /*left:-155px;*/ left: -108px; }
.groupDevelopment #mainMenu ul { left:-204px; }
.groupJobs #mainMenu ul { left:-128px; }

#mainMenu ul li {
   text-indent: 0;
   color: #FFFBD9;
   position: static;
   height: auto;
   display: inline;
   padding: 0 10px;
   border-left: 1px solid #ceb695;
}
#mainMenu ul li.first { border-left: none; }
#mainMenu #developmentMenu ul li { border-left-color: #dadaae; }
#mainMenu #jobsMenu ul li { border-left-color: #e0d3ba; }

#mainMenu ul a {
   text-indent: 0;
   color: #FFFBD9;
   position: static;
   height: auto;
   margin: 0;
   display: inline;
   font-weight: bold;
   font-size: 1.1em;
}

#mainMenu #newsMenu.current ul a,
#mainMenu #coffeeMenu.current ul a,
#mainMenu #productsMenu.current ul a,
#mainMenu #storesMenu.current ul a,
#mainMenu #developmentMenu.current ul a,
#mainMenu #jobsMenu.current ul a,
#mainMenu #aboutMenu.current ul a,
#mainMenu #pressMenu.current ul a,
#mainMenu #contactMenu.current ul a { background: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#mainMenu #newsMenu ul a:focus,
#mainMenu #newsMenu ul a:hover,
#mainMenu #newsMenu ul .current a,
#mainMenu #coffeeMenu ul a:focus,
#mainMenu #coffeeMenu ul a:hover,
#mainMenu #coffeeMenu ul .current a,
#mainMenu #productsMenu ul a:focus,
#mainMenu #productsMenu ul a:hover,
#mainMenu #productsMenu ul .current a,
#mainMenu #storesMenu ul a:focus,
#mainMenu #storesMenu ul a:hover,
#mainMenu #storesMenu ul .current a,
#mainMenu #developmentMenu ul a:focus,
#mainMenu #developmentMenu ul a:hover,
#mainMenu #developmentMenu ul .current a,
#mainMenu #jobsMenu ul a:focus,
#mainMenu #jobsMenu ul a:hover,
#mainMenu #jobsMenu ul .current a,
#mainMenu #aboutMenu ul a:focus,
#mainMenu #aboutMenu ul a:hover,
#mainMenu #aboutMenu ul .current a,
#mainMenu #pressMenu ul a:focus,
#mainMenu #pressMenu ul a:hover,
#mainMenu #pressMenu ul .current a,
#mainMenu #contactMenu ul a:focus,
#mainMenu #contactMenu ul a:hover,
#mainMenu #contactMenu ul .current a {
   background: none;
   text-decoration: none;
   background: url(images/submenu_underline_products.gif) repeat-x left bottom;
   padding: 0 0 2px;
}
#mainMenu #developmentMenu ul a:focus,
#mainMenu #developmentMenu ul a:hover,
#mainMenu #developmentMenu ul .current a {
   background-image: url(images/submenu_underline_development.gif);
}
#mainMenu #jobsMenu ul a:focus,
#mainMenu #jobsMenu ul a:hover,
#mainMenu #jobsMenu ul .current a {
   background-image: url(images/submenu_underline_jobs.gif);
}

.pageHome #mainMenu #aboutMenu,
.pageHome #mainMenu #pressMenu,
.pageHome #mainMenu #contactMenu { bottom:25px; }


/****************************************************************** CONTENT ***/
#content {
   background: #bd8a58;
   margin: 0 73px 0 54px;
   color: #fffbd9;
}
.groupNews #content { background: #bd8a58; }
.groupProducts #content {  background: #844f2e url(images/products_bg.png) no-repeat 0 21px; }
.pageProductsHome #content {  background: #844f2e url(images/products_bg3.png) no-repeat 0 47px; }
.pageProductsMenuIntro #content {  background-image: none; }
.ifNotCoffee #content,
.productsHotCoffee #content {  background: #844f2e url(images/products_bg_a.jpg) no-repeat 0 4px; }
.productsColdCoffee #content {  background: #844f2e url(images/products_bg_b.jpg) no-repeat 0 0; }
.productsYourCoffee #content {  background: #844f2e url(images/products_bg_c.jpg) no-repeat 0 4px; }

.productsCakes #content,
.productsCookies #content,
.productsMuffins #content {  background: #844f2e url(images/products_bg_d.gif) repeat-y 0 -1px; }
.productsSandwiches #content,
.productsFocaccia #content,
.productsWraps #content,
.productsBagels #content,
.productsSalads #content {  background: #844f2e url(images/products_bg_e.jpg) no-repeat 0 -2px; }
.groupDevelopment #content {  background: #6a7429; }


#contentBody {
   padding: 52px 20px 15px;
   min-height: 300px;
   position: relative;
   overflow: hidden;
}
.pageHome #contentBody {
   overflow: visible;
   height:360px;
}

.groupProducts #contentBody {  background: url(images/products_bg2.png) no-repeat 503px 166px; }
/*.pageProductsHome #contentBody {
   background: url(images/products_bg_winter_taste.jpg) no-repeat 31px 29px;
   height: 360px;
}*/
.pageProductsMenuIntro #contentBody {
   background: url(images/products_menu_bg_winter_taste.jpg) no-repeat 19px 26px;
   height: 410px;
}
.productsHotCoffee #contentBody { background: none; }
.productsColdCoffee #contentBody { background: none; }
.productsYourCoffee #contentBody { background: none; }
.productsCakes #contentBody { background: url(images/products_bg_d_cakes.jpg) no-repeat 36px 68px; }
.productsCookies #contentBody { background: url(images/products_bg_d_cookies.jpg) no-repeat 31px 81px; }
.productsMuffins #contentBody { background: url(images/products_bg_d_muffins.jpg) no-repeat 46px 56px; }
.productsSandwiches #contentBody { background: url(images/products_bg_e_sandwiches.jpg) no-repeat 17px 73px; }
.productsFocaccia #contentBody { background: url(images/products_bg_e_focaccia.jpg) no-repeat 19px 79px; }
.productsWraps #contentBody { background: url(images/products_bg_e_wraps.jpg) no-repeat 21px 74px; }
.productsBagels #contentBody { background: url(images/products_bg_e_bagels.jpg) no-repeat 25px 66px; }
.productsSalads #contentBody { background: url(images/products_bg_e_salads.jpg) no-repeat 28px 45px; }
.ifNotCoffee #contentBody { background: url(images/products_bg_not_coffee.jpg) no-repeat 44px 33px }

.pageProductsAccessories #contentBody { 
   padding-right:270px;
   padding-left: 32px;
}

h2#pageTitle { font-size: 18px; height: 34px; }
h2#pageTitle.sIFR-replaced object { outline: none; }
.groupProducts h2#pageTitle { color: #ecd3aa; }
.groupDevelopment h2#pageTitle { color: #2a3e0f; }

#homeContent {
   position: absolute;
   top: -14px;
   left: 0;
   z-index: 18;
}

/***************************************************************** PRODUCTS ***/
.pageProductsHome #productsBannerBox {
   height: 218px;
   text-indent: -6000px;
}

.pageProductsAccessories  .productsHomeBox,
.pageProductsHome .productsHomeBox {
   float: left;
   background: url(images/products_box_border.gif) repeat-y right top;
}
.pageProductsAccessories #accessoriesBox2,
.pageProductsHome #calculatorBox { background: none; }

.pageProductsAccessories .productsHomeBox .body,
.pageProductsHome .productsHomeBox .body {
   height: 126px;
   width: 130px;
   padding: 0 10px 0 110px;
   position: relative;
}

.pageProductsHome #productsMenuBox .body {
   width: 145px;
   background: url(images/products_box_bg_menu.jpg) no-repeat 0 8px;
}
.pageProductsHome #accessoriesBox .body { 
   width: 138px;
   background: url(images/products_box_bg_accessories.jpg) no-repeat 8px 0;
}
.pageProductsHome #calculatorBox .body {
   width: 150px;
   padding: 0 0 0 100px;
   background: url(images/products_box_bg_calculator.jpg) no-repeat 10px 0;
}

.pageProductsAccessories #accessoriesBox1 .body {
   width: 245px;
   padding: 0 10px 0 0;
}

.pageProductsAccessories #accessoriesBox2 .body {
   width: 240px;
   padding: 0 0 0 10px;
}

.pageProductsHome .productsHomeBox h3 {
   font-size: 1.3em;
}
.pageProductsAccessories .productsHomeBox h3 {
   font-size: 11px;
   width: 145px;
   height: 35px;
   float:left;
}
.pageProductsAccessories #accessoriesBox2.productsHomeBox  h3 { width:110px; }

.pageProductsAccessories .productsHomeBox img {
   float: left;
   margin-right: 8px;
}
.pageProductsAccessories .productsHomeBox p { clear: right; }
.pageProductsAccessories .productsHomeBox .moreLink,
.pageProductsHome .productsHomeBox .moreLink {
   text-decoration: underline;
   position: absolute;
   bottom: 15px;
   right: 15px;
   font-size: 12px;
}

.pageProductsMenuIntro #productsMenuIntro {
   text-indent: -6000px;
   width: 200px;
}

.groupProducts #productsMenuMenu {
   position: absolute;
   right: 42px;
   top: 53px;
   width: 149px;
   height: 271px;
   padding: 11px 30px 0 20px;
   font-weight: bold;
   background: url(images/menu_bg.gif) no-repeat left top;
}
.pageProductsAccessories #productsMenuMenu {
   padding: 11px 22px 0 13px;
   width: 164px;
   font-size:10px;
}
.pageProductsMenuIntro #productsMenuMenu { background: none; }

.groupProducts #productsMenuMenu li {
   background: url(images/products_menu_separator.gif) no-repeat left bottom;
   padding: 1px 0 5px;
}
.pageProductsAccessories #productsMenuMenu li { background-image: url(images/products_menu_separator2.gif); }
.groupProducts #productsMenuMenu li.last { background-image: none }

.groupProducts #productsMenuMenu a,
.groupProducts #productsMenuMenu a:visited {
   color: #764e33;
   font-size: 1.2em;
   display: block;
   padding: 3px 0 0 13px;
   height: 18px;
   font-family: Arial, Helvetica, sans-serif;
}
.pageProductsAccessories #productsMenuMenu a,
.pageProductsAccessories #productsMenuMenu a:visited { padding-left: 6px; }

.groupProducts #productsMenuMenu .current a,
.groupProducts #productsMenuMenu a:focus,
.groupProducts #productsMenuMenu a:hover {
   text-decoration: none;
   background: url(images/products_menu_hover_bg.gif) no-repeat 0 2px;
}
.pageProductsAccessories #productsMenuMenu .current a,
.pageProductsAccessories #productsMenuMenu a:focus,
.pageProductsAccessories #productsMenuMenu a:hover { background-image: url(images/products_menu_hover_bg2.gif); }

.groupProducts #productsMenuMenu .submenu {
   display: none;
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0;
}
.groupProducts #productsMenuMenu .current .submenu { display: block; }

.groupProducts #productsMenuMenu .submenu li {
   background: none;
   padding: 0 0 3px 30px;
   overflow: hidden;
}

.groupProducts #productsMenuMenu .submenu li a {
   background: none;
   padding: 0;
   display: inline;
   font-size: 1em;
   font-weight: normal;
   display: block;
   height: 12px;
   float: left;
}

.groupProducts #productsMenuMenu .submenu li.current a,
.groupProducts #productsMenuMenu .submenu li a:hover {
   text-decoration: underline;
   font-weight: bold;
}
.groupProducts h2#pageTitle {
   width: 410px;
   padding: 0;
   font-size: 1.9em;
}
.pageProductsMenu h2#pageTitle { padding-left: 113px; }

.groupProducts h3#sectionTitle {
   font-size: 1.3em;
   width: 410px;
}
.accessoriesIntro h3#sectionTitle { padding-bottom: 23px; }

.pageProductsMenu p#productsDescription {
   width: 410px;
   padding: 0 0 0 113px;
   min-height: 80px;
}

.pageProductsMenu #productsList {
   width: 484px;
   padding: 17px 0 0 40px;
   overflow: hidden;
}
.pageProductsMenu #productsList img { display: block; }

.pageProductsAccessories #aboutCategory {
   width: 530px;
   min-height: 70px;
   padding: 3px 0 15px 0;
}
.accessoriesIntro #aboutCategory { min-height: 110px; }

.pageProductsAccessories .accessoriesList {
   width: 540px;
}

.pageProductsAccessories #content .ieDivider {
   clear: both;
   width: 540px;
}

.pageProductsAccessories #content .accessoriesItem {
   width: 160px;
   text-align: center;
   float: left;
   padding: 0 5px 25px;
   font-weight: bold;
   cursor: pointer;
   color: #fef9dc;
}
.pageProductsAccessories #content .accessoriesItem:hover { color: #ecd3aa; }
.pageProductsAccessories .accessoriesItem .caption {
   padding: 5px 5px 0;
   display: block;
}

.pageProductsAccessories #content .accessoriesItem.firstInARow {
   clear: both;
}


.storesWindow .storesPopup div.scrollableStores {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 483px;
    height:323px;
    float: left;
}

.storesWindow .storesPopup div.scrollableStores div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.storesWindow .storesPopup div.scrollableStores div.items div {
    float:left;
}

/* you may want to setup some decorations to active the item */
.storesWindow .storesPopup div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}


/********************************************************************* sIFR ***/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }

  .sIFR-active object {
    display: block;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}


.pageStoresHome .rightBox .scrollableList {
   position:relative;

   background:url(images/stores_line.jpg) no-repeat top;
   height: 412px;
   width: 223px;
}

.pageStoresHome .rightBox .scrollableList .storesList {
   position:absolute;
   height:20000em;
}

.pageStoresHome .btnPrevious.disabled,
.pageStoresHome .btnNext.disabled {
   visibility: hidden;
}

.groupJobs .jScrollPaneTrack {
   background: url(images/scroll_track.gif) repeat-y top center;
}

.groupJobs .jScrollPaneDrag {
   background: url(images/scroll_drag.gif) no-repeat 0 2px;
}

.googleMap #map {
   width:469px;
   height:270px;
   margin:6px 0 0 6px;
}
.boxWithScrollbar,
.boxWithScrollbar2,
.boxWithScrollbar1 {
   height: 250px;
   width: 680px;
   overflow: hidden;
}

#calcWrapper { height:833px; }

#calcWrapper #calc {
   height: 800px;
   position:absolute;
   left:0px;
   top:80px;
}

#TBLayout {
   padding:0px !important;
   overflow: hidden !important;
   background-color:#a8948d
}

.applicationForm {
   width: 480px;
}

.displayNone {
   display:none;
}

.productWindow .productContent .description { line-height: 10px; }

.topEmployers{
    width: 92px;
    height: 41px;
    background: url(images/top_employers.png) no-repeat;
    display: block;
}